#app
.error-container(
@click="showSearchBar"
@mouseenter="showSearchIcon"
@mouseleave="hideSearchIcon"
@mousemove="moveSearchIcon"
@touchstart="showSearchIcon"
@touchend="showSearchBar"
@touchmove="moveTouchSearchIcon"
@touchcancel="hideSearchIcon"
)
.error-code
span 4
span 0
span 4
.error-title ERROR
.error-message PAGE NOT FOUND
.error-message I think you just went to a page non-existing page.
.error-message Click anywhere on the screen if you want to search for something.
transition(name="search-icon-transition")
.search-icon(
ref="searchIcon"
:style="{ top: search.y + 'px', left: search.x + 'px' }"
v-if="search.show === true"
)
transition(name="search-window-transition")
.search-window(
ref="searchWindow"
v-on:animationend="searchWindowAnimationEnd"
v-bind:style="{ top: (searchBox.y !== null) ? searchBox.y + 'px' : ''," +
" left: (searchBox.x !== null) ? searchBox.x + 'px' : '' }"
v-if="searchBox.show === true"
)
//- .search-window-label Search
.search-window-search(:class="{'search-scrolling': searchBox.scrolling}")
input(
type="text"
placeholder="Enter your keyword here..."
ref="searchKeyword"
v-model="searchBox.keyword"
)
button(type="button" @click="hideSearchBar")
span
span
span
.search-window-section(@scroll="searchWindowScroll")
transition-group(name="search-window-container-transition" tag="div")
.search-window-container(
v-for="data, index in searchData"
v-if="data.Name.toLowerCase().indexOf(searchBox.keyword.toLowerCase()) >= 0 ||" +
"data.Description.toLowerCase().indexOf(searchBox.keyword.toLowerCase()) >= 0"
:key="index"
)
.search-window-title
a(href="#" @click.prevent="") {{ data.Name }}
.search-window-content {{ data.Description }}