Translatable buttons in index.html

Author: Libter

index.html

@@ -81,8 +81,8 @@ <h2 class="txt-center">
       <i class="ion-android-sync spinner fontSize30 spinner-with-logo-icon"></i>
     </div>
     <div class="width100 positionTop">
-      <a class="btn btn-txt rowTop10 marginRight10 pull-right js-indexReload"><i class="ion-android-sync"></i> Reload</a>
-      <a class="btn btn-txt rowTop10 marginRight10 pull-right" href="#home"><i class="ion-home"></i> Load Index</a>
+      <a class="btn btn-txt rowTop10 marginRight10 pull-right js-indexReload"><i class="ion-android-sync"></i> <t>Reload</t></a>
+      <a class="btn btn-txt rowTop10 marginRight10 pull-right" href="#home"><i class="ion-home"></i> <t>LoadIndex</t></a>
     </div>
   </div>
 
@@ -114,6 +114,10 @@ <h2 class="txt-center">
     $('.js-defaultServerIndexApp').on('click', function(){
       app.loadNewServer("http://localhost:18469/api/v1/");
     });
+    $('t').each(function() {
+      var translationKey = $(this).html();
+      $(this).replaceWith(polyglot.t(translationKey));
+    });
   </script>
 </body>
 </html>

js/languages/en-US.json

@@ -6,6 +6,7 @@
   "EnterMessage": "Enter message...",
   "Recommended": "Recommended",
   "Reload": "Reload",
+  "LoadIndex": "Load Index",
   "You": "You",
   "Skip": "Skip",
   "Done": "Done",

js/languages/pl.json

@@ -6,6 +6,7 @@
     "EnterMessage": "Wprowadź tekst...",
     "Recommended": "Rekomendowane",
     "Reload": "Odśwież",
+    "LoadIndex": "Strona główna",
     "You": "Ja",
     "Skip": "Pomiń",
     "Done": "Gotowe",