summaryrefslogtreecommitdiff
path: root/ext/bg/js/search.js
diff options
context:
space:
mode:
authorAlex Yatskov <alex@foosoft.net>2017-08-14 19:55:04 -0700
committerAlex Yatskov <alex@foosoft.net>2017-08-14 19:55:04 -0700
commit82863cd86156d48b9f18dc10a560bedb82641862 (patch)
treec31e760ab960d5b4c3def5a313e8cf0fb9277612 /ext/bg/js/search.js
parent8b50dfe1e9a8be7b8d2a7c69b25bc04babfc1c0c (diff)
renaming files
Diffstat (limited to 'ext/bg/js/search.js')
-rw-r--r--ext/bg/js/search.js56
1 files changed, 56 insertions, 0 deletions
diff --git a/ext/bg/js/search.js b/ext/bg/js/search.js
new file mode 100644
index 00000000..87f50c32
--- /dev/null
+++ b/ext/bg/js/search.js
@@ -0,0 +1,56 @@
+/*
+ * Copyright (C) 2016 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) {
+ e.preventDefault();
+
+ try {
+ 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();