OLD | NEW |
1 <!DOCTYPE HTML> | 1 <!DOCTYPE HTML> |
2 <html i18n-values="dir:textdirection"> | 2 <html i18n-values="dir:textdirection"> |
3 <head> | 3 <head> |
4 <meta charset="utf-8"> | 4 <meta charset="utf-8"> |
5 <title i18n-content="policyTitle"></title> | 5 <title i18n-content="title"></title> |
6 <link rel="stylesheet" href="chrome://resources/css/widgets.css"> | 6 |
7 <link rel="stylesheet" href="policy.css"> | 7 <link rel="stylesheet" href="chrome://resources/css/chrome_shared.css"> |
8 <script src="chrome://resources/js/load_time_data.js"></script> | 8 <link rel="stylesheet" href="uber/uber_shared.css"> |
9 <script src="chrome://policy/strings.js"></script> | 9 <link rel="stylesheet" href="chrome://policy/policy.css"> |
| 10 |
10 <script src="chrome://resources/js/cr.js"></script> | 11 <script src="chrome://resources/js/cr.js"></script> |
11 <script src="chrome://resources/js/cr/ui.js"></script> | 12 <script src="chrome://resources/js/cr/ui.js"></script> |
12 <script src="chrome://resources/js/jstemplate_compiled.js"></script> | 13 <script src="chrome://resources/js/load_time_data.js"></script> |
13 <script src="chrome://resources/js/util.js"></script> | 14 <script src="chrome://resources/js/util.js"></script> |
14 <script src="policy.js"></script> | 15 <script src="chrome://policy/uber_utils.js"></script> |
15 </head> | 16 </head> |
16 <body i18n-values=".style.fontFamily:fontfamily; .style.fontSize:fontsize"> | 17 |
17 <h1 id="about-policy-title" i18n-content="policyTitle"></h1> | 18 <body class="uber-frame" |
18 <div id="fetch-policies"> | 19 i18n-values=".style.fontFamily:fontfamily; .style.fontSize:fontsize"> |
19 <button id="fetch-policies-button" i18n-content="fetchPoliciesText"> | 20 <div id="filter-overlay" class="page"> |
20 </button> | 21 <header> |
| 22 <input id="filter" class="search-field-container" type="search" |
| 23 i18n-values="placeholder:filterPlaceholder; |
| 24 aria-label:filterPlaceholder" incremental> |
| 25 </input> |
| 26 </header> |
21 </div> | 27 </div> |
22 <div id="main-content"> | 28 <div class="page"> |
23 <div id="data-template"> | 29 <header> |
24 <section id="status-section" jsselect="status" hidden | 30 <h1 i18n-content="title"></h1> |
25 jsdisplay="displayStatusSection"> | 31 </header> |
26 <div class="separator"> | 32 <section> |
27 <span id="status-title" i18n-content="statusPaneTitle"></span> | 33 <button id="reload-policies" i18n-content="reloadPolicies"></button> |
28 </div> | 34 </section> |
29 <div id="status-pane"> | 35 <section id="status" hidden> |
30 <fieldset class="status-box" jsselect="deviceStatus" | 36 <h3 i18n-content="status"></h3> |
31 jsdisplay="display"> | 37 <div id="status-box-container"></span> |
32 <legend i18n-content="devicePoliciesBoxTitle"></legend> | 38 </section> |
33 <ul> | 39 <section class="empty"> |
34 <li> | 40 <h3 i18n-content="title"></h3> |
35 <span i18n-content="enrollmentDomainText"></span> | 41 <div id="show-unset-container"> |
36 <span jscontent="domain"></span> | 42 <label> |
37 </li> | 43 <input id="show-unset" type="checkbox"></input> |
38 <li> | 44 <span i18n-content="showUnset"></span> |
39 <span i18n-content="clientIdText"></span> | 45 </label> |
40 <span jscontent="clientId"></span> | 46 </div> |
41 </li> | 47 <div class="no-policies-set" i18n-content="noPoliciesSet"></div> |
42 <li> | 48 <table id="policy-table"> |
43 <span i18n-content="timeSinceLastFetchText"></span> | 49 <thead> |
44 <span jscontent="timeSinceLastFetch"></span> | 50 <tr> |
45 </li> | 51 <th i18n-content="headerScope"></th> |
46 <li> | 52 <th i18n-content="headerLevel"></th> |
47 <span i18n-content="fetchIntervalText"></span> | 53 <th i18n-content="headerName"></th> |
48 <span jscontent="fetchInterval"></span> | 54 <th i18n-content="headerValue"></th> |
49 </li> | 55 <th i18n-content="headerStatus"></th> |
50 <li> | 56 </tr> |
51 <span i18n-content="serverStatusText"></span> | 57 </thead> |
52 <span jscontent="statusMessage"></span> | 58 </table> |
53 </li> | 59 </section> |
54 </ul> | 60 </div> |
55 </fieldset> | 61 <div hidden> |
56 <fieldset class="status-box" jsselect="userStatus" | 62 <fieldset id="status-box-template"> |
57 jsdisplay="display"> | 63 <legend class="legend"></legend> |
58 <legend i18n-content="userPoliciesBoxTitle"></legend> | 64 <div class="status-entry" hidden> |
59 <ul> | 65 <div class="label" i18n-content="labelDomain"></div> |
60 <li> | 66 <div class="domain"></div> |
61 <span i18n-content="usernameText"></span> | 67 </div> |
62 <span jscontent="user"></span> | 68 <div class="status-entry" hidden> |
63 </li> | 69 <div class="label" i18n-content="labelUsername"></div> |
64 <li> | 70 <div class="username"></div> |
65 <span i18n-content="clientIdText"></span> | 71 </div> |
66 <span jscontent="clientId"></span> | 72 <div class="status-entry"> |
67 </li> | 73 <div class="label" i18n-content="labelClientId"></div> |
68 <li> | 74 <div class="client-id"></div> |
69 <span i18n-content="timeSinceLastFetchText"></span> | 75 </div> |
70 <span jscontent="timeSinceLastFetch"></span> | 76 <div class="status-entry"> |
71 </li> | 77 <div class="label" i18n-content="labelTimeSinceLastRefresh"></div> |
72 <li> | 78 <div class="time-since-last-refresh"></div> |
73 <span i18n-content="fetchIntervalText"></span> | 79 </div> |
74 <span jscontent="fetchInterval"></span> | 80 <div class="status-entry"> |
75 </li> | 81 <div class="label" i18n-content="labelRefreshInterval"></div> |
76 <li> | 82 <div class="refresh-interval"></div> |
77 <span i18n-content="serverStatusText"></span> | 83 </div> |
78 <span jscontent="statusMessage"></span> | 84 <div class="status-entry"> |
79 </li> | 85 <div class="label" i18n-content="labelStatus"></div> |
80 </ul> | 86 <div class="status"></div> |
81 </fielset> | 87 </div> |
82 </div> | 88 </fieldset> |
83 </section> | 89 <table> |
84 <section id="policies-section"> | 90 <tbody id="policy-template"> |
85 <div class="separator"> | 91 <tr> |
86 <span id="policies-title" i18n-content="policyTitle"></span> | 92 <td> |
87 <div id="unsent-policies-control"> | 93 <div class="scope elide"></div> |
88 <div id="checkbox-and-label"> | 94 </td> |
89 <input id="toggle-unsent-policies" type="checkbox"> | 95 <td> |
90 <label for="toggle-unsent-policies" | 96 <div class="level elide"></div> |
91 i18n-content="showUnsentPoliciesText"></label> | 97 </td> |
| 98 <td> |
| 99 <div class="name elide"></div> |
| 100 </td> |
| 101 <td> |
| 102 <div class="value-container"> |
| 103 <span class="value"></span> |
| 104 <button class="toggle-expanded-value link-button"></button> |
92 </div> | 105 </div> |
93 </div> | 106 </td> |
94 <div id="search"> | 107 <td> |
95 <input id="search-field" type="search" incremental | 108 <div class="status elide"></div> |
96 i18n-values="placeholder: filterPoliciesText"> | 109 </td> |
97 </div> | 110 </tr> |
98 </div> | 111 <tr class="expanded-value-container"> |
99 <div> | 112 <td class="expanded-value" colspan=5></td> |
100 <div id="no-policies" hidden jsdisplay="!anyPoliciesSet"> | 113 </tr> |
101 <div id="no-policies-text" i18n-content="noPoliciesSet"></div> | 114 </tbody> |
102 </div> | 115 </table> |
103 <div id="policies" jsvalues=".style.display: anyPoliciesSet ? | |
104 '': 'none'"> | |
105 <table id="policy-table"> | |
106 <tr> | |
107 <th i18n-content="appliesToTableHeader"></th> | |
108 <th i18n-content="policyLevelTableHeader"></th> | |
109 <th i18n-content="policyNameTableHeader"></th> | |
110 <th i18n-content="policyValueTableHeader"></th> | |
111 <th i18n-content="policyStatusTableHeader"></th> | |
112 </tr> | |
113 <tr jsselect="policies" | |
114 jsvalues=".className: $this.set ? | |
115 'policy-set': 'policy-unset'; | |
116 .hidden: !Policy.shouldDisplayPolicy($this)"> | |
117 <td> | |
118 <span class="policy-type" jscontent="scope"></span> | |
119 </td> | |
120 <td> | |
121 <span class="policy-level" jscontent="level"></span> | |
122 </td> | |
123 <td class="collapsed"> | |
124 <span class="policy-name" jscontent="name"></span> | |
125 </td> | |
126 <td> | |
127 <div class="text-collapsed text-container"> | |
128 <button class="link-button toggler expand" | |
129 i18n-content="showMoreText" hidden></button> | |
130 <div class="text-cell"> | |
131 <span class="text-value" jscontent="value"></span> | |
132 </div> | |
133 <button class="link-button toggler collapse" | |
134 i18n-content="hideText" hidden></button> | |
135 </div> | |
136 </td> | |
137 <td> | |
138 <div class="text-collapsed text-container"> | |
139 <button class="link-button toggler expand" | |
140 i18n-content="showMoreText" hidden></button> | |
141 <div class="text-cell"> | |
142 <span class="text-value" jscontent="status"></span> | |
143 </div> | |
144 <button class="link-button toggler collapse" | |
145 i18n-content="hideText" hidden></button> | |
146 </div> | |
147 </td> | |
148 </tr> | |
149 </table> | |
150 </div> | |
151 </div> | |
152 </section> | |
153 </div> | |
154 </div> | 116 </div> |
155 <script src="chrome://resources/js/i18n_template2.js"></script> | |
156 </body> | 117 </body> |
| 118 |
| 119 <script src="chrome://policy/strings.js"></script> |
| 120 <script src="chrome://resources/js/i18n_template2.js"></script> |
| 121 <script src="chrome://policy/policy.js"></script> |
157 </html> | 122 </html> |
OLD | NEW |