sora/OTM
1
0
Fork 0
Code Issues 1 Pull Requests Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
sora-ext
2025-03-10 17:27:20 +01:00
parent a9a947f81b
commit 45791e9c7f
1 changed files with 41 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

80
src/template/module/journey/leg/drawer.pug
View File

@@ -2,49 +2,51 @@
.input.w-100.text-dark .input.w-100.text-dark
input#query_input( input#query_input(
type="search" type="search"
@input="search_active" @input="search_drawer.search()"
@focus="search_active" @focus="search_drawer.search()"
placeholder="Search ... " placeholder="Search ... "
style="width:85%;" style="width:85%;"
:disabled="query.note" :disabled="search_drawer.is_note()"
v-model="query.query" v-model="search_drawer.query.query"
) )
.spinner(v-if="query.load") .spinner(v-if="search_drawer.query.load")
div(v-if="['hotel', 'restaurant', 'place','other', 'travel'].indexOf(query.type)>=0") div(v-if="search_drawer.is_query()")
template(v-for="(item, idx) in query.res" ) div(v-if="['flight'].includes(search_drawer.query.type)")
.query-result.col-12.bg-white.text-dark( template(v-for="(item, idx) in search_drawer.query.res" )
:key="'q'+idx" .query-result.col-12.bg-white.text-dark(
@mouseover="drawer_hover_item(item)" :key="'q'+idx"
@mouseleave="drawer_hover_item()" @mouseover="drawer_hover_item(item)"
@click="drawer_click_item(item)" ) @mouseleave="drawer_hover_item()"
div( v-html="generate_icon(item, 'var(--dark)')") @click="drawer_click_item(item)" )
.col-10() div( v-html="generate_icon('plane', 'var(--dark)')")
| {{ item.name }} .col-10()
.bg-dark.divider( | {{ item.from }} => {{item.to}}
:key="'qdiv'+idx" style="height:1px" ) .bg-dark.divider(
.query-result.col-12.bg-white.text-dark( :key="'qdiv'+idx" style="height:1px" )
v-if="query.load==false && query.res.length>=0 && query.query!=''"
@click="query.addmarker=true" )
div( v-html="generate_icon('star', 'var(--dark)')")
.col-10()
| Add custom
.col-12.text-white.text-center( div(v-else-if="true")
) {{query.load? `Loading ...` : `Found ${query.res.length} results`}} template(v-for="(item, idx) in search_drawer.query.res" )
div(v-else-if="['flight'].indexOf(query.type)>=0") .query-result.col-12.bg-white.text-dark(
template(v-for="(item, idx) in query.res" ) :key="'q'+idx"
@mouseover="drawer_hover_item(item)"
@mouseleave="drawer_hover_item()"
@click="drawer_click_item(item)" )
div( v-html="generate_icon(item, 'var(--dark)')")
.col-10()
| {{ item.name }}
.bg-dark.divider(
:key="'qdiv'+idx" style="height:1px" )
.query-result.col-12.bg-white.text-dark( .query-result.col-12.bg-white.text-dark(
:key="'q'+idx" v-if="!search_drawer.query.load && search_drawer.query.res && search_drawer.is_query()"
@mouseover="drawer_hover_item(item)" @click="search_drawer.query.addmarker=true" )
@mouseleave="drawer_hover_item()" div( v-html="generate_icon('star', 'var(--dark)')")
@click="drawer_click_item(item)" )
div( v-html="generate_icon('plane', 'var(--dark)')")
.col-10() .col-10()
| {{ item.from }} => {{item.to}} | Add custom
.bg-dark.divider(
:key="'qdiv'+idx" style="height:1px" ) .col-12.text-white.text-center(
div(v-else) ) {{search_drawer.query.load? `Loading ...` : `Found ${search_drawer.query.res.length} results`}}
template() div(v-else)
.query-result.col-12.bg-white.text-dark() template()
| Unsuppored Query type {{query.type}} .query-result.col-12.bg-white.text-dark()
| Unsuppored Query type {{search_drawer.query.type}}