2022-03-23 10:39:39 +01:00
<!DOCTYPE html>
2021-07-16 11:51:56 +02:00
< html >
< head >
< title > Helcel-OTM< / title >
< link rel = 'shortcut icon' href = '/public/img/helcel.ico' type = 'image/x-icon' / >
< meta charset = 'utf-8' / >
< meta name = 'viewport' content = 'width=device-width, initial-scale=1' / >
< link rel = "stylesheet" href = "https://fonts.googleapis.com/css?family=IBM+Plex+Sans:400,700,300" type = "text/css" >
< link rel = 'stylesheet' href = '/public/css/index.css' / >
< link rel = "stylesheet" href = "https://unpkg.com/vue2-datepicker/index.css" >
< link rel = "stylesheet" href = "//unpkg.com/leaflet/dist/leaflet.css" / >
< link rel = "stylesheet" href = "https://unpkg.com/leaflet.awesome-markers/dist/leaflet.awesome-markers.css" >
< link rel = "stylesheet" href = "https://unpkg.com/@fortawesome/fontawesome-free/css/all.min.css" >
< link rel = "stylesheet" href = "https://unpkg.com/vue-multiselect/dist/vue-multiselect.min.css" >
< / head >
< body >
< main id = "app" >
2021-08-03 13:18:25 +02:00
< div v-if = "vtp==-1" v-cloak >
2021-07-16 16:54:31 +02:00
< header class = "header" >
< div class = "header-inner container" >
< a href = "/" class = "header-logo text-dark" >
< img class = "header-logoImage" src = "/public/img/helcel.png" alt = "Helcel logo" width = "40" >
< span class = "hide-small" > HOTM< / span >
< / a >
< div class = "input input-invis" > < input class = "small" v-model = "journey_data.name" type = "text" / > < / div >
2021-07-16 17:04:00 +02:00
< div class = "row header-nav text-big" style = "margin-bottom: 0;" >
2021-08-03 13:25:14 +02:00
< div class = "col-sm-2" > < a :href = "'/short/'+journey_id" > < i class = "fas fa-file-contract" > < / i > < / a > < / div >
< div class = "col-sm-2" > < a :href = "'/view/'+journey_id +'#0'" > < i class = "fas fa-camera" > < / i > < / a > < / div >
< div class = "col-sm-2" > < a href = "#main" v-on:click . prevent = "first_step" > < i class = "fas fa-tools" > < / i > < / a > < / div >
2021-08-03 13:18:25 +02:00
< div class = "col-sm-1 text-small" > < a href = "#prevprev" v-on:click . prevent = "prevprev_step" > < i class = "fas fa-angle-double-left" > < / i > < / a > < / div >
< div class = "col-sm-1" > < a href = "#prev" v-on:click . prevent = "prev_step" > < i class = "fas fa-angle-left" > < / i > < / a > < / div >
< div class = "col-sm-1" > < a href = "#next" v-on:click . prevent = "next_step" > < i class = "fas fa-angle-right" > < / i > < / a > < / div >
< div class = "col-sm-1 text-small" > < a href = "#nextnext" v-on:click . prevent = "nextnext_step" > < i class = "fas fa-angle-double-right" > < / i > < / a > < / div >
2021-07-16 17:04:00 +02:00
< / div >
2021-07-16 11:51:56 +02:00
< / div >
2021-07-16 16:54:31 +02:00
< / header >
< div v-if = "journey_step==-1" >
< div v-for = "(item,idx) in journey_data.main" :class = "idx%2===0 ? 'bg-dark text-white' : ''" v-cloak >
< div class = "container section" >
< div class = "row text-center" >
2021-07-16 19:03:55 +02:00
< div class = "col-auto" > < button class = "button button--secondary button--mobileFull" v-on:click = "rm_section(idx)" > X< / button > < / div >
2021-07-16 16:54:31 +02:00
< div class = "input col-sm-4" > < input class = "" v-model = "item.title" type = "text" / > < / div >
< / div >
< div class = "row" >
< div class = "col-12 col-sm-8" >
< l-map
:zoom.sync="item.map.zoom"
:center.sync="item.map.center"
style="padding-top: 100%;"
2021-07-16 11:51:56 +02:00
2021-07-16 16:54:31 +02:00
>
< l-tile-layer
url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"
attribution='© < a href = "http://osm.org/copyright" > OpenStreetMap< / a > contributors'
>< / l-tile-layer >
< l-control-scale position = "topright" :imperial = "false" :metric = "true" > < / l-control-scale >
2021-07-16 11:51:56 +02:00
2021-08-04 07:52:11 +02:00
< l-marker v-if = "item.hotel" :lat-lng . sync = "item.hotel.latlon" >
2021-07-16 16:17:55 +02:00
< l-icon >
2021-07-16 16:54:31 +02:00
< div v-html = "generate_icon(item.hotel,'darkblue')" > < / div >
2021-07-16 16:17:55 +02:00
< / l-icon >
< l-popup >
2021-07-16 16:54:31 +02:00
< h1 class = "row text-medium text-center" > {{item.hotel.sname}}< / h1 >
< span class = "row text-small text-gray" > {{item.hotel.display_name}}< / span >
2021-07-16 19:37:35 +02:00
< div class = "row input" >
2021-07-16 16:17:55 +02:00
< textarea-autosize
2021-07-16 19:37:35 +02:00
class="col-12 col-sm-10 text-small"
2021-07-16 16:17:55 +02:00
placeholder="Notes"
2021-07-16 16:54:31 +02:00
v-model="item.hotel.notes"
2021-07-16 16:17:55 +02:00
:min-height="30"
:max-height="350"
/>
< / div >
< / l-popup >
2021-07-16 16:54:31 +02:00
<!-- <l - tooltip :options="{ permanent: true, interactive: true }">
< div >
H
< / div >
< / l-tooltip > -->
< / l-marker >
< l-marker v-for = "place in item.places.restaurants" :lat-lng . sync = "place.latlon" >
2021-07-16 16:17:55 +02:00
< l-icon >
2021-07-16 16:54:31 +02:00
< div v-html = "generate_icon(place,'cadetblue')" > < / div >
2021-07-16 16:17:55 +02:00
< / l-icon >
< l-popup >
< h1 class = "row text-medium text-center" > {{place.sname}}< / h1 >
< span class = "row text-small text-gray" > {{place.display_name}}< / span >
2021-07-16 19:37:35 +02:00
< div class = "row input" >
2021-07-16 16:17:55 +02:00
< textarea-autosize
2021-07-16 19:37:35 +02:00
class="col-12 col-sm-10 text-small"
2021-07-16 16:17:55 +02:00
placeholder="Notes"
v-model="place.notes"
:min-height="30"
:max-height="350"
/>
< / div >
< / l-popup >
2021-07-16 16:54:31 +02:00
< / l-marker >
< l-marker v-for = "place in item.places.activities" :lat-lng . sync = "place.latlon" >
2021-07-16 16:17:55 +02:00
< l-icon >
2021-07-16 16:54:31 +02:00
< div v-html = "generate_icon(place)" > < / div >
2021-07-16 16:17:55 +02:00
< / l-icon >
< l-popup >
< h1 class = "row text-medium text-center" > {{place.sname}}< / h1 >
< span class = "row text-small text-gray" > {{place.display_name}}< / span >
2021-07-16 19:37:35 +02:00
< div class = "row input" >
2021-07-16 16:17:55 +02:00
< textarea-autosize
2021-07-16 19:37:35 +02:00
class="col-12 col-sm-10 text-small"
2021-07-16 16:17:55 +02:00
placeholder="Notes"
v-model="place.notes"
:min-height="30"
:max-height="350"
/>
< / div >
< / l-popup >
2021-07-16 16:54:31 +02:00
< / l-marker >
< / l-map >
< / div >
< div class = "col-12 col-sm-4" >
< div class = "row text-center" >
< div > < label > Date Range< / label > < / div >
2021-07-16 19:11:25 +02:00
< div class = "input text-dark" >
2021-08-04 14:43:00 +02:00
< date-picker :lang = "lang" v-model = "item.dateRange" range placeholder = "Date Range" > < / date-picker >
2021-07-16 16:17:55 +02:00
< / div >
2021-07-16 16:54:31 +02:00
< / div >
< div class = "row text-center" >
< div > < label > Hotel< / label > < / div >
< multiselect v-model = "item.hotel" id = "ajax" label = "sname" track-by = "place_id" placeholder = "Type to search" open-direction = "bottom" :options = "query.nominatim" :searchable = "true" :loading = "querying.hotel" :internal-search = "false" :clear-on-select = "false" :options-limit = "50" :limit = "1" :max-height = "600" @ search-change = "debounceSearch.hotel" > < / multiselect >
< / div >
< div class = "row text-center" >
< div > < label > Fight< / label > < / div >
< multiselect v-model = "item.flightA" id = "ajax" label = "label" track-by = "id" placeholder = "Type to search" open-direction = "bottom" :multiple = "true" :options = "query.flight" :searchable = "true" :loading = "querying.flight" :internal-search = "false" :clear-on-select = "false" :options-limit = "50" :limit = "10" :max-height = "600" @ search-change = "debounceSearch.flight" > < / multiselect >
< multiselect v-model = "item.flightB" id = "ajax" label = "label" track-by = "id" placeholder = "Type to search" open-direction = "bottom" :multiple = "true" :options = "query.flight" :searchable = "true" :loading = "querying.flight" :internal-search = "false" :clear-on-select = "false" :options-limit = "50" :limit = "10" :max-height = "600" @ search-change = "debounceSearch.flight" > < / multiselect >
< / div >
< div class = "row text-center" >
< div > < label > Restoration< / label > < / div >
< multiselect v-model = "item.places.restaurants" id = "ajax" label = "sname" track-by = "place_id" placeholder = "Type to search" open-direction = "bottom" :multiple = "true" :options = "query.nominatim" :searchable = "true" :loading = "querying.food" :internal-search = "false" :clear-on-select = "false" :options-limit = "50" :limit = "10" :max-height = "600" @ search-change = "debounceSearch.restaurants" > < / multiselect >
< / div >
< div class = "row text-center" >
< div > < label > Activities< / label > < / div >
< multiselect v-model = "item.places.activities" id = "ajax" label = "sname" track-by = "place_id" placeholder = "Type to search" open-direction = "bottom" :multiple = "true" :options = "query.nominatim" :searchable = "true" :loading = "querying.place" :internal-search = "false" :clear-on-select = "false" :options-limit = "50" :limit = "10" :max-height = "600" @ search-change = "debounceSearch.places" > < / multiselect >
< / div >
< / div >
< / div >
< / div >
< / div >
< div class = "" >
< div class = "container-medium section" >
< / div >
< / div >
< div class = "bg-dark" >
< div id = "go" class = "container-medium section text-white" >
< h2 class = "text-big" > Add new section< / h2 >
< p > Got an other flight and/or hotel ? Add a new section to register it< / p >
< div class = "aligner aligner--contentEnd" >
< button class = "button button--primary button--mobileFull" v-on:click = "add_section" > Add Section< / button >
< / div >
< / div >
< / div >
< / div >
2021-07-16 22:53:57 +02:00
< div v-else-if = "journey_step>=0 && journey_data.main[journey_step_data.section] != undefined" >
2021-08-03 13:18:25 +02:00
< div class = "bg-dark text-white" >
2021-07-16 16:54:31 +02:00
< div class = "container section" >
< div class = "row text-center" >
< div class = "input col-sm-4" > < input disabled :value = "journey_data.main[journey_step_data.section].title + ': Day ' + journey_step_data.day" / > < / div >
< div class = "input col-sm-2" > < input placeholder = "Day title" v-model = "journey_data.step_title[journey_step]" / > < / div >
2021-08-03 13:18:25 +02:00
< div class = "col-sm-3" > < / div >
< div class = "right input col-sm-2 " > < input disabled :value = "active_date()" / > < / div >
2021-07-16 16:54:31 +02:00
< / div >
< div class = "row" >
< div class = "col-12 col-sm-12" >
< l-map
:zoom=" journey_data.main[journey_step_data.section].map.zoom"
:center="journey_data.main[journey_step_data.section].map.center"
style="padding-top: 100%;"
>
< l-tile-layer
url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"
attribution='© < a href = "http://osm.org/copyright" > OpenStreetMap< / a > contributors'
>< / l-tile-layer >
< l-control-scale position = "topright" :imperial = "false" :metric = "true" > < / l-control-scale >
< l-marker v-if = "journey_data.main[journey_step_data.section].hotel & &
journey_data.main[journey_step_data.section].hotel.icon"
:lat-lng="journey_data.main[journey_step_data.section].hotel.latlon">
2021-07-16 16:17:55 +02:00
< l-icon >
2021-07-16 16:54:31 +02:00
< div v-html = "generate_icon(journey_data.main[journey_step_data.section].hotel,'darkblue')" > < / div >
2021-07-16 16:17:55 +02:00
< / l-icon >
< l-popup >
2021-07-16 16:54:31 +02:00
< h1 class = "row text-medium text-center" > {{journey_data.main[journey_step_data.section].hotel.sname}}< / h1 >
< span class = "row text-small text-gray" > {{journey_data.main[journey_step_data.section].hotel.display_name}}< / span >
2021-07-16 19:37:35 +02:00
< div class = "row input" >
2021-07-16 16:54:31 +02:00
< textarea-autosize
2021-07-16 19:37:35 +02:00
class="col-12 col-sm-10 text-small"
2021-07-16 16:54:31 +02:00
placeholder="Notes"
v-model="journey_data.main[journey_step_data.section].hotel.notes"
:min-height="30"
:max-height="350"
/>
< / div >
2021-07-16 16:17:55 +02:00
< / l-popup >
2021-07-16 16:54:31 +02:00
< / l-marker >
< l-marker v-for = "place in journey_data.main[journey_step_data.section].places.activities" :lat-lng = "place.latlon" >
< div v-if = "place.step==journey_step" >
< l-icon >
< div v-html = "generate_icon(place)" > < / div >
< / l-icon >
< l-popup >
< h1 class = "row text-medium text-center" > {{place.sname}}< / h1 >
< span class = "row text-small text-gray" > {{place.display_name}}< / span >
2021-07-16 19:03:55 +02:00
< div class = "row input" >
2021-07-16 16:54:31 +02:00
< textarea-autosize
2021-07-16 19:03:55 +02:00
class="col-12 col-sm-10 text-small"
2021-07-16 16:54:31 +02:00
placeholder="Notes"
v-model="place.notes"
:min-height="30"
:max-height="350"
/>
< / div >
< a class = "leaflet-popup-close-button text-gray" style = "bottom:9px;top:auto; " href = "#rm" v-on:click . prevent = "place.step=-1" > -< / a >
< / l-popup >
< / div >
< div v-else-if = "place.step >= 0" >
< l-icon >
< div v-html = "generate_icon(place,'orange')" > < / div >
< / l-icon >
< l-popup >
< h1 class = "row text-medium text-center" > {{place.sname}}< / h1 >
< span class = "row text-small text-gray" > {{place.display_name}}< / span >
2021-07-16 19:03:55 +02:00
< div class = "row input" >
2021-07-16 16:54:31 +02:00
< textarea-autosize
2021-07-16 19:03:55 +02:00
class="col-12 col-sm-10 text-small"
2021-07-16 16:54:31 +02:00
placeholder="Notes"
v-model="place.notes"
:min-height="30"
:max-height="350"
/>
< / div >
< a class = "leaflet-popup-close-button text-gray" style = "bottom:9px;top:auto; " href = "#add" v-on:click . prevent = "place.step=journey_step" > +< / a >
< / l-popup >
< / div >
< div v-else-if = "place.step==undefined || place.step == -1" >
< l-icon >
< div v-html = "generate_icon(place,'red')" > < / div >
< / l-icon >
< l-popup >
< h1 class = "row text-medium text-center" > {{place.sname}}< / h1 >
< span class = "row text-small text-gray" > {{place.display_name}}< / span >
2021-07-16 19:03:55 +02:00
< div class = "row input" >
2021-07-16 16:54:31 +02:00
< textarea-autosize
2021-07-16 19:03:55 +02:00
class="col-12 col-sm-10 text-small"
2021-07-16 16:54:31 +02:00
placeholder="Notes"
v-model="place.notes"
:min-height="30"
:max-height="350"
/>
< / div >
< a class = "leaflet-popup-close-button text-gray" style = "bottom:9px;top:auto; " href = "#add" v-on:click . prevent = "place.step=journey_step" > +< / a >
< / l-popup >
< / div >
< div v-else >
< l-icon >
< div v-html = "generate_icon()" > < / div >
< / l-icon >
< l-popup >
< h1 class = "row text-medium text-center" > {{place.sname}}< / h1 >
< span class = "row text-small text-gray" > {{place.display_name}}< / span >
< / l-popup >
< / div >
< / l-marker >
< / l-map >
< / div >
< / div >
< div class = "row" >
< div class = "col-12 col-sm-12" >
< div class = "container text-center" v-if = "journey_step_data.start || journey_step_data.end" >
< b > Flights< / b >
< div v-if = "journey_step_data.start" >
< div v-for = "element in journey_data.main[journey_step_data.section].flightA" > < a href = "#fligh" v-on:click . prevent = "window.open('https://www.flightradar24.com/data/flights/'+element.id,'_blank')" > {{ element.label }}< / a > < / div >
< / div >
< div v-if = "journey_step_data.end" >
< div v-for = "element in journey_data.main[journey_step_data.section].flightB" > < a href = "#fligh" v-on:click . prevent = "window.open('https://www.flightradar24.com/data/flights/'+element.id,'_blank')" > {{ element.label }}< / a > < / div >
2021-07-16 16:17:55 +02:00
< / div >
2021-07-16 16:54:31 +02:00
< / div >
< div class = "container" > < / div >
< / div >
< / div >
< / div >
< / div >
< div class = "" >
< div class = "container-medium section" >
< / div >
< / div >
< div class = "bg-dark" >
< / div >
< / div >
< div class = "" >
< div class = "container-medium section" >
< div class = "aligner" >
< div class = "input col-sm-4" > < input class = "" v-model = "impexp" type = "text" / > < / div >
< div class = "col-sm-2" > < button class = "button button--primary button--mobileFull" v-on:click = "import_data" > Import< / button > < / div >
< div class = "col-sm-2" > < button class = "button button--primary button--mobileFull" v-on:click = "export_data" > Export< / button > < / div >
< / div >
< / div >
< / div >
< / div >
2021-08-03 13:18:25 +02:00
< div v-if = "vtp==0 && journey_data.main[journey_step_data.section] != undefined" v-cloak >
2021-07-16 16:54:31 +02:00
< div class = "bg-dark text-white" v-cloak >
2021-07-16 17:34:16 +02:00
< div class = "text-small fright" style = "margin:6px 12px;" > < a :href = "'/'+journey_id" > < i class = "fas fa-tools" > < / i > < / a > < / div >
2021-07-16 16:54:31 +02:00
< div class = "container section" >
2021-07-16 17:34:16 +02:00
< div class = "aligner text-center text-white text-huge" style = "margin-bottom:5px" >
2021-08-03 13:18:25 +02:00
< div class = "aligner--itemTop fleft" > < a href = "#prev" v-on:click . prevent = "prev_step" > < i class = "fas fa-angle-left" > < / i > < / a > < / div >
2021-07-16 17:34:16 +02:00
< span class = "container" >
< div > {{journey_data.main[journey_step_data.section].title + ': Day ' + journey_step_data.day}}< / div >
< div class = "text-big text-gray" > {{journey_data.step_title[journey_step]}}< / div >
< / span >
2021-08-03 13:18:25 +02:00
< div class = "aligner--itemEnd fright" > < a href = "#next" v-on:click . prevent = "next_step" > < i class = "fas fa-angle-right" > < / i > < / a > < / div >
2021-07-16 17:34:16 +02:00
2021-07-16 16:54:31 +02:00
< / div >
2021-07-16 17:34:16 +02:00
2021-07-16 16:54:31 +02:00
< div class = "row" >
< div class = "col-12 col-sm-12" >
< l-map
:zoom=" journey_data.main[journey_step_data.section].map.zoom"
:center="journey_data.main[journey_step_data.section].map.center"
style="padding-top: 100%;"
>
< l-tile-layer
url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"
attribution='© < a href = "http://osm.org/copyright" > OpenStreetMap< / a > contributors'
>< / l-tile-layer >
< l-control-scale position = "topright" :imperial = "false" :metric = "true" > < / l-control-scale >
< l-marker v-if = "journey_data.main[journey_step_data.section].hotel & &
journey_data.main[journey_step_data.section].hotel.icon"
:lat-lng="journey_data.main[journey_step_data.section].hotel.latlon">
< l-icon >
< div v-html = "generate_icon(journey_data.main[journey_step_data.section].hotel,'darkblue')" > < / div >
< / l-icon >
< l-popup >
< h1 class = "row text-medium text-center" > {{journey_data.main[journey_step_data.section].hotel.sname}}< / h1 >
< span class = "row text-small text-gray" > {{journey_data.main[journey_step_data.section].hotel.display_name}}< / span >
< span class = "row text-small text-white" > {{journey_data.main[journey_step_data.section].hotel.notes}}< / span >
< / l-popup >
< / l-marker >
< l-marker v-for = "place in journey_data.main[journey_step_data.section].places.activities" :lat-lng = "place.latlon" v-if = "place.step==journey_step" >
< l-icon >
< div v-html = "generate_icon(place)" > < / div >
< / l-icon >
2021-07-16 19:03:55 +02:00
< l-popup >
< h1 class = "row text-medium text-center" > {{place.sname}}< / h1 >
< span class = "row text-small text-gray" > {{place.display_name}}< / span >
2021-07-16 19:37:35 +02:00
< span class = "row text-small text-dark" > {{place.notes}}< / span >
2021-07-16 19:03:55 +02:00
< / l-popup >
< / l-marker >
< l-marker v-for = "place in journey_data.main[journey_step_data.section].places.activities" :lat-lng = "place.latlon" v-if = "place.step==undefined || place.step==-1" >
< l-icon >
< div v-html = "generate_icon(place,'gray')" > < / div >
< / l-icon >
2021-07-16 16:54:31 +02:00
< l-popup >
< h1 class = "row text-medium text-center" > {{place.sname}}< / h1 >
< span class = "row text-small text-gray" > {{place.display_name}}< / span >
2021-07-16 19:37:35 +02:00
< span class = "row text-small text-dark" > {{place.notes}}< / span >
2021-07-16 16:54:31 +02:00
< / l-popup >
< / l-marker >
< l-marker v-for = "place in journey_data.main[journey_step_data.section].places.restaurants" :lat-lng . sync = "place.latlon" >
< l-icon >
< div v-html = "generate_icon(place,'cadetblue')" > < / div >
< / l-icon >
< l-popup >
< h1 class = "row text-medium text-center" > {{place.sname}}< / h1 >
< span class = "row text-small text-gray" > {{place.display_name}}< / span >
2021-07-16 19:37:35 +02:00
< span class = "row text-small text-dark" > {{place.notes}}< / span >
2021-07-16 16:54:31 +02:00
< / l-popup >
< / l-marker >
2021-07-16 11:51:56 +02:00
< / l-map >
< / div >
< / div >
< div class = "row" >
< div class = "col-12 col-sm-12" >
< div class = "container text-center" v-if = "journey_step_data.start || journey_step_data.end" >
< b > Flights< / b >
< div v-if = "journey_step_data.start" >
2021-07-16 16:54:31 +02:00
< div v-for = "element in journey_data.main[journey_step_data.section].flightA" > < a href = "#fligh" v-on:click . prevent = "window.open('https://www.flightradar24.com/data/flights/'+element.id,'_blank')" > {{ element.label }}< / a > < / div >
2021-07-16 11:51:56 +02:00
< / div >
< div v-if = "journey_step_data.end" >
2021-07-16 16:54:31 +02:00
< div v-for = "element in journey_data.main[journey_step_data.section].flightB" > < a href = "#fligh" v-on:click . prevent = "window.open('https://www.flightradar24.com/data/flights/'+element.id,'_blank')" > {{ element.label }}< / a > < / div >
2021-07-16 11:51:56 +02:00
< / div >
< / div >
< div class = "container" > < / div >
< / div >
< / div >
< / div >
2021-08-03 13:18:25 +02:00
< / div >
< / div >
< div v-if = "vtp==1" v-cloak >
< header class = "header" >
< div class = "header-inner container" >
< a href = "/" class = "header-logo text-dark" >
< img class = "header-logoImage" src = "/public/img/helcel.png" alt = "Helcel logo" width = "40" >
< span class = "hide-small" > HOTM< / span >
< / a >
2021-08-03 13:23:37 +02:00
< div class = "input input-invis" > < input class = "small" :value = "journey_data.name" type = "text" disabled / > < / div >
2021-08-03 13:18:25 +02:00
< div class = "row header-nav text-big" style = "margin-bottom: 0;" >
2021-08-03 13:23:37 +02:00
< div class = "col-sm-3" > < a :href = "'/short/'+journey_id" > < i class = "fas fa-file-contract" > < / i > < / a > < / div >
2021-08-03 13:18:25 +02:00
< div class = "col-sm-3" > < a :href = "'/view/'+journey_id +'#0'" > < i class = "fas fa-camera" > < / i > < / a > < / div >
< / div >
< / div >
< / header >
< div v-for = "(item,idx) in journey_data.main" :class = "idx%2===0 ? 'bg-dark text-white' : ''" >
<!-- <div class="bg - dark"> -->
< div class = "container section" >
< div class = "row text-center" >
< div class = "input col-sm-2" > < input class = "" disabled :value = "item.title" / > < / div >
< div class = "input col-sm-4" > < input disabled placeholder = "No Dates" :value = "format_date(item.dateRange[0]) + ' - '+ format_date(item.dateRange[1])" / > < / div >
< div class = "input col-sm-2" > < input disabled placeholder = "No Hotel" :value = "item.hotel.sname" / > < / div >
< / div >
< div class = "row text-center" >
< div class = "input col-sm-3" v-if = "item.flightA" > < input disabled :value = "item.flightA.map(v=>v.id).join(', ')" / > < / div >
< div class = "input col-sm-3" v-if = "item.flightB" > < input disabled :value = "item.flightB.map(v=>v.id).join(', ')" / > < / div >
< / div >
< div class = "row text-center" >
< div class = "input col-sm-8" v-if = "item.places && item.places.restaurants" >
< textarea-autosize
class="col-8 col-sm-8 text-small"
placeholder="No Restaurants"
:value="item.places.restaurants.map(v=>v.sname).join(', ')"
:min-height="30"
:max-height="350"
disabled
/>< / div >
< / div >
< div class = "row text-center" >
< div class = "input col-sm-8" v-if = "item.places && item.places.activities" >
< textarea-autosize
class="col-8 col-sm-8 text-small"
placeholder="No Activities"
:value="item.places.activities.map(v=>v.sname).join(', ')"
:min-height="30"
:max-height="350"
disabled
/>< / div >
< / div >
< / div >
<!-- </div>
< div class = "bg-white" >
< div class = "container section" >
< / div >
< / div > -->
< / div >
2021-07-16 11:51:56 +02:00
< / div >
< / main >
2022-03-23 10:39:39 +01:00
< script src = "https://unpkg.com/vue@2/dist/vue.min.js" > < / script >
< script src = "https://unpkg.com/vue2-datepicker/index.min.js" > < / script >
< script src = "https://unpkg.com/leaflet/dist/leaflet.js" > < / script >
2021-07-16 22:59:13 +02:00
< script src = "https://unpkg.com/vue2-leaflet" > < / script >
< script src = "https://unpkg.com/leaflet.awesome-markers/dist/leaflet.awesome-markers.min.js" > < / script >
2022-03-23 10:35:46 +01:00
< script src = "https://unpkg.com/axios" > < / script >
< script src = "https://unpkg.com/lodash" > < / script >
2021-07-16 22:59:13 +02:00
< script src = "https://unpkg.com/vue-multiselect" > < / script >
< script src = "https://unpkg.com/vue-textarea-autosize/dist/vue-textarea-autosize.umd.min.js" > < / script >
2021-07-16 11:51:56 +02:00
< script src = "/public/js/main.js" type = "text/javascript" charset = "utf-8" > < / script >
2022-03-23 10:35:46 +01:00
2021-07-16 11:51:56 +02:00
< footer class = "bg-dark" >
< div class = "container" >
< div class = "section text-center text-small" >
< p class = "text-white" >
< img src = "/public/img/helcel.png" alt = "helcel logo" width = "100" > < br > < br >
Built with ❤ by Helcel < br > < span class = "text-small text-gray" > v0.0.1< / span >
< / p >
< / div >
< / div >
< / footer >
< / body >
< / html >
