From 32e8e8749cf742ff0a013b43b275816a469e25d3 Mon Sep 17 00:00:00 2001
From: "vit.tlusty" <vitektlu@seznam.cz>
Date: Thu, 16 Dec 2021 13:08:25 +0100
Subject: [PATCH] hotovo

---
 src/views/Home.vue | 109 ++++++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 107 insertions(+), 2 deletions(-)

diff --git a/src/views/Home.vue b/src/views/Home.vue
index 911a775..6834737 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -1,8 +1,8 @@
 <template>
     <div>
-        <div class="muj-toast" role="alert" aria-live="assertive" aria-atomic="true">
+        <div  v-if="toust" class="muj-toast alert alert-info" role="alert" aria-live="assertive" aria-atomic="true">
   <div class="d-flex">
-    <div v-if="toust" class="toast-body">
+    <div class="toast-body">
     Uspěšně jste přidaly věc do košíku 
    </div>
     <button v-on:click="toust = false" type="button" class="btn-close me-2 m-auto"  aria-label="Close"></button>
@@ -56,6 +56,42 @@
                         <button v-on:click="kosikPosekaniZahrady()" class="btn btn-primary">Do košíku</button>
                     </p>
                 </div>
+                <div v-if="aktivniSluzba.akce == 3">
+                    <p>
+                        Cena za metr čtvereční: {{ aktivniSluzba.cenaKubik }} Kč
+                    </p>
+                    <input v-model="cisteniJezirka" class="form-control" type="number" min="1" step="1">
+                    <p>
+                        Výsledná cena: {{ cisteniJezirka * aktivniSluzba.cenaKubik }} Kč
+                    </p>
+                    <p>
+                        <button v-on:click="kosikCisteniJezirka()" class="btn btn-primary">Do košíku</button>
+                    </p>
+                </div>
+                 <div v-if="aktivniSluzba.akce == 4">
+                    <p>
+                        Cena za metr čtvereční: {{ aktivniSluzba.cenaKub }} Kč
+                    </p>
+                    <input v-model="vystavbaJezirka" class="form-control" type="number" min="1" step="1">
+                    <p>
+                        Výsledná cena: {{ vystavbaJezirka* aktivniSluzba.cenaKub }} Kč
+                    </p>
+                    <p>
+                        <button v-on:click="kosikVystavbaJezirka()" class="btn btn-primary">Do košíku</button>
+                    </p>
+                </div>
+                <div v-if="aktivniSluzba.akce == 6">
+                    <p>
+                        Cena za kus: {{ aktivniSluzba.cenaKub }} Kč
+                    </p>
+                    <input v-model="omlazeniStromu" class="form-control" type="number" min="1" step="1">
+                    <p>
+                        Výsledná cena: {{ omlazeniStromu* aktivniSluzba.cenaKus }} Kč
+                    </p>
+                    <p>
+                        <button v-on:click="kosikOmlazeniStromku()" class="btn btn-primary">Do košíku</button>
+                    </p>
+                </div>
                 <div v-else-if="aktivniSluzba.akce == 2">
                     <p>
                         Zvolte strom
@@ -73,6 +109,23 @@
                         <button v-on:click="kosikVysaditStrom()" class="btn btn-primary">Do košíku</button>
                     </p>
                 </div>
+                  <div v-else-if="aktivniSluzba.akce == 5">
+                    <p>
+                        Zvolte slzbu
+                    </p>
+                    <select v-model="sluzba" class="form-select">
+                        <option :value="sluzba" v-for="sluzba, i in aktivniSluzba.sluzby" :key="i">
+                            {{ sluzba.nazev }}, {{ sluzba.cena }} Kč
+                        </option>
+                    </select>
+                    
+                    <p v-if="strom">
+                        Výsledná cena: {{ sluzba.cena  }} Kč
+                    </p>
+                    <p>
+                        <button v-on:click="kosikUdrzovaniZahonu()" class="btn btn-primary">Do košíku</button>
+                    </p>
+                </div>
             </div>
         </div>
 
@@ -99,6 +152,8 @@ export default {
                     stromy: [
                         { nazev: "bříza", cena: 49 },
                         { nazev: "dub", cena: 89 },
+                        { nazev: "topol", cena: 128 },
+                        { nazev: "jasan", cena: 189 },
                     ],
                 },
                 {
@@ -106,10 +161,33 @@ export default {
                     akce: 3,
                     cenaKubik: 22,
                 },
+                {
+                    nazev: "jezírko - výstavba",
+                    akce: 4,
+                    cenaKub: 220,
+                },
+                 {
+                    nazev: "udržování záhonů",
+                    akce: 5,
+                    sluzby: [
+                        { nazev: "hnojení", cena: 49 },
+                        { nazev: "zástřih", cena: 89 },
+                        { nazev: "postřik", cena: 128 },
+                    ],
+                },
+                {
+                    nazev: "omlazeni stromu",
+                    akce: 6,
+                    cenaKus: 130,
+                },
             ],
             aktivniSluzba: null,
             posekaniZahrady: 1,
+            cisteniJezirka: 1,
+            vystavbaJezirka:1,
+            omlazeniStromu:1,
             strom: null,
+            sluzba:null,
             stromPocet: 1,
             kosik: [],
             toust: false,
@@ -134,6 +212,33 @@ export default {
             this.toust = true
             this.aktivniSluzba = null
         },
+        kosikCisteniJezirka: function() {
+            this.kosik.push({
+                nazev: this.aktivniSluzba.nazev,
+                polozka: "objem jezera: " + this.cisteniJezirka,
+                cena:this.cisteniJezirka*this.aktivniSluzba.cenaKubik,
+            })
+            this.toust= true
+            this.aktivniSluzba = null
+            },
+            kosikOmlazeniStromku: function() {
+            this.kosik.push({
+                nazev: this.aktivniSluzba.nazev,
+                polozka: "počet stromků: " + this.omlazeniStromu,
+                cena:this.omlazeniStromu*this.aktivniSluzba.cenaKus
+            })
+            this.toust= true
+            this.aktivniSluzba = null
+            },
+             kosikUdrzovaniZahonu: function() {
+            this.kosik.push({
+                nazev: this.aktivniSluzba.nazev,
+                polozka: "sluzba: " + this.sluzba.nazev,
+                cena: this.sluzba.cena ,
+            })
+            this.toust = true
+            this.aktivniSluzba = null
+        },
         zavriToast: function () {
             this.toust = false
         }