browser/devtools/app-manager/content/device.xhtml

changeset 0
6474c204b198
equal deleted inserted replaced
-1:000000000000 0:c8c019bc9ba9
1 <?xml version="1.0" encoding="UTF-8"?>
2 <!-- This Source Code Form is subject to the terms of the Mozilla Public
3 - License, v. 2.0. If a copy of the MPL was not distributed with this
4 - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
5 <!DOCTYPE html [
6 <!ENTITY % appMgrDTD SYSTEM "chrome://browser/locale/devtools/app-manager.dtd" >
7 %appMgrDTD;
8 ]>
9
10
11 <html xmlns="http://www.w3.org/1999/xhtml">
12
13 <head>
14 <meta charset="utf8"/>
15 <base href="chrome://browser/content/devtools/app-manager/"></base>
16 <title>&device.title;</title>
17 <link rel="stylesheet" href="chrome://browser/skin/devtools/app-manager/device.css" type="text/css"/>
18 </head>
19
20 <body onload="UI.init()">
21
22 <div id="notConnectedMessage"><span>&device.notConnected;</span></div>
23
24 <section id="content">
25 <aside id="sidebar">
26 <div id="meta">
27 <header>
28 <h1>
29 <span template='{"type":"textContent","path":"device.description.name"}'></span>
30 <span template='{"type":"textContent","path":"device.description.version"}'></span>
31 <span template='{"type":"textContent","path":"device.description.channel"}'></span>
32 </h1>
33 <h3>
34 <span>Gecko </span>
35 <span template='{"type":"textContent","path":"device.description.geckoversion"}'></span>
36 </h3>
37 <p template='{"type":"localizedContent","property":"device.deviceSize", "paths":["device.description.width","device.description.height","device.description.dpi"]}'></p>
38 <button id="root-actor-debug" hidden="true" onclick="UI.openToolboxForRootActor()" title="&device.debugMainProcessTooltip;">&device.debugMainProcess;</button>
39 </header>
40 <div id="tabs-headers">
41 <div onclick="UI.setTab('apps')" class="tab sidebar-item apps" title="&device.installedAppsTooltip;">&device.installedApps;</div>
42 <div onclick="UI.setTab('permissions')" class="tab sidebar-item permissions" title="&device.permissionsTooltip;">
43 &device.permissions;
44 <a target="_blank" href="&device.permissionsHelpLink;">
45 <button class="help">&device.help;</button>
46 </a>
47 </div>
48 <div onclick="UI.setTab('browser-tabs')" class="tab sidebar-item browser-tabs" title="&device.browserTabsTooltip;">&device.browserTabs;</div>
49 </div>
50 </div>
51 </aside>
52 <section id="detail">
53 <div id="tabs">
54 <div class="tabpanel apps">
55 <div class="app-list" template-loop='{"arrayPath":"apps.all","childSelector":"#app-template"}'></div>
56 </div>
57 <div class="tabpanel permissions permission-table">
58 <div class="permission-table-header">
59 <div>&device.name;</div>
60 <div title="type:'web'">&device.plain;</div>
61 <div title="type:'privileged'">&device.privileged;</div>
62 <div title="type:'certified'">&device.certified;</div>
63 </div>
64 <div class="permission-table-body" >
65 <section template-loop='{"arrayPath":"device.permissions","childSelector":"#permission-template"}'></section>
66 </div>
67 <div class="permission-table-footer">
68 <div class="allow-label" title="&device.allowTooltip;">&device.allow;</div>
69 <div class="prompt-label" title="&device.promptTooltip;">&device.prompt;</div>
70 <div class="deny-label" title="&device.denyTooltip;">&device.deny;</div>
71 </div>
72 </div>
73 <div class="tabpanel browser-tabs">
74 <section template-loop='{"arrayPath":"device.tabs","childSelector":"#browser-tab-template"}'></section>
75 </div>
76 </div>
77 </section>
78 </section>
79 <iframe id="connection-footer" hidden="true"></iframe>
80 </body>
81
82 <template id="permission-template">
83 <div class="permission">
84 <div template='{"type":"textContent","path":"name"}'></div>
85 <div template='{"type":"attribute", "name":"permission", "path":"app"}'></div>
86 <div template='{"type":"attribute", "name":"permission", "path":"privileged"}'></div>
87 <div template='{"type":"attribute", "name":"permission", "path":"certified"}'></div>
88 </div>
89 </template>
90
91 <template id="browser-tab-template">
92 <div class="browser-tab">
93 <div class="browser-tab-details">
94 <p template='{"type":"textContent","path":"title"}'></p>
95 <p class="browser-tab-url-subheading" template='{"type":"textContent","path":"url"}'></p>
96 </div>
97 <div class="browser-tab-buttons">
98 <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>
99 </div>
100 </div>
101 </template>
102
103 <template id="app-template">
104 <div class="app" template='{"type":"attribute","path":"running","name":"running"}'>
105 <img class="app-icon" template='{"type":"attribute","path":"iconURL","name":"src"}'></img>
106 <span class="app-name" template='{"type":"textContent","path":"name"}'></span>
107 <div class="app-buttons">
108 <button class="button-debug" template='{"type":"attribute","path":"manifestURL","name":"data-manifest"}' onclick="UI.openToolboxForApp(this.dataset.manifest)" title="&device.debugAppTooltip;">&device.debugApp;</button>
109 <button class="button-start" template='{"type":"attribute","path":"manifestURL","name":"data-manifest"}' onclick="UI.startApp(this.dataset.manifest)" title="&device.startAppTooltip;">&device.startApp;</button>
110 <button class="button-stop" template='{"type":"attribute","path":"manifestURL","name":"data-manifest"}' onclick="UI.stopApp(this.dataset.manifest)" title="&device.stopAppTooltip;">&device.stopApp;</button>
111 </div>
112 </div>
113 </template>
114
115 <script type="application/javascript;version=1.8" src="utils.js"></script>
116 <script type="application/javascript;version=1.8" src="template.js"></script>
117 <script type="application/javascript;version=1.8" src="device.js"></script>
118
119 </html>

mercurial