<script lang="ts"> import { inventory } from "../stores/inventory" import { drinks } from "../stores/drinks"; export let drinkName: string; let amountContainers: number; let amountBottles: number; 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)) { $inventory.forEach(item => { if (drinkName === item.name) { item.amountContainers = amountContainers; item.amountBottles = amountBottles; } }); } else { $inventory = [ { name: drinkName, amountContainers: amountContainers, amountBottles: amountBottles, }, ...$inventory, ]; } console.log($inventory); }; </script> <div class="box"> <div class="columns"> <div class="column is-one-third"> {drinkName} </div> <div class="column"> <input class="input is-primary" type="number" placeholder="Anzahl volle Gebinde/Kästen" bind:value={amountContainers} on:input={saveInventory}> </div> <div class="column"> <input class="input is-rounded" type="number" placeholder="Anzahl einzelne Flaschen" bind:value={amountBottles} on:input={saveInventory}> </div> </div> </div>