diff options
author | Alex Yatskov <alex@foosoft.net> | 2017-08-17 19:19:34 -0700 |
---|---|---|
committer | Alex Yatskov <alex@foosoft.net> | 2017-08-17 19:19:34 -0700 |
commit | 7586572fbaab7de698ec13f8712cc95e24ab6273 (patch) | |
tree | 665417b73c928694b96c00a98dd882c618e1fd1d /ext/bg/js/search.js | |
parent | 3475150b2d1424d43f5be6fcfbdbb719a576866f (diff) | |
parent | 191336522c220b0a3cfe41515ed23946b3462217 (diff) |
Merge branch 'dev'
Diffstat (limited to 'ext/bg/js/search.js')
-rw-r--r-- | ext/bg/js/search.js | 55 |
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(); |