Elastic: Toolbars re-design
This commit is contained in:
parent
e6f9a6104b
commit
538cc4fbcd
4 changed files with 19 additions and 33 deletions
|
@ -8,6 +8,9 @@
|
||||||
<div class="header">
|
<div class="header">
|
||||||
<a class="button icon back-content-button" href="#back" data-hidden="big"><span class="inner"><roundcube:label name="back" /></span></a>
|
<a class="button icon back-content-button" href="#back" data-hidden="big"><span class="inner"><roundcube:label name="back" /></span></a>
|
||||||
<span id="aria-label-calendars" class="header-title"><roundcube:label name="calendar.calendars" /></span>
|
<span id="aria-label-calendars" class="header-title"><roundcube:label name="calendar.calendars" /></span>
|
||||||
|
<roundcube:button name="calendaractionsmenu" id="calendaroptionsmenulink" type="link"
|
||||||
|
title="calendar.calendaractions" class="button icon sidebar-menu" data-popup="calendaractions-menu"
|
||||||
|
innerClass="inner" label="actions" />
|
||||||
</div>
|
</div>
|
||||||
<roundcube:object name="libkolab.folder_search_form" id="calendarlistsearch" wrapper="searchbar toolbar"
|
<roundcube:object name="libkolab.folder_search_form" id="calendarlistsearch" wrapper="searchbar toolbar"
|
||||||
ariatag="h2" label="calsearchform" label-domain="calendar" buttontitle="findcalendars" />
|
ariatag="h2" label="calsearchform" label-domain="calendar" buttontitle="findcalendars" />
|
||||||
|
@ -16,14 +19,6 @@
|
||||||
</div>
|
</div>
|
||||||
<h2 id="aria-label-minical" class="voice"><roundcube:label name="calendar.arialabelminical" /></h2>
|
<h2 id="aria-label-minical" class="voice"><roundcube:label name="calendar.arialabelminical" /></h2>
|
||||||
<div id="datepicker" class="calendar-datepicker" role="presentation"></div>
|
<div id="datepicker" class="calendar-datepicker" role="presentation"></div>
|
||||||
<div class="footer toolbar" role="toolbar">
|
|
||||||
<roundcube:button command="calendar-create" type="link"
|
|
||||||
title="calendar.createcalendar" label="calendar.addcalendar"
|
|
||||||
class="button create disabled" classAct="button create" innerClass="inner" />
|
|
||||||
<roundcube:button name="calendaractionsmenu" id="calendaroptionsmenulink" type="link"
|
|
||||||
title="calendar.calendaractions" class="button actions" data-popup="calendaractions-menu"
|
|
||||||
innerClass="inner" label="actions" />
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- calendar -->
|
<!-- calendar -->
|
||||||
|
@ -146,6 +141,7 @@
|
||||||
<div id="calendaractions-menu" class="popupmenu">
|
<div id="calendaractions-menu" class="popupmenu">
|
||||||
<h3 id="aria-label-calendaroptions" class="voice"><roundcube:label name="calendar.calendaractions" /></h3>
|
<h3 id="aria-label-calendaroptions" class="voice"><roundcube:label name="calendar.calendaractions" /></h3>
|
||||||
<ul class="toolbarmenu listing" role="menu" aria-labelledby="aria-label-calendaroptions">
|
<ul class="toolbarmenu listing" role="menu" aria-labelledby="aria-label-calendaroptions">
|
||||||
|
<roundcube:button type="link-menuitem" command="calendar-create" label="calendar.addcalendar" class="create disabled" classAct="create active" />
|
||||||
<roundcube:button type="link-menuitem" command="calendar-edit" label="calendar.edit" class="edit disabled" classAct="edit active" />
|
<roundcube:button type="link-menuitem" command="calendar-edit" label="calendar.edit" class="edit disabled" classAct="edit active" />
|
||||||
<roundcube:button type="link-menuitem" command="calendar-delete" label="delete" class="delete disabled" classAct="delete active" />
|
<roundcube:button type="link-menuitem" command="calendar-delete" label="delete" class="delete disabled" classAct="delete active" />
|
||||||
<roundcube:if condition="env:calendar_driver == 'kolab'" />
|
<roundcube:if condition="env:calendar_driver == 'kolab'" />
|
||||||
|
@ -178,10 +174,10 @@
|
||||||
<div class="resource-selection selection-list" role="navigation" aria-labelledby="aria-label-resourceselection">
|
<div class="resource-selection selection-list" role="navigation" aria-labelledby="aria-label-resourceselection">
|
||||||
<div class="header">
|
<div class="header">
|
||||||
<span class="header-title"><roundcube:label name="calendar.tabresources" /></span>
|
<span class="header-title"><roundcube:label name="calendar.tabresources" /></span>
|
||||||
<roundcube:object name="plugin.resources_searchform" id="resourcesearchbox"
|
|
||||||
wrapper="searchbar toolbar" ariatag="h4" buttontitle="calendar.findresources"
|
|
||||||
label="resourcesearchform" label-domain="calendar" />
|
|
||||||
</div>
|
</div>
|
||||||
|
<roundcube:object name="plugin.resources_searchform" id="resourcesearchbox"
|
||||||
|
wrapper="searchbar toolbar" ariatag="h4" buttontitle="calendar.findresources"
|
||||||
|
label="resourcesearchform" label-domain="calendar" />
|
||||||
<div class="scroller">
|
<div class="scroller">
|
||||||
<roundcube:object name="plugin.resources_list" id="resources-list" class="listing treelist" />
|
<roundcube:object name="plugin.resources_list" id="resources-list" class="listing treelist" />
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -8,18 +8,13 @@
|
||||||
<div class="header">
|
<div class="header">
|
||||||
<a class="button icon back-content-button" href="#back" data-hidden="big"><span class="inner"><roundcube:label name="back" /></span></a>
|
<a class="button icon back-content-button" href="#back" data-hidden="big"><span class="inner"><roundcube:label name="back" /></span></a>
|
||||||
<span id="aria-label-folders" class="header-title"><roundcube:label name="folders" /></span>
|
<span id="aria-label-folders" class="header-title"><roundcube:label name="folders" /></span>
|
||||||
|
<roundcube:button name="folderoptions" id="folderoptionslink" type="link"
|
||||||
|
title="moreactions" label="actions"
|
||||||
|
class="button icon sidebar-menu" innerClass="inner" data-popup="folderoptions-menu" />
|
||||||
</div>
|
</div>
|
||||||
<roundcube:object name="libkolab.folder_search_form" id="foldersearch" wrapper="searchbar toolbar"
|
<roundcube:object name="libkolab.folder_search_form" id="foldersearch" wrapper="searchbar toolbar"
|
||||||
ariatag="h2" label="foldersearchform" buttontitle="kolab_files.findfolders" />
|
ariatag="h2" label="foldersearchform" buttontitle="kolab_files.findfolders" />
|
||||||
<div id="files-folder-list" class="scroller"></div>
|
<div id="files-folder-list" class="scroller"></div>
|
||||||
<div class="footer toolbar" role="toolbar">
|
|
||||||
<roundcube:button command="folder-create" type="link"
|
|
||||||
title="kolab_files.foldercreate" label="kolab_files.addfolder"
|
|
||||||
class="button create disabled" classAct="button create" innerClass="inner" />
|
|
||||||
<roundcube:button name="folderoptions" id="folderoptionslink" type="link"
|
|
||||||
title="moreactions" label="actions"
|
|
||||||
class="button actions" innerClass="inner" data-popup="folderoptions-menu" />
|
|
||||||
</div>
|
|
||||||
<roundcube:if condition="env:files_quota" />
|
<roundcube:if condition="env:files_quota" />
|
||||||
<div class="footer toolbar small">
|
<div class="footer toolbar small">
|
||||||
<div id="quotadisplay" class="quota-widget">
|
<div id="quotadisplay" class="quota-widget">
|
||||||
|
@ -136,6 +131,7 @@
|
||||||
<div id="folderoptions-menu" class="popupmenu" data-editable="true">
|
<div id="folderoptions-menu" class="popupmenu" data-editable="true">
|
||||||
<h3 id="aria-label-folderoptions" class="voice"><roundcube:label name="kolab_files.folderoptions" /></h3>
|
<h3 id="aria-label-folderoptions" class="voice"><roundcube:label name="kolab_files.folderoptions" /></h3>
|
||||||
<ul class="toolbarmenu listing" role="menu" aria-labelledby="aria-label-folderoptions">
|
<ul class="toolbarmenu listing" role="menu" aria-labelledby="aria-label-folderoptions">
|
||||||
|
<roundcube:button type="link-menuitem" command="folder-create" label="kolab_files.addfolder" class="create disabled" classAct="create active" />
|
||||||
<roundcube:button type="link-menuitem" command="folder-rename" label="rename" class="rename" classAct="rename active" />
|
<roundcube:button type="link-menuitem" command="folder-rename" label="rename" class="rename" classAct="rename active" />
|
||||||
<roundcube:button type="link-menuitem" command="files-folder-delete" label="delete" class="delete" classAct="delete active" />
|
<roundcube:button type="link-menuitem" command="files-folder-delete" label="delete" class="delete" classAct="delete active" />
|
||||||
<roundcube:if condition="!empty(env:external_sources)" />
|
<roundcube:if condition="!empty(env:external_sources)" />
|
||||||
|
|
|
@ -8,19 +8,15 @@
|
||||||
<div class="header">
|
<div class="header">
|
||||||
<a class="button icon back-list-button" href="#back"><span class="inner"><roundcube:label name="back" /></span></a>
|
<a class="button icon back-list-button" href="#back"><span class="inner"><roundcube:label name="back" /></span></a>
|
||||||
<span id="aria-label-notebooks" class="header-title"><roundcube:label name="kolab_notes.lists" /></span>
|
<span id="aria-label-notebooks" class="header-title"><roundcube:label name="kolab_notes.lists" /></span>
|
||||||
|
<roundcube:button name="notebookactionsmenu" id="notesoptionsmenulink" type="link"
|
||||||
|
title="kolab_notes.listactions" class="button icon sidebar-menu" data-popup="notebookactions-menu"
|
||||||
|
innerClass="inner" label="actions" />
|
||||||
</div>
|
</div>
|
||||||
<roundcube:object name="libkolab.folder_search_form" id="notebooksearch" wrapper="searchbar toolbar"
|
<roundcube:object name="libkolab.folder_search_form" id="notebooksearch" wrapper="searchbar toolbar"
|
||||||
ariatag="h2" label="foldersearchform" label-domain="kolab_notes" buttontitle="findnotebooks" />
|
ariatag="h2" label="foldersearchform" label-domain="kolab_notes" buttontitle="findnotebooks" />
|
||||||
<div id="notebooks-content" class="scroller">
|
<div id="notebooks-content" class="scroller">
|
||||||
<roundcube:object name="plugin.notebooks" id="notebooks" class="listing treelist iconized" />
|
<roundcube:object name="plugin.notebooks" id="notebooks" class="listing treelist iconized" />
|
||||||
</div>
|
</div>
|
||||||
<div class="footer toolbar" role="toolbar">
|
|
||||||
<roundcube:button command="list-create" type="link" title="kolab_notes.newnotebook"
|
|
||||||
class="button create disabled" classAct="button create" innerClass="inner" label="kolab_notes.addnotebook" />
|
|
||||||
<roundcube:button name="notebookactionsmenu" id="notesoptionsmenulink" type="link"
|
|
||||||
title="kolab_notes.listactions" class="button actions" data-popup="notebookactions-menu"
|
|
||||||
innerClass="inner" label="actions" />
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- notes list -->
|
<!-- notes list -->
|
||||||
|
@ -120,6 +116,7 @@
|
||||||
<div id="notebookactions-menu" class="popupmenu">
|
<div id="notebookactions-menu" class="popupmenu">
|
||||||
<h3 id="aria-label-actionsmenu" class="voice"><roundcube:label name="kolab_notes.arialabelnotesoptionsmenu" /></h3>
|
<h3 id="aria-label-actionsmenu" class="voice"><roundcube:label name="kolab_notes.arialabelnotesoptionsmenu" /></h3>
|
||||||
<ul class="toolbarmenu listing" role="menu" aria-labelledby="aria-label-actionsmenu">
|
<ul class="toolbarmenu listing" role="menu" aria-labelledby="aria-label-actionsmenu">
|
||||||
|
<roundcube:button type="link-menuitem" command="list-create" label="kolab_notes.addnotebook" class="create disabled" classAct="create active" />
|
||||||
<roundcube:button type="link-menuitem" command="list-edit" label="edit" class="edit disabled" classAct="edit active" />
|
<roundcube:button type="link-menuitem" command="list-edit" label="edit" class="edit disabled" classAct="edit active" />
|
||||||
<roundcube:button type="link-menuitem" command="list-delete" label="delete" class="delete disabled" classAct="delete active" />
|
<roundcube:button type="link-menuitem" command="list-delete" label="delete" class="delete disabled" classAct="delete active" />
|
||||||
<roundcube:button type="link-menuitem" command="list-remove" label="kolab_notes.removelist" class="remove disabled" classAct="remove active" />
|
<roundcube:button type="link-menuitem" command="list-remove" label="kolab_notes.removelist" class="remove disabled" classAct="remove active" />
|
||||||
|
|
|
@ -8,19 +8,15 @@
|
||||||
<div class="header">
|
<div class="header">
|
||||||
<a class="button icon back-list-button" href="#back"><span class="inner"><roundcube:label name="back" /></span></a>
|
<a class="button icon back-list-button" href="#back"><span class="inner"><roundcube:label name="back" /></span></a>
|
||||||
<span id="aria-label-tasklists" class="header-title"><roundcube:label name="tasklist.lists" /></span>
|
<span id="aria-label-tasklists" class="header-title"><roundcube:label name="tasklist.lists" /></span>
|
||||||
|
<roundcube:button name="tasklistactionsmenu" id="tasklistoptionsmenulink" type="link"
|
||||||
|
title="tasklist.listactions" class="button icon sidebar-menu" data-popup="tasklistactions-menu"
|
||||||
|
innerClass="inner" label="actions" />
|
||||||
</div>
|
</div>
|
||||||
<roundcube:object name="libkolab.folder_search_form" id="tasklistsearch" wrapper="searchbar toolbar"
|
<roundcube:object name="libkolab.folder_search_form" id="tasklistsearch" wrapper="searchbar toolbar"
|
||||||
ariatag="h2" label="foldersearchform" label-domain="tasklist" buttontitle="findlists" />
|
ariatag="h2" label="foldersearchform" label-domain="tasklist" buttontitle="findlists" />
|
||||||
<div id="tasklists-content" class="scroller">
|
<div id="tasklists-content" class="scroller">
|
||||||
<roundcube:object name="plugin.tasklists" id="tasklists" class="treelist listing iconized" />
|
<roundcube:object name="plugin.tasklists" id="tasklists" class="treelist listing iconized" />
|
||||||
</div>
|
</div>
|
||||||
<div class="footer toolbar" role="toolbar">
|
|
||||||
<roundcube:button command="list-create" type="link" title="tasklist.createlist"
|
|
||||||
class="button create disabled" classAct="button create" innerClass="inner" label="tasklist.createlist" />
|
|
||||||
<roundcube:button name="tasklistactionsmenu" id="tasklistoptionsmenulink" type="link"
|
|
||||||
title="tasklist.listactions" class="button actions" data-popup="tasklistactions-menu"
|
|
||||||
innerClass="inner" label="actions" />
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- tasks list -->
|
<!-- tasks list -->
|
||||||
|
@ -257,6 +253,7 @@
|
||||||
<div id="tasklistactions-menu" class="popupmenu">
|
<div id="tasklistactions-menu" class="popupmenu">
|
||||||
<h3 id="aria-label-tasklistoptions" class="voice"><roundcube:label name="tasklist.listactions" /></h3>
|
<h3 id="aria-label-tasklistoptions" class="voice"><roundcube:label name="tasklist.listactions" /></h3>
|
||||||
<ul class="toolbarmenu listing" role="menu" aria-labelledby="aria-label-tasklistoptions">
|
<ul class="toolbarmenu listing" role="menu" aria-labelledby="aria-label-tasklistoptions">
|
||||||
|
<roundcube:button type="link-menuitem" command="list-create" label="tasklist.createlist" class="create disabled" classAct="create active" />
|
||||||
<roundcube:button type="link-menuitem" command="list-edit" label="edit" class="edit disabled" classAct="edit active" />
|
<roundcube:button type="link-menuitem" command="list-edit" label="edit" class="edit disabled" classAct="edit active" />
|
||||||
<roundcube:button type="link-menuitem" command="list-delete" label="delete" class="delete disabled" classAct="delete active" />
|
<roundcube:button type="link-menuitem" command="list-delete" label="delete" class="delete disabled" classAct="delete active" />
|
||||||
<roundcube:if condition="env:tasklist_driver == 'kolab'" />
|
<roundcube:if condition="env:tasklist_driver == 'kolab'" />
|
||||||
|
|
Loading…
Add table
Reference in a new issue