diff options
author | Bastien Wirtz <bastien.wirtz@gmail.com> | 2021-10-25 04:46:58 -0700 |
---|---|---|
committer | GitHub <noreply@github.com> | 2021-10-25 04:46:58 -0700 |
commit | cf33747f4272baf124b99af9ed8efcca07d1d6b9 (patch) | |
tree | 3baf349e66ca008b80c1f52d6b2bba7b325b592e /src/components | |
parent | 46c9a513e5159797a46f5199abfbfa457c548688 (diff) | |
parent | 446e78d2ab78b19a621e4a66297f774de1041c01 (diff) | |
download | homer-cf33747f4272baf124b99af9ed8efcca07d1d6b9.tar.gz homer-cf33747f4272baf124b99af9ed8efcca07d1d6b9.tar.zst homer-cf33747f4272baf124b99af9ed8efcca07d1d6b9.zip |
Merge pull request #274 from robinschneider/hotkey
Added custom hotkey support
Diffstat (limited to 'src/components')
-rw-r--r-- | src/components/SearchInput.vue | 12 |
1 files changed, 9 insertions, 3 deletions
diff --git a/src/components/SearchInput.vue b/src/components/SearchInput.vue index 40c5a1d..586ff71 100644 --- a/src/components/SearchInput.vue +++ b/src/components/SearchInput.vue | |||
@@ -15,10 +15,16 @@ | |||
15 | <script> | 15 | <script> |
16 | export default { | 16 | export default { |
17 | name: "SearchInput", | 17 | name: "SearchInput", |
18 | props: ["value"], | 18 | props: { |
19 | value: String, | ||
20 | hotkey: { | ||
21 | type: String, | ||
22 | default: "/" | ||
23 | } | ||
24 | }, | ||
19 | mounted() { | 25 | mounted() { |
20 | this._keyListener = function (event) { | 26 | this._keyListener = function (event) { |
21 | if (event.key === "/") { | 27 | if (event.key === this.hotkey) { |
22 | event.preventDefault(); | 28 | event.preventDefault(); |
23 | this.focus(); | 29 | this.focus(); |
24 | } | 30 | } |
@@ -28,7 +34,7 @@ export default { | |||
28 | }; | 34 | }; |
29 | document.addEventListener("keydown", this._keyListener.bind(this)); | 35 | document.addEventListener("keydown", this._keyListener.bind(this)); |
30 | 36 | ||
31 | // fill seach from get parameter. | 37 | // fill search from get parameter. |
32 | const search = new URLSearchParams(window.location.search).get("search"); | 38 | const search = new URLSearchParams(window.location.search).get("search"); |
33 | if (search) { | 39 | if (search) { |
34 | this.$refs.search.value = search; | 40 | this.$refs.search.value = search; |