AutoDateFixing

template/journey.pug

@@ -2,7 +2,7 @@ doctype html
 
 include module/head.pug
 
-main#app
+main#app(v-cloak)
   include module/nav.pug
   include module/journey_sec.pug
   include module/journey_step.pug

template/module/journey_step.pug

@@ -18,9 +18,9 @@ div(v-for='(e, idx) in journey_data.main' :key='idx')
         .col-3.col-ssm-12
           .row.text-center
             div
-              label Date Range
+              label Date Range ({{step_len(idx)}})
             .input.text-dark
-              date-picker(:lang='lang' v-model=map_section+'.dateRange' range='' format='ddd D MMM' placeholder='Date Range')
+              date-picker(:lang='lang' v-model=map_section+'.dateRange' range='' format='ddd D MMM' placeholder='Date Range' v-on:change='update_date(idx)')
           .row.text-center
             div
               label Hotel

template/module/view_step.pug

@@ -1,5 +1,5 @@
 - var map_section = 'journey_data.main[journey_step_data.section]'
-.bg-dark.text-white(v-cloak='')
+.bg-dark.text-white
   .container.section
     .aligner.text-center.text-white.text-huge(style='margin-bottom:5px')
       .aligner--itemTop.fleft

template/short.pug

@@ -1,6 +1,6 @@
 doctype html
 include module/head.pug
-main#app
+main#app(v-cloak)
   include module/nav_pub.pug
   div(v-for='(item,idx) in journey_data.main' :class="idx%2===0 ? 'bg-dark text-white' : ''")
     include module/short_sec.pug

template/view.pug

@@ -1,6 +1,6 @@
 doctype html
 include module/head.pug
-main#app
-  div(v-if='journey_data.main[journey_step_data.section] != undefined' v-cloak='')
+main#app(v-cloak)
+  div(v-if='journey_data.main[journey_step_data.section] != undefined')
     include module/view_step.pug
 include module/foot.pug