Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(145)

Issues Search
    My Issues | Starred     Open | Closed | All

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: Rebased. Created 7 years, 10 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
« no previous file with comments | « chrome/browser/resources/policy.css ('k') | chrome/browser/resources/policy.js » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
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 @@
<html i18n-values="dir:textdirection">
<head>
<meta charset="utf-8">
-<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/cr.js"></script>
<script src="chrome://resources/js/cr/ui.js"></script>
-<script src="chrome://resources/js/jstemplate_compiled.js"></script>
+<script src="chrome://resources/js/load_time_data.js"></script>
<script src="chrome://resources/js/util.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>
- <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>
- </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>
« no previous file with comments | « chrome/browser/resources/policy.css ('k') | chrome/browser/resources/policy.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698