Migrated to Pug

2023-06-25 23:10:03 +02:00
parent 681975a44b
commit 038c274db0
10 changed files with 166 additions and 279 deletions
--- a/template/module/journey_sec.pug
+++ b/template/module/journey_sec.pug
@@ -1,71 +1,9 @@
-.container.section
-  .row.text-center
-    .col-auto
-      button.button.button--secondary.button--mobileFull(v-on:click='rm_section(idx)') X
-    .col-auto
-      button.button.button--secondary.button--mobileFull(v-on:click='toggle_section_vis(idx)') -
-    .input.col-sm-4
-      input(v-model='item.title' type='text')
-  .row(v-if='visible_step & (0x1 << idx)')
-    .col-12.col-sm-8
-      l-map(:zoom.sync='item.map.zoom' :center.sync='item.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-control-scale(position='topright' :imperial='false' :metric='true')
-        l-marker(v-if='item.hotel' :lat-lng.sync='item.hotel.latlon')
-          l-icon
-            div(v-html="generate_icon(item.hotel,'darkblue')")
-          l-popup
-            h1.row.text-medium.text-center {{item.hotel.sname}}
-            span.row.text-small.text-gray {{item.hotel.display_name}}
-            .row.input
-              textarea-autosize.col-12.col-sm-10.text-small(placeholder='Notes' v-model='item.hotel.notes' :min-height='30' :max-height='350')
-          //
-            <l-tooltip :options="{ permanent: true, interactive: true }">
-            <div>
-            H
-            </div>
-            </l-tooltip>
-        l-marker(v-for='place in item.places.restaurants' :lat-lng.sync='place.latlon')
-          l-icon
-            div(v-html="generate_icon(place,'cadetblue')")
-          l-popup
-            h1.row.text-medium.text-center {{place.sname}}
-            span.row.text-small.text-gray {{place.display_name}}
-            .row.input
-              textarea-autosize.col-12.col-sm-10.text-small(placeholder='Notes' v-model='place.notes' :min-height='30' :max-height='350')
-        l-marker(v-for='place in item.places.activities' :lat-lng.sync='place.latlon')
-          l-icon
-            div(v-html='generate_icon(place)')
-          l-popup
-            h1.row.text-medium.text-center {{place.sname}}
-            span.row.text-small.text-gray {{place.display_name}}
-            .row.input
-              textarea-autosize.col-12.col-sm-10.text-small(placeholder='Notes' v-model='place.notes' :min-height='30' :max-height='350')
-    .col-12.col-sm-4
-      .row.text-center
-        div
-          label Date Range
-        .input.text-dark
-          date-picker(:lang='lang' v-model='item.dateRange' range='' placeholder='Date Range')
-      .row.text-center
-        div
-          label Hotel
-        multiselect#ajax(v-model='item.hotel' 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')
-      .row.text-center
-        div
-          label Fight
-        multiselect#ajax(v-model='item.flightA' 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#ajax(v-model='item.flightB' 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')
-      .row.text-center
-        div
-          label Restoration
-        multiselect#ajax(v-model='item.places.restaurants' 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')
-      .row.text-center
-        div
-          label Activities
-        multiselect#ajax(v-model='item.places.activities' 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')
-      .row.text-center
-        div
-          label Notes
-        .input.text-dark(style='width:100%;')
-          textarea-autosize.text-small(v-model='item.notes' placeholder='Notes' :min-height='30' :max-height='350')
+draggable(tag='ul' :list='journey_data.main' class='col-1 list-group p-abs' handle='.handle')
+  div.list-group-item.handle(v-for='(element, idx) in journey_data.main' :key='idx' @click='sel_section(idx)' :style='journey_step_data.section==idx?"left:10px":""')
+    span.text {{element.title}}
+    //- input.col-12.input(disabled='' :value='element.title' style='display:block;margin:0;') 
+    i.fa.fa-times.close.fright(style='top:2px;right:2px;position:absolute;' @click='rm_section(idx)')
+
+  div.list-group-item()
+    span.text Add Section 
+    i.fa.fa-plus.add(@click='add_section()')