chrome/browser/resources/policy.html - Issue 12084065: Convert chrome://policy to new WebUI style

Unified Diff: chrome/browser/resources/policy.html

Issue 12084065: Convert chrome://policy to new WebUI style (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src

Patch Set: Move string to the correct position. Created 7 years, 11 months ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

View side-by-side diff with in-line comments

Download patch

Index: chrome/browser/resources/policy.html

diff --git a/chrome/browser/resources/policy.html b/chrome/browser/resources/policy.html

index f02073dda98f764de0aa058a30aa3be4a602cd46..bba2afc83aded7a793fe32ec6166a334d10cdb7e 100644

--- a/chrome/browser/resources/policy.html

+++ b/chrome/browser/resources/policy.html

@@ -2,156 +2,121 @@

<head>

-<title i18n-content="policyTitle"></title>

-<link rel="stylesheet" href="chrome://resources/css/widgets.css">

-<link rel="stylesheet" href="policy.css">

-<script src="chrome://resources/js/load_time_data.js"></script>

-<script src="chrome://policy/strings.js"></script>

+<title i18n-content="title"></title>

+<link rel="stylesheet" href="chrome://resources/css/chrome_shared.css">

+<link rel="stylesheet" href="uber/uber_shared.css">

+<link rel="stylesheet" href="chrome://policy/policy.css">

-<script src="chrome://resources/js/jstemplate_compiled.js"></script>

+<script src="chrome://resources/js/load_time_data.js"></script>

-<script src="policy.js"></script>

+<script src="chrome://policy/uber_utils.js"></script>

</head>

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

- <h1 id="about-policy-title" i18n-content="policyTitle"></h1>

- <div id="fetch-policies">

- <button id="fetch-policies-button" i18n-content="fetchPoliciesText">

- </button>

+<body class="uber-frame"

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

+ <div id="filter-overlay" class="page">

+ <header>

+ <input id="filter" class="search-field-container" type="search"

+ i18n-values="placeholder:filterPlaceholder;

+ aria-label:filterPlaceholder" incremental>

+ </input>

+ </header>

</div>

- <div id="main-content">

- <div id="data-template">

- <section id="status-section" jsselect="status" hidden

- jsdisplay="displayStatusSection">

- <div class="separator">

- <span id="status-title" i18n-content="statusPaneTitle"></span>

- </div>

- <div id="status-pane">

- <fieldset class="status-box" jsselect="deviceStatus"

- jsdisplay="display">

- <legend i18n-content="devicePoliciesBoxTitle"></legend>

- <ul>

- <li>

- <span i18n-content="enrollmentDomainText"></span>

- <span jscontent="domain"></span>

- </li>

- <li>

- <span i18n-content="clientIdText"></span>

- <span jscontent="clientId"></span>

- </li>

- <li>

- <span i18n-content="timeSinceLastFetchText"></span>

- <span jscontent="timeSinceLastFetch"></span>

- </li>

- <li>

- <span i18n-content="fetchIntervalText"></span>

- <span jscontent="fetchInterval"></span>

- </li>

- <li>

- <span i18n-content="serverStatusText"></span>

- <span jscontent="statusMessage"></span>

- </li>

- </ul>

- </fieldset>

- <fieldset class="status-box" jsselect="userStatus"

- jsdisplay="display">

- <legend i18n-content="userPoliciesBoxTitle"></legend>

- <ul>

- <li>

- <span i18n-content="usernameText"></span>

- <span jscontent="user"></span>

- </li>

- <li>

- <span i18n-content="clientIdText"></span>

- <span jscontent="clientId"></span>

- </li>

- <li>

- <span i18n-content="timeSinceLastFetchText"></span>

- <span jscontent="timeSinceLastFetch"></span>

- </li>

- <li>

- <span i18n-content="fetchIntervalText"></span>

- <span jscontent="fetchInterval"></span>

- </li>

- <li>

- <span i18n-content="serverStatusText"></span>

- <span jscontent="statusMessage"></span>

- </li>

- </ul>

- </fielset>

- </div>

- </section>

- <section id="policies-section">

- <div class="separator">

- <span id="policies-title" i18n-content="policyTitle"></span>

- <div id="unsent-policies-control">

- <div id="checkbox-and-label">

- <input id="toggle-unsent-policies" type="checkbox">

- <label for="toggle-unsent-policies"

- i18n-content="showUnsentPoliciesText"></label>

+ <div class="page">

+ <header>

+ <h1 i18n-content="title"></h1>

+ </header>

+ <section>

+ <button id="reload-policies" i18n-content="reloadPolicies"></button>

+ </section>

+ <section id="status" hidden>

+ <h3 i18n-content="status"></h3>

+ <div id="status-box-container"></span>

+ </section>

+ <section class="empty">

+ <h3 i18n-content="title"></h3>

