content/browser/resources/service_worker/serviceworker_internals.html

   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-script_url">
  23         <span>Script:</span>
  24         <span jscontent="$this.script_url"></span>
  25       </div>
  26       <div class="serviceworker-vid">
  27         <span>Version ID:</span>
  28         <span jscontent="$this.version_id"></span>
  29       </div>
  30       <div class="serviceworker-pid">
  31         <span>Renderer process ID:</span>
  32         <span jscontent="$this.process_id"></span>
  33       </div>
  34       <div class="serviceworker-tid">
  35         <span>Renderer thread ID:</span>
  36         <span jscontent="$this.thread_id"></span>
  37       </div>
  38       <div class="serviceworker-rid">
  39         <span>DevTools agent route ID:</span>
  40         <span jscontent="$this.devtools_agent_route_id"></span>
  41       </div>
  42       <div>
  43         <div>Log:</div>
  44         <textarea class="serviceworker-log"
  45             jsvalues=".partition_id:$partition_id;.version_id:$this.version_id"
  46             rows="3" cols="120" readonly jscontent="$this.log"></textarea>
  47       </div>
  48       <div class="worker-controls">
  49         <button href="#" class="stop"
  50             jsvalues=".cmdArgs:{partition_id:$partition_id,version_id:version_id}"
  51             jsdisplay="$this.running_status == 'RUNNING'">Stop</button>
  52         <button href="#" class="sync"
  53             jsvalues=".cmdArgs:{partition_id:$partition_id,version_id:version_id}"
  54             jsdisplay="$this.running_status == 'RUNNING'">Sync</button>
  55         <button href="#" class="push"
  56             jsvalues=".cmdArgs:{partition_id:$partition_id,version_id:version_id}"
  57             jsdisplay="$this.running_status == 'RUNNING'">Push</button>
  58         <button href="#" class="inspect"
  59             jsvalues=".cmdArgs:{process_id:process_id,devtools_agent_route_id:devtools_agent_route_id}"
  60             jsdisplay="$this.running_status == 'RUNNING'">Inspect</button>
  61         <span class="operation-status" style="display: none">Running...</span>
  62       </div>
  63     </div>
  64     <div id="serviceworker-registration-template"
  65         class="serviceworker-registration">
  66       <div class="serviceworker-scope">
  67         <span>Scope:</span>
  68         <span jscontent="scope"></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 jsdisplay="$this.partition_path">
 101           <span>Registrations in: </span>
 102           <span jscontent="$this.partition_path"></span>
 103         </span>
 104         <span jsdisplay="!$this.partition_path">
 105           <span>Registrations: Incognito </span>
 106         </span>
 107         <span jscontent="'(' + $this.stored_registrations.length + ')'"></span>
 108       </div>
 109       <div class="serviceworker-item" jsselect="$this.stored_registrations">
 110         <div transclude="serviceworker-registration-template"></div>
 111       </div>
 112       <div class="serviceworker-item"
 113           jsselect="$this.unregistered_registrations">
 114         <div transclude="serviceworker-registration-template"></div>
 115       </div>
 116       <div class="serviceworker-item" jsselect="$this.unregistered_versions">
 117         Unregistered worker:
 118         <div transclude="serviceworker-version-template"></div>
 119       </div>
 120     </div>
 121     <div id="serviceworker-options-template">
 122       <div>
 123         <span>
 124           <input type="checkbox" class="debug_on_start"
 125               jsvalues=".checked:$this.debug_on_start">
 126         </span>
 127         <span>
 128           Opens the DevTools window for ServiceWorker on start for debugging.
 129         </span>
 130       </div>
 131     </div>
 132   </div>
 133   <h1>ServiceWorker</h1>
 134   <div class="content">
 135     <div id="serviceworker-options"></div>
 136     <div id="serviceworker-list"></div>
 137   </div>
 138   <script src="chrome://resources/js/util.js"></script>
 139   <script src="chrome://resources/js/cr.js"></script>
 140   <script src="serviceworker_internals.js"></script>
 141   <script src="chrome://resources/js/load_time_data.js"></script>
 142   <script src="chrome://resources/js/jstemplate_compiled.js"></script>
 143   <script src="strings.js"></script>
 144   <script src="chrome://resources/js/i18n_template2.js"></script>
 145 </body>
 146 </html>