| <!DOCTYPE HTML> |
| <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://policy/strings.js"></script> |
| <script src="chrome://resources/js/cr.js"></script> |
| <script src="chrome://resources/js/cr/ui.js"></script> |
| <script src="chrome://resources/js/i18n_template.js"></script> |
| <script src="chrome://resources/js/i18n_process.js"></script> |
| <script src="chrome://resources/js/jstemplate_compiled.js"></script> |
| <script src="chrome://resources/js/util.js"></script> |
| <script src="policy.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> |
| </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" jsdisplay="displayDeviceStatus"> |
| <legend i18n-content="devicePoliciesBoxTitle"></legend> |
| <ul> |
| <li> |
| <span i18n-content="enrollmentDomainText"></span> |
| <span jscontent="devicePolicyDomain"></span> |
| </li> |
| <li> |
| <span i18n-content="clientIdText"></span> |
| <span jscontent="deviceId"></span> |
| </li> |
| <li> |
| <span i18n-content="lastFetchedText"></span> |
| <span jscontent="deviceLastFetchTime"></span> |
| </li> |
| <li> |
| <span i18n-content="fetchIntervalText"></span> |
| <span jscontent="deviceFetchInterval"></span> |
| </li> |
| <li> |
| <span i18n-content="serverStatusText"></span> |
| <span jscontent="deviceStatusMessage"></span> |
| </li> |
| </ul> |
| </fieldset> |
| <fieldset class="status-box" jsdisplay="displayUserStatus"> |
| <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="userId"></span> |
| </li> |
| <li> |
| <span i18n-content="lastFetchedText"></span> |
| <span jscontent="userLastFetchTime"></span> |
| </li> |
| <li> |
| <span i18n-content="fetchIntervalText"></span> |
| <span jscontent="userFetchInterval"></span> |
| </li> |
| <li> |
| <span i18n-content="serverStatusText"></span> |
| <span jscontent="userStatusMessage"></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> |
| </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> |
| </div> |
| </body> |
| </html> |
