serviceworker_internals.html revision f8ee788a64d60abd8f2d742a5fdedde054ecd910
1<!DOCTYPE html>
2<html i18n-values="dir:textdirection;">
3<head>
4  <meta charset="utf-8">
5  <title>ServiceWorker</title>
6  <link rel="stylesheet" href="chrome://resources/css/tabs.css">
7  <link rel="stylesheet" href="chrome://resources/css/widgets.css">
8  <link rel="stylesheet" href="serviceworker_internals.css">
9</head>
10<body i18n-values=".style.fontFamily:fontfamily;.style.fontSize:fontsize">
11  <!-- templates -->
12  <div style="display:none">
13    <div id="serviceworker-version-template" class="serviceworker-version">
14      <div class="serviceworker-status">
15        <span>Installation Status:</span>
16        <span jscontent="$this.status"></span>
17      </div>
18      <div class="serviceworker-running-status">
19        <span>Running Status:</span>
20        <span jscontent="$this.running_status"></span>
21      </div>
22      <div class="serviceworker-vid">
23        <span>Version ID:</span>
24        <span jscontent="$this.version_id"></span>
25      </div>
26      <div class="serviceworker-pid">
27        <span>Renderer process ID:</span>
28        <span jscontent="$this.process_id"></span>
29      </div>
30      <div class="serviceworker-tid">
31        <span>Renderer thread ID:</span>
32        <span jscontent="$this.thread_id"></span>
33      </div>
34      <div class="serviceworker-rid">
35        <span>DevTools agent route ID:</span>
36        <span jscontent="$this.devtools_agent_route_id"></span>
37      </div>
38      <div>
39        <div>Log:</div>
40        <textarea class="serviceworker-log"
41            jsvalues=".partition_id:$partition_id;.version_id:$this.version_id"
42            rows="3" cols="120" readonly jscontent="$this.log"></textarea>
43      </div>
44      <div class="worker-controls">
45        <button href="#" class="stop"
46            jsvalues=".cmdArgs:{partition_id:$partition_id,version_id:version_id}"
47            jsdisplay="$this.running_status == 'RUNNING'">Stop</button>
48        <button href="#" class="sync"
49            jsvalues=".cmdArgs:{partition_id:$partition_id,version_id:version_id}"
50            jsdisplay="$this.running_status == 'RUNNING'">Sync</button>
51        <button href="#" class="push"
52            jsvalues=".cmdArgs:{partition_id:$partition_id,version_id:version_id}"
53            jsdisplay="$this.running_status == 'RUNNING'">Push</button>
54        <button href="#" class="inspect"
55            jsvalues=".cmdArgs:{process_id:process_id,devtools_agent_route_id:devtools_agent_route_id}"
56            jsdisplay="$this.running_status == 'RUNNING'">Inspect</button>
57        <span class="operation-status" style="display: none">Running...</span>
58      </div>
59    </div>
60    <div id="serviceworker-registration-template"
61        class="serviceworker-registration">
62      <div class="serviceworker-scope">
63        <span>Scope:</span>
64        <span jscontent="scope"></span>
65      </div>
66      <div class="serviceworker-script_url">
67        <span>Script:</span>
68        <span jscontent="script_url"></span>
69      </div>
70      <div class="serviceworker-rid">
71        <span>Registration ID:</span>
72        <span jscontent="registration_id"></span>
73        <span jsdisplay="$this.unregistered">(unregistered)</span>
74      </div>
75      <div jsselect="$this.active">
76        Active worker:
77        <div transclude="serviceworker-version-template"></div>
78      </div>
79      <div jsselect="$this.waiting">
80        Waiting worker:
81        <div transclude="serviceworker-version-template"></div>
82      </div>
83      <div class="registration-controls" jsdisplay="!$this.unregistered">
84        <button href="#" class="unregister"
85            jsvalues=".cmdArgs:{partition_id:$partition_id,scope:scope}">
86          Unregister
87        </button>
88        <button href="#" class="start"
89            jsdisplay="$this.active.running_status != 'RUNNING'"
90             jsvalues=".cmdArgs:{partition_id:$partition_id,scope:scope}">
91          Start
92        </button>
93        <span class="operation-status" style="display: none">Running...</span>
94      </div>
95    </div>
96    <div id="serviceworker-list-template"
97        jsvalues="$partition_id:$this.partition_id;.partition_id:$this.partition_id"
98        jsdisplay="$this.stored_registrations.length + $this.unregistered_registrations.length + $this.unregistered_versions.length > 0">
99      <div class="serviceworker-summary">
100        <span>Registrations in: </span>
101        <span jscontent="$this.partition_path"></span>
102        <span jscontent="'(' + $this.stored_registrations.length + ')'"></span>
103      </div>
104      <div class="serviceworker-item" jsselect="$this.stored_registrations">
105        <div transclude="serviceworker-registration-template"></div>
106      </div>
107      <div class="serviceworker-item"
108          jsselect="$this.unregistered_registrations">
109        <div transclude="serviceworker-registration-template"></div>
110      </div>
111      <div class="serviceworker-item" jsselect="$this.unregistered_versions">
112        Unregistered worker:
113        <div transclude="serviceworker-version-template"></div>
114      </div>
115    </div>
116    <div id="serviceworker-options-template">
117      <div>
118        <span>
119          <input type="checkbox" class="debug_on_start"
120              jsvalues=".checked:$this.debug_on_start">
121        </span>
122        <span>
123          Opens the DevTools window for ServiceWorker on start for debugging.
124        </span>
125      </div>
126    </div>
127  </div>
128  <h1>ServiceWorker</h1>
129  <div class="content">
130    <div id="serviceworker-options"></div>
131    <div id="serviceworker-list"></div>
132  </div>
133  <script src="chrome://resources/js/util.js"></script>
134  <script src="chrome://resources/js/cr.js"></script>
135  <script src="serviceworker_internals.js"></script>
136  <script src="chrome://resources/js/load_time_data.js"></script>
137  <script src="chrome://resources/js/jstemplate_compiled.js"></script>
138  <script src="strings.js"></script>
139  <script src="chrome://resources/js/i18n_template2.js"></script>
140</body>
141</html>
142