Mercurial > hg > rc1

comparison plugins/calendar/skins/larry/templates/dialog.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 <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>