Html程序  |  208行  |  8.6 KB

<!DOCTYPE html>
<html i18n-values="dir:textdirection;">
<!--

Copyright (c) 2012 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.
-->
  <head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="../../../../ui/webui/resources/css/chrome_shared.css">
    <link rel="stylesheet" href="../../../../ui/webui/resources/css/alert_overlay.css">
    <link rel="stylesheet" href="../../../../ui/webui/resources/css/tabs.css">
    <link rel="stylesheet" href="../../../../ui/webui/resources/css/overlay.css">
    <link rel="stylesheet" href="../../../../ui/webui/resources/css/trash.css">
    <link rel="stylesheet" href="../uber/uber_shared.css">
    <link rel="stylesheet" href="css/pack_item_overlay.css">
    <link rel="stylesheet" href="css/items.css">

    <script src="js/main_scripts.js"></script>
  </head>
  <body>
    <div id="overlay" class="overlay" hidden>
      <include src="pack_item_overlay.html">
      <include src="../../../../ui/webui/resources/html/alert_overlay.html">
    </div>
    <div class="page" id="extension-settings">
      <tabbox id="tab-box">
        <div id="header">
          <div id="tabs-header-container">
            <tabs id="tabs" tabindex="0">
              <tab i18n-content="appsDevtoolApps"></tab>
              <tab i18n-content="appsDevtoolExtensions"></tab>
            </tabs>
            <input id="search" type="search"
                i18n-values=".placeholder:appsDevtoolSearch"
                spellcheck="false">
          </div>
          <div id="header-bottom-separator">
          </div>
        </div>
        <tabpanels id="tab-panels">
          <!-- Apps Tab -->
          <tabpanel id="apps-tab">
            <div class="unpacked-list">
              <div class="list-header">
                <span class="title"
                    i18n-content="appsDevtoolUnpacked"></span>
                <button class="load-unpacked custom-appearance"
                    i18n-content="appsDevtoolLoadUnpackedButton"></button>
              </div>
              <div class="items"></div>
              <div id="no-unpacked-apps">
                <span id="no-unpacked-apps-message"
                    i18n-content="appsDevtoolNoUnpackedApps"></span>
              </div>
            </div>
            <div class="packed-list">
              <div class="list-header">
                <span class="title" i18n-content="appsDevtoolInstalled">
                </span>
                <div class="update-items-container">
                  <button class="update-items-progress custom-appearance"
                      i18n-content="appsDevtoolUpdating" disabled></span>
                  <button class="update-items-now custom-appearance"
                      i18n-content="appsDevtoolUpdateButton"></button>
                </div>
              </div>
              <div class="items"></div>
              <div id="no-packed-apps">
                <span id="no-packed-apps-message"
                    i18n-content="appsDevtoolNoPackedApps"></span>
              </div>
            </div>
          </tabpanel>
          <!-- Extensions Tab -->
          <tabpanel id="extensions-tab">
            <div class="unpacked-list">
              <div class="list-header">
                <span class="title" i18n-content="appsDevtoolUnpacked"></span>
                <button class="load-unpacked custom-appearance"
                    i18n-content="appsDevtoolLoadUnpackedButton"></button>
              </div>
              <div class="items"></div>
              <div id="no-unpacked-extensions">
                <span id="no-unpacked-extensions-message"
                    i18n-content="appsDevtoolNoUnpackedExtensions"></span>
              </div>
            </div>
            <div class="packed-list">
              <div class="list-header">
                <span class="title" i18n-content="appsDevtoolInstalled">
                </span>
                <div class="update-items-container">
                  <button class="update-items-progress custom-appearance"
                      i18n-content="appsDevtoolUpdating" disabled></span>
                  <button class="update-items-now custom-appearance"
                      i18n-content="appsDevtoolUpdateButton"></button>
                </div>
              </div>
              <div class="items"></div>
              <div id="no-packed-extensions">
                <span id="no-packed-extensions-message"
                    i18n-content="appsDevtoolNoPackedExtensions"></span>
              </div>
            </div>
          </tabpanel>
        </tabpanels>
      </tabbox>
    </div>
  </div>
  <div id="template-collection" hidden>
    <div class="extension-list-item-wrapper">
      <div class="extension-list-item">
        <div class="extension-details">
          <div class="extension-details-summary">
            <div class="extension-title-container">
              <a class="extension-title" href="#"></a>
              <span class="extension-version"></span>
              <span class="extension-disabled"
                  i18n-content="extensionDisabled"></span>
            </div>
            <div class="extension-description"><span></span></div>
          </div>
          <div class="extension-details-all">
            <div>
              <div class="item-id item">
                <span i18n-content="extensionSettingsExtensionId"></span>
                <span class="extension-id"></span>
              </div>
              <div class="load-path item" hidden>
                <span i18n-content="extensionSettingsExtensionPath"></span>
                <span></span>
              </div>
            </div>
            <div class="item">
              <span class="extension-disable-reason"></span>
            </div>
            <div class="managed-message item"
                i18n-content="extensionSettingsPolicyControlled" hidden>
            </div>
            <div class="extension-warnings item" hidden>
              <span i18n-content="extensionSettingsWarningsTitle"></span>
            </div>
            <div class="install-warnings item" hidden>
              <span i18n-content="extensionSettingsInstallWarnings"></span>
              <ul></ul>
            </div>
            <div class="controls-container">
              <div class="controls">
                <a class="terminated-reload-link" href="#"
                    i18n-content="extensionSettingsReloadTerminated" hidden>
                </a>
                <div class="checkbox enable-checkbox" hidden>
                  <label>
                    <input type="checkbox">
                    <span class="enable-checkbox-text">
                      <span class="enabled-text"
                          i18n-content="extensionSettingsEnabled"></span>
                      <span class="enable-text"
                          i18n-content="extensionSettingsEnable"></span>
                    </span>
                  </label>
                  <span class="location-text"></span>
                </div>
              </div>
              <div class="optional-controls">
                <label class="incognito-control" hidden>
                  <input type="checkbox">
                  <span i18n-content="extensionSettingsEnableIncognito">
                  </span>
                </label>
                <label class="file-access-control" hidden>
                  <input type="checkbox">
                  <span i18n-content="extensionSettingsAllowFileAccess">
                  </span>
                </label>
              </div>
            </div>
            <div>
              <div class="active-views" hidden>
                <span i18n-content="extensionSettingsInspectViews"></span>
                <a href="#"></a>
              </div>
            </div>
            <div class="buttons-container">
              <a class="reload-link" href="#"
                  i18n-content="extensionSettingsReloadUnpacked" hidden>
              </a>
              <a class="launch-link" i18n-content="extensionSettingsLaunch"
                  href="#" hidden></a>
              <a class="permissions-link"
                  i18n-content="extensionSettingsPermissions" href="#"></a>
              <a class="site-link" target="_blank" hidden></a>
              <a class="options-link" i18n-content="extensionSettingsOptions"
                  href="#" target="_blank" hidden></a>
              <a class="pack-link" i18n-content="extensionSettingsPack"
                  href="#" hidden></a>
              <a class="delete-link" i18n-content="extensionSettingsDelete"
                  href="#"></a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>