anki stuff
This commit is contained in:
parent
614bea05c0
commit
519f48c7ff
@ -16,76 +16,6 @@
|
|||||||
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
|
|
||||||
// function renderText(data, template) {
|
|
||||||
// return invokeApiBg('renderText', {data, template});
|
|
||||||
// }
|
|
||||||
|
|
||||||
// function canAddDefinitions(definitions, modes) {
|
|
||||||
// return invokeApiBg('canAddDefinitions', {definitions, modes}).catch(() => null);
|
|
||||||
// }
|
|
||||||
|
|
||||||
// function addDefinition(definition, mode) {
|
|
||||||
// return invokeApiBg('addDefinition', {definition, mode});
|
|
||||||
// }
|
|
||||||
|
|
||||||
// function invokeApi(action, params, target) {
|
|
||||||
// target.postMessage({action, params}, '*');
|
|
||||||
// }
|
|
||||||
|
|
||||||
// function showSpinner(show) {
|
|
||||||
// const spinner = document.querySelector('.spinner');
|
|
||||||
// spinner.style.visibility = show ? 'visible' : 'hidden';
|
|
||||||
// }
|
|
||||||
|
|
||||||
// function registerKanjiLinks() {
|
|
||||||
// for (const link of Array.from(document.getElementsByClassName('kanji-link'))) {
|
|
||||||
// link.addEventListener('click', e => {
|
|
||||||
// e.preventDefault();
|
|
||||||
// invokeApi('displayKanji', e.target.innerHTML, window.parent);
|
|
||||||
// });
|
|
||||||
// }
|
|
||||||
// }
|
|
||||||
|
|
||||||
// function registerAddNoteLinks() {
|
|
||||||
// for (const link of Array.from(document.getElementsByClassName('action-add-note'))) {
|
|
||||||
// link.addEventListener('click', e => {
|
|
||||||
// e.preventDefault();
|
|
||||||
// const ds = e.currentTarget.dataset;
|
|
||||||
// invokeApi('addNote', {index: ds.index, mode: ds.mode}, window.parent);
|
|
||||||
// showSpinner(true);
|
|
||||||
// });
|
|
||||||
// }
|
|
||||||
// }
|
|
||||||
|
|
||||||
// function registerAudioLinks() {
|
|
||||||
// for (const link of Array.from(document.getElementsByClassName('action-play-audio'))) {
|
|
||||||
// link.addEventListener('click', e => {
|
|
||||||
// e.preventDefault();
|
|
||||||
// const ds = e.currentTarget.dataset;
|
|
||||||
// invokeApi('playAudio', ds.index, window.parent);
|
|
||||||
// });
|
|
||||||
// }
|
|
||||||
// }
|
|
||||||
|
|
||||||
// function api_setActionState({index, state, sequence}) {
|
|
||||||
// for (const mode in state) {
|
|
||||||
// const matches = document.querySelectorAll(`.action-bar[data-sequence="${sequence}"] .action-add-note[data-index="${index}"][data-mode="${mode}"]`);
|
|
||||||
// if (matches.length === 0) {
|
|
||||||
// return;
|
|
||||||
// }
|
|
||||||
|
|
||||||
// const classes = matches[0].classList;
|
|
||||||
// if (state[mode]) {
|
|
||||||
// classes.remove('disabled');
|
|
||||||
// } else {
|
|
||||||
// classes.add('disabled');
|
|
||||||
// }
|
|
||||||
|
|
||||||
// classes.remove('pending');
|
|
||||||
// }
|
|
||||||
// }
|
|
||||||
|
|
||||||
class FrameContext {
|
class FrameContext {
|
||||||
constructor() {
|
constructor() {
|
||||||
this.definitions = [];
|
this.definitions = [];
|
||||||
@ -107,6 +37,8 @@ class FrameContext {
|
|||||||
};
|
};
|
||||||
|
|
||||||
this.definitions = definitions;
|
this.definitions = definitions;
|
||||||
|
this.showSpinner(false);
|
||||||
|
|
||||||
renderText(context, 'term-list.html').then(content => {
|
renderText(context, 'term-list.html').then(content => {
|
||||||
$('.content').html(content);
|
$('.content').html(content);
|
||||||
|
|
||||||
@ -120,6 +52,47 @@ class FrameContext {
|
|||||||
const index = $(e.currentTarget).data('index');
|
const index = $(e.currentTarget).data('index');
|
||||||
this.playAudio(this.definitions[index]);
|
this.playAudio(this.definitions[index]);
|
||||||
});
|
});
|
||||||
|
|
||||||
|
$('.action-add-note').click(e => {
|
||||||
|
e.preventDefault();
|
||||||
|
this.showSpinner(true);
|
||||||
|
|
||||||
|
const link = $(e.currentTarget);
|
||||||
|
const index = link.data('index');
|
||||||
|
const mode = link.data('mode');
|
||||||
|
|
||||||
|
addDefinition(this.definitions[index], mode).then(success => {
|
||||||
|
if (success) {
|
||||||
|
const button = this.getAddButton(index, mode);
|
||||||
|
button.addClass('disabled');
|
||||||
|
} else {
|
||||||
|
window.alert('Note could not be added');
|
||||||
|
}
|
||||||
|
}).catch(error => {
|
||||||
|
window.alert('Error: ' + error);
|
||||||
|
}).then(() => {
|
||||||
|
this.showSpinner(false);
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
canAddDefinitions(definitions, ['term_kanji', 'term_kana']).then(states => {
|
||||||
|
if (states === null) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
states.forEach((state, index) => {
|
||||||
|
for (const mode in state) {
|
||||||
|
const button = this.getAddButton(index, mode);
|
||||||
|
if (state[mode]) {
|
||||||
|
button.removeClass('disabled');
|
||||||
|
} else {
|
||||||
|
button.addClass('disabled');
|
||||||
|
}
|
||||||
|
|
||||||
|
button.removeClass('pending');
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -130,11 +103,22 @@ class FrameContext {
|
|||||||
};
|
};
|
||||||
|
|
||||||
this.definitions = definitions;
|
this.definitions = definitions;
|
||||||
|
this.showSpinner(false);
|
||||||
|
|
||||||
renderText(context, 'kanji-list.html').then(content => {
|
renderText(context, 'kanji-list.html').then(content => {
|
||||||
$('.content').html(content);
|
$('.content').html(content);
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
getAddButton(index, mode) {
|
||||||
|
return $(`.action-add-note[data-index="${index}"][data-mode="${mode}"]`);
|
||||||
|
}
|
||||||
|
|
||||||
|
showSpinner(show) {
|
||||||
|
const spinner = document.querySelector('.spinner');
|
||||||
|
spinner.style.visibility = show ? 'visible' : 'hidden';
|
||||||
|
}
|
||||||
|
|
||||||
playAudio(definition) {
|
playAudio(definition) {
|
||||||
let url = `https://assets.languagepod101.com/dictionary/japanese/audiomp3.php?kanji=${encodeURIComponent(definition.expression)}`;
|
let url = `https://assets.languagepod101.com/dictionary/japanese/audiomp3.php?kanji=${encodeURIComponent(definition.expression)}`;
|
||||||
if (definition.reading) {
|
if (definition.reading) {
|
||||||
@ -154,37 +138,3 @@ class FrameContext {
|
|||||||
}
|
}
|
||||||
|
|
||||||
window.frameContext = new FrameContext();
|
window.frameContext = new FrameContext();
|
||||||
|
|
||||||
// api_addNote({index, mode}) {
|
|
||||||
// const state = {[mode]: false};
|
|
||||||
// addDefinition(this.definitions[index], mode).then(success => {
|
|
||||||
// if (success) {
|
|
||||||
// this.popup.invokeApi('setActionState', {index, state, sequence: this.sequence});
|
|
||||||
// } else {
|
|
||||||
// alert('Note could not be added');
|
|
||||||
// }
|
|
||||||
|
|
||||||
// this.popup.invokeApi('addNoteComplete');
|
|
||||||
// }).catch(error => {
|
|
||||||
// alert('Error: ' + error);
|
|
||||||
// });
|
|
||||||
// }
|
|
||||||
|
|
||||||
// api_playAudio(index) {
|
|
||||||
// const definition = this.definitions[index];
|
|
||||||
|
|
||||||
// let url = `https://assets.languagepod101.com/dictionary/japanese/audiomp3.php?kanji=${encodeURIComponent(definition.expression)}`;
|
|
||||||
// if (definition.reading) {
|
|
||||||
// url += `&kana=${encodeURIComponent(definition.reading)}`;
|
|
||||||
// }
|
|
||||||
|
|
||||||
// for (const key in this.audio) {
|
|
||||||
// this.audio[key].pause();
|
|
||||||
// }
|
|
||||||
|
|
||||||
// const audio = this.audio[url] || new Audio(url);
|
|
||||||
// audio.currentTime = 0;
|
|
||||||
// audio.play();
|
|
||||||
|
|
||||||
// this.audio[url] = audio;
|
|
||||||
// }
|
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user