editCategory.xhtml

Enable keyboard shortcuts

<?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/. -->

<!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="stylesheet" href="chrome://global/skin/global.css" />

    <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>