From dd76eacb8214c6c953ed7af833dc26adab02d624 Mon Sep 17 00:00:00 2001
From: mmmchimps <mmmchimps@posteo.me>
Date: Tue, 24 Jan 2023 15:09:20 +0100
Subject: [PATCH] feat: fill input fields from local storage!

---
 src/api.js              |  9 --------
 src/lib/Drink.svelte    | 20 +++++++++++++++--
 src/lib/List.svelte     |  8 ++++++-
 src/lib/Navbar.svelte   |  2 +-
 src/stores/drinks.js    | 46 --------------------------------------
 src/stores/drinksApi.js |  9 ++++++++
 src/stores/inventory.js | 49 +++++++++++++++++++++++++++++++++++++++--
 7 files changed, 82 insertions(+), 61 deletions(-)
 delete mode 100644 src/api.js
 delete mode 100644 src/stores/drinks.js
 create mode 100644 src/stores/drinksApi.js

diff --git a/src/api.js b/src/api.js
deleted file mode 100644
index 73a32ed..0000000
--- a/src/api.js
+++ /dev/null
@@ -1,9 +0,0 @@
-export default class inventoryAPI {
-    static async save(drinks) {
-        localStorage.setItem("inventory", JSON.stringify(drinks));
-    }
-
-    static async load() {
-        return JSON.parse(localStorage.getItem("inventory") || "[]");
-    }
-}
\ No newline at end of file
diff --git a/src/lib/Drink.svelte b/src/lib/Drink.svelte
index 7ba9806..f2ace63 100644
--- a/src/lib/Drink.svelte
+++ b/src/lib/Drink.svelte
@@ -1,6 +1,7 @@
 <script lang="ts">
+    import { onMount } from "svelte";
     import { inventory } from "../stores/inventory"
-    import { drinks } from "../stores/drinks";
+    import drinksAPI from "../stores/drinksApi";
 
     export let drinkName: string;
 
