|
|
|
@ -6,6 +6,8 @@ |
|
|
|
|
|
|
|
<div class="col1"> |
|
|
|
<div class="hlavni"> |
|
|
|
<div class="hlavni2"> |
|
|
|
<br> |
|
|
|
|
|
|
|
<h2>Parametry letu</h2> |
|
|
|
<p> |
|
|
|
@ -17,14 +19,17 @@ |
|
|
|
</select> |
|
|
|
</p> |
|
|
|
|
|
|
|
|
|
|
|
<!-- volba destinace --> |
|
|
|
|
|
|
|
|
|
|
|
<!-- datum odletu --> |
|
|
|
<v-date-picker v-model="departuredate" :min-date="new Date()" value=""/> |
|
|
|
<!-- datum příletu pokud zpáteční --> |
|
|
|
|
|
|
|
|
|
|
|
<v-date-picker v-model="departuredate" :min-date="new Date()" value=""/> |
|
|
|
<!-- datum příletu pokud zpáteční --> |
|
|
|
</div> |
|
|
|
<div class="hlavni2"> |
|
|
|
<p> |
|
|
|
<label for="inputPersonCount">Počet cestujících</label><br> |
|
|
|
<input v-on:change="personCountChange()" v-model="personCount" type="number" id="inputPersonCount" min="1" max="10"> |
|
|
|
@ -40,7 +45,7 @@ |
|
|
|
</option> |
|
|
|
</select> |
|
|
|
</p> |
|
|
|
<div class="sedadlo"> |
|
|
|
|
|
|
|
<div class="seatWrap"> |
|
|
|
<div class="seat" v-for="(seat, index) in seats" :key="index"> |
|
|
|
<div v-if="chosenSeats.indexOf(seat) >= 0" v-on:click="chosenSeats.splice(chosenSeats.indexOf(seat), 1)" class="chosen"> |
|
|
|
@ -56,17 +61,17 @@ |
|
|
|
|
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<br> |
|
|
|
<button v-on:click="chosenSeats=[]">Odebrat všechna sedadla</button> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="col"> |
|
|
|
<div class="hlavni"> |
|
|
|
<div class="druha"> |
|
|
|
<h2>Objednávka</h2> |
|
|
|
<p v-if="travelType"> |
|
|
|
Typ cesty: |
|
|
|
@ -205,7 +210,7 @@ export default { |
|
|
|
background-color: lightgreen; |
|
|
|
} |
|
|
|
.col{ |
|
|
|
width: 40%; |
|
|
|
width: 70%; |
|
|
|
background-color: rgb(255, 255, 255); |
|
|
|
margin: 0 left; |
|
|
|
opacity: 0.8; |
|
|
|
@ -214,10 +219,12 @@ export default { |
|
|
|
.hlavni{ |
|
|
|
width: 50%; |
|
|
|
margin: 0 auto; |
|
|
|
background-color: white; |
|
|
|
|
|
|
|
} |
|
|
|
.hlava{ |
|
|
|
width: 100%; |
|
|
|
background-color: |
|
|
|
margin: 0 auto; |
|
|
|
} |
|
|
|
#app{ |
|
|
|
background-image: url("./assets/leta.jpeg"); |
|
|
|
@ -228,8 +235,19 @@ export default { |
|
|
|
h1,h2,h3,p { |
|
|
|
font-family: Arial, Helvetica, sans-serif; |
|
|
|
} |
|
|
|
.sedadlo{ |
|
|
|
width: 170px; |
|
|
|
|
|
|
|
.druha{ |
|
|
|
width: 30%; |
|
|
|
float: left; |
|
|
|
|
|
|
|
} |
|
|
|
.col1{ |
|
|
|
width: 100%; |
|
|
|
} |
|
|
|
.hlavni2{ |
|
|
|
width: 80%; |
|
|
|
margin: 0 auto; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
@media (max-width: 500px) { |
|
|
|
|
petr
4 years ago