Html程序  |  77行  |  2.2 KB

<!DOCTYPE html>
<!--
Copyright (c) 2011 The Chromium Authors. All rights reserved.
Use of this source code is governed by a BSD-style license that can be
found in the LICENSE file.
-->
<html i18n-values="dir:textdirection;">
<title>Quota Internals</title>
<meta charset="utf-8">
<link rel="stylesheet" href="main.css">

<script src="chrome://resources/js/util.js"></script>
<script src="chrome://resources/js/cr.js"></script>
<script src="chrome://resources/js/cr/event_target.js"></script>
<script src="chrome://resources/js/i18n_template.js"></script>

<link rel="stylesheet" href="chrome://resources/css/tabs.css">
<link rel="stylesheet" href="chrome://resources/css/tree.css">
<script src="chrome://resources/js/cr/ui.js"></script>
<script src="chrome://resources/js/cr/ui/tabs.js"></script>
<script src="chrome://resources/js/cr/ui/tree.js"></script>
<script src="chrome://resources/css/tree.css.js"></script>
<script src="chrome://resources/js/cr/ui/focus_outline_manager.js"></script>

<script src="chrome://quota-internals/message_dispatcher.js"></script>
<script src="chrome://quota-internals/event_handler.js"></script>

<body i18n-values=".style.fontFamily:fontfamily;.style.fontSize:fontsize">

<tabbox>
  <tabs>
    <tab>Summary</tab>
    <tab>Usage &amp; Quota</tab>
    <tab>Data</tab>
  </tabs>
  <tabpanels>
    <tabpanel>
      <!-- Summary -->
      <h2>Summary</h2>
      <table>
        <tbody>
          <tr>
            <td>Free disk space for the profile directory.</td>
            <td id="diskspace-entry">N/A</td>
          </tr>
        </tbody>
      </table>
      <h2>Misc Statistics</h2>
      <table>
        <tbody id="stat-entries" class="entries"></tbody>
      </table>
    </tabpanel>

    <tabpanel>
      <!-- Usage and Quota -->
      <h2>Usage and Quota Database Browser</h2>
      <div id="tree-view-container">
        <button id="refresh-button">Refresh</button>
        <tree id="tree-view"></tree>
      </div>
      <table>
        <thead></thead>
        <tbody id="tree-item-description"></tbody>
      </table>
    </tabpanel>

    <tabpanel>
      <!-- Data -->
      <button id="dump-button">Dump</button>
      <pre id="dump-field"></pre>
    </tabpanel>
  </tabpanels>
</tabbox>

</body>
</html>