Handle CTRL-N & CTRL-P to cycle through search results

Better style of search result task item
DU4L · Dec 20, 2021 · ef5449c · ef5449c
1 parent 866db6a
commit ef5449c
Showing 1 changed file with 7 additions and 5 deletions.
diff --git a/front/src/components/Dialogs/SearchDialog.vue b/front/src/components/Dialogs/SearchDialog.vue
@@ -27,9 +27,11 @@
             @click="onItemSelected(item)"
           >
             <q-item-section>
-              {{ !!item.ctf ? item.ctf.title + '/' : '' }}
-              <b>{{ item.title }}</b></q-item-section
-            >
+              <span>
+                {{ !!item.ctf ? item.ctf.title + ' / ' : '' }}
+                <b>{{ item.title }}</b>
+              </span>
+            </q-item-section>
 
             <q-item-section side top>
               <q-badge color="teal" :label="item.__typename" />
@@ -72,11 +74,11 @@ export default defineComponent({
   },
   methods: {
     searchInputKeyDown(e: KeyboardEvent) {
-      if (e.key === 'ArrowDown') {
+      if (e.key === 'ArrowDown' || (e.ctrlKey && e.key === 'n')) {
         this.selectedItemIndex += 1;
       }
 
-      if (e.key === 'ArrowUp') {
+      if (e.key === 'ArrowUp' || (e.ctrlKey && e.key === 'p')) {
         this.selectedItemIndex += -1;
       }