content/browser/resources/service_worker/serviceworker_internals.html

   1 <!doctype html>
   2 <html i18n-values="dir:textdirection;lang:language">
   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="push"
  53             jsvalues=".cmdArgs:{partition_id:$partition_id,version_id:version_id}"
  54             jsdisplay="$this.running_status == 'RUNNING'">Push</button>
  55         <button href="#" class="inspect"
  56             jsvalues=".cmdArgs:{process_id:process_id,devtools_agent_route_id:devtools_agent_route_id}"
  57             jsdisplay="$this.running_status == 'RUNNING'">Inspect</button>
  58         <span class="operation-status" style="display: none">Running...</span>
  59       </div>
  60     </div>
  61     <div id="serviceworker-registration-template"
  62         class="serviceworker-registration">
  63       <div class="serviceworker-scope">
  64         <span>Scope:</span>
  65         <span jscontent="scope"></span>
  66       </div>
  67       <div class="serviceworker-rid">
  68         <span>Registration ID:</span>
  69         <span jscontent="registration_id"></span>
  70         <span jsdisplay="$this.unregistered">(unregistered)</span>
  71       </div>
  72       <div jsselect="$this.active">
  73         Active worker:
  74         <div transclude="serviceworker-version-template"></div>
  75       </div>
  76       <div jsselect="$this.waiting">
  77         Waiting worker:
  78         <div transclude="serviceworker-version-template"></div>
  79       </div>
  80       <div class="registration-controls" jsdisplay="!$this.unregistered">
  81         <button href="#" class="unregister"
  82             jsvalues=".cmdArgs:{partition_id:$partition_id,scope:scope}">
  83           Unregister
  84         </button>
  85         <button href="#" class="start"
  86             jsdisplay="$this.active.running_status != 'RUNNING'"
  87              jsvalues=".cmdArgs:{partition_id:$partition_id,scope:scope}">
  88           Start
  89         </button>
  90         <span class="operation-status" style="display: none">Running...</span>
  91       </div>
  92     </div>
  93     <div id="serviceworker-list-template"
  94         jsvalues="$partition_id:$this.partition_id;.partition_id:$this.partition_id"
  95         jsdisplay="$this.stored_registrations.length + $this.unregistered_registrations.length + $this.unregistered_versions.length > 0">
  96       <div class="serviceworker-summary">
  97         <span jsdisplay="$this.partition_path">
  98           <span>Registrations in: </span>
  99           <span jscontent="$this.partition_path"></span>
 100         </span>
 101         <span jsdisplay="!$this.partition_path">
 102           <span>Registrations: Incognito </span>
 103         </span>
 104         <span jscontent="'(' + $this.stored_registrations.length + ')'"></span>
 105       </div>
 106       <div class="serviceworker-item" jsselect="$this.stored_registrations">
 107         <div transclude="serviceworker-registration-template"></div>
 108       </div>
 109       <div class="serviceworker-item"
 110           jsselect="$this.unregistered_registrations">
 111         <div transclude="serviceworker-registration-template"></div>
 112       </div>
 113       <div class="serviceworker-item" jsselect="$this.unregistered_versions">
 114         Unregistered worker:
 115         <div transclude="serviceworker-version-template"></div>
 116       </div>
 117     </div>
 118     <div id="serviceworker-options-template">
 119       <div class="checkbox">
 120         <label>
 121             <input type="checkbox" class="debug_on_start"
 122                    jsvalues=".checked:$this.debug_on_start">
 123             <span>
 124               Open DevTools window and pause JavaScript execution on Service Worker startup for debugging.
 125             </span>
 126         </label>
 127       </div>
 128     </div>
 129   </div>
 130   <h1>ServiceWorker</h1>
 131   <div class="content">
 132     <div id="serviceworker-options"></div>
 133     <div id="serviceworker-list"></div>
 134   </div>
 135   <script src="chrome://resources/js/util.js"></script>
 136   <script src="chrome://resources/js/cr.js"></script>
 137   <script src="serviceworker_internals.js"></script>
 138   <script src="chrome://resources/js/load_time_data.js"></script>
 139   <script src="chrome://resources/js/jstemplate_compiled.js"></script>
 140   <script src="strings.js"></script>
 141   <script src="chrome://resources/js/i18n_template.js"></script>
 142 </body>
 143 </html>