settings menu with language selection

1 files changed, 35 insertions, 16 deletions

diff --git a/index.html b/index.html
index afbf93d..9fb5422 100644
--- a/index.html
+++ b/index.html
@@ -31,17 +31,21 @@
           <img src="/modules/tuxemon/mods/tuxemon/gfx/ui/menu/tuxemon.png" title="Tuxemon" width="64" height="64" />
         </div>
 
-        <div id="menu__inventory">
-          <img src="/modules/tuxemon/mods/tuxemon/gfx/ui/item/backpack.png" title="Inventory" width="64" height="64" />
-        </div>
-
         <div id="menu__catch">
           <img src="/modules/tuxemon/mods/tuxemon/gfx/items/tuxeball.png" title="Catch" width="64" height="64" />
         </div>
 
+        <div id="menu__inventory">
+          <img src="/modules/tuxemon/mods/tuxemon/gfx/ui/item/backpack.png" title="Inventory" width="64" height="64" />
+        </div>
+
         <div id="menu__journal">
           <img src="/modules/tuxemon/mods/tuxemon/gfx/ui/menu/journal.png" title="Journal" width="64" height="64" />
         </div>
+
+        <div id="menu__settings">
+          <img src="/modules/tuxemon/mods/tuxemon/gfx/ui/menu/settings.png" title="Settings" width="64" height="64" />
+        </div>
       </div>
     </div>
 
@@ -176,24 +180,24 @@
         <div>
           <table>
             <tr>
-              <th>Melee</th>
-              <td data-template-slot="stats.melee"></td>
+              <th data-template-slot="stats.melee.name">Melee</th>
+              <td data-template-slot="stats.melee.value"></td>
             </tr>
             <tr>
-              <th>Armour</th>
-              <td data-template-slot="stats.armour"></td>
+              <th data-template-slot="stats.armour.name">Armour</th>
+              <td data-template-slot="stats.armour.value"></td>
             </tr>
             <tr>
-              <th>Ranged</th>
-              <td data-template-slot="stats.ranged"></td>
+              <th data-template-slot="stats.ranged.name">Ranged</th>
+              <td data-template-slot="stats.ranged.value"></td>
             </tr>
             <tr>
-              <th>Dodge</th>
-              <td data-template-slot="stats.dodge"></td>
+              <th data-template-slot="stats.dodge.name">Dodge</th>
+              <td data-template-slot="stats.dodge.value"></td>
             </tr>
             <tr>
-              <th>Speed</th>
-              <td data-template-slot="stats.speed"></td>
+              <th data-template-slot="stats.speed.name">Speed</th>
+              <td data-template-slot="stats.speed.value"></td>
             </tr>
           </table>
         </div>
@@ -231,8 +235,14 @@
 
     <template id="tpl___menu__journal">
       <div class="menu__journal">
-        <button data-template-slot="save" class="menu-button">Save</button>
-        <button data-template-slot="load" class="menu-button">Load</button>
+        <button data-template-slot="save" class="menu-button">
+          <img src="/modules/tuxemon/mods/tuxemon/gfx/ui/menu/save.png" title="Save" />
+          Save
+        </button>
+        <button data-template-slot="load" class="menu-button">
+          <img src="/modules/tuxemon/mods/tuxemon/gfx/ui/menu/load.png" title="Load" />
+          Load
+        </button>
       </div>
     </template>
 
@@ -250,6 +260,15 @@
       </div>
     </template>
 
+    <template id="tpl___menu__settings">
+      <div class="menu__settings">
+        <label>
+          Language
+          <select data-template-slot="language"></select>
+        </label>
+      </div>
+    </template>
+
 
     <script type="text/javascript" src="/resources/js/definitions.js"></script>
     <script type="text/javascript" src="/resources/js/helpers.js"></script>