1 files changed, 95 insertions, 0 deletions
diff --git a/browser/components/enterprisepolicies/content/aboutPolicies.html b/browser/components/enterprisepolicies/content/aboutPolicies.html
new file mode 100644
index 0000000000..bf0a962aa8
--- /dev/null
+++ b/browser/components/enterprisepolicies/content/aboutPolicies.html
@@ -0,0 +1,95 @@
+<!--
+# This Source Code Form is subject to the terms of the Mozilla Public
+# License, v. 2.0. If a copy of the MPL was not distributed with this
+# file, You can obtain one at http://mozilla.org/MPL/2.0/.
+-->
+<!DOCTYPE html>
+
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <meta
+      http-equiv="Content-Security-Policy"
+      content="default-src chrome:; object-src 'none'"
+    />
+    <meta name="color-scheme" content="light dark" />
+    <title data-l10n-id="about-policies-title"></title>
+    <link
+      rel="stylesheet"
+      href="chrome://browser/content/policies/aboutPolicies.css"
+    />
+    <link rel="localization" href="branding/brand.ftl" />
+    <link rel="localization" href="browser/aboutPolicies.ftl" />
+    <link
+      rel="localization"
+      href="browser/policies/policies-descriptions.ftl"
+    />
+    <link rel="localization" href="toolkit/branding/accounts.ftl" />
+    <link rel="localization" href="toolkit/branding/brandings.ftl" />
+    <script src="chrome://browser/content/policies/aboutPolicies.js"></script>
+  </head>
+  <body id="body">
+    <div id="categories">
+      <div class="category" selected="true" id="category-active" tabindex="0">
+        <label class="category-name" data-l10n-id="active-policies-tab"></label>
+      </div>
+      <div class="category" id="category-documentation" tabindex="0">
+        <label class="category-name" data-l10n-id="documentation-tab"></label>
+      </div>
+      <div class="category" id="category-errors" tabindex="0">
+        <label class="category-name" data-l10n-id="errors-tab"></label>
+      </div>
+    </div>
+    <div class="main-content">
+      <div class="header">
+        <h1
+          id="sectionTitle"
+          class="header-name"
+          data-l10n-id="active-policies-tab"
+        ></h1>
+      </div>
+
+      <div id="active" class="tab active">
+        <h3
+          class="inactive-service-message"
+          data-l10n-id="inactive-message"
+        ></h3>
+        <h3
+          class="no-specified-policies-message"
+          data-l10n-id="no-specified-policies-message"
+        ></h3>
+        <table>
+          <thead>
+            <tr>
+              <th data-l10n-id="policy-name"></th>
+              <th data-l10n-id="policy-value"></th>
+            </tr>
+          </thead>
+          <tbody id="activeContent"></tbody>
+        </table>
+      </div>
+
+      <div id="documentation" class="tab" hidden="true">
+        <table>
+          <thead>
+            <tr>
+              <th data-l10n-id="policy-name"></th>
+            </tr>
+          </thead>
+          <tbody id="documentationContent"></tbody>
+        </table>
+      </div>
+
+      <div id="errors" class="tab" hidden="true">
+        <table>
+          <thead>
+            <tr>
+              <th data-l10n-id="policy-errors"></th>
+            </tr>
+          </thead>
+          <tbody id="errorsContent"></tbody>
+        </table>
+      </div>
+    </div>
+  </body>
+</html>