瀏覽代碼

Completed localization of personalization odule

TC pushbot 5 4 年之前
父節點
當前提交
5779c6e572
共有 2 個文件被更改,包括 57 次插入15 次删除
  1. 23 15
      web/SystemAO/desktop/personalization.html
  2. 34 0
      web/SystemAO/locale/personalization.json

+ 23 - 15
web/SystemAO/desktop/personalization.html

@@ -10,6 +10,12 @@
         <script src="../../script/ao_module.js"></script>
         <script src="../../script/ao_module.js"></script>
         <script type="text/javascript" src="../../script/applocale.js"></script>
         <script type="text/javascript" src="../../script/applocale.js"></script>
         <style>
         <style>
+            @font-face {
+                font-family: 'TaipeiSansTCBeta-Regular';
+                src: url('../../script/font/TaipeiSansTCBeta-Regular.ttf');
+            }
+            h1, h2, h3, p, span, div,span { font-family: 'TaipeiSansTCBeta-Regular',"Lucida Console", "Courier New", monospace;}
+
             .hidden{
             .hidden{
                 display:none;
                 display:none;
             }
             }
@@ -26,6 +32,7 @@
             .colorpallete:hover{
             .colorpallete:hover{
                 border: 1px solid white;
                 border: 1px solid white;
             }
             }
+
         </style>
         </style>
     </head>
     </head>
     <body>
     <body>
@@ -154,8 +161,8 @@
                     <h3 class="ui header">
                     <h3 class="ui header">
                         <i class="paint brush icon"></i>
                         <i class="paint brush icon"></i>
                         <div class="content">
                         <div class="content">
-                            <span>Theme Color</span>
-                            <div class="sub header">Change the system theme color settings</div>
+                            <span locale="themecolor/title">Theme Color</span>
+                            <div class="sub header" locale="themecolor/desc">Change the system theme color settings</div>
                         </div>
                         </div>
                     </h3>
                     </h3>
 
 
@@ -167,7 +174,7 @@
                     </div>
                     </div>
                     <br>
                     <br>
                     <div class="ui divider"></div>
                     <div class="ui divider"></div>
-                    <button class="ui small basic black button" onclick="restoreDefaultThemeColor();">Restore Default</button>
+                    <button class="ui small basic black button" onclick="restoreDefaultThemeColor();" locale="themecolor/color/Default">Restore Default</button>
                     <br><br><br>
                     <br><br><br>
                     
                     
                 </div>
                 </div>
@@ -179,19 +186,19 @@
                     <h3 class="ui header">
                     <h3 class="ui header">
                         <i class="setting icon"></i>
                         <i class="setting icon"></i>
                         <div class="content">
                         <div class="content">
-                            <span>Advance Customization</span>
-                            <div class="sub header">Manage your desktop preferences</div>
+                            <span locale="advance/title">Advance Customization</span>
+                            <div class="sub header" locale="advance/desc">Manage your desktop preferences</div>
                         </div>
                         </div>
                     </h3>
                     </h3>
                     <div class="ui divider"></div>
                     <div class="ui divider"></div>
                     <h4 class="ui header">
                     <h4 class="ui header">
-                        <span>User Defined Wallpaper</span>
-                        <div class="sub header">Advanced user customization function for desktop interface</div>
+                        <span locale="advance/wallpaper/title">User Defined Wallpaper</span>
+                        <div class="sub header" locale="advance/wallpaper/desc">Advanced user customization function for desktop interface</div>
                     </h4>
                     </h4>
-                    <h3 id="userSelectedFolderPath">Disabled</h3>
-                    <p>If you have set a folder for loading desktop wallpapers, the image files from that folder will be used instead of the system build in wallpapers.</p>
-                    <button class="ui small right floated button" onclick="clearUserSelectedFolder();"><i class="remove icon"></i> Clear Selection</button>
-                    <button class="ui small black right floated button" onclick="selectUserFolder();"><i class="folder open icon"></i> Select Folder</button>
+                    <h3 id="userSelectedFolderPath" locale="advance/wallpaper/disabled">Disabled</h3>
+                    <p locale="advance/wallpaper/reminder">If you have set a folder for loading desktop wallpapers, the image files from that folder will be used instead of the system build in wallpapers.</p>
+                    <button class="ui small right floated button" onclick="clearUserSelectedFolder();"><i class="remove icon"></i><span locale="advance/wallpaper/clear">Clear Selection</span></button>
+                    <button class="ui small black right floated button" onclick="selectUserFolder();"><i class="folder open icon"></i> <span locale="advance/wallpaper/select">Select Folder</span></button>
         
         
                     <br><br>
                     <br><br>
                 </div>
                 </div>
