2014-03-27 19:16:05 +01:00
< roundcube:object name = "doctype" value = "html5" / >
< html >
< head >
< title > < roundcube:object name = "pagetitle" / > < / title >
< roundcube:include file = "/includes/links.html" / >
< / head >
< body class = "notesview noscroll" >
< roundcube:include file = "/includes/header.html" / >
< div id = "mainscreen" >
2014-06-18 11:55:47 +02:00
< h1 class = "voice" > < roundcube:label name = "kolab_notes.navtitle" / > < / h1 >
< div id = "notestoolbar" class = "toolbar" role = "toolbar" aria-labelledby = "aria-label-toolbar" >
< h2 id = "aria-label-toolbar" class = "voice" > < roundcube:label name = "arialabeltoolbar" / > < / h2 >
2014-03-27 19:16:05 +01:00
< roundcube:button command = "createnote" type = "link" class = "button createnote disabled" classAct = "button createnote" classSel = "button createnote pressed" label = "kolab_notes.create" title = "kolab_notes.createnote" / >
2014-04-10 10:49:14 +02:00
< roundcube:button command = "print" type = "link" class = "button print disabled" classAct = "button print" classSel = "button print pressed" label = "print" title = "print" / >
< roundcube:button command = "sendnote" type = "link" class = "button sendnote disabled" classAct = "button sendnote" classSel = "button sendnote pressed" label = "kolab_notes.send" title = "kolab_notes.sendnote" / >
2014-03-27 19:16:05 +01:00
< roundcube:container name = "toolbar" id = "notestoolbar" / >
2014-06-18 11:55:47 +02:00
< / div >
2014-03-27 19:16:05 +01:00
2014-06-18 11:55:47 +02:00
< div id = "quicksearchbar" role = "search" aria-labelledby = "aria-label-searchform" >
< h2 id = "aria-label-searchform" class = "voice" > < roundcube:label name = "kolab_notes.arialabelnotesearchform" / > < / h2 >
< label for = "quicksearchbox" class = "voice" > < roundcube:label name = "kolab_notes.arialabelnotesquicksearchbox" / > < / label >
< a id = "searchmenulink" class = "iconbutton searchoptions" > < / a >
< roundcube:object name = "plugin.searchform" id = "quicksearchbox" / >
< roundcube:button command = "reset-search" id = "searchreset" class = "iconbutton reset" title = "resetsearch" content = " " / >
2014-03-27 19:16:05 +01:00
< / div >
2014-04-16 11:32:13 +02:00
< div id = "mainscreencontent" >
2014-03-27 19:16:05 +01:00
< div id = "sidebar" >
< div id = "tagsbox" class = "uibox listbox" >
2014-06-20 17:02:51 +02:00
< h2 class = "boxtitle" id = "aria-label-tagsbox" > < roundcube:label name = "kolab_notes.tags" id = "taglist" / > < / h2 >
2014-03-27 19:16:05 +01:00
< div class = "scroller" >
2014-06-20 17:02:51 +02:00
< roundcube:object name = "plugin.tagslist" id = "tagslist" class = "tagcloud" role = "region" aria-labelledby = "aria-label-tagsbox" aria-controls = "kolabnoteslist" / >
2014-03-27 19:16:05 +01:00
< / div >
< / div >
2014-06-20 17:02:51 +02:00
< div id = "notebooksbox" class = "uibox listbox" role = "navigation" aria-labelledby = "aria-label-notebooks" >
2014-06-23 10:37:56 +02:00
< h2 class = "boxtitle" id = "aria-label-notebooks" > < roundcube:label name = "kolab_notes.lists" / >
< a href = "#notebooks" class = "iconbutton search" title = "<roundcube:label name='kolab_notes.findnotebooks' />" tabindex = "0" > < roundcube:label name = "kolab_notes.findnotebooks" / > < / a >
< / h2 >
< div class = "listsearchbox" style = "display:none" >
< div class = "searchbox" role = "search" aria-labelledby = "aria-label-notebooksearchform" aria-controls = "kolabnoteslist" >
< h3 id = "aria-label-notebooksearchform" class = "voice" > < roundcube:label name = "kolab_notes.arialabelfolderearchform" / > < / h3 >
< label for = "notebooksearch" class = "voice" > < roundcube:label name = "kolab_notes.searchterms" / > < / label >
< input type = "text" name = "q" id = "notebooksearch" placeholder = "<roundcube:label name='kolab_notes.findnotebooks' />" / >
< a class = "iconbutton searchicon" > < / a >
< roundcube:button command = "reset-listsearch" id = "notebooksearch-reset" class = "iconbutton reset" title = "resetsearch" label = "resetsearch" / >
< / div >
< / div >
2014-03-27 19:16:05 +01:00
< div class = "scroller withfooter" >
2014-06-20 17:02:51 +02:00
< roundcube:object name = "plugin.notebooks" id = "notebooks" class = "listing treelist" / >
2014-03-27 19:16:05 +01:00
< / div >
< div class = "boxfooter" >
2014-06-20 17:02:51 +02:00
< roundcube:button command = "list-create" type = "link" title = "kolab_notes.newnotebook" class = "listbutton add disabled" classAct = "listbutton add" innerClass = "inner" label = "kolab_notes.addnotebook" / > < roundcube:button name = "notesoptionslink" id = "notesoptionsmenulink" type = "link" title = "kolab_notes.listactions" class = "listbutton groupactions" onclick = "return UI.toggle_popup('notesoptionsmenu', event)" innerClass = "inner" label = "kolab_notes.listactions" aria-haspopup = "true" aria-expanded = "false" aria-owns = "notesoptionsmenu-menu" / >
2014-03-27 19:16:05 +01:00
< / div >
< / div >
2014-06-20 17:02:51 +02:00
< div id = "notesoptionsmenu" class = "popupmenu" aria-hidden = "true" >
< h3 id = "aria-label-optionsmenu" class = "voice" > < roundcube:label name = "kolab_notes.arialabelnotesoptionsmenu" / > < / h3 >
< ul class = "toolbarmenu" id = "notesoptionsmenu-menu" role = "menu" aria-labelledby = "aria-label-optionsmenu" >
< li role = "menuitem" > < roundcube:button command = "list-edit" label = "edit" classAct = "active" / > < / li >
< li role = "menuitem" > < roundcube:button command = "list-remove" label = "delete" classAct = "active" / > < / li >
< li role = "menuitem" > < roundcube:button command = "folders" task = "settings" type = "link" label = "managefolders" classAct = "active" / > < / li >
< / ul >
< / div >
2014-03-27 19:16:05 +01:00
< / div >
< div id = "mainview-right" >
< div id = "noteslistbox" class = "uibox listbox" >
2014-06-18 11:55:47 +02:00
< h3 id = "aria-label-noteslist" class = "boxtitle" > < roundcube:label name = "kolab_notes.notes" / > < / h3 >
< div class = "scroller withfooter" aria-labelledby = "aria-label-noteslist" >
< roundcube:object name = "plugin.listing" id = "kolabnoteslist" class = "listing" summary = "kolab_notes.arialabelnoteslist" / >
2014-03-27 19:16:05 +01:00
< / div >
< div class = "boxfooter" >
2014-06-18 11:55:47 +02:00
< roundcube:button command = "delete" type = "link" title = "delete" class = "listbutton delete disabled" classAct = "listbutton delete" innerClass = "inner" label = "delete" / >
2014-06-20 17:02:51 +02:00
< roundcube:object name = "plugin.recordsCountDisplay" class = "countdisplay" label = "fromtoshort" aria-live = "polite" aria-relevant = "text" / >
2014-03-27 19:16:05 +01:00
< / div >
2014-04-09 18:56:13 +02:00
< div class = "boxpagenav" >
2014-06-18 11:55:47 +02:00
< roundcube:button name = "notessortmenulink" id = "notessortmenulink" type = "link" title = "kolab_notes.sortby" class = "icon sortoptions" onclick = "return UI.toggle_popup('notessortmenu', event)" innerClass = "inner" content = "v" aria-haspopup = "true" aria-expanded = "false" aria-owns = "notessortmenu-menu" / >
2014-04-09 18:56:13 +02:00
< / div >
2014-03-27 19:16:05 +01:00
< / div >
2014-06-20 17:02:51 +02:00
< div id = "notedetailsbox" class = "uibox contentbox" role = "main" aria-labelledby = "aria-label-noteform" >
2014-06-18 11:55:47 +02:00
< h3 id = "aria-label-noteform" class = "voice" > < roundcube:label name = "kolab_notes.arialabelnoteform" / > < / h3 >
2014-03-27 19:16:05 +01:00
< roundcube:object name = "plugin.notetitle" id = "notedetailstitle" class = "boxtitle" / >
< roundcube:object name = "plugin.editform" id = "noteform" / >
< roundcube:object name = "plugin.detailview" id = "notedetails" class = "scroller" / >
2014-04-14 18:25:23 +02:00
< div id = "notereferences" >
2014-06-20 17:02:51 +02:00
< h3 id = "aria-label-messagereferences" class = "voice" > < roundcube:label name = "kolab_notes.arialabelmessagereferences" / > < / h3 >
< roundcube:object name = "plugin.attachments_list" id = "attachment-list" class = "attachmentslist" role = "region" aria-labelledby = "aria-label-messagereferences" / >
2014-04-14 18:25:23 +02:00
< / div >
2014-03-27 19:16:05 +01:00
< div class = "footerleft formbuttons" >
2014-06-20 17:02:51 +02:00
< roundcube:button command = "save" type = "input" class = "button mainaction" label = "save" id = "btn-save-note" / >
2014-03-27 19:16:05 +01:00
< / div >
< / div >
< / div >
2014-04-16 11:32:13 +02:00
< / div >
2014-03-27 19:16:05 +01:00
< / div >
< roundcube:object name = "message" id = "messagestack" / >
2014-06-18 11:55:47 +02:00
< div id = "notessortmenu" class = "popupmenu" aria-hidden = "true" >
< h3 id = "aria-label-sortmenu" class = "voice" > < roundcube:label name = "kolab_notes.arialabelnotessortmenu" / > < / h3 >
< ul class = "toolbarmenu iconized" id = "notessortmenu-menu" role = "menu" aria-labelledby = "aria-label-sortmenu" >
< li role = "menuitem" > < roundcube:button command = "list-sort" prop = "changed" type = "link" label = "kolab_notes.changed" class = "icon active by-changed" innerclass = "icon" / > < / li >
< li role = "menuitem" > < roundcube:button command = "list-sort" prop = "title" type = "link" label = "kolab_notes.title" class = "icon active by-title" innerclass = "icon" / > < / li >
2014-04-09 18:56:13 +02:00
< / ul >
< / div >
2014-06-18 11:55:47 +02:00
< div id = "notebookeditform" class = "uidialog" aria-labelledby = "aria-label-editform" aria-hidden = "true" role = "dialog" >
< h3 id = "aria-label-editform" class = "voice" > < roundcube:label name = "kolab_notes.arialabelnotebookform" / > < / h3 >
2014-04-02 14:43:56 +02:00
< roundcube:container name = "notebookeditform" id = "notebookeditform" / >
< roundcube:label name = "loading" / >
< / div >
2014-03-27 19:16:05 +01:00
< script type = "text/javascript" >
// UI startup
var UI = new rcube_mail_ui();
$(document).ready(function(e){
UI.init();
2014-04-02 14:43:56 +02:00
rcmail.addEventListener('kolab_notes_editform_load', function(e){
UI.init_tabs($('#notebookeditform > form').addClass('propform tabbed'));
})
2014-03-27 19:16:05 +01:00
new rcube_splitter({ id:'notesviewsplitter', p1:'#sidebar', p2:'#mainview-right',
2014-04-15 16:39:24 +02:00
orientation:'v', relative:true, start:240, min:180, size:12, render:layout_view }).init();
2014-03-27 19:16:05 +01:00
new rcube_splitter({ id:'noteslistsplitter2', p1:'#noteslistbox', p2:'#notedetailsbox',
2014-04-15 16:39:24 +02:00
orientation:'v', relative:true, start:242, min:180, size:12, render:layout_view }).init();
2014-03-27 19:16:05 +01:00
new rcube_splitter({ id:'notesviewsplitterv', p1:'#tagsbox', p2:'#notebooksbox',
2014-04-15 16:39:24 +02:00
orientation:'h', relative:true, start:242, min:120, size:12, offset:4 }).init();
2014-03-31 16:31:13 +02:00
function layout_view()
{
2014-04-01 18:07:27 +02:00
var form = $('#noteform, #notedetails'),
2014-03-31 16:31:13 +02:00
content = $('#notecontent'),
header = $('#notedetailstitle'),
2014-04-14 18:25:23 +02:00
footer = $('#notereferences'),
2014-03-31 16:31:13 +02:00
w, h;
2014-04-14 18:25:23 +02:00
if ($('#attachment-list li').length)
footer.show();
else
footer.hide();
2014-03-31 16:31:13 +02:00
form.css('top', header.outerHeight()+'px');
2014-04-14 18:25:23 +02:00
form.css('bottom', ((footer.is(':visible') ? footer.outerHeight()+4 : 0) + 41) + 'px');
2014-03-31 16:31:13 +02:00
w = form.outerWidth();
h = form.outerHeight();
content.width(w).height(h);
2014-06-18 11:55:47 +02:00
$('#noteform > div.mce-tinymce').width(w);
$('#notecontent_ifr').width(w).height(h - 4 - $('div.mce-toolbar').height());
2014-03-31 16:31:13 +02:00
}
$(window).resize(function(e){
layout_view();
});
2014-06-23 10:37:56 +02:00
// animation to unfold list search box
$('#notebooksbox .boxtitle a.search').click(function(e){
var box = $('#notebooksbox .listsearchbox'),
dir = box.is(':visible') ? -1 : 1;
box.slideToggle({
duration: 160,
progress: function(animation, progress) {
if (dir < 0 ) progress = 1 - progress ;
$('#notebooksbox .scroller').css('top', (34 + 34 * progress) + 'px');
},
complete: function() {
box.toggleClass('expanded');
if (box.is(':visible')) {
box.find('input[type=text]').focus();
}
else {
$('#notebooksearch-reset').click();
}
// TODO: save state in localStorage
}
});
return false;
});
2014-03-27 19:16:05 +01:00
});
< / script >
< / body >
2014-06-18 11:55:47 +02:00
< / html >
