summaryrefslogtreecommitdiffstats
path: root/comm/calendar/base/content/dialogs/calendar-event-dialog-recurrence.xhtml
diff options
context:
space:
mode:
Diffstat (limited to 'comm/calendar/base/content/dialogs/calendar-event-dialog-recurrence.xhtml')
-rw-r--r--comm/calendar/base/content/dialogs/calendar-event-dialog-recurrence.xhtml1077
1 files changed, 1077 insertions, 0 deletions
diff --git a/comm/calendar/base/content/dialogs/calendar-event-dialog-recurrence.xhtml b/comm/calendar/base/content/dialogs/calendar-event-dialog-recurrence.xhtml
new file mode 100644
index 0000000000..f762a3b3ef
--- /dev/null
+++ b/comm/calendar/base/content/dialogs/calendar-event-dialog-recurrence.xhtml
@@ -0,0 +1,1077 @@
+<?xml version="1.0"?>
+<!-- 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://messenger/skin/colors.css" type="text/css"?>
+<?xml-stylesheet type="text/css" href="chrome://messenger/skin/messenger.css"?>
+<?xml-stylesheet type="text/css" href="chrome://calendar/skin/calendar-daypicker.css"?>
+<?xml-stylesheet type="text/css" href="chrome://calendar/skin/shared/widgets/minimonth.css"?>
+<?xml-stylesheet type="text/css" href="chrome://calendar/skin/calendar-event-dialog.css"?>
+<?xml-stylesheet type="text/css" href="chrome://calendar/skin/shared/dialogs/calendar-event-dialog.css"?>
+<?xml-stylesheet type="text/css" href="chrome://calendar/skin/shared/datetimepickers.css"?>
+<?xml-stylesheet type="text/css" href="chrome://messenger/skin/contextMenu.css"?>
+<?xml-stylesheet type="text/css" href="chrome://messenger/skin/input-fields.css"?>
+<?xml-stylesheet type="text/css" href="chrome://messenger/skin/themeableDialog.css"?>
+
+<!DOCTYPE html [ <!ENTITY % dialogDTD SYSTEM "chrome://calendar/locale/calendar-event-dialog.dtd">
+%dialogDTD; ]>
+<html
+ id="calendar-event-dialog-recurrence"
+ 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"
+ windowtype="Calendar:EventDialog:Recurrence"
+ persist="screenX screenY width height"
+ lightweightthemes="true"
+ scrolling="false"
+>
+ <head>
+ <title>&recurrence.title.label;</title>
+ <link rel="localization" href="calendar/calendar-recurrence-dialog.ftl" />
+ <script defer="defer" src="chrome://messenger/content/dialogShadowDom.js"></script>
+ <script defer="defer" src="chrome://calendar/content/calendar-dialog-utils.js"></script>
+ <script defer="defer" src="chrome://calendar/content/calendar-ui-utils.js"></script>
+ <script defer="defer" src="chrome://calendar/content/calendar-statusbar.js"></script>
+ <script defer="defer" src="chrome://calendar/content/widgets/calendar-minimonth.js"></script>
+ <script defer="defer" src="chrome://calendar/content/widgets/datetimepickers.js"></script>
+ <script
+ defer="defer"
+ src="chrome://calendar/content/calendar-event-dialog-recurrence.js"
+ ></script>
+ </head>
+ <html:body xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+ <dialog>
+ <!-- recurrence pattern -->
+ <html:fieldset id="recurrence-pattern-groupbox">
+ <html:legend id="recurrence-pattern-caption">&event.recurrence.pattern.label;</html:legend>
+ <hbox flex="1" id="recurrence-pattern-hbox">
+ <vbox>
+ <label
+ value="&event.recurrence.occurs.label;"
+ class="recurrence-pattern-hbox-label"
+ disable-on-readonly="true"
+ disable-on-occurrence="true"
+ control="period-list"
+ />
+ </vbox>
+ <vbox flex="1">
+ <menulist
+ id="period-list"
+ oncommand="updateRecurrenceBox();"
+ disable-on-readonly="true"
+ disable-on-occurrence="true"
+ >
+ <menupopup id="period-list-menupopup">
+ <menuitem
+ id="period-list-day-menuitem"
+ label="&event.recurrence.day.label;"
+ value="0"
+ />
+ <menuitem
+ id="period-list-week-menuitem"
+ label="&event.recurrence.week.label;"
+ value="1"
+ />
+ <menuitem
+ id="period-list-month-menuitem"
+ label="&event.recurrence.month.label;"
+ value="2"
+ />
+ <menuitem
+ id="period-list-year-menuitem"
+ label="&event.recurrence.year.label;"
+ value="3"
+ />
+ </menupopup>
+ </menulist>
+ <html:input id="week-start" type="hidden" value="1" />
+ <hbox id="period-box" oncommand="updateRecurrenceControls();">
+ <!-- Daily -->
+ <box id="period-box-daily-box" orient="vertical" align="start">
+ <radiogroup id="daily-group">
+ <box id="daily-period-every-box" orient="horizontal" align="center">
+ <radio
+ id="daily-group-every-radio"
+ label="&event.recurrence.pattern.every.label;"
+ disable-on-readonly="true"
+ disable-on-occurrence="true"
+ selected="true"
+ />
+ <html:input
+ id="daily-days"
+ type="number"
+ class="size3 input-inline"
+ min="1"
+ max="32767"
+ value="1"
+ oninput="updateRecurrenceControls();"
+ disable-on-readonly="true"
+ disable-on-occurrence="true"
+ />
+ <label
+ id="daily-group-every-units-label"
+ value="&repeat.units.days.both;"
+ disable-on-readonly="true"
+ disable-on-occurrence="true"
+ />
+ <spacer id="daily-group-spacer" flex="1" />
+ </box>
+ <radio
+ id="daily-group-weekday-radio"
+ label="&event.recurrence.pattern.every.weekday.label;"
+ disable-on-readonly="true"
+ disable-on-occurrence="true"
+ />
+ </radiogroup>
+ </box>
+ <!-- Weekly -->
+ <vbox id="period-box-weekly-box" hidden="true">
+ <hbox id="weekly-period-every-box" align="center">
+ <label
+ id="weekly-period-every-label"
+ value="&event.recurrence.pattern.weekly.every.label;"
+ disable-on-readonly="true"
+ disable-on-occurrence="true"
+ control="weekly-weeks"
+ />
+ <html:input
+ id="weekly-weeks"
+ type="number"
+ class="size3 input-inline"
+ min="1"
+ max="32767"
+ value="1"
+ oninput="updateRecurrenceControls();"
+ disable-on-readonly="true"
+ disable-on-occurrence="true"
+ />
+ <label
+ id="weekly-period-units-label"
+ value="&repeat.units.weeks.both;"
+ disable-on-readonly="true"
+ disable-on-occurrence="true"
+ />
+ </hbox>
+ <separator class="thin" />
+ <hbox align="center">
+ <label
+ id="weekly-period-on-label"
+ value="&event.recurrence.on.label;"
+ disable-on-readonly="true"
+ disable-on-occurrence="true"
+ control="daypicker-weekday"
+ />
+ <hbox
+ id="daypicker-weekday"
+ flex="1"
+ disable-on-readonly="true"
+ disable-on-occurrence="true"
+ >
+ <button
+ class="calendar-daypicker"
+ type="checkbox"
+ autoCheck="true"
+ disable-on-readonly="true"
+ disable-on-occurrence="true"
+ mode="daypicker-weekday"
+ />
+ <button
+ class="calendar-daypicker"
+ type="checkbox"
+ autoCheck="true"
+ disable-on-readonly="true"
+ disable-on-occurrence="true"
+ mode="daypicker-weekday"
+ />
+ <button
+ class="calendar-daypicker"
+ type="checkbox"
+ autoCheck="true"
+ disable-on-readonly="true"
+ disable-on-occurrence="true"
+ mode="daypicker-weekday"
+ />
+ <button
+ class="calendar-daypicker"
+ type="checkbox"
+ autoCheck="true"
+ disable-on-readonly="true"
+ disable-on-occurrence="true"
+ mode="daypicker-weekday"
+ />
+ <button
+ class="calendar-daypicker"
+ type="checkbox"
+ autoCheck="true"
+ disable-on-readonly="true"
+ disable-on-occurrence="true"
+ mode="daypicker-weekday"
+ />
+ <button
+ class="calendar-daypicker"
+ type="checkbox"
+ autoCheck="true"
+ disable-on-readonly="true"
+ disable-on-occurrence="true"
+ mode="daypicker-weekday"
+ />
+ <button
+ class="calendar-daypicker"
+ type="checkbox"
+ autoCheck="true"
+ disable-on-readonly="true"
+ disable-on-occurrence="true"
+ mode="daypicker-weekday"
+ />
+ </hbox>
+ </hbox>
+ </vbox>
+
+ <!-- Monthly -->
+ <vbox id="period-box-monthly-box" hidden="true">
+ <hbox id="montly-period-every-box" align="center">
+ <label
+ id="monthly-period-every-label"
+ value="&event.recurrence.pattern.monthly.every.label;"
+ disable-on-readonly="true"
+ disable-on-occurrence="true"
+ control="monthly-interval"
+ />
+ <html:input
+ id="monthly-interval"
+ type="number"
+ class="size3 input-inline"
+ min="1"
+ max="32767"
+ value="1"
+ oninput="updateRecurrenceControls();"
+ disable-on-readonly="true"
+ disable-on-occurrence="true"
+ />
+ <label
+ id="monthly-period-units-label"
+ value="&repeat.units.months.both;"
+ disable-on-readonly="true"
+ disable-on-occurrence="true"
+ />
+ </hbox>
+ <radiogroup id="monthly-group">
+ <box id="monthly-period-relative-date-box" orient="horizontal" align="center">
+ <radio
+ id="montly-period-relative-date-radio"
+ selected="true"
+ disable-on-readonly="true"
+ disable-on-occurrence="true"
+ />
+ <menulist
+ id="monthly-ordinal"
+ disable-on-readonly="true"
+ disable-on-occurrence="true"
+ >
+ <menupopup id="montly-ordinal-menupopup">
+ <menuitem
+ id="monthly-ordinal-every-label"
+ label="&event.recurrence.monthly.every.label;"
+ value="0"
+ />
+ <menuitem
+ id="monthly-ordinal-first-label"
+ label="&event.recurrence.monthly.first.label;"
+ value="1"
+ />
+ <menuitem
+ id="monthly-ordinal-second-label"
+ label="&event.recurrence.monthly.second.label;"
+ value="2"
+ />
+ <menuitem
+ id="monthly-ordinal-third-label"
+ label="&event.recurrence.monthly.third.label;"
+ value="3"
+ />
+ <menuitem
+ id="monthly-ordinal-fourth-label"
+ label="&event.recurrence.monthly.fourth.label;"
+ value="4"
+ />
+ <menuitem
+ id="monthly-ordinal-fifth-label"
+ label="&event.recurrence.monthly.fifth.label;"
+ value="5"
+ />
+ <menuitem
+ id="monthly-ordinal-last-label"
+ label="&event.recurrence.monthly.last.label;"
+ value="-1"
+ />
+ </menupopup>
+ </menulist>
+ <menulist
+ id="monthly-weekday"
+ disable-on-readonly="true"
+ disable-on-occurrence="true"
+ >
+ <menupopup id="monthly-weekday-menupopup">
+ <menuitem
+ id="monthly-weekday-1"
+ label="&event.recurrence.pattern.monthly.week.1.label;"
+ value="1"
+ />
+ <menuitem
+ id="monthly-weekday-2"
+ label="&event.recurrence.pattern.monthly.week.2.label;"
+ value="2"
+ />
+ <menuitem
+ id="monthly-weekday-3"
+ label="&event.recurrence.pattern.monthly.week.3.label;"
+ value="3"
+ />
+ <menuitem
+ id="monthly-weekday-4"
+ label="&event.recurrence.pattern.monthly.week.4.label;"
+ value="4"
+ />
+ <menuitem
+ id="monthly-weekday-5"
+ label="&event.recurrence.pattern.monthly.week.5.label;"
+ value="5"
+ />
+ <menuitem
+ id="monthly-weekday-6"
+ label="&event.recurrence.pattern.monthly.week.6.label;"
+ value="6"
+ />
+ <menuitem
+ id="monthly-weekday-7"
+ label="&event.recurrence.pattern.monthly.week.7.label;"
+ value="7"
+ />
+ <menuitem
+ id="monthly-weekday-dayofmonth"
+ label="&event.recurrence.repeat.dayofmonth.label;"
+ value="-1"
+ />
+ </menupopup>
+ </menulist>
+ </box>
+ <separator class="thin" />
+ <box id="monthly-period-specific-date-box" orient="horizontal" align="center">
+ <radio
+ id="montly-period-specific-date-radio"
+ label="&event.recurrence.repeat.recur.label;"
+ disable-on-readonly="true"
+ disable-on-occurrence="true"
+ />
+ <hbox id="monthly-days" class="daypicker-monthday">
+ <vbox class="daypicker-monthday-mainbox" flex="1">
+ <hbox class="daypicker-row" flex="1">
+ <button
+ class="calendar-daypicker"
+ type="checkbox"
+ autoCheck="true"
+ disable-on-readonly="true"
+ disable-on-occurrence="true"
+ label="1"
+ mode="monthly-days"
+ />
+ <button
+ class="calendar-daypicker"
+ type="checkbox"
+ autoCheck="true"
+ disable-on-readonly="true"
+ disable-on-occurrence="true"
+ label="2"
+ mode="monthly-days"
+ />
+ <button
+ class="calendar-daypicker"
+ type="checkbox"
+ autoCheck="true"
+ disable-on-readonly="true"
+ disable-on-occurrence="true"
+ label="3"
+ mode="monthly-days"
+ />
+ <button
+ class="calendar-daypicker"
+ type="checkbox"
+ autoCheck="true"
+ disable-on-readonly="true"
+ disable-on-occurrence="true"
+ label="4"
+ mode="monthly-days"
+ />
+ <button
+ class="calendar-daypicker"
+ type="checkbox"
+ autoCheck="true"
+ disable-on-readonly="true"
+ disable-on-occurrence="true"
+ label="5"
+ mode="monthly-days"
+ />
+ <button
+ class="calendar-daypicker"
+ type="checkbox"
+ autoCheck="true"
+ disable-on-readonly="true"
+ disable-on-occurrence="true"
+ label="6"
+ mode="monthly-days"
+ />
+ <button
+ class="calendar-daypicker"
+ type="checkbox"
+ autoCheck="true"
+ disable-on-readonly="true"
+ disable-on-occurrence="true"
+ label="7"
+ mode="monthly-days"
+ />
+ </hbox>
+ <hbox class="daypicker-row" flex="1">
+ <button
+ class="calendar-daypicker"
+ type="checkbox"
+ autoCheck="true"
+ disable-on-readonly="true"
+ disable-on-occurrence="true"
+ label="8"
+ mode="monthly-days"
+ />
+ <button
+ class="calendar-daypicker"
+ type="checkbox"
+ autoCheck="true"
+ disable-on-readonly="true"
+ disable-on-occurrence="true"
+ label="9"
+ mode="monthly-days"
+ />
+ <button
+ class="calendar-daypicker"
+ type="checkbox"
+ autoCheck="true"
+ disable-on-readonly="true"
+ disable-on-occurrence="true"
+ label="10"
+ mode="monthly-days"
+ />
+ <button
+ class="calendar-daypicker"
+ type="checkbox"
+ autoCheck="true"
+ disable-on-readonly="true"
+ disable-on-occurrence="true"
+ label="11"
+ mode="monthly-days"
+ />
+ <button
+ class="calendar-daypicker"
+ type="checkbox"
+ autoCheck="true"
+ disable-on-readonly="true"
+ disable-on-occurrence="true"
+ label="12"
+ mode="monthly-days"
+ />
+ <button
+ class="calendar-daypicker"
+ type="checkbox"
+ autoCheck="true"
+ disable-on-readonly="true"
+ disable-on-occurrence="true"
+ label="13"
+ mode="monthly-days"
+ />
+ <button
+ class="calendar-daypicker"
+ type="checkbox"
+ autoCheck="true"
+ disable-on-readonly="true"
+ disable-on-occurrence="true"
+ label="14"
+ mode="monthly-days"
+ />
+ </hbox>
+ <hbox class="daypicker-row" flex="1">
+ <button
+ class="calendar-daypicker"
+ type="checkbox"
+ autoCheck="true"
+ disable-on-readonly="true"
+ disable-on-occurrence="true"
+ label="15"
+ mode="monthly-days"
+ />
+ <button
+ class="calendar-daypicker"
+ type="checkbox"
+ autoCheck="true"
+ disable-on-readonly="true"
+ disable-on-occurrence="true"
+ label="16"
+ mode="monthly-days"
+ />
+ <button
+ class="calendar-daypicker"
+ type="checkbox"
+ autoCheck="true"
+ disable-on-readonly="true"
+ disable-on-occurrence="true"
+ label="17"
+ mode="monthly-days"
+ />
+ <button
+ class="calendar-daypicker"
+ type="checkbox"
+ autoCheck="true"
+ disable-on-readonly="true"
+ disable-on-occurrence="true"
+ label="18"
+ mode="monthly-days"
+ />
+ <button
+ class="calendar-daypicker"
+ type="checkbox"
+ autoCheck="true"
+ disable-on-readonly="true"
+ disable-on-occurrence="true"
+ label="19"
+ mode="monthly-days"
+ />
+ <button
+ class="calendar-daypicker"
+ type="checkbox"
+ autoCheck="true"
+ disable-on-readonly="true"
+ disable-on-occurrence="true"
+ label="20"
+ mode="monthly-days"
+ />
+ <button
+ class="calendar-daypicker"
+ type="checkbox"
+ autoCheck="true"
+ disable-on-readonly="true"
+ disable-on-occurrence="true"
+ label="21"
+ mode="monthly-days"
+ />
+ </hbox>
+ <hbox class="daypicker-row" flex="1">
+ <button
+ class="calendar-daypicker"
+ type="checkbox"
+ autoCheck="true"
+ disable-on-readonly="true"
+ disable-on-occurrence="true"
+ label="22"
+ mode="monthly-days"
+ />
+ <button
+ class="calendar-daypicker"
+ type="checkbox"
+ autoCheck="true"
+ disable-on-readonly="true"
+ disable-on-occurrence="true"
+ label="23"
+ mode="monthly-days"
+ />
+ <button
+ class="calendar-daypicker"
+ type="checkbox"
+ autoCheck="true"
+ disable-on-readonly="true"
+ disable-on-occurrence="true"
+ label="24"
+ mode="monthly-days"
+ />
+ <button
+ class="calendar-daypicker"
+ type="checkbox"
+ autoCheck="true"
+ disable-on-readonly="true"
+ disable-on-occurrence="true"
+ label="25"
+ mode="monthly-days"
+ />
+ <button
+ class="calendar-daypicker"
+ type="checkbox"
+ autoCheck="true"
+ disable-on-readonly="true"
+ disable-on-occurrence="true"
+ label="26"
+ mode="monthly-days"
+ />
+ <button
+ class="calendar-daypicker"
+ type="checkbox"
+ autoCheck="true"
+ disable-on-readonly="true"
+ disable-on-occurrence="true"
+ label="27"
+ mode="monthly-days"
+ />
+ <button
+ class="calendar-daypicker"
+ type="checkbox"
+ autoCheck="true"
+ disable-on-readonly="true"
+ disable-on-occurrence="true"
+ label="28"
+ mode="monthly-days"
+ />
+ </hbox>
+ <hbox class="daypicker-row" flex="1">
+ <button
+ class="calendar-daypicker"
+ type="checkbox"
+ autoCheck="true"
+ disable-on-readonly="true"
+ disable-on-occurrence="true"
+ label="29"
+ mode="monthly-days"
+ />
+ <button
+ class="calendar-daypicker"
+ type="checkbox"
+ autoCheck="true"
+ disable-on-readonly="true"
+ disable-on-occurrence="true"
+ label="30"
+ mode="monthly-days"
+ />
+ <button
+ class="calendar-daypicker"
+ type="checkbox"
+ autoCheck="true"
+ disable-on-readonly="true"
+ disable-on-occurrence="true"
+ label="31"
+ mode="monthly-days"
+ />
+ <button
+ class="calendar-daypicker"
+ type="checkbox"
+ autoCheck="true"
+ disable-on-readonly="true"
+ disable-on-occurrence="true"
+ label=""
+ mode="monthly-days"
+ />
+ </hbox>
+ </vbox>
+ </hbox>
+ </box>
+ </radiogroup>
+ </vbox>
+
+ <!-- Yearly -->
+ <box id="period-box-yearly-box" orient="vertical" align="start" hidden="true">
+ <hbox id="yearly-period-every-box" align="center">
+ <label
+ id="yearly-period-every-label"
+ value="&event.recurrence.every.label;"
+ control="yearly-interval"
+ />
+ <html:input
+ id="yearly-interval"
+ type="number"
+ class="size3 input-inline"
+ min="1"
+ max="32767"
+ value="1"
+ oninput="updateRecurrenceControls();"
+ disable-on-readonly="true"
+ disable-on-occurrence="true"
+ />
+ <label id="yearly-period-units-label" value="&repeat.units.years.both;" />
+ </hbox>
+ <radiogroup id="yearly-group">
+ <vbox>
+ <hbox>
+ <radio
+ id="yearly-period-absolute-radio"
+ label="&event.recurrence.pattern.yearly.every.month.label;"
+ selected="true"
+ disable-on-readonly="true"
+ disable-on-occurrence="true"
+ />
+ <box id="yearly-period-absolute-controls" orient="horizontal" align="center">
+ <html:input
+ id="yearly-days"
+ type="number"
+ class="size3 input-inline"
+ min="1"
+ value="1"
+ oninput="checkYearlyAbsoluteDate();"
+ disable-on-readonly="true"
+ disable-on-occurrence="true"
+ />
+ <label
+ id="yearly-period-of-month-label"
+ value="&event.recurrence.pattern.yearly.of.label;"
+ control="yearly-month-ordinal"
+ />
+ <menulist
+ id="yearly-month-ordinal"
+ onselect="checkYearlyAbsoluteDate()"
+ disable-on-readonly="true"
+ disable-on-occurrence="true"
+ >
+ <menupopup id="yearly-month-ordinal-menupopup">
+ <menuitem
+ id="yearly-month-ordinal-1"
+ label="&event.recurrence.pattern.yearly.month.1.label;"
+ value="1"
+ />
+ <menuitem
+ id="yearly-month-ordinal-2"
+ label="&event.recurrence.pattern.yearly.month.2.label;"
+ value="2"
+ />
+ <menuitem
+ id="yearly-month-ordinal-3"
+ label="&event.recurrence.pattern.yearly.month.3.label;"
+ value="3"
+ />
+ <menuitem
+ id="yearly-month-ordinal-4"
+ label="&event.recurrence.pattern.yearly.month.4.label;"
+ value="4"
+ />
+ <menuitem
+ id="yearly-month-ordinal-5"
+ label="&event.recurrence.pattern.yearly.month.5.label;"
+ value="5"
+ />
+ <menuitem
+ id="yearly-month-ordinal-6"
+ label="&event.recurrence.pattern.yearly.month.6.label;"
+ value="6"
+ />
+ <menuitem
+ id="yearly-month-ordinal-7"
+ label="&event.recurrence.pattern.yearly.month.7.label;"
+ value="7"
+ />
+ <menuitem
+ id="yearly-month-ordinal-8"
+ label="&event.recurrence.pattern.yearly.month.8.label;"
+ value="8"
+ />
+ <menuitem
+ id="yearly-month-ordinal-9"
+ label="&event.recurrence.pattern.yearly.month.9.label;"
+ value="9"
+ />
+ <menuitem
+ id="yearly-month-ordinal-10"
+ label="&event.recurrence.pattern.yearly.month.10.label;"
+ value="10"
+ />
+ <menuitem
+ id="yearly-month-ordinal-11"
+ label="&event.recurrence.pattern.yearly.month.11.label;"
+ value="11"
+ />
+ <menuitem
+ id="yearly-month-ordinal-12"
+ label="&event.recurrence.pattern.yearly.month.12.label;"
+ value="12"
+ />
+ </menupopup>
+ </menulist>
+ </box>
+ </hbox>
+ <hbox>
+ <vbox>
+ <hbox>
+ <radio
+ id="yearly-period-relative-radio"
+ disable-on-readonly="true"
+ disable-on-occurrence="true"
+ />
+ <box
+ id="yearly-period-relative-controls"
+ orient="horizontal"
+ align="center"
+ >
+ <menulist
+ id="yearly-ordinal"
+ disable-on-readonly="true"
+ disable-on-occurrence="true"
+ >
+ <menupopup id="yearly-ordinal-menupopup">
+ <menuitem
+ id="yearly-ordinal-every"
+ label="&event.recurrence.yearly.every.label;"
+ value="0"
+ />
+ <menuitem
+ id="yearly-ordinal-first"
+ label="&event.recurrence.yearly.first.label;"
+ value="1"
+ />
+ <menuitem
+ id="yearly-ordinal-second"
+ label="&event.recurrence.yearly.second.label;"
+ value="2"
+ />
+ <menuitem
+ id="yearly-ordinal-third"
+ label="&event.recurrence.yearly.third.label;"
+ value="3"
+ />
+ <menuitem
+ id="yearly-ordinal-fourth"
+ label="&event.recurrence.yearly.fourth.label;"
+ value="4"
+ />
+ <menuitem
+ id="yearly-ordinal-fifth"
+ label="&event.recurrence.yearly.fifth.label;"
+ value="5"
+ />
+ <menuitem
+ id="yearly-ordinal-last"
+ label="&event.recurrence.yearly.last.label;"
+ value="-1"
+ />
+ </menupopup>
+ </menulist>
+ <menulist
+ id="yearly-weekday"
+ disable-on-readonly="true"
+ disable-on-occurrence="true"
+ >
+ <menupopup id="yearly-weekday-menupopup">
+ <menuitem
+ id="yearly-weekday-1"
+ label="&event.recurrence.pattern.yearly.week.1.label;"
+ value="1"
+ />
+ <menuitem
+ id="yearly-weekday-2"
+ label="&event.recurrence.pattern.yearly.week.2.label;"
+ value="2"
+ />
+ <menuitem
+ id="yearly-weekday-3"
+ label="&event.recurrence.pattern.yearly.week.3.label;"
+ value="3"
+ />
+ <menuitem
+ id="yearly-weekday-4"
+ label="&event.recurrence.pattern.yearly.week.4.label;"
+ value="4"
+ />
+ <menuitem
+ id="yearly-weekday-5"
+ label="&event.recurrence.pattern.yearly.week.5.label;"
+ value="5"
+ />
+ <menuitem
+ id="yearly-weekday-6"
+ label="&event.recurrence.pattern.yearly.week.6.label;"
+ value="6"
+ />
+ <menuitem
+ id="yearly-weekday-7"
+ label="&event.recurrence.pattern.yearly.week.7.label;"
+ value="7"
+ />
+ <menuitem
+ id="yearly-weekday--1"
+ label="&event.recurrence.pattern.yearly.day.label;"
+ value="-1"
+ />
+ </menupopup>
+ </menulist>
+ </box>
+ </hbox>
+ <hbox>
+ <label
+ id="yearly-period-of-label"
+ class="recurrence-pattern-hbox-label"
+ value="&event.recurrence.of.label;"
+ control="yearly-month-rule"
+ />
+ <menulist
+ id="yearly-month-rule"
+ disable-on-readonly="true"
+ disable-on-occurrence="true"
+ >
+ <menupopup id="yearly-month-rule-menupopup">
+ <menuitem
+ id="yearly-month-rule-1"
+ label="&event.recurrence.pattern.yearly.month2.1.label;"
+ value="1"
+ />
+ <menuitem
+ id="yearly-month-rule-2"
+ label="&event.recurrence.pattern.yearly.month2.2.label;"
+ value="2"
+ />
+ <menuitem
+ id="yearly-month-rule-3"
+ label="&event.recurrence.pattern.yearly.month2.3.label;"
+ value="3"
+ />
+ <menuitem
+ id="yearly-month-rule-4"
+ label="&event.recurrence.pattern.yearly.month2.4.label;"
+ value="4"
+ />
+ <menuitem
+ id="yearly-month-rule-5"
+ label="&event.recurrence.pattern.yearly.month2.5.label;"
+ value="5"
+ />
+ <menuitem
+ id="yearly-month-rule-6"
+ label="&event.recurrence.pattern.yearly.month2.6.label;"
+ value="6"
+ />
+ <menuitem
+ id="yearly-month-rule-7"
+ label="&event.recurrence.pattern.yearly.month2.7.label;"
+ value="7"
+ />
+ <menuitem
+ id="yearly-month-rule-8"
+ label="&event.recurrence.pattern.yearly.month2.8.label;"
+ value="8"
+ />
+ <menuitem
+ id="yearly-month-rule-9"
+ label="&event.recurrence.pattern.yearly.month2.9.label;"
+ value="9"
+ />
+ <menuitem
+ id="yearly-month-rule-10"
+ label="&event.recurrence.pattern.yearly.month2.10.label;"
+ value="10"
+ />
+ <menuitem
+ id="yearly-month-rule-11"
+ label="&event.recurrence.pattern.yearly.month2.11.label;"
+ value="11"
+ />
+ <menuitem
+ id="yearly-month-rule-12"
+ label="&event.recurrence.pattern.yearly.month2.12.label;"
+ value="12"
+ />
+ </menupopup>
+ </menulist>
+ </hbox>
+ </vbox>
+ </hbox>
+ </vbox>
+ </radiogroup>
+ </box>
+ </hbox>
+ </vbox>
+ </hbox>
+ </html:fieldset>
+
+ <!-- range of recurrence -->
+ <html:fieldset id="recurrence-range-groupbox">
+ <html:legend id="recurrence-range-caption">&event.recurrence.range.label;</html:legend>
+ <vbox>
+ <radiogroup id="recurrence-duration" oncommand="updateRecurrenceControls()">
+ <radio
+ id="recurrence-range-forever"
+ label="&event.recurrence.forever.label;"
+ value="forever"
+ selected="true"
+ disable-on-readonly="true"
+ disable-on-occurrence="true"
+ />
+ <box id="recurrence-range-count-box" orient="horizontal" align="center">
+ <radio
+ id="recurrence-range-for"
+ label="&event.recurrence.repeat.for.label;"
+ value="ntimes"
+ disable-on-readonly="true"
+ disable-on-occurrence="true"
+ />
+ <html:input
+ id="repeat-ntimes-count"
+ type="number"
+ class="size3 input-inline"
+ min="1"
+ max="32767"
+ value="5"
+ oninput="updateRecurrenceControls();"
+ disable-on-readonly="true"
+ disable-on-occurrence="true"
+ />
+ <label
+ id="repeat-appointments-label"
+ value="&event.recurrence.appointments.label;"
+ disable-on-readonly="true"
+ disable-on-occurrence="true"
+ />
+ </box>
+ <box id="recurrence-range-until-box" orient="horizontal" align="center">
+ <radio
+ id="recurrence-range-until"
+ label="&event.repeat.until.label;"
+ value="until"
+ disable-on-readonly="true"
+ disable-on-occurrence="true"
+ control="repeat-until-date"
+ />
+ <datepicker
+ id="repeat-until-date"
+ onchange="checkUntilDate();"
+ disable-on-readonly="true"
+ disable-on-occurrence="true"
+ />
+ </box>
+ </radiogroup>
+ </vbox>
+ </html:fieldset>
+
+ <!-- preview -->
+ <html:fieldset id="recurrencePreviewContainer">
+ <html:legend
+ id="recurrencePreviewLabel"
+ data-l10n-id="calendar-recurrence-preview-label"
+ ></html:legend>
+ <html:div id="recurrencePreviewNavigation">
+ <html:button
+ id="recurrencePrevious"
+ data-l10n-id="calendar-recurrence-previous"
+ ></html:button>
+ <html:button id="recurrenceToday" data-l10n-id="calendar-recurrence-today"></html:button>
+ <html:button id="recurrenceNext" data-l10n-id="calendar-recurrence-next"></html:button>
+ </html:div>
+ <html:div id="recurrencePreviewCalendars">
+ <html:div id="recurrencePreview">
+ <calendar-minimonth
+ readonly="true"
+ hidden="false"
+ active-month="true"
+ initial-month="true"
+ />
+ <calendar-minimonth readonly="true" hidden="false" />
+ <calendar-minimonth readonly="true" hidden="false" />
+ <calendar-minimonth readonly="true" hidden="true" />
+ <calendar-minimonth readonly="true" hidden="true" />
+ <calendar-minimonth readonly="true" hidden="true" />
+ <calendar-minimonth readonly="true" hidden="true" />
+ <calendar-minimonth readonly="true" hidden="true" />
+ <calendar-minimonth readonly="true" hidden="true" />
+ </html:div>
+ </html:div>
+ </html:fieldset>
+ </dialog>
+ </html:body>
+</html>