2016-08-18 03:52:23 +00:00
|
|
|
|
2016-09-05 04:39:59 +00:00
|
|
|
#header-container
|
2017-05-19 23:53:23 +00:00
|
|
|
nav.nav#header
|
2017-02-10 02:35:37 +00:00
|
|
|
.nav-left
|
|
|
|
|
block rootNavLeft
|
|
|
|
|
a.nav-item(href='/')
|
|
|
|
|
h1
|
|
|
|
|
i.icon-layers
|
|
|
|
|
= appconfig.title
|
|
|
|
|
.nav-center
|
|
|
|
|
block rootNavCenter
|
|
|
|
|
.nav-item
|
|
|
|
|
p.control(v-bind:class='{ "is-loading": searchload > 0 }')
|
2017-05-03 01:41:22 +00:00
|
|
|
input.input#search-input(type='text', v-model='searchq', @keyup.esc='closeSearch', @keyup.down='moveDownSearch', @keyup.up='moveUpSearch', @keyup.enter='moveSelectSearch', debounce='400', placeholder=t('search.placeholder'))
|
2017-02-10 02:35:37 +00:00
|
|
|
span.nav-toggle
|
|
|
|
|
span
|
|
|
|
|
span
|
|
|
|
|
span
|
|
|
|
|
.nav-right
|
|
|
|
|
block rootNavRight
|
|
|
|
|
i.nav-item#notifload
|
2016-08-18 03:52:23 +00:00
|
|
|
|
2017-02-10 02:35:37 +00:00
|
|
|
transition(name='searchresults-anim', enter-active-class='slideInDown', leave-active-class='fadeOutUp')
|
|
|
|
|
.searchresults.animated(v-show='searchactive', v-cloak, style={'display':'none'})
|
2017-05-03 01:41:22 +00:00
|
|
|
p.searchresults-label= t('search.results')
|
2017-02-10 02:35:37 +00:00
|
|
|
ul.searchresults-list
|
|
|
|
|
li(v-if='searchres.length === 0')
|
2017-05-03 01:41:22 +00:00
|
|
|
a: em= t('search.nomatch')
|
2017-02-12 20:40:43 +00:00
|
|
|
li(v-for='sres in searchres', v-bind:class='{ "is-active": searchmovekey === "res." + sres.entryPath }')
|
|
|
|
|
a(v-bind:href='"/" + sres.entryPath') {{ sres.title }}
|
2017-05-03 01:41:22 +00:00
|
|
|
p.searchresults-label(v-if='searchsuggest.length > 0')= t('search.didyoumean')
|
2017-02-10 02:35:37 +00:00
|
|
|
ul.searchresults-list(v-if='searchsuggest.length > 0')
|
|
|
|
|
li(v-for='sug in searchsuggest', v-bind:class='{ "is-active": searchmovekey === "sug." + sug }')
|
|
|
|
|
a(v-on:click='useSuggestion(sug)') {{ sug }}
|
