This commit is contained in:
Alex Yatskov 2017-01-07 16:49:29 -08:00
parent 15ebc06fb3
commit 614bea05c0
2 changed files with 33 additions and 15 deletions

View File

@ -13,6 +13,7 @@
<div class="content"></div> <div class="content"></div>
<script src="../lib/jquery-2.2.2.min.js"></script> <script src="../lib/jquery-2.2.2.min.js"></script>
<script src="js/util.js"></script>
<script src="js/frame.js"></script> <script src="js/frame.js"></script>
</body> </body>
</html> </html>

View File

@ -88,6 +88,9 @@
class FrameContext { class FrameContext {
constructor() { constructor() {
this.definitions = [];
this.audio = {};
$(window).on('message', e => { $(window).on('message', e => {
const {action, params} = e.originalEvent.data, method = this['api_' + action]; const {action, params} = e.originalEvent.data, method = this['api_' + action];
if (typeof(method) === 'function') { if (typeof(method) === 'function') {
@ -103,8 +106,20 @@ class FrameContext {
playback: options.enableAudioPlayback playback: options.enableAudioPlayback
}; };
this.renderText('term-list.html', context).then(content => { this.definitions = definitions;
renderText(context, 'term-list.html').then(content => {
$('.content').html(content); $('.content').html(content);
$('.kanji-link').click(e => {
e.preventDefault();
findKanji($(e.target).text()).then(defs => this.api_showKanjiDefs({options, definitions: defs}));
});
$('.action-play-audio').click(e => {
e.preventDefault();
const index = $(e.currentTarget).data('index');
this.playAudio(this.definitions[index]);
});
}); });
} }
@ -114,25 +129,27 @@ class FrameContext {
addable: options.ankiMethod !== 'disabled' addable: options.ankiMethod !== 'disabled'
}; };
this.renderText('kanji-list.html', context).then(content => { this.definitions = definitions;
renderText(context, 'kanji-list.html').then(content => {
$('.content').html(content); $('.content').html(content);
}); });
} }
renderText(template, data) { playAudio(definition) {
return this.invokeBgApi('renderText', {data, template}); let url = `https://assets.languagepod101.com/dictionary/japanese/audiomp3.php?kanji=${encodeURIComponent(definition.expression)}`;
if (definition.reading) {
url += `&kana=${encodeURIComponent(definition.reading)}`;
} }
invokeBgApi(action, params) { for (const key in this.audio) {
return new Promise((resolve, reject) => { this.audio[key].pause();
chrome.runtime.sendMessage({action, params}, ({result, error}) => {
if (error) {
reject(error);
} else {
resolve(result);
} }
});
}); const audio = this.audio[url] || new Audio(url);
audio.currentTime = 0;
audio.play();
this.audio[url] = audio;
} }
} }