mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-11-06 09:05:45 +00:00
120 lines
6.0 KiB
HTML
120 lines
6.0 KiB
HTML
<?xml version="1.0" encoding="UTF-8"?>
|
|
<!-- This Source Code Form is subject to the terms of the Mozilla Public
|
|
- License, v. 2.0. If a copy of the MPL was not distributed with this
|
|
- file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
|
|
<!DOCTYPE html [
|
|
<!ENTITY % appMgrDTD SYSTEM "chrome://browser/locale/devtools/app-manager.dtd" >
|
|
%appMgrDTD;
|
|
]>
|
|
|
|
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
|
|
<head>
|
|
<meta charset="utf8"/>
|
|
<base href="chrome://browser/content/devtools/app-manager/"></base>
|
|
<title>&device.title;</title>
|
|
<link rel="stylesheet" href="chrome://browser/skin/devtools/app-manager/device.css" type="text/css"/>
|
|
</head>
|
|
|
|
<body onload="UI.init()">
|
|
|
|
<div id="notConnectedMessage"><span>&device.notConnected;</span></div>
|
|
|
|
<section id="content">
|
|
<aside id="sidebar">
|
|
<div id="meta">
|
|
<header>
|
|
<h1>
|
|
<span template='{"type":"textContent","path":"device.description.name"}'></span>
|
|
<span template='{"type":"textContent","path":"device.description.version"}'></span>
|
|
<span template='{"type":"textContent","path":"device.description.channel"}'></span>
|
|
</h1>
|
|
<h3>
|
|
<span>Gecko </span>
|
|
<span template='{"type":"textContent","path":"device.description.geckoversion"}'></span>
|
|
</h3>
|
|
<p template='{"type":"localizedContent","property":"device.deviceSize", "paths":["device.description.width","device.description.height","device.description.dpi"]}'></p>
|
|
<button id="root-actor-debug" hidden="true" onclick="UI.openToolboxForRootActor()" title="&device.debugMainProcessTooltip;">&device.debugMainProcess;</button>
|
|
</header>
|
|
<div id="tabs-headers">
|
|
<div onclick="UI.setTab('apps')" class="tab sidebar-item apps" title="&device.installedAppsTooltip;">&device.installedApps;</div>
|
|
<div onclick="UI.setTab('permissions')" class="tab sidebar-item permissions" title="&device.permissionsTooltip;">
|
|
&device.permissions;
|
|
<a target="_blank" href="&device.permissionsHelpLink;">
|
|
<button class="help">&device.help;</button>
|
|
</a>
|
|
</div>
|
|
<div onclick="UI.setTab('browser-tabs')" class="tab sidebar-item browser-tabs" hidden="true" title="&device.browserTabsTooltip;">&device.browserTabs;</div>
|
|
</div>
|
|
</div>
|
|
</aside>
|
|
<section id="detail">
|
|
<div id="tabs">
|
|
<div class="tabpanel apps">
|
|
<div class="app-list" template-loop='{"arrayPath":"apps.all","childSelector":"#app-template"}'></div>
|
|
</div>
|
|
<div class="tabpanel permissions permission-table">
|
|
<div class="permission-table-header">
|
|
<div>&device.name;</div>
|
|
<div title="type:'web'">&device.plain;</div>
|
|
<div title="type:'privileged'">&device.privileged;</div>
|
|
<div title="type:'certified'">&device.certified;</div>
|
|
</div>
|
|
<div class="permission-table-body" >
|
|
<section template-loop='{"arrayPath":"device.permissions","childSelector":"#permission-template"}'></section>
|
|
</div>
|
|
<div class="permission-table-footer">
|
|
<div class="allow-label" title="&device.allowTooltip;">&device.allow;</div>
|
|
<div class="prompt-label" title="&device.promptTooltip;">&device.prompt;</div>
|
|
<div class="deny-label" title="&device.denyTooltip;">&device.deny;</div>
|
|
</div>
|
|
</div>
|
|
<div class="tabpanel browser-tabs">
|
|
<section template-loop='{"arrayPath":"device.tabs","childSelector":"#browser-tab-template"}'></section>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</section>
|
|
<iframe id="connection-footer" hidden="true"></iframe>
|
|
</body>
|
|
|
|
<template id="permission-template">
|
|
<div class="permission">
|
|
<div template='{"type":"textContent","path":"name"}'></div>
|
|
<div template='{"type":"attribute", "name":"permission", "path":"app"}'></div>
|
|
<div template='{"type":"attribute", "name":"permission", "path":"privileged"}'></div>
|
|
<div template='{"type":"attribute", "name":"permission", "path":"certified"}'></div>
|
|
</div>
|
|
</template>
|
|
|
|
<template id="browser-tab-template">
|
|
<div class="browser-tab">
|
|
<div class="browser-tab-details">
|
|
<p template='{"type":"textContent","path":"title"}'></p>
|
|
<p class="browser-tab-url-subheading" template='{"type":"textContent","path":"url"}'></p>
|
|
</div>
|
|
<div class="browser-tab-buttons">
|
|
<button class="button-debug" template='{"type":"attribute","path":"actor","name":"data-actor"}' onclick="UI.openToolboxForTab(this)" style="display: inline-block;" title="&device.debugBrowserTabTooltip;">&device.debugBrowserTab;</button>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<template id="app-template">
|
|
<div class="app" template='{"type":"attribute","path":"running","name":"running"}'>
|
|
<img class="app-icon" template='{"type":"attribute","path":"iconURL","name":"src"}'></img>
|
|
<span class="app-name" template='{"type":"textContent","path":"name"}'></span>
|
|
<div class="app-buttons">
|
|
<button class="button-debug" template='{"type":"attribute","path":"manifestURL","name":"data-manifest"}' onclick="UI.openToolboxForApp(this.dataset.manifest)" title="&device.debugAppTooltip;">&device.debugApp;</button>
|
|
<button class="button-start" template='{"type":"attribute","path":"manifestURL","name":"data-manifest"}' onclick="UI.startApp(this.dataset.manifest)" title="&device.startAppTooltip;">&device.startApp;</button>
|
|
<button class="button-stop" template='{"type":"attribute","path":"manifestURL","name":"data-manifest"}' onclick="UI.stopApp(this.dataset.manifest)" title="&device.stopAppTooltip;">&device.stopApp;</button>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script type="application/javascript;version=1.8" src="utils.js"></script>
|
|
<script type="application/javascript;version=1.8" src="template.js"></script>
|
|
<script type="application/javascript;version=1.8" src="device.js"></script>
|
|
|
|
</html>
|