diff options
Diffstat (limited to 'src/components')
-rw-r--r-- | src/components/Searcher.vue | 19 | ||||
-rw-r--r-- | src/components/Sugestion.vue | 13 |
2 files changed, 20 insertions, 12 deletions
diff --git a/src/components/Searcher.vue b/src/components/Searcher.vue index a1093a2..df6dd9e 100644 --- a/src/components/Searcher.vue +++ b/src/components/Searcher.vue | |||
@@ -11,9 +11,9 @@ | |||
11 | 11 | ||
12 | <Sugestion | 12 | <Sugestion |
13 | v-for="sugestion in sugestions" | 13 | v-for="sugestion in sugestions" |
14 | :key="sugestion[0]" | 14 | :key="sugestion[0]" |
15 | :command="sugestion[1]" | 15 | :sugestion="sugestion" |
16 | :class="{selected: sugestion[0] === current[0]}" | 16 | :class="{selected: sugestion[0] === current[0]}" |
17 | /> | 17 | /> |
18 | </div> | 18 | </div> |
19 | </template> | 19 | </template> |
@@ -64,7 +64,6 @@ export default { | |||
64 | async execute_current() { | 64 | async execute_current() { |
65 | let out = await this.current[1](this) | 65 | let out = await this.current[1](this) |
66 | 66 | ||
67 | console.log(out) | ||
68 | if(out instanceof Object) { | 67 | if(out instanceof Object) { |
69 | this.search = '' | 68 | this.search = '' |
70 | this.commands = out | 69 | this.commands = out |
@@ -72,25 +71,29 @@ export default { | |||
72 | }, | 71 | }, |
73 | 72 | ||
74 | hotkeys(e) { | 73 | hotkeys(e) { |
75 | e.preventDefault() | ||
76 | |||
77 | switch(e.code) { | 74 | switch(e.code) { |
78 | case 'Escape': | 75 | case 'Escape': |
79 | this.close() | 76 | e.preventDefault() |
80 | break | 77 | this.close() |
78 | break | ||
81 | case 'ArrowDown': | 79 | case 'ArrowDown': |
80 | e.preventDefault() | ||
82 | this.change_current(1) | 81 | this.change_current(1) |
83 | break | 82 | break |
84 | case 'ArrowUp': | 83 | case 'ArrowUp': |
84 | e.preventDefault() | ||
85 | this.change_current(-1) | 85 | this.change_current(-1) |
86 | break | 86 | break |
87 | case 'Tab': | 87 | case 'Tab': |
88 | e.preventDefault() | ||
88 | this.change_current(1) | 89 | this.change_current(1) |
89 | break | 90 | break |
90 | case 'Enter': | 91 | case 'Enter': |
92 | e.preventDefault() | ||
91 | this.execute_current() | 93 | this.execute_current() |
92 | break | 94 | break |
93 | case 'ShiftLeft': | 95 | case 'ShiftLeft': |
96 | e.preventDefault() | ||
94 | this.commands = CommandsService | 97 | this.commands = CommandsService |
95 | break | 98 | break |
96 | } | 99 | } |
diff --git a/src/components/Sugestion.vue b/src/components/Sugestion.vue index cfbcd93..4721ca2 100644 --- a/src/components/Sugestion.vue +++ b/src/components/Sugestion.vue | |||
@@ -1,14 +1,19 @@ | |||
1 | <template> | 1 | <template> |
2 | <div class="sugestion"> | 2 | <div class="sugestion"> |
3 | <span>{{command.name}}</span> | 3 | <span>{{sugestion[0]}}</span> |
4 | </div> | 4 | </div> |
5 | </template> | 5 | </template> |
6 | 6 | ||
7 | <script> | 7 | <script> |
8 | export default { | 8 | export default { |
9 | props: { | 9 | props: { |
10 | command: Function | 10 | sugestion: Array |
11 | } | 11 | }, |
12 | |||
13 | created() { | ||
14 | this.$nextTick(function () { | ||
15 | }) | ||
16 | } | ||
12 | 17 | ||
13 | } | 18 | } |
14 | </script> | 19 | </script> |
@@ -24,4 +29,4 @@ export default { | |||
24 | padding: 5px; | 29 | padding: 5px; |
25 | padding-right: 0px; | 30 | padding-right: 0px; |
26 | } | 31 | } |
27 | </style> \ No newline at end of file | 32 | </style> |