|
@@ -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){
|