sora/OTM
1
0
Fork 0
Code Issues 1 Pull Requests Projects Releases Wiki Activity

short & features
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse Source
This commit is contained in:
choelzl
2021-08-03 13:18:25 +02:00
parent 28c0d2ec30
commit 31fdc92e5c
3 changed files with 127 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

82
public/template/journey.html
View File

@@ -18,7 +18,7 @@
</head>
<body>
<main id="app">
<div v-if="!view">
<div v-if="vtp==-1" v-cloak>
<header class="header">
<div class="header-inner container">
<a href="/" class="header-logo text-dark">
@@ -30,8 +30,10 @@
<div class="row header-nav text-big" style="margin-bottom: 0;">
<div class="col-sm-3"><a :href="'/view/'+journey_id +'#0'" ><i class="fas fa-camera"></i></a></div>
<div class="col-sm-3"><a href="#main" v-on:click.prevent="first_step"><i class="fas fa-tools"></i></a></div>
<div class="col-sm-3"><a href="#prev" v-on:click.prevent="prev_step"><i class="fas fa-chevron-left"></i></a></div>
<div class="col-sm-3"><a href="#next" v-on:click.prevent="next_step"><i class="fas fa-chevron-right"></i></a></div>
<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>
</div>
</div>
</header>
@@ -170,11 +172,14 @@
</div>
</div>
<div v-else-if="journey_step>=0 && journey_data.main[journey_step_data.section] != undefined">
<div class="bg-dark text-white" v-cloak>
<div class="bg-dark text-white">
<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>
<div class="col-sm-3"></div>
<div class="right input col-sm-2 "><input disabled :value="active_date()" /></div>
</div>
<div class="row">
@@ -318,19 +323,19 @@
</div>
</div>
</div>
<div v-else-if="journey_data.main[journey_step_data.section] != undefined">
<div v-if="vtp==0 && journey_data.main[journey_step_data.section] != undefined" v-cloak>
<div class="bg-dark text-white" v-cloak>
<div class="text-small fright" style="margin:6px 12px;"><a :href="'/'+journey_id" ><i class="fas fa-tools"></i></a></div>
<div class="container section">
<div class="aligner text-center text-white text-huge" style="margin-bottom:5px">
<div class="aligner--itemTop fleft"><a href="#prev" v-on:click.prevent="prev_step"><i class="fas fa-chevron-left"></i></a></div>
<div class="aligner--itemTop fleft"><a href="#prev" v-on:click.prevent="prev_step"><i class="fas fa-angle-left"></i></a></div>
<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>
<div class="aligner--itemEnd fright"><a href="#next" v-on:click.prevent="next_step"><i class="fas fa-chevron-right"></i></a></div>
<div class="aligner--itemEnd fright"><a href="#next" v-on:click.prevent="next_step"><i class="fas fa-angle-right"></i></a></div>
</div>
@@ -408,8 +413,69 @@
</div>
</div>
</div>
</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>
<div class="input input-invis"><input class="small" v-model="journey_data.name" type="text" /></div>
<div class="row header-nav text-big" style="margin-bottom: 0;">
<div class="col-sm-3"><a :href="'/view/'+journey_id +'#0'" ><i class="fas fa-camera"></i></a></div>
<div class="col-sm-3"><a href="#main" v-on:click.prevent="first_step"><i class="fas fa-tools"></i></a></div>
<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>
</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>
</div>
</main>
<script src="https://unpkg.com/vue/dist/vue.min.js"></script>