@@ -240,7 +247,7 @@
                         $("#userSelectedFolderPath").text(data);
                         $("#userSelectedFolderPath").text(data);
                         $(".allowSelectDefaultThemes").addClass("disabled");
                         $(".allowSelectDefaultThemes").addClass("disabled");
                     }else{
                     }else{
-                        $("#userSelectedFolderPath").text("Disabled");
+                        $("#userSelectedFolderPath").text(applocale.getString("advance/wallpaper/disabled", "Disabled"));
                     }
                     }
 
 
                     if (callback != undefined){
                     if (callback != undefined){
@@ -308,7 +315,7 @@
                     method: "GET",
                     method: "GET",
                     data: {preference: "startup-audio", remove: "true"},
                     data: {preference: "startup-audio", remove: "true"},
                     success: function(data){
                     success: function(data){
-                        $("#userSelectedStartupSound").text("Disabled");
+                        $("#userSelectedStartupSound").text(applocale.getString("sound/disabled", "Disabled"));
                     }
                     }
                 });
                 });
             }
             }
@@ -372,7 +379,7 @@
 
 
                         //Re-enable the default theme seelct
                         //Re-enable the default theme seelct
                         $(".allowSelectDefaultThemes").removeClass("disabled");
                         $(".allowSelectDefaultThemes").removeClass("disabled");
-                        $("#userSelectedFolderPath").text("Disabled");
+                        $("#userSelectedFolderPath").text(applocale.getString("advance/wallpaper/select", "Disabled"));
 
 
                         initUserDefinedWallpaperFolder();
                         initUserDefinedWallpaperFolder();
                         initCurrentBackgroundPreview();
                         initCurrentBackgroundPreview();
@@ -472,9 +479,10 @@
                     for (let key in data) {
                     for (let key in data) {
                         let colorcodes = data[key];
                         let colorcodes = data[key];
                         let thisSection = '';
                         let thisSection = '';
+                        let thisColorKey = key.charAt(0).toUpperCase() + key.slice(1);
                         thisSection += (`<div class="ui grid">`);
                         thisSection += (`<div class="ui grid">`);
                         thisSection += (`<div class="five wide column">
                         thisSection += (`<div class="five wide column">
-                            ${key.charAt(0).toUpperCase() + key.slice(1)}
+                            ${applocale.getString("themecolor/color/" + thisColorKey, thisColorKey)}
                         </div>`);
                         </div>`);
                         for (let colorIndex in colorcodes) {
                         for (let colorIndex in colorcodes) {
                             if (colorIndex < 300){
                             if (colorIndex < 300){

+ 34 - 0
web/SystemAO/locale/personalization.json

@@ -39,7 +39,41 @@
                 "sound/custom/disable":"停用",
                 "sound/custom/disable":"停用",
                 "sound/custom/clear":"清除所選",
                 "sound/custom/clear":"清除所選",
                 "sound/custom/select":"選擇檔案",
                 "sound/custom/select":"選擇檔案",
+                "sound/disabled": "已停用",
 
 
+                "themecolor/title":"主題顏色",
+                "themecolor/desc":"變更系統主題配色",
+                "themecolor/color/Red":"紅色系",
+                "themecolor/color/Pink":"粉色系",
+                "themecolor/color/Purple":"紫色系",
+                "themecolor/color/Deeppurple":"深紫色系",
+                "themecolor/color/Indigo":"靛青色系",
+                "themecolor/color/Blue":"藍色系",
+                "themecolor/color/Lightblue":"淺藍色系",
+                "themecolor/color/Cyan":"淺青色系",
+                "themecolor/color/Teal":"深青色系",
+                "themecolor/color/Green":"綠色系",
+                "themecolor/color/Lightgreen":"淺綠色系",
+                "themecolor/color/Lime":"黃綠色系",
+                "themecolor/color/Yellow":"黃色系",
+                "themecolor/color/Amber":"琥珀色系",
+                "themecolor/color/Orange":"橘橙色系",
+                "themecolor/color/Deeporange":"深橙色系",
+                "themecolor/color/Brown":"棕色系",
+                "themecolor/color/Grey":"灰色系",
+                "themecolor/color/Bluegrey":"灰藍色系",
+                "themecolor/color/Default":"還原預設主題配色",
+
+
+                "advance/title":"進階個人化選項",
+                "advance/desc":"管理您的桌面選項",
+                "advance/wallpaper/title":"自定桌面圖包",
+                "advance/wallpaper/desc":"使用自定義資料夾作為桌面圖包的存取路徑",
+                "advance/wallpaper/disabled":"已停用",
+                "advance/wallpaper/reminder":"如果您選擇從個人資料夾載入照片作桌面壁紙圖包,系統將會自動停用 <code>壁紙 > 桌面壁紙圖包 </code> 內之選項。",
+                "advance/wallpaper/clear":"清除選項",
+                "advance/wallpaper/select":"選擇資料夾",
+                
                 "":""
                 "":""
             },
             },
             "titles":{
             "titles":{