summaryrefslogtreecommitdiff
path: root/ext/bg/js/display-window.js
diff options
context:
space:
mode:
Diffstat (limited to 'ext/bg/js/display-window.js')
-rw-r--r--ext/bg/js/display-window.js19
1 files changed, 11 insertions, 8 deletions
diff --git a/ext/bg/js/display-window.js b/ext/bg/js/display-window.js
index 1f607510..52c0cafa 100644
--- a/ext/bg/js/display-window.js
+++ b/ext/bg/js/display-window.js
@@ -21,12 +21,11 @@ window.displayWindow = new class extends Display {
constructor() {
super($('#spinner'), $('#content'));
- const search = $('#search');
- search.click(this.onSearch.bind(this));
+ this.search = $('#search').click(this.onSearch.bind(this));
+ this.query = $('#query').on('input', this.inputSearch.bind(this));
+ this.intro = $('#intro');
- const query = $('#query');
- query.on('input', () => search.prop('disabled', query.val().length === 0));
- window.wanakana.bind(query.get(0));
+ window.wanakana.bind(this.query.get(0));
}
handleError(error) {
@@ -34,15 +33,19 @@ window.displayWindow = new class extends Display {
}
clearSearch() {
- $('#query').focus().select();
+ this.query.focus().select();
+ }
+
+ inputSearch() {
+ this.search.prop('disabled', this.query.val().length === 0);
}
async onSearch(e) {
e.preventDefault();
try {
- $('#intro').slideUp();
- const {length, definitions} = await apiTermsFind($('#query').val());
+ this.intro.slideUp();
+ const {length, definitions} = await apiTermsFind(this.query.val());
super.showTermDefs(definitions, await apiOptionsGet());
} catch (e) {
this.handleError(e);