|
3
|
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
|
|
|
163 <div class="schedule-buttons">
|
|
|
164 <button id="shedule-freebusy-prev" title="<roundcube:label name='previouspage' />">◄</button><button id="shedule-freebusy-next" title="<roundcube:label name='nextpage' />">►</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" />
|
|
|
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" />
|
|
|
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">◄ <roundcube:label name="calendar.prevslot" /></button>
|
|
|
183 <button id="shedule-find-next"><roundcube:label name="calendar.nextslot" /> ►</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>
|
