From d3e65b98ca932aef1e05e33d74eaf62be520cdd4 Mon Sep 17 00:00:00 2001
From: Daniel Weipert <code@drogueronin.de>
Date: Fri, 18 Aug 2023 16:07:39 +0200
Subject: inventory and items

---
 index.html | 32 ++++++++++++++++++++++++++++++++
 1 file changed, 32 insertions(+)

(limited to 'index.html')

diff --git a/index.html b/index.html
index b4d1eb5..39dc63e 100644
--- a/index.html
+++ b/index.html
@@ -54,6 +54,22 @@
       </div>
     </template>
 
+    <template id="tpl___tabs">
+      <div class="tabs"></div>
+    </template>
+    <template id="tpl___tabs__tab-heading">
+      <div data-template-type="multiple">
+        <input data-template-slot="input" type="radio" name="{TABS}" id="{TAB_BUTTON}" aria-controls="{TAB_PANEL}">
+        <label data-template-slot="label" class="tabs__tab-heading menu-button" for="{TAB_BUTTON}"></label>
+      </div>
+    </template>
+    <template id="tpl___tabs__panels">
+      <div class="tabs__panels"></div>
+    </template>
+    <template id="tpl___tabs__tab-panel">
+      <section data-template-slot="panel" id="{TAB_PANEL}" class="tabs__tab-panel"></section>
+    </template>
+
     <template id="tpl___battle__monster">
       <div class="battle__monster">
         <div class="battle__monster-info">
@@ -189,6 +205,7 @@
     <template id="tpl___moveset__list">
       <div class="moveset__list"></div>
     </template>
+
     <template id="tpl___moveset__item">
       <div class="moveset__item">
         <span data-template-slot="name" class="moveset__item__name"></span>
@@ -198,6 +215,20 @@
       </div>
     </template>
 
+    <template id="tpl___inventory">
+      <div class="inventory"></div>
+    </template>
+
+    <template id="tpl___inventory__item">
+      <div class="inventory__item">
+        <img data-template-slot="sprite" />
+        <div>
+          <span data-template-slot="name"></span>
+          x<span data-template-slot="quantity"></span>
+        </div>
+      </div>
+    </template>
+
     <template id="tpl___menu__journal">
       <div class="menu__journal">
         <button data-template-slot="save" class="menu-button">Save</button>
@@ -226,6 +257,7 @@
     <script type="text/javascript" src="/resources/js/classes/Technique.js"></script>
     <script type="text/javascript" src="/resources/js/classes/StatusEffect.js"></script>
     <script type="text/javascript" src="/resources/js/classes/Item.js"></script>
+    <script type="text/javascript" src="/resources/js/classes/InventoryItem.js"></script>
     <script type="text/javascript" src="/resources/js/classes/State.js"></script>
     <script type="text/javascript" src="/resources/js/db.js"></script>
     <script type="text/javascript" src="/resources/js/formula.js"></script>
-- 
cgit v1.2.3