Files
App-Installer-For-Windows-8…/shared/html/manager.html

222 lines
12 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/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/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>
</main>
<aside class="win-ui-dark">
<nav class="container">
<ul class="list top">
<li class="title">
<div role="img">&#58344;</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">&#57587;</div>
<span class="win-type-base" data-res-resxml="MANAGER_MANAGE"></span>
</li>
<li id="tag-appinfo" class="subitem">
<div role="img">&#57650;</div>
<span class="win-type-base">应用信息</span>
</li>
<li>
<div role="img">&#57587;</div>
<span class="win-type-base">Manager</span>
</li>
</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>
<div id="app-deskshortcut-create" style="position: absolute;">
<p>即将在桌面创建快捷方式,这里做一些调整。快捷方式不建议固定到开始菜单中,因为本快捷方式只是一种启动器。不具有其余磁贴功能。</p>
<div>
<div>
<div class="win-radio"></div>
</div>
</div>
</div>
</body>
</html>