aboutsummaryrefslogtreecommitdiffhomepage
path: root/index.html
diff options
context:
space:
mode:
authorBastien Wirtz <bastien.wirtz@gmail.com>2020-04-13 09:46:48 -0700
committerGitHub <noreply@github.com>2020-04-13 09:46:48 -0700
commitd2bf5e5f62c2a8d94b27529424a96066ead3e5b1 (patch)
treef7934df7d7daae99b03441cad8f192aa7dbed033 /index.html
parent0503e77861fcdfeaf20e1cc06dbc2f49d06bc45b (diff)
parenta4de4a3a71e460141b740564ef22d1c79760db4e (diff)
downloadhomer-d2bf5e5f62c2a8d94b27529424a96066ead3e5b1.tar.gz
homer-d2bf5e5f62c2a8d94b27529424a96066ead3e5b1.tar.zst
homer-d2bf5e5f62c2a8d94b27529424a96066ead3e5b1.zip
Merge pull request #37 from jozefs/master
Add keyboard shortcuts to navigate to the first search result.
Diffstat (limited to 'index.html')
-rw-r--r--index.html8
1 files changed, 5 insertions, 3 deletions
diff --git a/index.html b/index.html
index 85c9b78..d427002 100644
--- a/index.html
+++ b/index.html
@@ -59,7 +59,9 @@
59 :class="['fas', vlayout ? 'fa-list' : 'fa-columns']"></i></a> 59 :class="['fas', vlayout ? 'fa-list' : 'fa-columns']"></i></a>
60 <div class="search-bar"> 60 <div class="search-bar">
61 <label for="search" class="search-label"></label> 61 <label for="search" class="search-label"></label>
62 <input type="text" id="search" ref="search" v-model="filter" /> 62 <input type="text" id="search" ref="search" v-model="filter"
63 v-on:keyup.enter.exact="navigateToFirstService()"
64 v-on:keyup.alt.enter="navigateToFirstService('_blank')" />
63 </div> 65 </div>
64 </div> 66 </div>
65 </div> 67 </div>
@@ -95,7 +97,7 @@
95 v-else>#</span> 97 v-else>#</span>
96 {{ group.name }}</h2> 98 {{ group.name }}</h2>
97 <service v-for="item in group.items" v-bind:item="item" class="column is-one-third-widescreen" 99 <service v-for="item in group.items" v-bind:item="item" class="column is-one-third-widescreen"
98 v-if="!filter || (item && (item.name.toLowerCase().includes(filter.toLowerCase()) || (item.tag && item.tag.toLowerCase().includes(filter.toLowerCase()))))"> 100 v-if="!filter || (item && matchesFilter(item))">
99 </service> 101 </service>
100 </template> 102 </template>
101 </div> 103 </div>
@@ -106,7 +108,7 @@
106 <h2 v-if="!filter && group.name"><i v-if="group.icon" :class="group.icon"></i><span v-else>#</span> 108 <h2 v-if="!filter && group.name"><i v-if="group.icon" :class="group.icon"></i><span v-else>#</span>
107 {{ group.name }}</h2> 109 {{ group.name }}</h2>
108 <service v-for="item in group.items" v-bind:item="item" 110 <service v-for="item in group.items" v-bind:item="item"
109 v-if="!filter || (item && (item.name.toLowerCase().includes(filter.toLowerCase()) || (item.tag && item.tag.toLowerCase().includes(filter.toLowerCase()))))"> 111 v-if="!filter || (item && matchesFilter(item))">
110 </service> 112 </service>
111 </div> 113 </div>
112 </div> 114 </div>