wip

template/module/view/nav.pug

@@ -0,0 +1,18 @@
+header.header
+  .header-inner.container
+    a.header-logo.text-dark(href="/")
+      img.header-logoImage(
+        src="/public/img/helcel.png",
+        alt="Helcel logo",
+        width="40"
+      )
+      span.hide-small HOTM
+    .input.input-invis
+      input.small(:value="journey.data.name", type="text", disabled="")
+    .row.header-nav.text-big(style="margin-bottom: 0")
+      .col-sm-3
+        a(:href="'/short/' + journey.id")
+          i.fas.fa-file-contract
+      .col-sm-3
+        a(:href="'/view/' + journey.id")
+          i.fas.fa-camera

template/module/view/short_leg.pug

@@ -0,0 +1,43 @@
+.container.section
+  .row.text-center
+    .input.col-sm-2
+      input(disabled="", :value="item.title")
+    .input.col-sm-4
+      input(
+        disabled="",
+        placeholder="No Dates",
+        :value="item.date_range ? format_date(item.date_range[0]) + ' - ' + format_date(item.date_range[1]) : ''"
+      )
+    .input.col-sm-2
+      input(disabled="", placeholder="No Hotel", :value="item.hotel.sname")
+  .row.text-center
+    .input.col-sm-3(v-if="item.transit")
+      div(v-for="(item, idx) in item.transit")
+        input(disabled="", :value="item.map((v) => v.id).join(', ')")
+  .row.text-center
+    .input.col-sm-8(v-if="item.places && item.places.restaurants")
+      textarea-autosize.text-small(
+        placeholder="No Restaurants",
+        :value="item.places.restaurants.map((v) => v.sname + (v.notes ? '(' + v.notes + ')' : '')).join(', ')",
+        :min-height="30",
+        :max-height="350",
+        disabled=""
+      )
+  .row.text-center
+    .input.col-sm-8(v-if="item.places && item.places.activities")
+      textarea-autosize.text-small(
+        placeholder="No Activities",
+        :value="item.places.activities.map((v) => v.sname + (v.notes ? '(' + v.notes + ')' : '')).join(', ')",
+        :min-height="30",
+        :max-height="350",
+        disabled=""
+      )
+  .row.text-center
+    .input.col-sm-8(v-if="item.notes")
+      textarea-autosize.text-small(
+        placeholder="No Notes",
+        :value="item.notes",
+        :min-height="30",
+        :max-height="350",
+        disabled=""
+      )

template/module/view/view_day.pug

@@ -0,0 +1,19 @@
+div(v-for="(e, idx) in journey.data.main", :key="idx")
+  .bg-dark.text-white(v-if="journey.sel_leg == idx")
+    .container.section
+      .aligner.text-center.text-white.text-huge(style="margin-bottom: 5px")
+        .aligner--itemTop.fleft
+          a(href="#prev", v-on:click.prevent="journey.day_prev()")
+            i.fas.fa-angle-left
+        span.container
+          span.small {{ journey.data.main[idx].title }} {{ journey.sel_day }}
+          .text-big.text-gray {{ journey.data.main[idx].day_title[journey.sel_day] }}
+        .aligner--itemEnd.fright
+          a(href="#next", v-on:click.prevent="journey.day_next()")
+            i.fas.fa-angle-right
+      .row
+        .col-12.col-sm-12
+          include map.pug
+      .row
+        .col-12.col-sm-12
+          .container