From bde5dc98ad96546b59e91f5a6e552bf80cbf48e4 Mon Sep 17 00:00:00 2001
From: Daniel Weipert <code@drogueronin.de>
Date: Thu, 24 Aug 2023 14:42:12 +0200
Subject: translations and error handling

---
 index.html | 33 +++++++++++++++++++--------------
 1 file changed, 19 insertions(+), 14 deletions(-)

(limited to 'index.html')

diff --git a/index.html b/index.html
index e9c7154..1c147fc 100644
--- a/index.html
+++ b/index.html
@@ -36,7 +36,9 @@
 
       <div id="status">
         <div class="status__area">
-          <span title="Area"><img data-template-slot="showMap" src="/modules/tuxemon/mods/tuxemon/gfx/items/app_map.png" /> <span data-template-slot="area"></span></span>
+          <span data-i18n-properties="title" data-i18n-property-msgids="ui:status:area:title">
+            <img data-template-slot="showMap" src="/modules/tuxemon/mods/tuxemon/gfx/items/app_map.png" /> <span data-template-slot="area"></span>
+          </span>
         </div>
         <div class="status__numbers">
           <span title="Money">&curren; <span data-template-slot="money"></span></span>
@@ -44,8 +46,8 @@
           <span title="Trainer Progress"><img src="/modules/tuxemon/mods/tuxemon/gfx/ui/menu/player.png" style="filter: invert(1);" /> <span data-template-slot="trainerProgress"></span></span>
         </div>
         <div class="status__actions">
-          <button data-template-slot="nextTrainer" class="menu-button">&rArr; Next Trainer</button>
-          <button data-template-slot="changeArea" class="menu-button">&rArr; Change Area</button>
+          <button data-template-slot="nextTrainer" class="menu-button">&rArr; <span data-i18n-msgid="ui:next_trainer"><span></button>
+          <button data-template-slot="changeArea" class="menu-button">&rArr; <span data-i18n-msgid="ui:change_area"></span></button>
         </div>
       </div>
 
@@ -196,9 +198,9 @@
       <div class="party">
         <div data-template-slot="monsters" class="party__monsters"></div>
         <div data-template-slot="modes" class="party__selection-modes">
-          <button data-template-slot="modeSelect" data-party-selection-mode="select" class="menu-button">Select</button>
-          <button data-template-slot="modeStats" data-party-selection-mode="stats" class="menu-button">Stats</button>
-          <button data-template-slot="modeTechniques" data-party-selection-mode="techniques" class="menu-button">Techniques</button>
+          <button data-template-slot="modeSelect" data-party-selection-mode="select" data-i18n-msgid="ui:party_monsters:mode:select" class="menu-button"></button>
+          <button data-template-slot="modeStats" data-party-selection-mode="stats" data-i18n-msgid="ui:party_monsters:mode:stats" class="menu-button"></button>
+          <button data-template-slot="modeTechniques" data-party-selection-mode="techniques" data-i18n-msgid="ui:party_monsters:mode:techniques" class="menu-button"></button>
         </div>
       </div>
     </template>
@@ -252,7 +254,7 @@
           </table>
         </div>
 
-        <button data-template-slot="techniques" class="menu-button">Techniques</button>
+        <button data-template-slot="techniques" data-i18n-msgid="ui:party_monsters:mode:techniques" class="menu-button"></button>
       </div>
     </template>
 
@@ -284,8 +286,8 @@
       <div class="inventory">
         <div data-template-slot="items"></div>
         <div data-template-slot="modes" class="inventory__selection-modes">
-          <button data-template-slot="modeUse" data-selection-mode="use" class="menu-button">Use</button>
-          <button data-template-slot="modeInfo" data-selection-mode="info" class="menu-button">Info</button>
+          <button data-template-slot="modeUse" data-selection-mode="use" data-i18n-msgid="ui:inventory:mode:use" class="menu-button"></button>
+          <button data-template-slot="modeInfo" data-selection-mode="info" data-i18n-msgid="ui:inventory:mode:info" class="menu-button"></button>
         </div>
       </div>
     </template>
@@ -316,7 +318,7 @@
     <template id="tpl___dialog__save">
       <div class="dialog__save">
         <textarea data-template-slot="saveData"></textarea>
-        <button data-template-slot="saveClipboard" class="menu-button">Save to Clipboard</button>
+        <button data-template-slot="saveClipboard" data-i18n-msgid="ui:save_load:save_to_clipboard" class="menu-button"></button>
       </div>
     </template>
 
@@ -330,17 +332,20 @@
     <template id="tpl___menu__settings">
       <div class="menu__settings">
         <label>
-          Language
+          <span data-i18n-msgid="ui:settings:language:label"></span>
           <select data-template-slot="language"></select>
         </label>
 
         <label>
-          Currency
+          <span data-i18n-msgid="ui:settings:currency:label"></span>
           <select data-template-slot="currency"></select>
-          <div>Last Updated: <span data-template-slot="currency.lastUpdated"></span></div>
+          <div>
+            <span data-i18n-msgid="ui:settings:currency:last_updated"></span>:
+            <span data-template-slot="currency.lastUpdated"></span>
+          </div>
         </label>
 
-        <button data-template-slot="highlight" class="menu-button">Highlight Interactive Elements</button>
+        <button data-template-slot="highlight" class="menu-button"><span data-i18n-msgid="ui:settings:highlight_interactive_elements"></span></button>
       </div>
     </template>
 
-- 
cgit v1.2.3