Mercurial > hg > rc1

comparison plugins/calendar/skins/classic/templates/calendar.html @ 3:f6fe4b6ae66a

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
calendar plugin nearly as distributed
author Charlie Root
date Sat, 13 Jan 2018 08:56:12 -0500
parents
children
comparison
equal deleted inserted replaced
2:c828b0fd4a6e 3:f6fe4b6ae66a
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2 <html xmlns="http://www.w3.org/1999/xhtml">
3 <head>
4 <title><roundcube:object name="pagetitle" /></title>
5 <roundcube:include file="/includes/links.html" />
6 <script type="text/javascript" src="/functions.js"></script>
7 <!--[if lte IE 7]><link rel="stylesheet" type="text/css" href="plugins/calendar/skins/classic/iehacks.css" /><![endif]-->
8 </head>
9 <roundcube:if condition="env:extwin" /><body class="calendarmain extwin"><roundcube:else /><body class="calendarmain"><roundcube:endif />
10
11 <roundcube:include file="/includes/taskbar.html" />
12 <roundcube:include file="/includes/header.html" />
13
14 <div id="main">
15 <div id="calendarsidebar">
16 <div id="calendartoolbar">
17 <roundcube:button command="addevent" type="link" class="buttonPas addevent" classAct="button addevent" classSel="button addeventSel" title="calendar.new_event" content=" " />
18 <roundcube:button command="print" type="link" class="buttonPas print" classAct="button print" classSel="button printSel" title="calendar.print" content=" " />
19 <roundcube:button command="events-import" type="link" class="buttonPas import" classAct="button import" classSel="button importSel" title="calendar.importevents" content=" " />
20 <roundcube:button command="export" type="link" class="buttonPas export" classAct="button export" classSel="button exportSel" title="calendar.export" content=" " />
21 <roundcube:container name="toolbar" id="calendartoolbar" />
22 </div>
23
24 <div id="datepicker"></div>
25 <div id="calendars" style="visibility:hidden">
26 <div class="boxtitle"><roundcube:label name="calendar.calendars" /></div>
27 <div class="listsearchbox">
28 <div class="searchbox">
29 <input type="text" name="q" id="calendarlistsearch" placeholder="<roundcube:label name='calendar.findcalendars' />" />
30 <a class="iconbutton searchicon"></a>
31 <roundcube:button command="reset-listsearch" id="calendarlistsearch-reset" class="reset searchreset" title="resetsearch" content="x" />
32 </div>
33 </div>
34 <div class="boxlistcontent">
35 <roundcube:object name="plugin.calendar_list" id="calendarslist" class="treelist" />
36 </div>
37 <div class="boxfooter">
38 <roundcube:button command="calendar-create" type="link" title="calendar.createcalendar" class="buttonPas addgroup" classAct="button addgroup" content=" " />
39 <roundcube:button name="calendaroptionslink" id="calendaroptionslink" type="link" title="moreactions" class="button groupactions" onclick="rcmail_ui.show_popup('calendaroptions');return false" content=" " />
40 </div>
41 </div>
42 </div>
43 <div id="calendarsidebartoggle"></div>
44 <div id="calendar">
45 <roundcube:object name="plugin.angenda_options" class="boxfooter" id="agendaoptions" />
46 </div>
47 </div>
48
49 <div id="calendaroptionsmenu" class="popupmenu">
50 <ul>
51 <li><roundcube:button command="calendar-edit" label="calendar.edit" classAct="active" /></li>
52 <li><roundcube:button command="calendar-delete" label="delete" classAct="active" /></li>
53 <roundcube:if condition="env:calendar_driver == 'kolab'" />
54 <li><roundcube:button command="calendar-remove" label="calendar.removelist" classAct="active" /></li>
55 <roundcube:endif />
56 <li><roundcube:button command="calendar-showurl" label="calendar.showurl" classAct="active" /></li>
57 <roundcube:if condition="env:calendar_driver == 'kolab'" />
58 <li class="separator_above"><roundcube:button command="folders" task="settings" type="link" label="managefolders" classAct="active" /></li>
59 <roundcube:endif />
60 </ul>
61 </div>
62
63 <div id="eventshow" class="uidialog">
64 <h1 id="event-title">Event Title</h1>
65 <div id="event-status-badge"><span></span></div>
66 <div class="event-section" id="event-location">Location</div>
67 <div class="event-section" id="event-date">From-To</div>
68 <div class="event-section" id="event-description">
69 <h5 class="label"><roundcube:label name="calendar.description" /></h5>
70 <div class="event-text"></div>
71 </div>
72 <div class="event-section" id="event-url">
73 <h5 class="label"><roundcube:label name="calendar.url" /></h5>
74 <div class="event-text"></div>
75 </div>
76 <div class="event-section" id="event-repeat">
77 <h5 class="label"><roundcube:label name="calendar.repeat" /></h5>
78 <div class="event-text"></div>
79 </div>
80 <div class="event-section" id="event-alarm">
81 <h5 class="label"><roundcube:label name="calendar.alarms" /></h5>
82 <div class="event-text"></div>
83 </div>
84 <div class="event-section event-attendees" id="event-attendees">
85 <h5 class="label"><roundcube:label name="calendar.tabattendees" /></h5>
86 <div class="event-text"></div>
87 </div>
88 <div class="event-line" id="event-partstat">
89 <label><roundcube:label name="calendar.mystatus" /></label>
90 <a href="#change" class="changersvp" title="<roundcube:label name='calendar.changepartstat' />">
91 <span class="event-text"></span>
92 </a>
93 </div>
94 <div class="event-line" id="event-calendar">
95 <label><roundcube:label name="calendar.calendar" /></label>
96 <span class="event-text">Default</span>
97 </div>
98 <div class="event-line" id="event-category">
99 <label><roundcube:label name="calendar.category" /></label>
100 <span class="event-text"></span>
101 </div>
102 <div class="event-line" id="event-free-busy">
103 <label><roundcube:label name="calendar.freebusy" /></label>
104 <span class="event-text"></span>
105 </div>
106 <div class="event-line" id="event-priority">
107 <label><roundcube:label name="calendar.priority" /></label>
108 <span class="event-text"></span>
109 </div>
110 <div class="event-line" id="event-sensitivity">
111 <label><roundcube:label name="calendar.sensitivity" /></label>
112 <span class="event-text"></span>
113 </div>
114 <div class="event-section" id="event-attachments">
115 <label><roundcube:label name="attachments" /></label>
116 <div class="event-text attachments-list"></div>
117 </div>
118
119 <roundcube:object name="plugin.event_rsvp_buttons" id="event-rsvp" style="display:none" />
120 </div>
121
122 <div id="eventoptionsmenu" class="popupmenu">
123 <ul>
124 <li><roundcube:button command="event-download" label="download" classAct="active" /></li>
125 <li><roundcube:button command="event-sendbymail" label="send" classAct="active" /></li>
126 <li><roundcube:button command="event-copy" label="copy" classAct="active" /></li>
127 </ul>
128 </div>
129
130 <roundcube:include file="/templates/eventedit.html" />
131
132 <div id="eventresourcesdialog" class="uidialog">
133 <div id="resource-dialog-left">
134 <div id="resource-selection" class="">
135 <div id="resourcequicksearch">
136 <roundcube:object name="plugin.resources_searchform" id="resourcesearchbox" />
137 <roundcube:button command="reset-resource-search" id="resourcesearchreset" image="/images/icons/reset.gif" title="resetsearch" width="13" height="13" />
138 </div>
139 <div class="boxlistcontent">
140 <roundcube:object name="plugin.resources_list" id="resources-list" class="treelist" />
141 </div>
142 </div>
143 </div>
144
145 <div id="resource-dialog-right">
146 <div id="resource-info">
147 <h2 class="boxtitle"><roundcube:label name="calendar.resourcedetails" /></h2>
148 <roundcube:object name="plugin.resource_info" id="resource-details" />
149 </div>
150
151 <div id="resource-availability">
152 <h2 class="boxtitle"><roundcube:label name="calendar.resourceavailability" /></h2>
153 <roundcube:object name="plugin.resource_calendar" id="resource-freebusy-calendar" />
154 </div>
155 </div>
156 </div>
157
158 <div id="eventfreebusy" class="uidialog">
159 <roundcube:object name="plugin.attendees_freebusy_table" id="attendees-freebusy-table" cellspacing="0" cellpadding="0" border="0" />
160
161 <div class="schedule-options">
162 &nbsp;
163 <div class="schedule-buttons">
164 <button id="shedule-freebusy-prev" title="<roundcube:label name='previouspage' />">&#9668;</button><button id="shedule-freebusy-next" title="<roundcube:label name='nextpage' />">&#9658;</button>
165 </div>
166 </div>
167
168 <div style="float:left; width:28em">
169 <div class="form-section">
170 <label for="schedule-startdate"><roundcube:label name="calendar.start" /></label>
171 <input type="text" name="startdate" size="11" id="schedule-startdate" disabled="true" /> &nbsp;
172 <input type="text" name="starttime" size="6" id="schedule-starttime" disabled="true" />
173 </div>
174 <div class="form-section">
175 <label for="schedule-enddate"><roundcube:label name="calendar.end" /></label>
176 <input type="text" name="enddate" size="11" id="schedule-enddate" disabled="true" /> &nbsp;
177 <input type="text" name="endtime" size="6" id="schedule-endtime" disabled="true" />
178 </div>
179 </div>
180 <div style="float:left">
181 <div class="schedule-find-buttons">
182 <button id="shedule-find-prev">&#9668; <roundcube:label name="calendar.prevslot" /></button>
183 <button id="shedule-find-next"><roundcube:label name="calendar.nextslot" /> &#9658;</button>
184 </div>
185 <div class="schedule-options">
186 <label><input type="checkbox" id="schedule-freebusy-workinghours" value="1" /><roundcube:label name="calendar.onlyworkinghours" /></label>
187 </div>
188 </div>
189 <br style="clear:both;" />
190
191 <roundcube:include file="/templates/freebusylegend.html" />
192 <div class="attendees-list">
193 <span class="attendee organizer"><roundcube:label name="calendar.roleorganizer" /></span>
194 <span class="attendee req-participant"><roundcube:label name="calendar.rolerequired" /></span>
195 <span class="attendee opt-participant"><roundcube:label name="calendar.roleoptional" /></span>
196 <span class="attendee non-participant"><roundcube:label name="calendar.rolenonparticipant" /></span>
197 <span class="attendee chair"><roundcube:label name="calendar.rolechair" /></span>
198 </div>
199 </div>
200
201 <div id="calendarform" class="uidialog">
202 <roundcube:label name="loading" />
203 </div>
204
205 <div id="eventsimport" class="uidialog">
206 <roundcube:object name="plugin.events_import_form" id="events-import-form" uploadFieldSize="30" />
207 </div>
208
209 <div id="eventsexport" class="uidialog">
210 <roundcube:object name="plugin.events_export_form" id="events-export-form" />
211 </div>
212
213 <div id="calendarurlbox" class="uidialog">
214 <p><roundcube:label name="calendar.showurldescription" /></p>
215 <textarea id="calfeedurl" rows="2" readonly="readonly"></textarea>
216 <div id="calendarcaldavurl" style="display:none">
217 <p><roundcube:label name="calendar.caldavurldescription" html="yes" /></p>
218 <textarea id="caldavurl" rows="2" readonly="readonly"></textarea>
219 </div>
220 </div>
221
222 <div id="quicksearchbar">
223 <roundcube:button name="searchmenulink" id="searchmenulink" image="/images/icons/glass.png" />
224 <roundcube:object name="plugin.searchform" id="quicksearchbox" />
225 <roundcube:button command="reset-search" id="searchreset" image="/images/icons/reset.gif" title="resetsearch" />
226 </div>
227
228 <roundcube:object name="plugin.calendar_css" />
229
230 <script type="text/javascript">
231
232 // use skin functions to handle popup-menus
233 rcube_init_mail_ui();
234 rcmail_ui.popups.calendaroptions = { id:'calendaroptionsmenu', above:1, obj:$('#calendaroptionsmenu') };
235
236 $(document).ready(function(e){
237 // initialize sidebar toggle
238 $('#calendarsidebartoggle').click(function() {
239 var width = $(this).data('sidebarwidth');
240 var offset = $(this).data('offset');
241 var $sidebar = $('#calendarsidebar'), time = 250;
242
243 if ($sidebar.is(':visible')) {
244 $sidebar.animate({ left:'-'+(width+10)+'px' }, time, function(){ $('#calendarsidebar').hide(); });
245 $(this).animate({ left:'8px'}, time, function(){ $('#calendarsidebartoggle').addClass('sidebarclosed') });
246 $('#calendar').animate({ left:'20px'}, time, function(){ $(this).fullCalendar('render'); });
247 }
248 else {
249 $sidebar.show().animate({ left:'10px' }, time);
250 $(this).animate({ left:offset+'px'}, time, function(){ $('#calendarsidebartoggle').removeClass('sidebarclosed'); });
251 $('#calendar').animate({ left:(width+16)+'px'}, time, function(){ $(this).fullCalendar('render'); });
252 }
253 })
254 .data('offset', $('#calendarsidebartoggle').position().left)
255 .data('sidebarwidth', $('#calendarsidebar').width() + $('#calendarsidebar').position().left);
256 });
257
258 </script>
259
260 </body>
261 </html>