|
|
|
@ -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 |
|
|
|
} |
|
|
|
|
vit.tlusty
3 years ago