summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorAlex Yatskov <alex@foosoft.net>2017-03-19 15:45:30 -0700
committerAlex Yatskov <alex@foosoft.net>2017-03-19 15:45:30 -0700
commit55309c1cb39241e1f40aedb6986c77f410213b97 (patch)
treeeeb225f8d763e1494ec45ebdff9dc309f37dfca5
parent6d55767191f50bceef86bf78df7d340f9c5971c7 (diff)
wip
-rw-r--r--ext/mixed/js/display.js127
1 files changed, 79 insertions, 48 deletions
diff --git a/ext/mixed/js/display.js b/ext/mixed/js/display.js
index 707d70ee..25a095e0 100644
--- a/ext/mixed/js/display.js
+++ b/ext/mixed/js/display.js
@@ -54,6 +54,8 @@ class Display {
this.spinner.hide();
this.definitions = definitions;
+ this.context = context;
+ this.options = options;
const sequence = ++this.sequence;
const params = {
@@ -76,26 +78,9 @@ class Display {
const index = context && context.hasOwnProperty('index') ? context.index : 0;
this.entryScroll(index);
- $('.action-add-note').click(this.onActionAddNote.bind(this));
- $('.action-play-audio').click(e => {
- e.preventDefault();
- const index = Display.entryIndexFind($(e.currentTarget));
- this.audioPlay(this.definitions[index]);
- });
- $('.kanji-link').click(e => {
- e.preventDefault();
-
- const link = $(e.target);
- context = context || {};
- context.source = {
- definitions,
- index: Display.entryIndexFind(link)
- };
-
- this.kanjiFind(link.text()).then(kanjiDefs => {
- this.showKanjiDefs(kanjiDefs, options, context);
- }).catch(this.handleError.bind(this));
- });
+ $('.action-add-note').click(this.onAddNote.bind(this));
+ $('.action-play-audio').click(this.onPlayAudio.bind(this));
+ $('.kanji-link').click(this.onKanjiLookup.bind(this));
return this.adderButtonsUpdate(['term-kanji', 'term-kana'], sequence);
}).catch(this.handleError.bind(this));
@@ -106,6 +91,8 @@ class Display {
this.spinner.hide();
this.definitions = definitions;
+ this.context = context;
+ this.options = options;
const sequence = ++this.sequence;
const params = {
@@ -127,15 +114,8 @@ class Display {
const index = context && context.hasOwnProperty('index') ? context.index : 0;
this.entryScroll(index);
- $('.action-add-note').click(this.onActionAddNote.bind(this));
- $('.source-term').click(e => {
- e.preventDefault();
-
- if (context && context.source) {
- context.index = context.source.index;
- this.showTermDefs(context.source.definitions, options, context);
- }
- });
+ $('.action-add-note').click(this.onAddNote.bind(this));
+ $('.source-term').click(this.onSourceTerm.bind(this));
return this.adderButtonsUpdate(['kanji'], sequence);
}).catch(this.handleError.bind(this));
@@ -182,30 +162,54 @@ class Display {
this.index = index;
}
- onActionAddNote(e) {
+ onSourceTerm(e) {
e.preventDefault();
- this.spinner.show();
- const link = $(e.currentTarget);
- const mode = link.data('mode');
- const index = Display.entryIndexFind(link);
- const definition = this.definitions[index];
+ if (this.context && this.context.source) {
+ const context = {
+ url: this.context.source.url,
+ sentence: this.context.source.sentence,
+ index: this.context.source.index
+ };
- if (mode !== 'kanji') {
- const url = Display.audioBuildUrl(definition);
- const filename = Display.audioBuildFilename(definition);
- if (url && filename) {
- definition.audio = {url, filename};
- }
+ this.showTermDefs(this.context.source.definitions, this.options, context);
}
+ }
- this.definitionAdd(definition, mode).then(success => {
- if (success) {
- Display.adderButtonFind(index, mode).addClass('disabled');
- } else {
- this.handleError('note could not be added');
+ onKanjiLookup(e) {
+ e.preventDefault();
+
+ const link = $(e.target);
+ const context = {
+ source: {
+ definitions,
+ index: Display.entryIndexFind(link)
}
- }).catch(this.handleError.bind(this)).then(() => this.spinner.hide());
+ };
+
+ if (this.context) {
+ context.sentence = this.context.sentence || '';
+ context.url = this.context.url || '';
+ }
+
+ this.kanjiFind(link.text()).then(kanjiDefs => {
+ this.showKanjiDefs(kanjiDefs, options, context);
+ }).catch(this.handleError.bind(this));
+ }
+
+ onPlayAudio(e) {
+ e.preventDefault();
+
+ const index = Display.entryIndexFind($(e.currentTarget));
+ this.audioPlay(this.definitions[index]);
+ }
+
+ onAddNote(e) {
+ e.preventDefault();
+
+ const link = $(e.currentTarget);
+ const index = Display.entryIndexFind(link);
+ this.noteAdd(index, link.data('mode'));
}
onKeyDown(e) {
@@ -250,7 +254,33 @@ class Display {
}
}
- audioPlay(definition) {
+ sourceTerm(index) {
+
+
+ }
+
+ noteAdd(index, mode) {
+ this.spinner.show();
+
+ const definition = this.definitions[index];
+ if (mode !== 'kanji') {
+ const url = Display.audioBuildUrl(definition);
+ const filename = Display.audioBuildFilename(definition);
+ if (url && filename) {
+ definition.audio = {url, filename};
+ }
+ }
+
+ this.definitionAdd(definition, mode).then(success => {
+ if (success) {
+ Display.adderButtonFind(index, mode).addClass('disabled');
+ } else {
+ this.handleError('note could not be added');
+ }
+ }).catch(this.handleError.bind(this)).then(() => this.spinner.hide());
+ }
+
+ audioPlay(index) {
for (const key in this.audioCache) {
const audio = this.audioCache[key];
if (audio !== null) {
@@ -258,6 +288,7 @@ class Display {
}
}
+ const definition = this.definitions[index];
const url = Display.audioBuildUrl(definition);
if (!url) {
return;