petr.plachy
/
letenka
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity
Browse Source

tlacitka

master
petr 4 years ago
parent
ee3d31b77a
commit
bdcdc02f91
1 changed files with 39 additions and 11 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 50
      src/App.vue

50
src/App.vue
View File

@ -11,9 +11,13 @@
<h2>Parametry letu</h2>
<p>
<select v-model="travelType">
<option value="" disabled>Vyberte jednu možnost</option>
<option v-for="(option, index) in travelTypes" :key="index" :value="option">
Tip cesty
<br>
<select class="vyber" v-model="travelType">
<option value="" disabled>Vyberte jednu možnost</option>
<option v-for="(option, index) in travelTypes" :key="index" :value="option">
{{ option.text }}
</option>
</select>
@ -22,9 +26,11 @@
<!-- volba destinace -->
<p>
<select v-model="travelDestinaction">
<option value="" disabled>Vyberte jednu možnost</option>
<option v-for="(option, index) in travelDestinactions" :key="index" :value="option">
Destinace
<br>
<select class="vyber" v-model="travelDestinaction">
<option value="" disabled>Vyberte jednu možnost</option>
<option v-for="(option, index) in travelDestinactions" :key="index" :value="option">
{{ option.text }}
</option>
</select>
@ -36,7 +42,8 @@
<div v-if="travelType.value == 'O'" class="input-group">
<label for="inputDepartureDate">Označte datum odletu</label>
<label for="inputDepartureDate"></label>
<p>Označte datum odletu</p>
<v-date-picker v-model="departureRangeDate" :min-date="new Date()" value="" id=""/>
</div>
<div v-else class="input-group">
@ -47,14 +54,14 @@
</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="3">
<label for="inputPersonCount">Počet cestujících</label><br>
<input class="vyber1" v-on:change="personCountChange()" v-model="personCount" type="number" id="inputPersonCount" min="1" max="3">
</p>
<!-- volba třídy E, B -->
<p>
<label for="inputClassType">Volba třídy</label><br>
<select v-on:change="chosenSeats = []" v-model="classType" id="inputClassType">
<select class="vyber" v-on:change="chosenSeats = []" v-model="classType" id="inputClassType">
<option value="" disabled>Vyberte jednu možnost</option>
<option v-for="(option, index) in classTypes" :key="index" :value="option">
{{ option.text }}
@ -79,7 +86,7 @@
</div>
<br>
<button v-on:click="chosenSeats=[]">Odebrat všechna sedadla</button>
<button class="vyber" v-on:click="chosenSeats=[]">Odebrat všechna sedadla</button>
</div>
</div>
@ -210,6 +217,27 @@ export default {
</script>
<style>
.vyber1{
background-color: #0563af;
width: 158px;
padding: 12px;
border: none;
color: white;
}
.vyber{
background-color: #0563af;
padding: 12px;
border: none;
color: white;
}
.kalen{
background-color: #0563af;
color: white;
}

Write Preview
Loading…
Cancel
Save