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> |