From 4c468c33b453a58798307a60e830e1f7db98c9bf Mon Sep 17 00:00:00 2001
From: Tomas Harazim <minetom9@gmail.com>
Date: Fri, 22 Jan 2021 11:52:17 +0100
Subject: [PATCH] Typ letu

---
 src/App.vue | 47 ++++++++++++++++++++++++++++++++++-------------
 1 file changed, 34 insertions(+), 13 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 55df315..37d1e4f 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,28 +1,49 @@
 <template>
   <div id="app">
-    <img alt="Vue logo" src="./assets/logo.png">
-    <HelloWorld msg="Welcome to Your Vue.js App"/>
+    <h1>Letenka</h1>
+    <div class="wrapper"></div>
+    <div class="col">
+      <h2>Parametry letu</h2>
+      <select v-model="travelType" >
+        <option value="" disabled>Vyberte jednu požnost</option>
+        <option v-for="(option, index) in travelTypes" :key="index" :value="option">
+          {{option.text}}
+        </option>
+        
+      </select>
+    </div>
+    <div class="col">
+      <h2>Objednávka</h2>
+      <p v-if="travelType">
+        Typ cesty: 
+        <span style="text-transform:lowercase">{{travelType.text}}
+          </span> 
+      </p>
+    </div>
+
+    
   </div>
 </template>
 
 <script>
-import HelloWorld from './components/HelloWorld.vue'
 
 export default {
-  name: 'App',
-  components: {
-    HelloWorld
+  name: "App",
+  data: function(){
+    return {
+      travelType: "",
+      travelTypes: [
+        { value: "R", text: "Zpáteční"},
+        { value: "O", text: "Jednosměrná"},
+      ]
+    }
   }
 }
 </script>
 
 <style>
-#app {
-  font-family: Avenir, Helvetica, Arial, sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  text-align: center;
-  color: #2c3e50;
-  margin-top: 60px;
+.wrapper {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
 }
 </style>