From 32fbbc11c4c61189bb3de222c006989fc62b803a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mat=C4=9Bj=20Netolick=C3=BD?=
 <matej.netolicky@odbornaskola.cz>
Date: Thu, 30 Sep 2021 12:27:45 +0200
Subject: [PATCH] zplatit

---
 snidane/src/App.vue | 22 +++++++++++++---------
 1 file changed, 13 insertions(+), 9 deletions(-)

diff --git a/snidane/src/App.vue b/snidane/src/App.vue
index 9cf9b0b..2633efa 100644
--- a/snidane/src/App.vue
+++ b/snidane/src/App.vue
@@ -11,20 +11,21 @@
   </div>
   </div>
   </div>
-
-  <p class="cena">
-    Celková cena: {{ cena }}kč
-  </p>
-  <p>
-    <button v-on:click="seznam= []">vyprázdnit košík</button>
-  </p>
-
+  <div v-if="seznam.length > 0" class="center">
+    <p class="cena">
+      Celková cena: {{ cena }}kč
+    </p>
+    <p>
+      <button v-on:click="seznam= []">vyprázdnit košík</button>
+      <button>Zaplatit</button>
+    </p>
+  </div>
 
     <div v-for="obj, i in seznam" :key="i" class="seznam-grid">
       <div><img :src="obj.obrazek" alt=""></div>
       <div>{{ obj.popisek }}</div>
       <div>{{ obj.cena }},-</div>
-      <div><button>odebrat</button></div>
+      <div><button v-on:click="seznam.splice(i, 1)">odebrat</button></div>
     </div>
 </div> 
 </template>
@@ -133,4 +134,7 @@ export default {
 .seznam-grid img{
   width: 100%;
 }
+.center{
+  text-align: center;
+}
 </style>