语言设置

TC1/http_server/app_httpd.c

@@ -203,7 +203,7 @@ static int HttpGetPowerInfo(httpd_request_t *req)
     mico_time_t past_ms = 0;
     mico_time_get_time(&past_ms);
     int past = past_ms / 1000;
-    int d = past / 3600 * 60;
+    int d = past / (3600 * 60);
     int h = past / 3600 % 24;
     int m = past / 60 % 60;
     int s = past % 60;

TC1/http_server/web/index.html

@@ -38,9 +38,9 @@
             <i class="material-icons"><svg><use xlink:href="#icon-more_vert" /></svg></i>
           </button>
           <ul class="mdl-menu mdl-js-menu mdl-js-ripple-effect mdl-menu--bottom-right" for="hdrbtn">
-            <li class="mdl-menu__item">About</li>
-            <li class="mdl-menu__item">Contact</li>
-            <li class="mdl-menu__item">Legal information</li>
+            <li class="mdl-menu__item" onclick="ChangeLanguage('lang-en')">English</li>
+            <li class="mdl-menu__item" onclick="ChangeLanguage('lang-cn')">中文</li>
+            <li class="mdl-menu__item" onclick="ChangeLanguage('lang-jp')">日本語</li>
           </ul>
         </div>
       </header>
@@ -65,19 +65,54 @@
         </header>
         <nav class="demo-navigation mdl-navigation mdl-color--blue-grey-800">
           <a class="mdl-navigation__link mdl-nav-active" href="javascript:ShowPage(1);">
-            <i class="mdl-color-text--blue-grey-400 material-icons" role="presentation"><svg><use xlink:href="#icon-home" /></svg></i>主页</a>
+            <i class="mdl-color-text--blue-grey-400 material-icons" role="presentation">
+              <svg><use xlink:href="#icon-home" /></svg>
+            </i>
+            <span class="lang lang-en">Home</span>
+            <span class="lang lang-cn">主页</span>
+          </a>
           <a class="mdl-navigation__link" href="javascript:ShowPage(2);">
-            <i class="mdl-color-text--blue-grey-400 material-icons" role="presentation"><svg><use xlink:href="#icon-settings" /></svg></i>设置</a>
+            <i class="mdl-color-text--blue-grey-400 material-icons" role="presentation">
+              <svg><use xlink:href="#icon-settings" /></svg>
+            </i>
+            <span class="lang lang-en">Config</span>
+            <span class="lang lang-cn">设置</span>
+          </a>
           <a class="mdl-navigation__link" href="javascript:ShowPage(3);">
-            <i class="mdl-color-text--blue-grey-400 material-icons" role="presentation"><svg><use xlink:href="#icon-access_alarm" /></svg></i>定时任务</a>
+            <i class="mdl-color-text--blue-grey-400 material-icons" role="presentation">
+              <svg><use xlink:href="#icon-access_alarm" /></svg>
+            </i>
+            <span class="lang lang-en">Timed Task</span>
+            <span class="lang lang-cn">定时任务</span>
+          </a>
           <a class="mdl-navigation__link" href="javascript:ShowPage(4);">
-            <i class="mdl-color-text--blue-grey-400 material-icons" role="presentation"><svg><use xlink:href="#icon-info" /></svg></i>系统状态</a>
+            <i class="mdl-color-text--blue-grey-400 material-icons" role="presentation">
+              <svg><use xlink:href="#icon-info" /></svg>
+            </i>
+            <span class="lang lang-en">System Status</span>
+            <span class="lang lang-cn">系统状态</span>
+          </a>
           <a class="mdl-navigation__link" href="javascript:ShowPage(5);">
-            <i class="mdl-color-text--blue-grey-400 material-icons" role="presentation"><svg><use xlink:href="#icon-cloud_download" /></svg></i>在线升级</a>
+            <i class="mdl-color-text--blue-grey-400 material-icons" role="presentation">
+              <svg><use xlink:href="#icon-cloud_download" /></svg>
+            </i>
+            <span class="lang lang-en">OTA</span>
+            <span class="lang lang-cn">在线升级</span>
+          </a>
           <a class="mdl-navigation__link" href="javascript:ShowPage(6);">
-            <i class="mdl-color-text--blue-grey-400 material-icons" role="presentation"><svg><use xlink:href="#icon-notes" /></svg></i>系统日志</a>
+            <i class="mdl-color-text--blue-grey-400 material-icons" role="presentation">
+              <svg><use xlink:href="#icon-notes" /></svg>
+            </i>
+            <span class="lang lang-en">System Log</span>
+            <span class="lang lang-cn">系统日志</span>
+          </a>
           <a class="mdl-navigation__link" href="javascript:ShowPage(7);">
-            <i class="mdl-color-text--blue-grey-400 material-icons" role="presentation"><svg><use xlink:href="#icon-help" /></svg></i>关于</a>
+            <i class="mdl-color-text--blue-grey-400 material-icons" role="presentation">
+              <svg><use xlink:href="#icon-help" /></svg>
+            </i>
+            <span class="lang lang-en">About</span>
+            <span class="lang lang-cn">关于</span>
+          </a>
         </nav>
       </div>
       <main class="mdl-layout__content">
@@ -522,6 +557,16 @@ var icon_menu = "<svg><path d='M0 0h24v24H0z' fill='none'/><path d='M3 18h18v-2H
 </script>
 <script type="text/javascript" src="assets/js_pack.js"></script>
 <script>
+//语言
+$(".lang-cn").show();
+function ChangeLanguage(lang) {
+  if (lang == "lang-jp") {
+    ShowToast("申し訳ありませんが、日本語はありません。");
+    return
+  }
+  $(".lang").hide();
+  $("."+lang).show();
+}
 //弹框-start
 var snackbarContainer = document.querySelector('#demo-toast-example');
 function ShowToast(mess) {
@@ -879,6 +924,7 @@ function AddTimedTask() {
   var cmd = prs_time + " " + idx + " " + on + " " + wkd;
   if (cmd.length != 16) {
     alert("CMD ERROR!");
+    return
   }
   HttpPost("/task", function (re) {
     if (re != "OK") {

TC1/http_server/web/index_en.html

@@ -879,6 +879,7 @@ function AddTimedTask() {
   var cmd = prs_time + " " + idx + " " + on + " " + wkd;
   if (cmd.length != 16) {
     alert("CMD ERROR!");
+    return
   }
   HttpPost("/task", function (re) {
     if (re != "OK") {

TC1/http_server/web/styles.css

@@ -288,3 +288,6 @@ svg {
 .mdl-data-table th:first-of-type {
   width: 30%;
 }
+.lang {
+  display: none;
+}