home *** CD-ROM | disk | FTP | other *** search
- <!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">
- <style>/* 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. */
-
- body {
- color: black;
- cursor: default;
- font-family: Arial, sans-serif;
- font-size: 14px;
- margin: 0 10px;
- min-width: 47em;
- }
-
- button {
- font-size: 0.9em;
- }
-
- #header {
- border-bottom: 1px solid #000;
- padding-top: 20px;
- }
-
- #about-policy-title {
- -webkit-padding-end: 24px;
- -webkit-user-select: none;
- border-bottom: 1px solid rgb(198, 201, 206);
- color: rgb(83, 99, 125);
- cursor: pointer;
- font-size: 200%;
- font-weight: normal;
- margin: 0;
- padding-bottom: 14px;
- padding-top: 13px;
- text-shadow: white 0 1px 2px;
- }
-
- #main-content {
- min-height: 100%;
- }
-
- #status-title,
- #policies-title {
- font-size: 120%;
- font-weight: bold;
- width: 65%;
- }
-
- section {
- border-bottom: 1px solid #eee;
- margin-top: 17px;
- padding-bottom: 20px;
- width: 100%;
- }
-
- .separator {
- -webkit-box-orient: horizontal;
- display: -webkit-box;
- }
-
- #fetch-policies,
- #unsent-policies-control {
- -webkit-box-flex: 1;
- }
-
- #fetch-policies,
- #unsent-policies-control,
- #search {
- bottom: 3px;
- position: relative;
- }
-
- #fetch-policies {
- margin-top: 20px;
- }
-
- #checkbox-and-label {
- -webkit-padding-end: 20px;
- float: right;
- }
-
- html[dir='rtl'] #checkbox-and-label {
- float: left;
- }
-
- #search-field {
- bottom: 2px;
- position: relative;
- }
-
- #status-pane {
- -webkit-box-flex: 1;
- -webkit-box-orient: horizontal;
- display: -webkit-box;
- margin: 0 10%;
- }
-
- .status-box {
- border: 1px solid #d9d9d9;
- margin: 20px 100px;
- min-height: 140px;
- min-width: 300px;
- overflow: hidden;
- padding: 2px;
- width: 30%;
- }
-
- legend {
- padding: 0.2em 0.5em;
- }
-
- .status-box ul {
- -webkit-padding-start: 10px;
- list-style-type: none;
- }
-
- .status-box li {
- padding: 3px;
- }
-
- #no-policies-text {
- font-weight: bold;
- margin: 20px;
- text-align: center;
- }
-
- #policy-table {
- table-layout: fixed;
- width: 100%;
- }
-
- #policy-table th td {
- border: 1px solid #fff;
- border-collapse: collapse;
- }
-
- #policy-table th {
- background-color: rgb(218, 218, 221);
- padding: 10px;
- }
-
- #policy-table td {
- background-color: rgb(234, 238, 243);
- padding: 10px;
- position: relative;
- vertical-align: top;
- width: 20%;
- }
-
- .text-collapsed {
- bottom: 0;
- left: 0;
- margin: 10px;
- overflow: hidden;
- position: absolute;
- right: 0;
- top: 0;
- }
-
- .text-cell {
- overflow: hidden;
- }
-
- .text-collapsed .text-cell {
- text-overflow: ellipsis;
- }
-
- .text-expanded .text-cell {
- overflow: visible;
- word-wrap: break-word;
- }
-
- .text-collapsed .text-value {
- white-space: nowrap;
- }
-
- .text-expanded .text-value {
- white-space: pre-wrap;
- }
-
- .toggler {
- float: right;
- padding: 0 3px !important;
- }
- </style>
- <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" 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>
- </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>
-