chrome/browser/resources/quota_internals/main.html

   1 <!DOCTYPE html>
   2 <!--
   3 Copyright (c) 2011 The Chromium Authors. All rights reserved.
   4 Use of this source code is governed by a BSD-style license that can be
   5 found in the LICENSE file.
   6 -->
   7 <html i18n-values="dir:textdirection;">
   8 <title>Quota Internals</title>
   9 <meta charset="utf-8">
  10 <link rel="stylesheet" href="main.css">
  11
  12 <script src="chrome://resources/js/util.js"></script>
  13 <script src="chrome://resources/js/cr.js"></script>
  14 <script src="chrome://resources/js/cr/event_target.js"></script>
  15 <script src="chrome://resources/js/i18n_template.js"></script>
  16
  17 <link rel="stylesheet" href="chrome://resources/css/tabs.css">
  18 <link rel="stylesheet" href="chrome://resources/css/tree.css">
  19 <script src="chrome://resources/js/cr/ui.js"></script>
  20 <script src="chrome://resources/js/cr/ui/tabs.js"></script>
  21 <script src="chrome://resources/js/cr/ui/tree.js"></script>
  22 <script src="chrome://resources/css/tree.css.js"></script>
  23 <script src="chrome://resources/js/cr/ui/focus_outline_manager.js"></script>
  24
  25 <script src="chrome://quota-internals/message_dispatcher.js"></script>
  26 <script src="chrome://quota-internals/event_handler.js"></script>
  27
  28 <body i18n-values=".style.fontFamily:fontfamily;.style.fontSize:fontsize">
  29
  30 <tabbox>
  31   <tabs>
  32     <tab>Summary</tab>
  33     <tab>Usage &amp; Quota</tab>
  34     <tab>Data</tab>
  35   </tabs>
  36   <tabpanels>
  37     <tabpanel>
  38       <!-- Summary -->
  39       <h2>Summary</h2>
  40       <table>
  41         <tbody>
  42           <tr>
  43             <td>Free disk space for the profile directory.</td>
  44             <td id="diskspace-entry">N/A</td>
  45           </tr>
  46         </tbody>
  47       </table>
  48       <h2>Misc Statistics</h2>
  49       <table>
  50         <tbody id="stat-entries" class="entries"></tbody>
  51       </table>
  52     </tabpanel>
  53
  54     <tabpanel>
  55       <!-- Usage and Quota -->
  56       <h2>Usage and Quota Database Browser</h2>
  57       <div id="tree-view-container">
  58         <button id="refresh-button">Refresh</button>
  59         <tree id="tree-view"></tree>
  60       </div>
  61       <table>
  62         <thead></thead>
  63         <tbody id="tree-item-description"></tbody>
  64       </table>
  65     </tabpanel>
  66
  67     <tabpanel>
  68       <!-- Data -->
  69       <button id="dump-button">Dump</button>
  70       <pre id="dump-field"></pre>
  71     </tabpanel>
  72   </tabpanels>
  73 </tabbox>
  74
  75 </body>
  76 </html>