Roundcubemail devel
view | history | commit | commitdiff
Thomas Bruederli
2014-05-12 a2f8fa236143b44f90e53c19806cfd0efa014857
commit | author | age
879b05 1 <roundcube:object name="doctype" value="html5" />
T 2 <html>
e7c445 3 <head>
T 4 <title><roundcube:object name="pagetitle" /></title>
5 <roundcube:include file="/includes/links.html" />
b540ed 6 <style type="text/css">
T 7 <roundcube:if condition="config:preview_pane == true" />
f52efb 8     #mailview-top { height: 276px; }
TB 9     #mailview-bottom { top: 330px; height: auto; display: block; }
b540ed 10     #mailpreviewframe { display: block; }
T 11 <roundcube:endif />
12 </style>
e7c445 13 </head>
f8a9c2 14 <body class="minwidth">
e7c445 15
T 16 <roundcube:include file="/includes/header.html" />
17
b1fa1a 18 <div id="mainscreen">
e7c445 19
a539ce 20 <h1 class="voice"><roundcube:label name="mail" /></h1>
TB 21
77fad1 22 <!-- toolbar -->
a539ce 23 <h2 id="aria-label-toolbar" class="voice">Application toolbar</h2>
TB 24 <div id="messagetoolbar" class="toolbar" role="toolbar" aria-labelledby="aria-label-toolbar">
77fad1 25     <roundcube:button command="checkmail" type="link" class="button checkmail disabled" classAct="button checkmail" classSel="button checkmail pressed" label="refresh" title="checkmail" />
1c079c 26     <roundcube:include file="/includes/mailtoolbar.html" />
b1fa1a 27 </div>
1c079c 28
f8a9c2 29 <div id="messagesearchtools">
AM 30
31 <!-- search filter -->
32 <div id="searchfilter">
a539ce 33     <label for="messagessearchfilter" class="voice">Email listing filter</label>
TB 34     <roundcube:object name="searchfilter" class="searchfilter decorated" id="messagessearchfilter" aria-controls="messagelist" />
f8a9c2 35 </div>
AM 36
37 <!-- search box -->
a539ce 38 <div id="quicksearchbar" class="searchbox" role="search" aria-labelledby="aria-label-searchform">
TB 39 <h2 id="aria-label-searchform" class="voice">Email message search form</h2>
40 <label for="quicksearchbox" class="voice">Email search input</label>
f8a9c2 41 <roundcube:object name="searchform" id="quicksearchbox" />
a2f8fa 42 <roundcube:button command="menu-open" prop="searchmenu" id="searchmenulink" class="iconbutton searchoptions" title="searchmod" label="options" aria-haspopup="true" aria-expanded="false"aria-owns="searchmenu-menu" />
a539ce 43 <roundcube:button command="reset-search" id="searchreset" class="iconbutton reset" title="resetsearch" content="Reset" />
TB 44
6789bf 45 <div id="searchmenu" class="popupmenu" data-editable="true">
a539ce 46     <h3 id="aria-label-searchmenu" class="voice"><roundcube:label name="searchmod" /></h3>
TB 47     <ul class="toolbarmenu" id="searchmenu-menu" role="menu" aria-labelledby="aria-label-searchmenu">
48         <li role="menuitem"><label><input type="checkbox" name="s_mods[]" value="subject" id="s_mod_subject" onclick="UI.set_searchmod(this)" /> <span><roundcube:label name="subject" /></span></label></li>
49         <li role="menuitem"><label><input type="checkbox" name="s_mods[]" value="from" id="s_mod_from" onclick="UI.set_searchmod(this)" /> <span><roundcube:label name="from" /></span></label></li>
50         <li role="menuitem"><label><input type="checkbox" name="s_mods[]" value="to" id="s_mod_to" onclick="UI.set_searchmod(this)" /> <span><roundcube:label name="to" /></span></label></li>
51         <li role="menuitem"><label><input type="checkbox" name="s_mods[]" value="cc" id="s_mod_cc" onclick="UI.set_searchmod(this)" /> <span><roundcube:label name="cc" /></span></label></li>
52         <li role="menuitem"><label><input type="checkbox" name="s_mods[]" value="bcc" id="s_mod_bcc" onclick="UI.set_searchmod(this)" /> <span><roundcube:label name="bcc" /></span></label></li>
53         <li role="menuitem"><label><input type="checkbox" name="s_mods[]" value="body" id="s_mod_body" onclick="UI.set_searchmod(this)" /> <span><roundcube:label name="body" /></span></label></li>
54         <li role="menuitem"><label><input type="checkbox" name="s_mods[]" value="text" id="s_mod_text" onclick="UI.set_searchmod(this)" /> <span><roundcube:label name="msgtext" /></span></label></li>
55         <li role="separator" class="separator"><label><roundcube:label name="searchscope" /></label></li>
56         <li role="menuitem"><label><input type="radio" name="s_scope" value="base" id="s_scope_base" onclick="UI.set_searchscope(this)" /> <span><roundcube:label name="currentfolder" /></span></label></li>
57         <li role="menuitem"><label><input type="radio" name="s_scope" value="sub" id="s_scope_sub" onclick="UI.set_searchscope(this)" /> <span><roundcube:label name="subfolders" /></span></label></li>
58         <li role="menuitem"><label><input type="radio" name="s_scope" value="all" id="s_scope_all" onclick="UI.set_searchscope(this)" /> <span><roundcube:label name="allfolders" /></span></label></li>
59     </ul>
60 </div>
61
f8a9c2 62 </div>
AM 63
64 </div>
65
66 <div id="mainscreencontent">
1c079c 67 <div id="mailview-left">
b1fa1a 68
T 69 <!-- folders list -->
a539ce 70 <div id="mailboxcontainer" class="uibox listbox" role="navigation" aria-labelledby="aria-label-folderlist">
TB 71 <h2 id="aria-label-folderlist" class="voice">Email folder selection</h2>
efaf2e 72 <div id="folderlist-content" class="scroller withfooter">
b7ea94 73 <roundcube:object name="mailboxlist" id="mailboxlist" class="treelist listing" folder_filter="mail" unreadwrap="%s" />
b1fa1a 74 </div>
efaf2e 75 <div id="folderlist-footer" class="boxfooter">
a2f8fa 76     <roundcube:button name="mailboxmenulink" id="mailboxmenulink" type="link" title="folderactions" class="listbutton groupactions" onclick="UI.toggle_popup('mailboxmenu',event);return false" innerClass="inner" content="&#9881;" aria-haspopup="true" aria-expanded="false"aria-owns="mailboxmenu-menu" />
847d31 77     <roundcube:if condition="env:quota" />
af5995 78         <roundcube:object name="quotaDisplay" id="quotadisplay" class="countdisplay" display="text" />
847d31 79     <roundcube:endif />
b1fa1a 80 </div>
T 81 </div>
e7c445 82
T 83 </div>
84
e8bcf0 85 <div id="mailview-right" role="main">
77fad1 86
TB 87 <roundcube:if condition="config:preview_pane == true" />
88 <div id="mailview-top" class="uibox">
89 <roundcube:else />
90 <div id="mailview-top" class="uibox fullheight">
91 <roundcube:endif />
b1fa1a 92
T 93 <!-- messagelist -->
77fad1 94 <div id="messagelistcontainer" class="boxlistcontent">
b2992d 95 <h2 id="aria-label-messagelist" class="voice">Email Messages Listing</h2>
b1fa1a 96 <roundcube:object name="messages"
68e13c 97     id="messagelist"
73ad4f 98     class="records-table messagelist sortheader fixedheader"
a539ce 99     optionsmenuIcon="true"
b2992d 100     summary="Email Messages Listing"
a539ce 101     aria-labelledby="aria-label-messagelist" />
b1fa1a 102 </div>
T 103
104 <!-- list footer -->
105 <div id="messagelistfooter">
106     <div id="listcontrols">
1bbf8c 107         <roundcube:button href="#list" command="set-listmode" prop="list" class="iconbutton listmode disabled" classAct="iconbutton listmode" id="maillistmode" title="list" content="List" />
TB 108         <roundcube:button href="#threads" command="set-listmode" prop="threads" class="iconbutton threadmode disabled" classAct="iconbutton threadmode" id="mailthreadmode" title="threads" content="Threads" />
847d31 109     </div>
T 110     
111     <div id="listselectors">
a2f8fa 112     <a href="#select" id="listselectmenulink" class="menuselector" onclick="UI.toggle_popup('listselectmenu', event);return false" aria-haspopup="true" aria-expanded="false"aria-owns="listselectmenu-menu"><span class="handle"><roundcube:label name="select" /></span></a>
847d31 113     <roundcube:if condition="env:threads" />
a2f8fa 114         &nbsp; <a href="#threads" id="threadselectmenulink" class="menuselector" onclick="UI.toggle_popup('threadselectmenu', event);return false" aria-haspopup="true" aria-expanded="false"aria-owns="threadselectmenu-menu"><span class="handle"><roundcube:label name="threads" /></span></a>
847d31 115     <roundcube:endif />
b1fa1a 116     </div>
T 117
a4be51 118     <div id="countcontrols" class="pagenav dark">
b1fa1a 119         <roundcube:object name="messageCountDisplay" class="countdisplay" />
becca0 120         <span class="pagenavbuttons">
b1fa1a 121         <roundcube:button command="firstpage" type="link" class="button firstpage disabled" classAct="button firstpage" classSel="button firstpage pressed" innerClass="inner" title="firstpage" content="|&amp;lt;" />
T 122         <roundcube:button command="previouspage" type="link" class="button prevpage disabled" classAct="button prevpage" classSel="button prevpage pressed" innerClass="inner" title="previouspage" content="&amp;lt;" />
123         <roundcube:button command="nextpage" type="link" class="button nextpage disabled" classAct="button nextpage" classSel="button nextpage pressed" innerClass="inner" title="nextpage" content="&amp;gt;" />
124         <roundcube:button command="lastpage" type="link" class="button lastpage disabled" classAct="button lastpage" classSel="button lastpage pressed" innerClass="inner" title="lastpage" content="&amp;gt;|" />
becca0 125         </span>
13ed1e 126     </div>
c7dcb3 127
077bef 128     <roundcube:container name="listcontrols" id="listcontrols" />
TB 129
e8bcf0 130     <a href="#preview" id="mailpreviewtoggle" class="iconbutton" title="<roundcube:label name='previewpane' />" role="button" tabindex="0"></a>
b1fa1a 131 </div>
T 132
133 </div><!-- end mailview-top -->
134
135 <div id="mailview-bottom" class="uibox">
c7dcb3 136
a539ce 137 <div id="mailpreviewframe" class="iframebox" role="complementary" aria-labelledby="aria-label-mailpreviewframe">
TB 138 <h2 id="aria-label-mailpreviewframe" class="voice">Message preview</h2>
b2992d 139 <roundcube:object name="messagecontentframe" id="messagecontframe" style="width:100%; height:100%" frameborder="0" src="/watermark.html" title="Message preview" />
b1fa1a 140 </div>
T 141
142 </div><!-- end mailview-bottom -->
143
144 </div><!-- end mailview-right -->
145
f8a9c2 146 </div><!-- end mainscreencontent -->
b1fa1a 147
f8a9c2 148 </div><!-- end mainscreen -->
1c079c 149
b2992d 150 <div id="dragmessagemenu" class="popupmenu" aria-hidden="true">
a539ce 151     <ul class="toolbarmenu" role="menu">
TB 152         <li role="menuitem"><roundcube:button command="move" onclick="return rcmail.drag_menu_action('move')" label="move" classAct="active" /></li>
153         <li role="menuitem"><roundcube:button command="copy" onclick="return rcmail.drag_menu_action('copy')" label="copy" classAct="active" /></li>
c7dcb3 154     </ul>
T 155 </div>
156
b2992d 157 <div id="mailboxmenu" class="popupmenu" aria-hidden="true">
a539ce 158     <h3 id="aria-label-mailboxmenu" class="voice">Folder actions menu</h3>
TB 159     <ul id="mailboxmenu-menu" class="toolbarmenu" id="mailboxoptionsmenu" role="menu" aria-labelledby="aria-label-mailboxmenu">
160         <li role="menuitem"><roundcube:button command="expunge" type="link" label="compact" classAct="active" /></li>
161         <li role="menuitem"><roundcube:button command="purge" type="link" label="empty" classAct="active" /></li>
162         <li role="menuitem"><roundcube:button command="import-messages" name="messageimport" type="link" classAct="active" label="importmessages" onclick="if(rcmail.command_enabled('import-messages'))UI.show_uploadform();return false" /></li>
163         <li role="menuitem"><roundcube:button command="folders" task="settings" type="link" label="managefolders" classAct="active" /></li>
c7dcb3 164         <roundcube:container name="mailboxoptions" id="mailboxoptionsmenu" />
T 165     </ul>
166 </div>
167
b2992d 168 <div id="listselectmenu" class="popupmenu dropdown" aria-hidden="true">
a539ce 169     <h3 id="aria-label-listselectmenu" class="voice">List selection menu</h3>
TB 170     <ul id="listselectmenu-menu" class="toolbarmenu iconized" role="menu" aria-labelledby="aria-label-listselectmenu">
171         <li role="menuitem"><roundcube:button command="select-all" type="link" label="all" class="icon" classAct="icon active" innerclass="icon mail" /></li>
172         <li role="menuitem"><roundcube:button command="select-all" type="link" prop="page" label="currpage" class="icon" classAct="icon active" innerclass="icon list" /></li>
173         <li role="menuitem"><roundcube:button command="select-all" type="link" prop="unread" label="unread" class="icon" classAct="icon active" innerclass="icon unread" /></li>
174         <li role="menuitem"><roundcube:button command="select-all" type="link" prop="flagged" label="flagged" class="icon" classAct="icon active" innerclass="icon flagged" /></li>
175         <li role="menuitem"><roundcube:button command="select-all" type="link" prop="invert" label="invert" class="icon" classAct="icon active" innerclass="icon invert" /></li>
176         <li role="menuitem"><roundcube:button command="select-none" type="link" label="none" class="icon" classAct="icon active" innerclass="icon cross" /></li>
847d31 177     </ul>
T 178 </div>
179
b2992d 180 <div id="threadselectmenu" class="popupmenu dropdown" aria-hidden="true">
a539ce 181     <h3 id="aria-label-threadselectmenu" class="voice">Threads listing menu</h3>
TB 182     <ul id="threadselectmenu-menu" class="toolbarmenu" role="menu" aria-labelledby="aria-label-threadselectmenu">
183         <li role="menuitem"><roundcube:button command="expand-all" type="link" label="expand-all" class="icon" classAct="icon active" innerclass="icon conversation" /></li>
184         <li role="menuitem"><roundcube:button command="expand-unread" type="link" label="expand-unread" class="icon" classAct="icon active" innerclass="icon conversation" /></li>
185         <li role="menuitem"><roundcube:button command="collapse-all" type="link" label="collapse-all" class="icon" classAct="icon active" innerclass="icon conversation" /></li>
847d31 186     </ul>
T 187 </div>
188
b2992d 189 <div id="listoptions" class="propform popupdialog" role="dialog" aria-labelledby="aria-label-listoptions" aria-hidden="true">
a539ce 190 <h2 id="aria-label-listoptions" class="voice">Message list display and sorting options</h2>
74d4c7 191 <roundcube:if condition="!in_array('list_cols', (array)config:dont_override)" />
T 192     <fieldset class="floating">
193         <legend><roundcube:label name="listcolumns" /></legend>
194         <ul class="proplist">
eecb44 195             <li><label class="disabled"><input type="checkbox" name="list_col[]" value="threads" checked="checked" disabled="disabled" /> <span><roundcube:label name="threads" /></span></label></li>
AM 196             <li><label class="disabled"><input type="checkbox" name="list_col[]" value="subject" checked="checked" disabled="disabled" /> <span><roundcube:label name="subject" /></span></label></li>
197             <li><label><input type="checkbox" name="list_col[]" value="fromto" /> <span><roundcube:label name="fromto" /></span></label></li>
198             <li><label><input type="checkbox" name="list_col[]" value="from" /> <span><roundcube:label name="from" /></span></label></li>
199             <li><label><input type="checkbox" name="list_col[]" value="to" /> <span><roundcube:label name="to" /></span></label></li>
200             <li><label><input type="checkbox" name="list_col[]" value="replyto" /> <span><roundcube:label name="replyto" /></span></label></li>
201             <li><label><input type="checkbox" name="list_col[]" value="cc" /> <span><roundcube:label name="cc" /></span></label></li>
202             <li><label><input type="checkbox" name="list_col[]" value="date" /> <span><roundcube:label name="date" /></span></label></li>
203             <li><label><input type="checkbox" name="list_col[]" value="size" /> <span><roundcube:label name="size" /></span></label></li>
204             <li><label><input type="checkbox" name="list_col[]" value="status" /> <span><roundcube:label name="readstatus" /></span></label></li>
205             <li><label><input type="checkbox" name="list_col[]" value="attachment" /> <span><roundcube:label name="attachment" /></span></label></li>
206             <li><label><input type="checkbox" name="list_col[]" value="flag" /> <span><roundcube:label name="flag" /></span></label></li>
207             <li><label><input type="checkbox" name="list_col[]" value="priority" /> <span><roundcube:label name="priority" /></span></label></li>
74d4c7 208         </ul>
T 209     </fieldset>
210     <roundcube:endif />
211     <roundcube:if condition="!in_array('message_sort_col', (array)config:dont_override)" />
212     <fieldset class="floating">
213         <legend><roundcube:label name="listsorting" /></legend>
214         <ul class="proplist">
eecb44 215             <li><label><input type="radio" name="sort_col" value="" /> <span><roundcube:label name="nonesort" /></span></label></li>
AM 216             <li><label><input type="radio" name="sort_col" value="arrival" /> <span><roundcube:label name="arrival" /></span></label></li>
217             <li><label><input type="radio" name="sort_col" value="date" /> <span><roundcube:label name="sentdate" /></span></label></li>
218             <li><label><input type="radio" name="sort_col" value="subject" /> <span><roundcube:label name="subject" /></span></label></li>
219             <li><label><input type="radio" name="sort_col" value="fromto" /> <span><roundcube:label name="fromto" /></span></label></li>
220             <li><label><input type="radio" name="sort_col" value="from" /> <span><roundcube:label name="from" /></span></label></li>
221             <li><label><input type="radio" name="sort_col" value="to" /> <span><roundcube:label name="to" /></span></label></li>
222             <li><label><input type="radio" name="sort_col" value="cc" /> <span><roundcube:label name="cc" /></span></label></li>
223             <li><label><input type="radio" name="sort_col" value="size" /> <span><roundcube:label name="size" /></span></label></li>
74d4c7 224         </ul>
T 225     </fieldset>
226     <roundcube:endif />
227     <roundcube:if condition="!in_array('message_sort_order', (array)config:dont_override)" />
228     <fieldset class="floating">
229         <legend><roundcube:label name="listorder" /></legend>
230         <ul class="proplist">
eecb44 231             <li><label><input type="radio" name="sort_ord" value="ASC" /> <span><roundcube:label name="asc" /></span></label></li>
AM 232             <li><label><input type="radio" name="sort_ord" value="DESC" /> <span><roundcube:label name="desc" /></span></label></li>
74d4c7 233         </ul>
T 234     </fieldset>
235     <roundcube:endif />
236     <br style="clear:both" />
237     <div class="formbuttons">
238         <roundcube:button command="menu-save" id="listmenusave" type="input" class="button mainaction" label="save" />
6789bf 239         <roundcube:button command="menu-close" prop="messagelistmenu" id="listmenucancel" type="input" class="button" label="cancel" />
74d4c7 240     </div>
c7dcb3 241 </div>
T 242
b2992d 243 <div id="upload-dialog" class="propform popupdialog" title="<roundcube:label name='importmessages' />" aria-hidden="true">
TB 244     <h2 id="aria-label-uploaddialog" class="voice">Message import dialog</h2>
057af1 245     <roundcube:object name="messageimportform" id="uploadform" buttons="no" />
4f53ab 246     <div class="formbuttons">
TB 247         <roundcube:button command="import-messages" type="input" class="button mainaction" label="upload" />
248         <roundcube:button name="close" type="input" class="button" label="cancel" onclick="UI.show_uploadform()" />
249     </div>
250 </div>
251
c7dcb3 252 <roundcube:include file="/includes/footer.html" />
b1fa1a 253
e7c445 254 </body>
T 255 </html>