blob: 64fe13ff779c63b9c2f5e4ea4d438898d728f7c5 (
plain)
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
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
|
<?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 type="text/css" href="chrome://messenger/skin/messenger.css"?>
<?xml-stylesheet type="text/css" href="chrome://calendar/skin/shared/calendar-alarms.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/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/colors.css"?>
<?xml-stylesheet type="text/css" href="chrome://messenger/skin/themeableDialog.css"?>
<!DOCTYPE window SYSTEM "chrome://calendar/locale/dialogs/calendar-event-dialog-reminder.dtd">
<window
id="calendar-event-dialog-reminder"
title="&reminderdialog.title;"
windowtype="Calendar:EventDialog:Reminder"
onload="onLoad()"
persist="screenX screenY width height"
lightweightthemes="true"
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
xmlns:html="http://www.w3.org/1999/xhtml"
>
<dialog>
<linkset>
<html:link rel="localization" href="calendar/calendar-event-dialog-reminder.ftl" />
</linkset>
<!-- Javascript includes -->
<script src="chrome://calendar/content/calendar-event-dialog-reminder.js" />
<script src="chrome://calendar/content/calendar-ui-utils.js" />
<script src="chrome://calendar/content/widgets/calendar-minimonth.js" />
<script src="chrome://calendar/content/widgets/datetimepickers.js" />
<script src="chrome://messenger/content/dialogShadowDom.js" />
<vbox id="reminder-notifications" class="notification-inline">
<!-- notificationbox will be added here lazily. -->
</vbox>
<!-- Listbox with custom reminders -->
<vbox flex="1">
<richlistbox
id="reminder-listbox"
seltype="single"
class="event-dialog-listbox"
onselect="onReminderSelected()"
flex="1"
/>
<hbox id="reminder-action-buttons-box" pack="end">
<button
id="reminder-new-button"
label="&reminder.add.label;"
accesskey="&reminder.add.accesskey;"
oncommand="onNewReminder()"
/>
<button
id="reminder-remove-button"
label="&reminder.remove.label;"
accesskey="&reminder.remove.accesskey;"
oncommand="onRemoveReminder()"
/>
</hbox>
</vbox>
<hbox id="reminder-details-caption" class="calendar-caption" align="center">
<label value="&reminder.reminderDetails.label;" class="header" />
<separator class="groove" flex="1" />
</hbox>
<radiogroup
id="reminder-relation-radiogroup"
onselect="setupRadioEnabledState(); updateReminder(event)"
>
<hbox id="reminder-relative-box" align="start" flex="1">
<radio
id="reminder-relative-radio"
value="relative"
aria-labelledby="reminder-length reminder-unit reminder-relation-origin"
/>
<vbox id="reminder-relative-box" flex="1">
<hbox id="reminder-relative-length-unit-relation" align="center" flex="1">
<html:input
id="reminder-length"
class="input-inline"
type="number"
min="0"
oninput="updateReminder(event)"
/>
<menulist id="reminder-unit" oncommand="updateReminder(event)" flex="1">
<menupopup id="reminder-unit-menupopup">
<menuitem
id="reminder-minutes-menuitem"
label="&alarm.units.minutes;"
value="minutes"
/>
<menuitem id="reminder-hours-menuitem" label="&alarm.units.hours;" value="hours" />
<menuitem id="reminder-days-menuitem" label="&alarm.units.days;" value="days" />
</menupopup>
</menulist>
</hbox>
<menulist id="reminder-relation-origin" oncommand="updateReminder(event)">
<menupopup id="reminder-relation-origin-menupopup">
<!-- The labels here will be set in calendar-event-dialog-reminder.js -->
<menuitem id="reminder-before-start-menuitem" value="before-START" />
<menuitem id="reminder-after-start-menuitem" value="after-START" />
<menuitem id="reminder-before-end-menuitem" value="before-END" />
<menuitem id="reminder-after-end-menuitem" value="after-END" />
</menupopup>
</menulist>
</vbox>
</hbox>
<hbox id="reminder-absolute-box" flex="1">
<radio id="reminder-absolute-radio" control="reminder-absolute-date" value="absolute" />
<datetimepicker id="reminder-absolute-date" />
</hbox>
</radiogroup>
<hbox id="reminder-actions-caption" class="calendar-caption" align="center">
<label value="&reminder.action.label;" control="reminder-actions-menulist" class="header" />
<separator class="groove" flex="1" />
</hbox>
<menulist
id="reminder-actions-menulist"
oncommand="updateReminder(event)"
class="reminder-list-icon"
>
<!-- Make sure the id is formatted "reminder-action-<VALUE>", for accessibility -->
<!-- TODO provider specific -->
<menupopup id="reminder-actions-menupopup">
<menuitem
id="reminder-action-DISPLAY"
class="reminder-list-icon menuitem-iconic"
value="DISPLAY"
label="&reminder.action.alert.label;"
/>
<menuitem
id="reminder-action-EMAIL"
class="reminder-list-icon menuitem-iconic"
value="EMAIL"
label="&reminder.action.email.label;"
/>
</menupopup>
</menulist>
</dialog>
</window>
|
