1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/browser/devtools/app-manager/content/device.xhtml Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,119 @@
1.4 +<?xml version="1.0" encoding="UTF-8"?>
1.5 +<!-- This Source Code Form is subject to the terms of the Mozilla Public
1.6 + - License, v. 2.0. If a copy of the MPL was not distributed with this
1.7 + - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
1.8 +<!DOCTYPE html [
1.9 + <!ENTITY % appMgrDTD SYSTEM "chrome://browser/locale/devtools/app-manager.dtd" >
1.10 + %appMgrDTD;
1.11 +]>
1.12 +
1.13 +
1.14 +<html xmlns="http://www.w3.org/1999/xhtml">
1.15 +
1.16 + <head>
1.17 + <meta charset="utf8"/>
1.18 + <base href="chrome://browser/content/devtools/app-manager/"></base>
1.19 + <title>&device.title;</title>
1.20 + <link rel="stylesheet" href="chrome://browser/skin/devtools/app-manager/device.css" type="text/css"/>
1.21 + </head>
1.22 +
1.23 + <body onload="UI.init()">
1.24 +
1.25 + <div id="notConnectedMessage"><span>&device.notConnected;</span></div>
1.26 +
1.27 + <section id="content">
1.28 + <aside id="sidebar">
1.29 + <div id="meta">
1.30 + <header>
1.31 + <h1>
1.32 + <span template='{"type":"textContent","path":"device.description.name"}'></span>
1.33 + <span template='{"type":"textContent","path":"device.description.version"}'></span>
1.34 + <span template='{"type":"textContent","path":"device.description.channel"}'></span>
1.35 + </h1>
1.36 + <h3>
1.37 + <span>Gecko </span>
1.38 + <span template='{"type":"textContent","path":"device.description.geckoversion"}'></span>
1.39 + </h3>
1.40 + <p template='{"type":"localizedContent","property":"device.deviceSize", "paths":["device.description.width","device.description.height","device.description.dpi"]}'></p>
1.41 + <button id="root-actor-debug" hidden="true" onclick="UI.openToolboxForRootActor()" title="&device.debugMainProcessTooltip;">&device.debugMainProcess;</button>
1.42 + </header>
1.43 + <div id="tabs-headers">
1.44 + <div onclick="UI.setTab('apps')" class="tab sidebar-item apps" title="&device.installedAppsTooltip;">&device.installedApps;</div>
1.45 + <div onclick="UI.setTab('permissions')" class="tab sidebar-item permissions" title="&device.permissionsTooltip;">
1.46 + &device.permissions;
1.47 + <a target="_blank" href="&device.permissionsHelpLink;">
1.48 + <button class="help">&device.help;</button>
1.49 + </a>
1.50 + </div>
1.51 + <div onclick="UI.setTab('browser-tabs')" class="tab sidebar-item browser-tabs" title="&device.browserTabsTooltip;">&device.browserTabs;</div>
1.52 + </div>
1.53 + </div>
1.54 + </aside>
1.55 + <section id="detail">
1.56 + <div id="tabs">
1.57 + <div class="tabpanel apps">
1.58 + <div class="app-list" template-loop='{"arrayPath":"apps.all","childSelector":"#app-template"}'></div>
1.59 + </div>
1.60 + <div class="tabpanel permissions permission-table">
1.61 + <div class="permission-table-header">
1.62 + <div>&device.name;</div>
1.63 + <div title="type:'web'">&device.plain;</div>
1.64 + <div title="type:'privileged'">&device.privileged;</div>
1.65 + <div title="type:'certified'">&device.certified;</div>
1.66 + </div>
1.67 + <div class="permission-table-body" >
1.68 + <section template-loop='{"arrayPath":"device.permissions","childSelector":"#permission-template"}'></section>
1.69 + </div>
1.70 + <div class="permission-table-footer">
1.71 + <div class="allow-label" title="&device.allowTooltip;">&device.allow;</div>
1.72 + <div class="prompt-label" title="&device.promptTooltip;">&device.prompt;</div>
1.73 + <div class="deny-label" title="&device.denyTooltip;">&device.deny;</div>
1.74 + </div>
1.75 + </div>
1.76 + <div class="tabpanel browser-tabs">
1.77 + <section template-loop='{"arrayPath":"device.tabs","childSelector":"#browser-tab-template"}'></section>
1.78 + </div>
1.79 + </div>
1.80 + </section>
1.81 + </section>
1.82 + <iframe id="connection-footer" hidden="true"></iframe>
1.83 + </body>
1.84 +
1.85 + <template id="permission-template">
1.86 + <div class="permission">
1.87 + <div template='{"type":"textContent","path":"name"}'></div>
1.88 + <div template='{"type":"attribute", "name":"permission", "path":"app"}'></div>
1.89 + <div template='{"type":"attribute", "name":"permission", "path":"privileged"}'></div>
1.90 + <div template='{"type":"attribute", "name":"permission", "path":"certified"}'></div>
1.91 + </div>
1.92 + </template>
1.93 +
1.94 + <template id="browser-tab-template">
1.95 + <div class="browser-tab">
1.96 + <div class="browser-tab-details">
1.97 + <p template='{"type":"textContent","path":"title"}'></p>
1.98 + <p class="browser-tab-url-subheading" template='{"type":"textContent","path":"url"}'></p>
1.99 + </div>
1.100 + <div class="browser-tab-buttons">
1.101 + <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>
1.102 + </div>
1.103 + </div>
1.104 + </template>
1.105 +
1.106 + <template id="app-template">
1.107 + <div class="app" template='{"type":"attribute","path":"running","name":"running"}'>
1.108 + <img class="app-icon" template='{"type":"attribute","path":"iconURL","name":"src"}'></img>
1.109 + <span class="app-name" template='{"type":"textContent","path":"name"}'></span>
1.110 + <div class="app-buttons">
1.111 + <button class="button-debug" template='{"type":"attribute","path":"manifestURL","name":"data-manifest"}' onclick="UI.openToolboxForApp(this.dataset.manifest)" title="&device.debugAppTooltip;">&device.debugApp;</button>
1.112 + <button class="button-start" template='{"type":"attribute","path":"manifestURL","name":"data-manifest"}' onclick="UI.startApp(this.dataset.manifest)" title="&device.startAppTooltip;">&device.startApp;</button>
1.113 + <button class="button-stop" template='{"type":"attribute","path":"manifestURL","name":"data-manifest"}' onclick="UI.stopApp(this.dataset.manifest)" title="&device.stopAppTooltip;">&device.stopApp;</button>
1.114 + </div>
1.115 + </div>
1.116 + </template>
1.117 +
1.118 + <script type="application/javascript;version=1.8" src="utils.js"></script>
1.119 + <script type="application/javascript;version=1.8" src="template.js"></script>
1.120 + <script type="application/javascript;version=1.8" src="device.js"></script>
1.121 +
1.122 +</html>
