120 lines
4.1 KiB
Plaintext
120 lines
4.1 KiB
Plaintext
div(v-for="(e, idx) in journey.data.main", :key="idx")
|
|
.bg-dark.text-white(v-if="journey.sel_leg == idx")
|
|
.container.section
|
|
.row.text-center
|
|
.input.col-sm-2
|
|
input(v-model="journey.leg_get(idx).title")
|
|
.input.col-sm-2
|
|
input(
|
|
placeholder="Day title",
|
|
v-model="journey.leg_get(idx).day_title[journey.sel_day]"
|
|
)
|
|
.col-sm-3
|
|
.right.input.col-sm-2
|
|
input(
|
|
disabled="",
|
|
:value="journey.date_sel() + ' (' + journey.sel_day + ')'"
|
|
)
|
|
.row
|
|
.map-container(:class="{ 'col-9': !drawer_active, 'col-7': drawer_active }")
|
|
include map.pug
|
|
.drawer-container(:class="{ 'col-3': drawer_active, 'col-0': !drawer_active }")
|
|
.row.text-center
|
|
.input.text-dark(style="width: 100%")
|
|
input(
|
|
type="search"
|
|
@input="search_active"
|
|
placeholder="Search ... "
|
|
)
|
|
ul
|
|
li(
|
|
v-for="item in query.res"
|
|
:key="item.id"
|
|
@mouseover="drawer_hover_item(item)"
|
|
@mouseleave="drawer_hover_item()"
|
|
@click="drawer_click_item(item)" )
|
|
| {{ item.name }}
|
|
|
|
.col-3.col-ssm-12
|
|
.row.text-center
|
|
div
|
|
label Date Range ({{ journey.leg_len(idx) }})
|
|
.input.text-dark
|
|
date-picker(
|
|
:lang="lang",
|
|
v-model="journey.data.main[idx].date_range",
|
|
range="",
|
|
format="ddd D MMM",
|
|
placeholder="Date Range",
|
|
v-on:change="journey.date_update(idx)"
|
|
)
|
|
.row.text-center
|
|
div
|
|
label Hotel
|
|
multiselect#ajax(
|
|
v-model="journey.data.main[idx].hotel",
|
|
label="sname",
|
|
track-by="place_id",
|
|
placeholder="Type to search",
|
|
open-direction="bottom",
|
|
:options="query.res",
|
|
:searchable="true",
|
|
:loading="query.type=='hotel'",
|
|
:internal-search="false",
|
|
:clear-on-select="false",
|
|
:options-limit="50",
|
|
:limit="1",
|
|
:max-height="600",
|
|
@search-change="search_hotel"
|
|
)
|
|
.row.text-center
|
|
div
|
|
label Restoration
|
|
multiselect#ajax(
|
|
v-model="journey.data.main[idx].places.restaurants",
|
|
label="sname",
|
|
track-by="place_id",
|
|
placeholder="Type to search",
|
|
open-direction="bottom",
|
|
:multiple="true",
|
|
:options="query.res",
|
|
:searchable="true",
|
|
:loading="query.type == 'restaurant'",
|
|
:internal-search="false",
|
|
:clear-on-select="false",
|
|
:options-limit="50",
|
|
:limit="10",
|
|
:max-height="600",
|
|
@search-change="search_restaurant"
|
|
)
|
|
.row.text-center
|
|
div
|
|
label Activities
|
|
multiselect#ajax(
|
|
v-model="journey.data.main[idx].places.activities",
|
|
label="sname",
|
|
track-by="place_id",
|
|
placeholder="Type to search",
|
|
open-direction="bottom",
|
|
:multiple="true",
|
|
:options="query.res",
|
|
:searchable="true",
|
|
:loading="query.type=='place'",
|
|
:internal-search="false",
|
|
:clear-on-select="false",
|
|
:options-limit="50",
|
|
:limit="10",
|
|
:max-height="600",
|
|
@search-change="search_place"
|
|
)
|
|
.row.text-center
|
|
div
|
|
label Notes
|
|
.input.text-dark(style="width: 100%")
|
|
textarea-autosize.text-small(
|
|
v-model="journey.data.main[idx].notes",
|
|
placeholder="Notes",
|
|
:min-height="30",
|
|
:max-height="350"
|
|
)
|