Home | History | Annotate | Download | only in indexed_db
      1 <!DOCTYPE html>
      2 <html i18n-values="dir:textdirection;">
      3 <head>
      4   <meta charset="utf-8">
      5   <title>IndexedDB</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="indexeddb_internals.css">
      9 </head>
     10 <body i18n-values=".style.fontFamily:fontfamily;.style.fontSize:fontsize">
     11     <!-- templates -->
     12     <div style="display:none">
     13         <div id="indexeddb-list-template"
     14              jsvalues="$partition_path:$this.partition_path">
     15             <div class="indexeddb-summary">
     16                 <span>Instances in: </span>
     17                 <span jscontent="$this.partition_path"></span>
     18                 <span jscontent="'(' + $this.idbs.length + ')'"></span>
     19             </div>
     20             <div class="indexeddb-item" jsselect="$this.idbs">
     21                 <a class="indexeddb-url" jscontent="url" jsvalues="href:url"
     22                    target="_blank"></a>
     23                 <div class="indexeddb-size">
     24                     <span>Size:</span>
     25                     <span jscontent="size"></span>
     26                 </div>
     27                 <div class="indexeddb-last-modified">
     28                     <span>Last modified:</span>
     29                     <span jscontent="new Date(last_modified)"></span>
     30                 </div>
     31                 <div>
     32                     <span>Open connections:</span>
     33                     <span class="connection-count"
     34                           jsvalues=".idb_origin_url:url;.idb_partition_path:$partition_path"
     35                           jscontent="connection_count">
     36                 </div>
     37                 <div class="indexeddb-last-modified">
     38                     <span>Path:</span>
     39                     <span jscontent="path"></span>
     40                 </div>
     41                 <div class="controls">
     42                     <a href="#" class="force-close"
     43                        jsvalues=".idb_origin_url:url;.idb_partition_path:$partition_path">Force close</a>
     44                     <a href="#" class="download"
     45                        jsvalues=".idb_origin_url:url;.idb_partition_path:$partition_path">Download</a>
     46                     <span class="download-status" style="display: none">Loading...</span>
     47                 </div>
     48                 <div class="indexeddb-database" jsselect="$this.databases">
     49 
     50                   <span>Open database:</span>
     51                   <span jscontent="name"></span>
     52 
     53                   <div>
     54                     <span>Connections:</span>
     55 
     56                     <span class="indexeddb-connection-count"
     57                           jsdisplay="connection_count">
     58                       <span>open:</span>
     59                       <span jscontent="connection_count"></span>
     60                     </span>
     61 
     62                     <span class="indexeddb-connection-count pending"
     63                           jsdisplay="pending_opens">
     64                       <span>pending opens:</span>
     65                       <span jscontent="pending_opens"></span>
     66                     </span>
     67 
     68                     <span class="indexeddb-connection-count pending"
     69                           jsdisplay="pending_upgrades">
     70                       <span>pending upgrades:</span>
     71                       <span jscontent="pending_upgrades"></span>
     72                     </span>
     73 
     74                     <span class="indexeddb-connection-count pending"
     75                           jsdisplay="running_upgrades">
     76                       <span>running upgrades:</span>
     77                       <span jscontent="running_upgrades"></span>
     78                     </span>
     79 
     80                     <span class="indexeddb-connection-count pending"
     81                           jsdisplay="pending_deletes">
     82                       <span>pending deletes:</span>
     83                       <span jscontent="pending_deletes"></span>
     84                     </span>
     85 
     86                   </div>
     87                   <div class="indexeddb-transaction"
     88                        jsselect="$this.transactions"
     89                        jseval="this.classList.add($this.running ? 'running' : 'waiting')">
     90                     <span>Transaction:</span>
     91                     <span class="indexeddb-transaction-mode" jscontent="mode"></span>
     92                     <span class="indexeddb-transaction-scope" jsdisplay="scope">
     93                       <span>scope:</span> <span jscontent="'[ ' + scope.join(', ') + ' ]'"></span>
     94                     </span>
     95                     <span class="indexeddb-transaction-state"
     96                           jscontent="running ? '(running)' : '(blocked)'"></span>
     97                   </div>
     98                 </div>
     99             </div>
    100         </div>
    101     </div>
    102     <h1>IndexedDB</h1>
    103     <div class="content">
    104         <div id="indexeddb-list">
    105     </div>
    106     <script src="chrome://resources/js/util.js"></script>
    107     <script src="chrome://resources/js/cr.js"></script>
    108     <script src="indexeddb_internals.js"></script>
    109     <script src="chrome://resources/js/load_time_data.js"></script>
    110     <script src="chrome://resources/js/jstemplate_compiled.js"></script>
    111     <script src="strings.js"></script>
    112     <script src="chrome://resources/js/i18n_template2.js"></script>
    113 </body>
    114 </html>
    115 
    116