+ <div id="show-unset-container">

+ <label>

+ <input id="show-unset" type="checkbox"></input>

+ <span i18n-content="showUnset"></span>

+ </label>

+ </div>

+ <div class="no-policies-set" i18n-content="noPoliciesSet"></div>

+ <table id="policy-table">

+ <thead>

+ <tr>

+ <th i18n-content="headerScope"></th>

+ <th i18n-content="headerLevel"></th>

+ <th i18n-content="headerName"></th>

+ <th i18n-content="headerValue"></th>

+ <th i18n-content="headerStatus"></th>

+ </tr>

+ </thead>

+ </table>

+ </section>

+ </div>

+ <div hidden>

+ <fieldset id="status-box-template">

+ <legend class="legend"></legend>

+ <div class="status-entry" hidden>

+ <div class="label" i18n-content="labelDomain"></div>

+ <div class="domain"></div>

+ </div>

+ <div class="status-entry" hidden>

+ <div class="label" i18n-content="labelUsername"></div>

+ <div class="username"></div>

+ </div>

+ <div class="status-entry">

+ <div class="label" i18n-content="labelClientId"></div>

+ <div class="client-id"></div>

+ </div>

+ <div class="status-entry">

+ <div class="label" i18n-content="labelTimeSinceLastRefresh"></div>

+ <div class="time-since-last-refresh"></div>

+ </div>

+ <div class="status-entry">

+ <div class="label" i18n-content="labelRefreshInterval"></div>

+ <div class="refresh-interval"></div>

+ </div>

+ <div class="status-entry">

+ <div class="label" i18n-content="labelStatus"></div>

+ <div class="status"></div>

+ </div>

+ </fieldset>

+ <table>

+ <tbody id="policy-template">

+ <tr>

+ <td>

+ <div class="scope elide"></div>

+ </td>

+ <td>

+ <div class="level elide"></div>

+ </td>

+ <td>

+ <div class="name elide"></div>

+ </td>

+ <td>

+ <div class="value-container">

+ <span class="value"></span>

+ <button class="toggle-expanded-value link-button"></button>

</div>

- </div>

- <div id="search">

- <input id="search-field" type="search" incremental

- i18n-values="placeholder: filterPoliciesText">

- </div>

- <div>

- <div id="no-policies" hidden jsdisplay="!anyPoliciesSet">

- <div id="no-policies-text" i18n-content="noPoliciesSet"></div>

- </div>

- <div id="policies" jsvalues=".style.display: anyPoliciesSet ?

- '': 'none'">

- <table id="policy-table">

- <tr>

- <th i18n-content="appliesToTableHeader"></th>

- <th i18n-content="policyLevelTableHeader"></th>

- <th i18n-content="policyNameTableHeader"></th>

- <th i18n-content="policyValueTableHeader"></th>

- <th i18n-content="policyStatusTableHeader"></th>

- </tr>

- <tr jsselect="policies"

- jsvalues=".className: $this.set ?

- 'policy-set': 'policy-unset';

- .hidden: !Policy.shouldDisplayPolicy($this)">

- <td>

- <span class="policy-type" jscontent="scope"></span>

- </td>

- <td>

- <span class="policy-level" jscontent="level"></span>

- </td>

- <td class="collapsed">

- <span class="policy-name" jscontent="name"></span>

- </td>

- <td>

- <div class="text-collapsed text-container">

- <button class="link-button toggler expand"

- i18n-content="showMoreText" hidden></button>

- <div class="text-cell">

- <span class="text-value" jscontent="value"></span>

- </div>

- <button class="link-button toggler collapse"

- i18n-content="hideText" hidden></button>

- </div>

- </td>

- <td>

- <div class="text-collapsed text-container">

- <button class="link-button toggler expand"

- i18n-content="showMoreText" hidden></button>

- <div class="text-cell">

- <span class="text-value" jscontent="status"></span>

- </div>

- <button class="link-button toggler collapse"

- i18n-content="hideText" hidden></button>

- </div>

- </td>

- </tr>

- </table>

- </div>

- </section>

- </div>

+ </td>

+ <td>

+ <div class="status elide"></div>

+ </td>

+ </tr>

+ <tr class="expanded-value-container">

+ <td class="expanded-value" colspan=5></td>

+ </tr>

+ </tbody>

+ </table>

</div>

- <script src="chrome://resources/js/i18n_template2.js"></script>

</body>

+<script src="chrome://policy/strings.js"></script>

+<script src="chrome://resources/js/i18n_template2.js"></script>

+<script src="chrome://policy/policy.js"></script>

</html>

« chrome/browser/resources/policy.css ('K') | « chrome/browser/resources/policy.css ('k') | chrome/browser/resources/policy.js » ('j') | chrome/browser/ui/webui/policy_ui.h » ('J')