Html程序  |  82行  |  2.81 KB

<!DOCTYPE HTML>
<html>
<head>
  <meta charset="utf-8">
  <title i18n-content="titleText"></title>
  <link rel="stylesheet" href="chrome://power/power.css">
  <script src="chrome://resources/js/load_time_data.js"></script>
  <script src="chrome://resources/js/util.js"></script>
  <script src="chrome://power/strings.js"></script>
  <script src="chrome://power/power.js"></script>
</head>
<body i18n-values=".style.fontFamily:fontfamily;.style.fontSize:fontsize">
  <table id="main-table">
    <tr class="section-row">
      <td class="title-cell">
        <p i18n-content="batteryChargeSectionTitle" class="title-text"></p>
      </td>
      <td class="show-button-cell">
        <button id="battery-charge-show-button" class="show-button"
                i18n-content="showButton">
        </button>
      </td>
      <td id="battery-charge-cell" class="plots-cell">
        <div id="battery-charge-section" class="section-div">
          <div class="plots-div" id="battery-charge-plots-div"></div>
          <form>
            <label>
              <span i18n-content="averageOverText"></span>
              <input id="sample-count-input" type="number" min="1" max="150"
                     value="10">
            </label>
            <span i18n-content="samplesText"></span>
          </form>
          <button id="battery-charge-reload-button" class="reload-button"
                  i18n-content="reloadButton">
          </button>
        </div>
      </td>
    </tr>

    <tr class="section-row">
      <td class="title-cell">
        <p i18n-content="cpuIdleSectionTitle" class="title-text"></p>
      </td>
      <td class="show-button-cell">
        <button id="cpu-idle-show-button" class="show-button"
                i18n-content="showButton">
        </button>
      </td>
      <td id="cpu-idle-cell" class="plots-cell">
        <div id="cpu-idle-section" class="section-div">
          <div class="plots-div" id="cpu-idle-plots-div"></div>
          <button id="cpu-idle-reload-button" class="reload-button"
                  i18n-content="reloadButton">
          </button>
        </div>
      </td>
    </tr>

    <tr class="section-row">
      <td class="title-cell">
        <p i18n-content="cpuFreqSectionTitle" class="title-text"></p>
      </td>
      <td class="show-button-cell">
        <button id="cpu-freq-show-button" class="show-button"
                i18n-content="showButton">
        </button>
      </td>
      <td id="cpu-freq-cell" class="plots-cell">
        <div id="cpu-freq-section" class="section-div">
          <div class="plots-div" id="cpu-freq-plots-div"></div>
          <button id="cpu-freq-reload-button" class="reload-button"
                  i18n-content="reloadButton">
          </button>
        </div>
      </td>
    </tr>
  </table>
  <script src="chrome://resources/js/i18n_template2.js"></script>
</body>
</html>