|
3
|
1 <roundcube:object name="doctype" value="html5" />
|
|
|
2 <html>
|
|
|
3 <head>
|
|
|
4 <title><roundcube:object name="pagetitle" /></title>
|
|
|
5 <roundcube:include file="/includes/links.html" />
|
|
|
6 <!--[if lte IE 7]><link rel="stylesheet" type="text/css" href="/this/iehacks.css" /><![endif]-->
|
|
|
7 </head>
|
|
|
8 <body class="calendarmain dialog">
|
|
|
9
|
|
|
10 <div id="mainscreen">
|
|
|
11 <div id="calendarsidebar">
|
|
|
12 <h2 id="aria-label-minical" class="voice"><roundcube:label name="calendar.arialabelminical" /></h2>
|
|
|
13 <div id="datepicker" class="uibox" role="presentation"></div>
|
|
|
14
|
|
|
15 <div id="calendars" class="uibox listbox" style="visibility:hidden" role="navigation" aria-labelledby="aria-label-calendarlist">
|
|
|
16 <h2 class="boxtitle" id="aria-label-calendarlist"><roundcube:label name="calendar.calendars" />
|
|
|
17 <a href="#calendars" class="iconbutton search" title="<roundcube:label name='calendar.findcalendars' />" tabindex="0"><roundcube:label name='calendar.findcalendars' /></a>
|
|
|
18 </h2>
|
|
|
19 <div class="listsearchbox">
|
|
|
20 <div class="searchbox" role="search" aria-labelledby="aria-label-calsearchform" aria-controls="calendarslist">
|
|
|
21 <h3 id="aria-label-calsearchform" class="voice"><roundcube:label name="calendar.arialabelcalsearchform" /></h3>
|
|
|
22 <label for="calendarlistsearch" class="voice"><roundcube:label name="calendar.searchterms" /></label>
|
|
|
23 <input type="text" name="q" id="calendarlistsearch" placeholder="<roundcube:label name='calendar.findcalendars' />" />
|
|
|
24 <a class="iconbutton searchicon"></a>
|
|
|
25 <roundcube:button command="reset-listsearch" id="calendarlistsearch-reset" class="iconbutton reset" title="resetsearch" label="resetsearch" />
|
|
|
26 </div>
|
|
|
27 </div>
|
|
|
28 <div class="scroller">
|
|
|
29 <roundcube:object name="plugin.calendar_list" id="calendarslist" class="treelist listing" />
|
|
|
30 </div>
|
|
|
31 </div>
|
|
|
32 </div>
|
|
|
33
|
|
|
34 <h2 id="aria-label-calendarview" class="voice"><roundcube:label name="calendar.arialabelcalendarview" /></h2>
|
|
|
35 <div id="calendar" role="main" aria-labelledby="aria-label-calendarview">
|
|
|
36 <roundcube:object name="plugin.angenda_options" class="boxfooter" id="agendaoptions" />
|
|
|
37 </div>
|
|
|
38 </div>
|
|
|
39
|
|
|
40 <div id="timezonedisplay"><roundcube:var name="env:timezone" /></div>
|
|
|
41
|
|
|
42 <roundcube:include file="/templates/eventshow.html" />
|
|
|
43 <roundcube:include file="/templates/eventedit.html" />
|
|
|
44
|
|
|
45 <roundcube:object name="plugin.calendar_css" />
|
|
|
46
|
|
|
47 <script type="text/javascript">
|
|
|
48
|
|
|
49 // UI startup
|
|
|
50 var UI = new rcube_mail_ui();
|
|
|
51
|
|
|
52 $(document).ready(function(e) {
|
|
|
53 UI.init();
|
|
|
54
|
|
|
55 // animation to unfold list search box
|
|
|
56 $('#calendars .boxtitle a.search').click(function(e){
|
|
|
57 var title = $('#calendars .boxtitle'),
|
|
|
58 box = $('#calendars .listsearchbox'),
|
|
|
59 dir = box.is(':visible') ? -1 : 1;
|
|
|
60
|
|
|
61 box.slideToggle({
|
|
|
62 duration: 160,
|
|
|
63 progress: function(animation, progress) {
|
|
|
64 if (dir < 0) progress = 1 - progress;
|
|
|
65 $('#calendars .scroller').css('top', (title.outerHeight() + 34 * progress) + 'px');
|
|
|
66 },
|
|
|
67 complete: function() {
|
|
|
68 box.toggleClass('expanded');
|
|
|
69 if (box.is(':visible')) {
|
|
|
70 box.find('input[type=text]').focus();
|
|
|
71 }
|
|
|
72 else {
|
|
|
73 $('#calendarlistsearch-reset').click();
|
|
|
74 }
|
|
|
75 // TODO: save state in localStorage
|
|
|
76 }
|
|
|
77 });
|
|
|
78
|
|
|
79 return false;
|
|
|
80 });
|
|
|
81
|
|
|
82 });
|
|
|
83
|
|
|
84 </script>
|
|
|
85
|
|
|
86 </body>
|
|
|
87 </html>
|
