cleanup
This commit is contained in:
parent
15ebc06fb3
commit
614bea05c0
@ -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>
|
||||||
|
@ -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);
|
const audio = this.audio[url] || new Audio(url);
|
||||||
} else {
|
audio.currentTime = 0;
|
||||||
resolve(result);
|
audio.play();
|
||||||
}
|
|
||||||
});
|
this.audio[url] = audio;
|
||||||
});
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user