@@ -10,6 +11,7 @@
     const saveInventory = () => {
         // Check if a drink is already in the inventory. If yes, then update the amounts. If not, add it.
         if ($inventory.some(item => item.name === drinkName)) {
+            // Potentially inefficient, how to refactor forEach?
             $inventory.forEach(item => {
                 if (drinkName === item.name) {
                     item.amountContainers = amountContainers;
@@ -27,8 +29,22 @@
                 ...$inventory,
             ];
         }
-        console.log($inventory);
+        drinksAPI.save($inventory);
     };
+
+    const loadAmountsFromInventory = () => {
+        $inventory.forEach(item => {
+            if (item.name === drinkName) {
+                amountContainers = item.amountContainers;
+                amountBottles = item.amountBottles;
+            }
+        });
+    }
+
+    onMount(async () => {
+        loadAmountsFromInventory();
+    })
+
 </script>
 
 <div class="box">
diff --git a/src/lib/List.svelte b/src/lib/List.svelte
index 2f034b0..f88100c 100644
--- a/src/lib/List.svelte
+++ b/src/lib/List.svelte
@@ -2,12 +2,18 @@
 <!-- svelte-ignore a11y-click-events-have-key-events -->
 
 <script lang="ts">
-    import { activeCategory, drinks } from "../stores/drinks.js";
+    import { onMount } from "svelte";
     import Drink from "./Drink.svelte";
     import Info from "./Info.svelte";
+    import { activeCategory, drinks, inventory } from "../stores/inventory.js";
+    import drinksAPI from "../stores/drinksApi";
 
     $: filteredDrinks = $drinks.filter(drink => drink.type == $activeCategory);
 
+    onMount(async () => {
+        $inventory = await drinksAPI.load();
+    })
+
 </script>
 
 <section class="section">
diff --git a/src/lib/Navbar.svelte b/src/lib/Navbar.svelte
index 493a2f3..533fd01 100644
--- a/src/lib/Navbar.svelte
+++ b/src/lib/Navbar.svelte
@@ -2,7 +2,7 @@
 <!-- svelte-ignore a11y-click-events-have-key-events -->
 
 <script lang="ts">
-    import { activeCategory } from "../stores/drinks";
+    import { activeCategory } from "../stores/inventory";
 
     let sparti_logo = "./src/assets/sparti_logo.png";
 
diff --git a/src/stores/drinks.js b/src/stores/drinks.js
deleted file mode 100644
index 3344173..0000000
--- a/src/stores/drinks.js
+++ /dev/null
@@ -1,46 +0,0 @@
-import { readable, writable } from "svelte/store"
-
-export const drinks = readable([
-    // Biere
-    { name: "Sternburg Export (0,5 l)", type: "beer" },
-    { name: "PU (0,5 l)", type: "beer" },
-    { name: "Gösser Radler (0,5 l)", type: "beer" },
-    { name: "Paulaner Hefe alkoholfrei (0,5 l)", type: "beer" },
-    { name: "Augustiner Lagerbier Hell (0,5 l)", type: "beer" },
-    { name: "Störtebeker Atlantik-Ale (0,33 l)", type: "beer" },
-
-    // Brause & Wasser
-    { name: "Soli Mate (0,5 l)", type: "fizzyDrink" },
-    { name: "Schneiders Spezi (0,5 l)", type: "fizzyDrink" },
-    { name: "Proviant Cola (0,33 l)", type: "fizzyDrink" },
-    { name: "Proviant Zitrone (0,33 l)", type: "fizzyDrink" },
-    { name: "Proviant Orange (0,33 l)", type: "fizzyDrink" },
-    { name: "Proviant Apfelschorle (0,33 l)", type: "fizzyDrink" },
-    { name: "Proviant Rhabarber (0,33 l)", type: "fizzyDrink" },
-    { name: "Märkisch Kristall Classic PET (0,5 l)", type: "fizzyDrink" },
-    { name: "Märkisch Kristall Naturelle PET (0,5 l)", type: "fizzyDrink" },
-    { name: "Afri Cola (1,0 l)", type: "fizzyDrink" },
-    { name: "Tonic Water Bad Liebenwerder (1,0 l)", type: "fizzyDrink" },
-    { name: "Bitter Lemon Bad Liebenwerder (1,0 l)", type: "fizzyDrink" },
-    { name: "Ginger Ale Bad Liebenwerder (1,0 l)", type: "fizzyDrink" },
-    { name: "ChariTea Black (0,33 l)", type: "fizzyDrink" },
-    { name: "ChariTea Green (0,33 l)", type: "fizzyDrink" },
-
-    // Wein & Sekt
-    { name: "OBC Cidre Stark (0,33 l)", type: "wine" },
-    { name: "OBC Cidre Classic (0,33 l)", type: "wine" },
-    { name: "Pinot Grigio (0,75 l)", type: "wine" },
-    { name: "Rotwein Montepulciano (1,5 l)", type: "wine" },
-    { name: "Lehmann Hausmarke Frizzante (0,75 l)", type: "wine" },
-
-    // Schnaps & Sirup
-    { name: "Vodka Partisan Black (1,0 l)", type: "spirit" },
-    { name: "Gordon's London Dry Gin (1,0 l)", type: "spirit" },
-    { name: "Absinth Tabu Classic 55% (1,0 l)", type: "spirit" },
-    { name: "Tequila Jose Cuervo Silver (1,0 l)", type: "spirit" },
-    { name: "Havanna (1,0 l)", type: "spirit" },
-    { name: "'51' Cachaca (1,0 l)", type: "spirit" },
-    { name: "Berliner Luft (0,7 l)", type: "spirit" },
-])
-
-export const activeCategory = writable("")
\ No newline at end of file
diff --git a/src/stores/drinksApi.js b/src/stores/drinksApi.js
new file mode 100644
index 0000000..bb64388
--- /dev/null
+++ b/src/stores/drinksApi.js
@@ -0,0 +1,9 @@
+export default class drinksAPI {
+    static async save(drinks) {
+        localStorage.setItem("drinks", JSON.stringify(drinks));
+    }
+
+    static async load() {
+        return JSON.parse(localStorage.getItem("drinks") || "[]");
+    }
+}
\ No newline at end of file
diff --git a/src/stores/inventory.js b/src/stores/inventory.js
index f62b7fa..909b8d5 100644
--- a/src/stores/inventory.js
+++ b/src/stores/inventory.js
@@ -1,3 +1,48 @@
-import { writable } from "svelte/store"
+import { readable, writable } from "svelte/store"
 
-export const inventory = writable([])
\ No newline at end of file
+export const drinks = readable([
+    // Biere
+    { name: "Sternburg Export (0,5 l)", type: "beer" },
+    { name: "PU (0,5 l)", type: "beer" },
+    { name: "Gösser Radler (0,5 l)", type: "beer" },
+    { name: "Paulaner Hefe alkoholfrei (0,5 l)", type: "beer" },
+    { name: "Augustiner Lagerbier Hell (0,5 l)", type: "beer" },
+    { name: "Störtebeker Atlantik-Ale (0,33 l)", type: "beer" },
+
+    // Brause & Wasser
+    { name: "Soli Mate (0,5 l)", type: "fizzyDrink" },
+    { name: "Schneiders Spezi (0,5 l)", type: "fizzyDrink" },
+    { name: "Proviant Cola (0,33 l)", type: "fizzyDrink" },
+    { name: "Proviant Zitrone (0,33 l)", type: "fizzyDrink" },
+    { name: "Proviant Orange (0,33 l)", type: "fizzyDrink" },
+    { name: "Proviant Apfelschorle (0,33 l)", type: "fizzyDrink" },
+    { name: "Proviant Rhabarber (0,33 l)", type: "fizzyDrink" },
+    { name: "Märkisch Kristall Classic PET (0,5 l)", type: "fizzyDrink" },
+    { name: "Märkisch Kristall Naturelle PET (0,5 l)", type: "fizzyDrink" },
+    { name: "Afri Cola (1,0 l)", type: "fizzyDrink" },
+    { name: "Tonic Water Bad Liebenwerder (1,0 l)", type: "fizzyDrink" },
+    { name: "Bitter Lemon Bad Liebenwerder (1,0 l)", type: "fizzyDrink" },
+    { name: "Ginger Ale Bad Liebenwerder (1,0 l)", type: "fizzyDrink" },
+    { name: "ChariTea Black (0,33 l)", type: "fizzyDrink" },
+    { name: "ChariTea Green (0,33 l)", type: "fizzyDrink" },
+
+    // Wein & Sekt
+    { name: "OBC Cidre Stark (0,33 l)", type: "wine" },
+    { name: "OBC Cidre Classic (0,33 l)", type: "wine" },
+    { name: "Pinot Grigio (0,75 l)", type: "wine" },
+    { name: "Rotwein Montepulciano (1,5 l)", type: "wine" },
+    { name: "Lehmann Hausmarke Frizzante (0,75 l)", type: "wine" },
+
+    // Schnaps & Sirup
+    { name: "Vodka Partisan Black (1,0 l)", type: "spirit" },
+    { name: "Gordon's London Dry Gin (1,0 l)", type: "spirit" },
+    { name: "Absinth Tabu Classic 55% (1,0 l)", type: "spirit" },
+    { name: "Tequila Jose Cuervo Silver (1,0 l)", type: "spirit" },
+    { name: "Havanna (1,0 l)", type: "spirit" },
+    { name: "'51' Cachaca (1,0 l)", type: "spirit" },
+    { name: "Berliner Luft (0,7 l)", type: "spirit" },
+])
+
+export const activeCategory = writable("")
+
+export const inventory = writable([])