From 39a6861a305a6bb1a7054de0245b7f9950cd40c0 Mon Sep 17 00:00:00 2001
From: "vit.tlusty" <vitektlu@seznam.cz>
Date: Thu, 4 Nov 2021 12:56:25 +0100
Subject: [PATCH] kosik

---
 src/App.vue           | 66 +++++++++++++++++++++++++++++++------------
 src/assets/knihy.json | 15 ++++++----
 2 files changed, 57 insertions(+), 24 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 5b7475e..1278ded 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,30 +1,60 @@
 <template>
-<div>
-<h1>Knihkupectví</h1>
-<div class="row">
-  <div class="col">
-      <h2>Knihy</h2>
-      <div v-for="kniha, i in knihy" :key="i">
-        {{kniha.nazev}}
+  <div>
+    <h1>Knihkupectví</h1>
+    <div class="row">
+      <div class="col">
+        <h2>Knihy</h2>
+        <div v-for="(kniha, i) in knihy" :key="i">
+          {{ kniha.nazev }}
+          {{kniha.obrazek}}
+          <button
+            v-on:click="typKniha(kniha, typ)"
+            class="btn"
+            v-bind:class="{
+              'btn-success': kniha.typ_volba == typ.nazev, 
+              'btn-outline-secondary': kniha.typ_volba != typ.nazev}"
+            v-for="(typ, i) in kniha.typy"
+            :key="i"
+          >
+            <i class="fas" v-bind:class="typ.ikona"></i>
+            {{ typ.nazev }}
+          </button>
+          <p>
+            {{ kniha.format_volba }}
+          </p>
+          <p><button v-on:click="kosik.push(kniha)">Do košíku</button></p>
+        </div>
       </div>
+      <div class="col">
+        <h2>Košík</h2>
+          <div v-for="(kniha, i) in kosik" :key="i">
+            {{kniha.nazev}}
+            <input type="number" min="1" v-model="kniha.pocet">  
+          </div>
+      </div>
+    </div>
   </div>
-</div>
-</div>
 </template>
 
 <script>
-import data from "./assets/knihy.json"
+import data from "./assets/knihy.json";
+
 export default {
-  name: 'App',
-  data:function () {
-    return{
+  name: "App",
+  data: function () {
+    return {
       knihy: data,
-    }
+      kosik:[]
+    };
   },
-
-}
+ methods: {
+        typKniha: function(kniha, typ) {
+            kniha.typ_volba = typ.nazev
+            kniha.format_volba = typ.format
+        },
+    },
+};
 </script>
 
 <style>
-
-</style>
+</style>
\ No newline at end of file
diff --git a/src/assets/knihy.json b/src/assets/knihy.json
index 9c3b59a..e0c7500 100644
--- a/src/assets/knihy.json
+++ b/src/assets/knihy.json
@@ -4,7 +4,10 @@
         "obrazek":"/img/telo-scita-rany.png",
         "autor":"",
         "stran":0,
-        "cena": "",
+        "cena": 299,
+        "typ_volba": null,
+        "format_volba": null,
+        "pocet":1,
         "typy":[
             {
                 "nazev":"papír",
@@ -22,7 +25,7 @@
     {
         "nazev":"Hardcore historie",
         "autor":"",
-        "stran":0,
+        "stran":369,
         "cena": "",
         "typy":[
             {
@@ -37,7 +40,7 @@
             },
             {
                 "nazev":"audio",
-                "ikona":"fa-book",
+                "ikona":"fa-headphones-alt",
                 "format":"mp3 audio"
             }
         ]
@@ -46,7 +49,7 @@
         "nazev":"Spotify",
         "autor":"",
         "stran":0,
-        "cena": "",
+        "cena": 369,
         "typy":[
             {
                 "nazev":"papír",
@@ -60,7 +63,7 @@
             },
             {
                 "nazev":"audio",
-                "ikona":"fa-book",
+                "ikona":"fa-headphones-alt",
                 "format":"mp3 audio"
             }
         ]
@@ -69,7 +72,7 @@
         "nazev":"Uber",
         "autor":"",
         "stran":0,
-        "cena": "",
+        "cena": 382,
         "typy":[
             {
                 "nazev":"papír",