mirror of
https://github.com/modernw/App-Installer-For-Windows-8.x-Reset.git
synced 2026-04-11 17:57:19 +10:00
392 lines
23 KiB
HTML
392 lines
23 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<title>Package Manager</title>
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<script type="text/javascript" src="js/module.js"></script>
|
|
<script type="text/javascript" src="js/polyfill-ie.js"></script>
|
|
<link rel="stylesheet" href="libs/winjs/1.0/css/ui-light.css" id="winjs-style-1">
|
|
<link rel="stylesheet" href="libs/winjs/2.0/css/ui-light.css" id="winjs-style">
|
|
<script type="text/javascript" src="libs/winjs/1.0/js/base.js"></script>
|
|
<script type="text/javascript" src="libs/winjs/1.0/js/ui.js"></script>
|
|
<script type="text/javascript" src="js/color.js"></script>
|
|
<script type="text/javascript" src="js/promise.js"></script>
|
|
<script type="text/javascript" src="js/bridge.js"></script>
|
|
<script type="text/javascript" src="js/dpimodes.js"></script>
|
|
<script type="text/javascript" src="js/resources.js"></script>
|
|
<script type="text/javascript" src="js/animation.js"></script>
|
|
<link rel="stylesheet" href="fonts/fonts.css">
|
|
<link rel="stylesheet" href="fonts/segx.css">
|
|
<link rel="stylesheet" href="manager/page.css">
|
|
<link rel="stylesheet" href="manager/appitem.css">
|
|
<link rel="stylesheet" href="manager/appbar.css">
|
|
<script type="text/javascript" src="js/handler.js"></script>
|
|
<script type="text/javascript" src="js/event.js"></script>
|
|
<script type="text/javascript" src="js/tileback.js"></script>
|
|
<script type="text/javascript" src="js/load.js"></script>
|
|
<link rel="stylesheet" type="text/css" href="libs/msgbox/contentdlg.css">
|
|
<script type="text/javascript" src="libs/msgbox/contentdlg.js"></script>
|
|
<link rel="stylesheet" type="text/css" href="libs/msgbox/msgbox.css">
|
|
<script type="text/javascript" src="libs/msgbox/msgbox.js"></script>
|
|
<script type="text/javascript" src="js/init.js"></script>
|
|
<script type="text/javascript" src="js/pkginfo.js"></script>
|
|
<script type="text/javascript" src="js/datasrc.js"></script>
|
|
<script type="text/javascript" src="js/appbar.js"></script>
|
|
<script type="text/javascript" src="js/pagemgr.js"></script>
|
|
<script type="text/javascript" src="js/search.js"></script>
|
|
<link rel="stylesheet" href="css/statusbar.css">
|
|
<script type="text/javascript" src="js/statusbar.js"></script>
|
|
<script type="text/javascript" src="js/manager/pages.js"></script>
|
|
<script type="text/javascript" src="js/mgrinit.js"></script>
|
|
</head>
|
|
|
|
<body>
|
|
<div id="managerpage" class="pagecontainer full">
|
|
<div class="page full guide fold">
|
|
<main class="main padding">
|
|
<div id="page-manager" style="display: none;" class="ispage">
|
|
<h2 data-res-resxml="MANAGER_APP_TITLE"></h2>
|
|
<p data-res-resxml="MANAGER_APP_DESCRIPTION"></p>
|
|
<h3 data-res-resxml="MANAGER_APP_INSTALLEDAPPS"></h3>
|
|
<br>
|
|
<div class="win-searchbox win-disposable" id="applist-search" role="group" aria-label="搜索框"></div>
|
|
<div class="applist-options">
|
|
<div class="item">
|
|
<input type="checkbox" id="applist-showsystemapp">
|
|
<label for="applist-showsystemapp" data-res-resxml="MANAGER_APP_SHOWSYSTEMAPP"></label>
|
|
</div>
|
|
<div class="item">
|
|
<input type="checkbox" id="applist-showframework">
|
|
<label for="applist-showframework" data-res-resxml="MANAGER_APP_SHOWFRAMEWORK"></label>
|
|
</div>
|
|
</div>
|
|
<div class="app-loading" id="applist-loading" style="display: none;">
|
|
<br>
|
|
<div class="container">
|
|
<progress class="win-ring"></progress>
|
|
<span class="win-label title" data-res-resxml="MANAGER_APP_INSTALLEDAPPS_LOADING"></span>
|
|
<br>
|
|
</div>
|
|
</div>
|
|
<p id="applist-datalen"></p>
|
|
<script>
|
|
(function(global) {
|
|
var appLoading = document.getElementById("applist-loading");
|
|
appLoading.bar = new TransitionPanel(appLoading, {
|
|
axis: 'y',
|
|
duration: 500,
|
|
});
|
|
})(this);
|
|
</script>
|
|
<div class="appitem" id="appitem-template" style="display: none;">
|
|
<div role="img" style="pointer-events: none;">
|
|
<img width="" height="" src="images/applogo.default.png" />
|
|
</div>
|
|
<div role="divide" style="pointer-events: none;"></div>
|
|
<div role="excepticon">
|
|
<div role="title" class="win-type-x-small" style="pointer-events: none;">
|
|
<span class="displayName"></span><br>
|
|
<span class="publisher"></span>
|
|
</div>
|
|
<div role="advance">
|
|
<a data-res-resxml="MANAGER_APP_ADVANCEOPTIONS"></a>
|
|
</div>
|
|
<div role="progress">
|
|
<span class="status" data-res-resxml="MANAGER_APP_UNINSTALL_ING"></span><br>
|
|
<progress class="win-progress progress" min="0" max="100"></progress>
|
|
</div>
|
|
<div role="control">
|
|
<button class="uninstall" name="uninstall" data-res-resxml="MANAGER_APP_UNINSTALL"></button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="applist" class="appitem-list" style="width: 100%; height: auto;">
|
|
</div>
|
|
<div class="bottom-compensate"></div>
|
|
</div>
|
|
<div id="page-appinfo" class="ispage app-detailpage" style="display: none;">
|
|
<header>
|
|
<button class="win-backbutton"></button>
|
|
<h2 class="display-name">App DisplayName</h2>
|
|
</header>
|
|
<span class="publisher-display-name">App PublisherDisplayName</span><br>
|
|
<span class="version">App Version</span><br>
|
|
<span class="description">App Description</span>
|
|
<p><strong data-res-resxml="MANAGER_APP_IDENTITY"></strong></p>
|
|
<div class="identity win-type-body" style="width: 100%; max-width: 100%; box-sizing: border-box; -ms-user-select: element;">
|
|
<span style="font-weight: bold;" data-res-resxml="MANAGER_APP_IDENTITY_NAME"></span><span>: </span><span class="name"></span><br>
|
|
<span style="font-weight: bold;" data-res-resxml="MANAGER_APP_IDENTITY_PUBLISHER"></span><span>: </span><span class="publisher"></span><br>
|
|
<span style="font-weight: bold;" data-res-resxml="MANAGER_APP_IDENTITY_PUBLISHERID"></span><span>: </span><span class="publisher-id"></span><br>
|
|
<span style="font-weight: bold;" data-res-resxml="MANAGER_APP_IDENTITY_FAMILYNAME"></span><span>: </span><span class="family-name"></span><br>
|
|
<span style="font-weight: bold;" data-res-resxml="MANAGER_APP_IDENTITY_FULLNAME"></span><span>: </span><span class="full-name"></span><br>
|
|
<span style="font-weight: bold;" data-res-resxml="MANAGER_APP_IDENTITY_ARCHITECTURE"></span><span>: </span><span class="architecture"></span><br>
|
|
</div>
|
|
<p><strong data-res-resxml="MANAGER_APP_HASAPPS"></strong></p>
|
|
<p data-res-resxml="MANAGER_APP_HASAPPS_DESC"></p>
|
|
<div class="loadingstatus" id="appinfo-loading">
|
|
<div class="container">
|
|
<progress class="win-ring"></progress>
|
|
<span class="win-label title" data-res-resxml="MANAGER_APP_INSTALLEDAPPS_LOADING"></span>
|
|
<br>
|
|
</div>
|
|
</div>
|
|
<div class="apps">
|
|
</div>
|
|
<p><strong data-res-resxml="MANAGER_APP_UNINSTALL"></strong></p>
|
|
<p data-res-resxml="MANAGER_APP_UNINSTALL_DESC"></p>
|
|
<div class="loadingstatus" id="appinfo-uninstallstatus">
|
|
<div style="width: 100%;">
|
|
<span class="status" data-res-resxml="MANAGER_APP_UNINSTALL_ING"></span><br>
|
|
<progress class="win-progress progress" min="0" max="100"></progress>
|
|
</div>
|
|
<br>
|
|
</div>
|
|
<button id="detail-uninstall-btn" data-res-resxml="MANAGER_APP_UNINSTALL">卸载</button>
|
|
<div class="bottom-compensate"></div>
|
|
</div>
|
|
<div id="page-load" class="ispage" style="display: none;">
|
|
<style>
|
|
.checklist {
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex-wrap: wrap;
|
|
align-content: flex-start;
|
|
justify-content: flex-start;
|
|
width: 100%;
|
|
box-sizing: border-box;
|
|
padding-bottom: 10px;
|
|
}
|
|
|
|
.checklist .title {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.checklist .item {
|
|
margin-left: 10px;
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: nowrap;
|
|
align-content: flex-start;
|
|
justify-content: flex-start;
|
|
align-items: center;
|
|
}
|
|
</style>
|
|
<h2 data-res-resxml="MANAGER_LOAD"></h2>
|
|
<p data-res-resxml="MANAGER_LOAD_DESC"></p>
|
|
<h3 data-res-resxml="MANAGER_LOAD_INSTALL"></h3>
|
|
<p data-res-resxml="MANAGER_LOAD_INSTALL_DESC"></p>
|
|
<div class="checklist" id="ins-deployoptions">
|
|
<span class="title" data-res-resxml="MANAGER_LOAD_DEPLOY_OPTIONS"></span>
|
|
<div class="item">
|
|
<input type="checkbox" value="2" id="ins-devmode">
|
|
<label for="ins-devmode" data-res-resxml="MANAGER_LOAD_DEPLOY_OPTIONS_DEVELOPMENT_MODE"></label>
|
|
</div>
|
|
<div class="item">
|
|
<input type="checkbox" value="1" id="ins-force-appshutdown">
|
|
<label for="ins-force-appshutdown" data-res-resxml="MANAGER_LOAD_DEPLOY_OPTIONS_FORCE_APP_SHUTDOWN"></label>
|
|
</div>
|
|
<div class="item">
|
|
<input type="checkbox" value="32" id="ins-all-resources">
|
|
<label for="ins-all-resources" data-res-resxml="MANAGER_LOAD_DEPLOY_OPTIONS_INSTALL_ALL_RESOURCES"></label>
|
|
</div>
|
|
</div>
|
|
<div class="statusbar" id="ins-progress">
|
|
<div class="container" style="padding-bottom: 10px;">
|
|
<span class="status"></span><br>
|
|
<progress class="win-progress progress" min="0" max="100"></progress>
|
|
</div>
|
|
</div>
|
|
<button id="ins-btn" data-res-resxml="MANAGER_LOAD_INSTALL_BTN"></button>
|
|
<br><br>
|
|
<h3 data-res-resxml="MANAGER_LOAD_UPDATE"></h3>
|
|
<p data-res-resxml="MANAGER_LOAD_UPDATE_DESC"></p>
|
|
<div class="checklist" id="upd-deployoptions">
|
|
<span class="title" data-res-resxml="MANAGER_LOAD_DEPLOY_OPTIONS"></span>
|
|
<div class="item">
|
|
<input type="checkbox" value="2" id="upd-devmode">
|
|
<label for="upd-devmode" data-res-resxml="MANAGER_LOAD_DEPLOY_OPTIONS_DEVELOPMENT_MODE"></label>
|
|
</div>
|
|
<div class="item">
|
|
<input type="checkbox" value="1" id="upd-force-appshutdown">
|
|
<label for="upd-force-appshutdown" data-res-resxml="MANAGER_LOAD_DEPLOY_OPTIONS_FORCE_APP_SHUTDOWN"></label>
|
|
</div>
|
|
<div class="item">
|
|
<input type="checkbox" value="32" id="upd-all-resources">
|
|
<label for="upd-all-resources" data-res-resxml="MANAGER_LOAD_DEPLOY_OPTIONS_INSTALL_ALL_RESOURCES"></label>
|
|
</div>
|
|
</div>
|
|
<div class="statusbar" id="upd-progress">
|
|
<div class="container" style="padding-bottom: 10px;">
|
|
<span class="status"></span><br>
|
|
<progress class="win-progress progress" min="0" max="100"></progress>
|
|
</div>
|
|
</div>
|
|
<button id="upd-btn" data-res-resxml="MANAGER_LOAD_UPDATE_BTN"></button>
|
|
<br><br>
|
|
<h3 data-res-resxml="MANAGER_LOAD_REGISTER"></h3>
|
|
<p data-res-resxml="MANAGER_LOAD_REGISTER_DESC"></p>
|
|
<div class="checklist" id="reg-deployoptions">
|
|
<span class="title" data-res-resxml="MANAGER_LOAD_DEPLOY_OPTIONS"></span>
|
|
<div class="item">
|
|
<input type="checkbox" value="2" id="reg-devmode">
|
|
<label for="reg-devmode" data-res-resxml="MANAGER_LOAD_DEPLOY_OPTIONS_DEVELOPMENT_MODE"></label>
|
|
</div>
|
|
<div class="item">
|
|
<input type="checkbox" value="1" id="reg-force-appshutdown">
|
|
<label for="reg-force-appshutdown" data-res-resxml="MANAGER_LOAD_DEPLOY_OPTIONS_FORCE_APP_SHUTDOWN"></label>
|
|
</div>
|
|
</div>
|
|
<div class="statusbar" id="reg-progress">
|
|
<div class="container">
|
|
<span class="status" data-res-resxml="MANAGER_APP_REG_ING"></span><br>
|
|
<progress class="win-progress progress" min="0" max="100"></progress>
|
|
</div>
|
|
</div>
|
|
<button id="reg-btn" data-res-resxml="MANAGER_LOAD_REGISTER_BTN"></button>
|
|
<br><br>
|
|
<h3 data-res-resxml="MANAGER_LOAD_STAGE"></h3>
|
|
<p data-res-resxml="MANAGER_LOAD_STAGE_DESC"></p>
|
|
<div class="checklist" id="sta-deployoptions">
|
|
<span class="title" data-res-resxml="MANAGER_LOAD_DEPLOY_OPTIONS"></span>
|
|
<div class="item">
|
|
<input type="checkbox" value="2" id="sta-devmode">
|
|
<label for="sta-devmode" data-res-resxml="MANAGER_LOAD_DEPLOY_OPTIONS_DEVELOPMENT_MODE"></label>
|
|
</div>
|
|
<div class="item">
|
|
<input type="checkbox" value="1" id="sta-force-appshutdown">
|
|
<label for="sta-force-appshutdown" data-res-resxml="MANAGER_LOAD_DEPLOY_OPTIONS_FORCE_APP_SHUTDOWN"></label>
|
|
</div>
|
|
<div class="item">
|
|
<input type="checkbox" value="32" id="sta-all-resources">
|
|
<label for="sta-all-resources" data-res-resxml="MANAGER_LOAD_DEPLOY_OPTIONS_INSTALL_ALL_RESOURCES"></label>
|
|
</div>
|
|
</div>
|
|
<div class="statusbar" id="sta-progress">
|
|
<div class="container">
|
|
<span class="status" data-res-resxml="MANAGER_APP_REG_ING"></span><br>
|
|
<progress class="win-progress progress" min="0" max="100"></progress>
|
|
</div>
|
|
</div>
|
|
<button id="sta-btn" data-res-resxml="MANAGER_LOAD_STAGE_BTN"></button>
|
|
<div class="bottom-compensate"></div>
|
|
<script>
|
|
(function(global) {
|
|
var prefixs = ["ins", "reg", "sta", "upd"];
|
|
var statusbars = [
|
|
document.getElementById("ins-progress"),
|
|
document.getElementById("reg-progress"),
|
|
document.getElementById("sta-progress"),
|
|
document.getElementById("upd-progress")
|
|
];
|
|
statusbars.forEach(function(statusbar) {
|
|
statusbar.bar = new TransitionPanel(statusbar, {
|
|
axis: 'y',
|
|
duration: 500,
|
|
});
|
|
});
|
|
})(this);
|
|
</script>
|
|
</div>
|
|
</main>
|
|
<aside class="win-ui-dark">
|
|
<nav class="container">
|
|
<ul class="list top">
|
|
<li class="title">
|
|
<div role="img"></div>
|
|
<!--<div role="placeholder"></div>-->
|
|
<span class="win-type-base" data-res-resxml="MANAGER_APPTITLE"></span>
|
|
</li>
|
|
<script>
|
|
(function($) {
|
|
var foldBtn = document.querySelector(".page aside nav ul li.title");
|
|
var page = document.querySelector(".pagecontainer .page");
|
|
Windows.UI.Event.Util.addEvent(foldBtn, "dblclick", function() {
|
|
page.classList.toggle("fold");
|
|
});
|
|
})(this);
|
|
</script>
|
|
</ul>
|
|
<hr>
|
|
<ul class="list">
|
|
<li id="tag-manager">
|
|
<div role="img"></div>
|
|
<span class="win-type-base" data-res-resxml="MANAGER_MANAGE"></span>
|
|
</li>
|
|
<li id="tag-appinfo" class="subitem">
|
|
<div role="img"></div>
|
|
<span class="win-type-base" data-res-resxml="MANAGER_APP"></span>
|
|
</li>
|
|
<li id="tag-load">
|
|
<div role="img"></div>
|
|
<span class="win-type-base" data-res-resxml="MANAGER_LOAD"></span>
|
|
</li>
|
|
<li id="tag-settings">
|
|
<div role="img"></div>
|
|
<span class="win-type-base" data-res-resxml="MANAGER_SETTINGS"></span>
|
|
</li>
|
|
<script>
|
|
(function(global) {
|
|
var isexec = false;
|
|
var settag = document.getElementById("tag-settings");
|
|
Windows.UI.Event.Util.addEvent(settag, "click", function() {
|
|
if (isexec) return;
|
|
var self = this;
|
|
try {
|
|
var settingpath = external.Storage.Path.combine(external.Storage.Path.root, "settings.exe");
|
|
//var cmdline = "\"{execfile}\" manager".replace("{execfile}", settingpath);
|
|
external.Process.runAsync(
|
|
"manager",
|
|
settingpath,
|
|
1,
|
|
"",
|
|
function(ret) {
|
|
isexec = false;
|
|
self.classList.remove("selected");
|
|
}
|
|
);
|
|
isexec = true;
|
|
self.classList.add("selected");
|
|
} catch (e) {
|
|
console.error(e);
|
|
}
|
|
});
|
|
})(this);
|
|
</script>
|
|
</ul>
|
|
</nav>
|
|
</aside>
|
|
</div>
|
|
</div>
|
|
<div class="win-overlay win-commandlayout win-appbar win-bottom appbar win-ui-dark" id="appBar" role="menubar">
|
|
</div>
|
|
<div data-win-control="WinJS.UI.Flyout" id="app-uninstall-flyout" style="position: absolute; width: 336px; padding: 0; max-height: 284px;">
|
|
<div class="top" style="padding: 20px 20px 0 20px;">
|
|
<span data-res-resxml="MANAGER_APP_UNINSTALL_DESC"></span>
|
|
</div>
|
|
<div class="sapplist applist"></div>
|
|
<style>
|
|
#app-uninstall-flyout {
|
|
/*min-height: 88px;
|
|
transition: all 0.3s cubic-bezier(0.1, 0.9, 0.2, 1);*/
|
|
}
|
|
|
|
#app-uninstall-flyout .sapplist {
|
|
padding: 0 20px;
|
|
width: 100%;
|
|
box-sizing: border-box;
|
|
overflow-x: hidden;
|
|
overflow-y: auto;
|
|
-ms-overflow-style: -ms-autohiding-scrollbar;
|
|
max-height: 160px;
|
|
}
|
|
</style>
|
|
<div class="bottom" style="padding: 20px 20px 20px 20px; height: 32px;">
|
|
<button class="confirm" data-res-resxml="MANAGER_APP_UNINSTALL" style="float: right;"></button>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
|
|
</html> |