1 files changed, 49 insertions, 0 deletions
diff --git a/comm/calendar/base/content/preferences/editCategory.xhtml b/comm/calendar/base/content/preferences/editCategory.xhtml
new file mode 100644
index 0000000000..5128a03249
--- /dev/null
+++ b/comm/calendar/base/content/preferences/editCategory.xhtml
@@ -0,0 +1,49 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- 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/. -->
+
+<?xml-stylesheet href="chrome://global/skin/global.css" type="text/css"?>
+
+<!DOCTYPE html>
+<html
+  xmlns="http://www.w3.org/1999/xhtml"
+  xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+  xmlns:html="http://www.w3.org/1999/xhtml"
+  scrolling="false"
+>
+  <head>
+    <title><!-- category-new-label / category-edit-label --></title>
+    <link rel="localization" href="calendar/category-dialog.ftl" />
+    <script defer="defer" src="chrome://messenger/content/globalOverlay.js"></script>
+    <script defer="defer" src="chrome://global/content/editMenuOverlay.js"></script>
+    <script defer="defer" src="chrome://calendar/content/preferences/editCategory.js"></script>
+  </head>
+  <html:body xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+    <dialog id="editCategory" buttons="accept,cancel" style="width: 100vw; height: 100vh">
+      <label id="categoryNameLabel" data-l10n-id="category-name-label" control="categoryName" />
+      <html:input
+        id="categoryName"
+        type="text"
+        onchange="categoryNameChanged()"
+        oninput="delay(500, categoryNameChanged)"
+        aria-labelledby="categoryNameLabel"
+      />
+      <hbox id="colorSelectRow">
+        <checkbox
+          id="useColor"
+          data-l10n-id="category-color-label"
+          oncommand="toggleColor(); categoryNameChanged()"
+        />
+        <html:input
+          id="categoryColor"
+          type="color"
+          style="width: 64px; height: 23px"
+          onclick="clickColor()"
+          onchange="colorPickerChanged()"
+          aria-labelledby="useColor"
+        />
+      </hbox>
+    </dialog>
+  </html:body>
+</html>