timamsk/App-Installer-For-Windows-8.x-Reset
1
0
Fork 0
mirror of https://github.com/modernw/App-Installer-For-Windows-8.x-Reset.git synced 2026-06-19 05:40:12 +10:00
Code Issues Packages Projects Releases Wiki Activity

Update Settings Shell.

Browse Source
This commit is contained in:
Bruce
2025-11-29 23:02:15 +08:00
parent cf50b09bf0
commit 5796fb40e1
41 changed files with 515 additions and 383 deletions
Download Patch File Download Diff File Expand all files Collapse all files
shared/html/settings/appinstaller.html
+2 -4
View File
@@ -26,6 +26,7 @@
<script type="text/javascript" src="../js/init.js"></script>
<script type="text/javascript" src="initsame.js"></script>
<link rel="stylesheet" type="text/css" href="page.css">
<script type="text/javascript" src="appinstaller/preinit.js"></script>
<script type="text/javascript" src="appinstaller/items.js"></script>
<script type="text/javascript" src="appinstaller/init.js"></script>
</head>
@@ -37,14 +38,11 @@
<header aria-label="Header content" role="banner" class="titlebanner" id="pagebanner" style="height: 120px;">
<button id="back" class="win-backbutton pagetitlewb-backbutton" onclick="Bridge.Frame.callEvent ('InvokeBackPage')" style="margin-left: 20px; transform: scale(0.72);"></button>
<h2 class="titlearea win-type-ellipsis" id="apptitle" style="">
<span class="pagetitlewb-title" id="apptitlestr" style="margin-left: 10px; margin-right: 20px;">Settings</span>
<span class="pagetitlewb-title" id="apptitlestr" style="margin-left: 10px; margin-right: 20px;" data-res-fromfile="getFileResPair(exepath, 300)"></span>
</h2>
</header>
<nav class="container">
<ul class="list">
<li role="button" tabindex="0">项1</li>
<li role="button" tabindex="0" class="selected">项2</li>
<li role="button" tabindex="0">项3</li>
</ul>
</nav>
</aside>
shared/html/settings/appinstaller/guide.html
+14 -1
View File
@@ -26,13 +26,26 @@
<script type="text/javascript" src="../../js/init.js"></script>
<link rel="stylesheet" type="text/css" href="../page.css">
<link rel="stylesheet" type="text/css" href="../subpage.css">
<script type="text/javascript" src="preinit.js"></script>
<script type="text/javascript" src="initsame.js"></script>
</head>
<body>
<div class="section padding">
<h2>App Installer Settings</h2>
<h2 id="guide-title"></h2>
<p id="guide-desc" style="white-space: pre-wrap;"></p>
</div>
<script>
(function() {
"use strict";
var res = Bridge.Resources;
var stru = Bridge.String;
var title = document.getElementById("guide-title");
title.textContent = stru.format(res.byname("IDS_TITLEFORMAT"), res.fromfile(exepath, 300));
var text = document.getElementById("guide-desc");
text.textContent = res.byname("IDS_GUIDETEXT_COMMON");
})();
</script>
</body>
</html>
shared/html/settings/appinstaller/items.js
+3 -3
View File
@@ -8,9 +8,9 @@
};
}
var pages = {
general: getPage("appinstaller/general.html", "General"),
theme: getPage("appinstaller/theme.html", "Theme"),
update: getPage("update.html", "Update")
general: getPage("appinstaller/general.html", getPublicRes(101)),
theme: getPage("appinstaller/theme.html", getPublicRes(102)),
update: getPage("update.html", getPublicRes(103))
};
Object.defineProperty(global, "pages", {
get: function() {
shared/html/settings/appinstaller/preinit.js
+12
View File
@@ -0,0 +1,12 @@
(function(global) {
var storage = Bridge.External.Storage;
var path = storage.path;
var root = path.getDir(path.program);
var exepath = path.combine(root, "appinstaller.exe");
var id = "App";
var ve = Bridge.External.VisualElements.get(id);
var slideback = ve["BackgroundColor"];
global.slideback = slideback;
global.exepath = exepath;
global.visual = ve;
})(this);
shared/html/settings/initsame.js
+11 -1
View File
@@ -8,7 +8,17 @@
var content = guide.querySelector(".main");
var shead = slide.querySelector("header");
var list = slide.querySelector("ul");
try { slide.style.backgroundColor = Bridge.UI.themeColor; } catch (e) {}
var apptitle = shead.querySelector("#apptitle");
var backbtn = shead.querySelector("#back");
if (backbtn && backbtn.disabled) {
apptitle.style.marginLeft = backbtn.style.marginLeft;
} else {
apptitle.style.marginLeft = "";
}
try {
slide.style.backgroundColor = Bridge.UI.themeColor;
slide.style.color = Color.getSuitableForegroundTextColor(Color.parse(slide.style.backgroundColor), [Color.Const.white, Color.Const.black]);
} catch (e) {}
setTimeout(function() {
slide.style.transition = "all 0.5s cubic-bezier(0.1, 0.9, 0.2, 1)";
}, 0);
shared/html/settings/items.js
+10 -1
View File
@@ -1,5 +1,14 @@
(function(global) {
"use strict";
var res = Bridge.Resources;
var storage = Bridge.External.Storage;
var path = storage.path;
var root = path.getDir(path.program);
function getLibRes(libfilename, resid) {
var libpath = path.combine(root, libfilename);
return res.fromfile(libpath, resid);
}
function getSettingsItem(page, displayName) {
return {
@@ -8,7 +17,7 @@
};
}
var settingItems = {
appinstaller: getSettingsItem("appinstaller.html", "App Installer")
appinstaller: getSettingsItem("appinstaller.html", getLibRes("appinstaller.exe", 300))
};
Object.defineProperty(global, "settingPages", {
get: function() { return settingItems; }
shared/html/settings/page.css
+8 -2
View File
@@ -121,7 +121,7 @@ aside.left {
left: 0px;
width: 300px;
box-sizing: border-box;
padding: 0;
padding: 0 1px 0 0;
background-color: rgb(20, 0, 68);
color: white;
}
@@ -157,11 +157,12 @@ aside .container ul li {
align-content: center;
justify-content: flex-start;
align-items: center;
transition: all 0.3s cubic-bezier(0.1, 0.9, 0.2, 1);
}
aside .container ul li.selected {
/* background-color: rgba(101, 38, 254, 0.61); */
background-color: rgba(95, 95, 95, 0.45);
background-color: rgba(170, 170, 170, 0.45);
}
aside .container ul li:hover {
@@ -171,12 +172,17 @@ aside .container ul li:hover {
aside .container ul li:active {
background-color: white;
color: black;
transform: scale(0.9594);
}
aside .container ul li:focus {
border: 1px solid white;
}
#back:disabled {
display: none;
}
.main.right {
position: absolute;
top: 0px;