aboutsummaryrefslogtreecommitdiff
path: root/ext/bg/js/search.js
diff options
context:
space:
mode:
authorAlex Yatskov <alex@foosoft.net>2017-08-17 19:19:34 -0700
committerAlex Yatskov <alex@foosoft.net>2017-08-17 19:19:34 -0700
commit7586572fbaab7de698ec13f8712cc95e24ab6273 (patch)
tree665417b73c928694b96c00a98dd882c618e1fd1d /ext/bg/js/search.js
parent3475150b2d1424d43f5be6fcfbdbb719a576866f (diff)
parent191336522c220b0a3cfe41515ed23946b3462217 (diff)
Merge branch 'dev'
Diffstat (limited to 'ext/bg/js/search.js')
-rw-r--r--ext/bg/js/search.js55
1 files changed, 55 insertions, 0 deletions
diff --git a/ext/bg/js/search.js b/ext/bg/js/search.js
new file mode 100644
index 00000000..54cda8ec
--- /dev/null
+++ b/ext/bg/js/search.js
@@ -0,0 +1,55 @@
+/*
+ * Copyright (C) 2016-2017 Alex Yatskov <alex@foosoft.net>
+ * Author: Alex Yatskov <alex@foosoft.net>
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program. If not, see <http://www.gnu.org/licenses/>.
+ */
+
+
+class DisplaySearch extends Display {
+ constructor() {
+ super($('#spinner'), $('#content'));
+
+ this.search = $('#search').click(this.onSearch.bind(this));
+ this.query = $('#query').on('input', this.onSearchInput.bind(this));
+ this.intro = $('#intro');
+
+ window.wanakana.bind(this.query.get(0));
+ }
+
+ onError(error) {
+ window.alert(`Error: ${error}`);
+ }
+
+ onSearchClear() {
+ this.query.focus().select();
+ }
+
+ onSearchInput() {
+ this.search.prop('disabled', this.query.val().length === 0);
+ }
+
+ async onSearch(e) {
+ try {
+ e.preventDefault();
+ this.intro.slideUp();
+ const {length, definitions} = await apiTermsFind(this.query.val());
+ super.termsShow(definitions, await apiOptionsGet());
+ } catch (e) {
+ this.onError(e);
+ }
+ }
+}
+
+window.yomichan_search = new DisplaySearch();