1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
|
<!doctype html>
<html dir="$i18n{textdirection}" lang="$i18n{language}">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no">
<title>$i18n{title}</title>
<link rel="stylesheet" href="./policy.css">
<link rel="stylesheet" href="./policy_shared_vars.css">
<link rel="stylesheet" href="chrome://resources/css/text_defaults_md.css">
</head>
<body>
<header>
<div id="topbar" class="header-row">
<div id="left-content" class="topbar-item">
<div id="topbar-brand">
<if expr="not is_android and not is_ios">
<div id="topbar-brand-logo"></div>
</if>
<h1 id="topbar-title">$i18n{title}</h1>
</div>
</div>
<div id="middle-content" class="topbar-item">
<div id="search-field-container">
<div id="search-field-icon"></div>
<input id="search-field-input" type="search"
placeholder="$i18n{filterPlaceholder}"
aria-label="$i18n{filterPlaceholder}" incremental>
</div>
</div>
<div id="right-content" class="topbar-item"></div>
</div>
<div class="header-row action-header-row">
<div class="action-row-buttons">
<button id="reload-policies" class="action-row-button">
$i18n{reloadPolicies}
</button>
<div id="more-actions-dropdown">
<button
id="more-actions-button" class="action-row-button"
aria-haspopup="true" aria-expanded="false">
$i18n{moreActions}
<div id="dropdown-icon"></div>
</button>
<div
id="more-actions-list" class="more-actions-visibility" role="menu">
<button id="export-policies" role="menuitem">
$i18n{exportPoliciesJSON}
</button>
<button id="copy-policies" role="menuitem">
$i18n{copyPoliciesJSON}
</button>
<if expr="not is_chromeos">
<button id="upload-report" role="menuitem">
$i18n{uploadReport}
</button>
</if>
<button id="view-logs" role="menuitem">
$i18n{viewLogs}
</button>
</div>
</div>
</div>
<div id="show-unset-container" class="show-unset-checkbox">
<label>
<input id="show-unset" type="checkbox">
<span>$i18n{showUnset}</span>
</label>
</div>
</div>
</header>
<main id="policy-ui-container">
<div id="policy-ui">
<section id="status-section" class="status-box-section" hidden>
<h2>$i18n{status}</h2>
<div id="status-box-container"></div>
</section>
<section id="main-section" class="empty">
<!-- This is where policy tables get dynamically added. -->
</section>
</div>
</main>
<div id="toast-container" role="alert" aria-live="polite"></div>
</body>
<script type="module" src="policy.js"></script>
</html>
|
