Update template/module/journey/leg/drawer.pug
All checks were successful
continuous-integration/drone/push Build is passing

This commit is contained in:
sora-ext 2025-02-28 17:51:42 +01:00
parent 0ece752fd4
commit d68a148b40

View File

@ -1,17 +1,50 @@
.row .input.text-dark(style="width: 100%")
.input.text-dark(style="width: 100%") input#query_input(
input(
type="search" type="search"
@input="search_active" @input="search_active"
placeholder="Search ... " placeholder="Search ... "
style="width:85%;" style="width:85%;"
) )
.spinner(v-if="query.load") .spinner(v-if="query.load")
ul div(style="width:100%"
li( v-if="['hotel', 'restaurant', 'place','other', 'travel'].indexOf(query.type)>=0")
v-for="item in query.res" template(v-for="(item, idx) in query.res" )
:key="item.id" .col-12.bg-white.text-dark(
style="display:flex;align-items:center; border-radius:3px;"
:key="'q'+idx"
@mouseover="drawer_hover_item(item)" @mouseover="drawer_hover_item(item)"
@mouseleave="drawer_hover_item()" @mouseleave="drawer_hover_item()"
@click="drawer_click_item(item)" ) @click="drawer_click_item(item)" )
div( v-html="generate_icon(item, 'var(--dark)')")
.col-10()
| {{ item.name }} | {{ item.name }}
.bg-dark.divider(
:key="'qdiv'+idx" style="height:1px" )
.col-12.bg-white.text-dark(
v-if="query.load==false && query.res.length==0"
style="display:flex;align-items:center; border-radius:3px;" )
div( v-html="generate_icon('star', 'var(--dark)')")
.col-10()
| Add custom
.col-12.text-white.text-center(
) {{query.load? `Loading ...` : `Found ${query.res.length} results`}}
div(style="width:100%"
v-else-if="['flight'].indexOf(query.type)>=0")
template(v-for="(item, idx) in query.res" )
.col-12.bg-white.text-dark(
style="display:flex;align-items:center; border-radius:3px;"
:key="'q'+idx"
@mouseover="drawer_hover_item(item)"
@mouseleave="drawer_hover_item()"
@click="drawer_click_item(item)" )
div( v-html="generate_icon('plane', 'var(--dark)')")
.col-10()
| {{ item.from }} => {{item.to}}
.bg-dark.divider(
:key="'qdiv'+idx" style="height:1px" )
div(style="width:100%" v-else)
template()
.col-12.bg-white.text-dark(
style="display:flex;align-items:center; border-radius:3px;")
| Unsuppored Query type {{query.type}}