diff options
Diffstat (limited to 'index.html')
-rw-r--r-- | index.html | 8 |
1 files changed, 5 insertions, 3 deletions
@@ -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" 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> |