0
|
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 <style type="text/css">
|
8
|
7 <roundcube:if condition="env:layout != 'list'" />
|
|
8 #mailview-top { height: 270px; }
|
|
9 #mailview-bottom { top: 284px; height: auto; display: block; }
|
0
|
10 #mailpreviewframe { display: block; }
|
|
11 <roundcube:endif />
|
|
12 </style>
|
|
13 </head>
|
|
14 <body class="minwidth">
|
|
15
|
|
16 <roundcube:include file="/includes/header.html" />
|
|
17
|
|
18 <div id="mainscreen">
|
|
19
|
|
20 <h1 class="voice"><roundcube:label name="mail" /></h1>
|
|
21
|
|
22 <!-- toolbar -->
|
|
23 <h2 id="aria-label-toolbar" class="voice"><roundcube:label name="arialabeltoolbar" /></h2>
|
|
24 <div id="messagetoolbar" class="toolbar" role="toolbar" aria-labelledby="aria-label-toolbar">
|
|
25 <roundcube:button command="checkmail" type="link" class="button checkmail disabled" classAct="button checkmail" classSel="button checkmail pressed" label="refresh" title="checkmail" />
|
|
26 <roundcube:include file="/includes/mailtoolbar.html" />
|
|
27 </div>
|
|
28
|
|
29 <div id="messagesearchtools">
|
|
30
|
|
31 <!-- search filter -->
|
|
32 <div id="searchfilter">
|
|
33 <label for="messagessearchfilter" class="voice"><roundcube:label name="arialabelmessagessearchfilter" /></label>
|
|
34 <roundcube:object name="searchfilter" class="searchfilter decorated" id="messagessearchfilter" aria-controls="messagelist" />
|
|
35 </div>
|
|
36
|
|
37 <!-- search box -->
|
|
38 <div id="quicksearchbar" class="searchbox" role="search" aria-labelledby="aria-label-searchform">
|
|
39 <h2 id="aria-label-searchform" class="voice"><roundcube:label name="arialabelmailsearchform" /></h2>
|
|
40 <label for="quicksearchbox" class="voice"><roundcube:label name="arialabelmailquicksearchbox" /></label>
|
|
41 <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" />
|
|
42 <roundcube:object name="searchform" id="quicksearchbox" />
|
|
43 <roundcube:button command="reset-search" id="searchreset" class="iconbutton reset" title="resetsearch" label="resetsearch" />
|
|
44
|
|
45 <div id="searchmenu" class="popupmenu" data-editable="true">
|
|
46 <h3 id="aria-label-searchmenu" class="voice"><roundcube:label name="searchmod" /></h3>
|
|
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>
|
8
|
55 <li role="separator" class="separator"><label><roundcube:label name="date" /></label></li>
|
|
56 <li role="menuitem"><roundcube:object name="searchinterval" id="s_interval" onchange="rcmail.set_searchinterval($(this).val())" /></li>
|
0
|
57 <li role="separator" class="separator"><label><roundcube:label name="searchscope" /></label></li>
|
|
58 <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>
|
|
59 <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>
|
|
60 <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>
|
|
61 </ul>
|
8
|
62 <div class="buttons"><a class="button" href="#" onclick="if (rcmail.command('search')) UI.show_popup('searchmenu',false)"><roundcube:label name="search" /></a></div>
|
0
|
63 </div>
|
|
64
|
|
65 </div>
|
|
66
|
|
67 </div>
|
|
68
|
8
|
69 <div id="mainscreencontent" class="<roundcube:var name="env:layout" />">
|
0
|
70 <div id="mailview-left">
|
|
71
|
|
72 <!-- folders list -->
|
|
73 <div id="mailboxcontainer" class="uibox listbox" role="navigation" aria-labelledby="aria-label-folderlist">
|
|
74 <h2 id="aria-label-folderlist" class="voice"><roundcube:label name="arialabelfolderlist" /></h2>
|
|
75 <div id="folderlist-content" class="scroller withfooter">
|
|
76 <roundcube:object name="mailboxlist" id="mailboxlist" class="treelist listing folderlist" folder_filter="mail" unreadwrap="%s" />
|
|
77 </div>
|
|
78 <div id="folderlist-footer" class="boxfooter">
|
|
79 <roundcube:button name="mailboxmenulink" id="mailboxmenulink" type="link" title="folderactions" class="listbutton groupactions" onclick="UI.toggle_popup('mailboxmenu',event);return false" innerClass="inner" content="⚙" aria-haspopup="true" aria-expanded="false" aria-owns="mailboxoptionsmenu" />
|
|
80 <roundcube:if condition="env:quota" />
|
|
81 <span class="voice"><roundcube:label name="quota"></span>
|
|
82 <roundcube:object name="quotaDisplay" id="quotadisplay" class="countdisplay" display="text" />
|
|
83 <roundcube:endif />
|
|
84 </div>
|
|
85 </div>
|
|
86
|
|
87 </div>
|
|
88
|
|
89 <div id="mailview-right" role="main">
|
|
90
|
8
|
91 <roundcube:if condition="env:layout == 'desktop'" />
|
0
|
92 <div id="mailview-top" class="uibox">
|
|
93 <roundcube:else />
|
|
94 <div id="mailview-top" class="uibox fullheight">
|
|
95 <roundcube:endif />
|
|
96
|
|
97 <!-- messagelist -->
|
8
|
98 <div id="messagelistheader"><roundcube:object name="listmenulink" optionsmenuIcon="true" /></div>
|
|
99 <div id="messagelistcontainer" class="boxlistcontent" tabindex="-1">
|
0
|
100 <h2 id="aria-label-messagelist" class="voice"><roundcube:label name="arialabelmessagelist" /></h2>
|
|
101 <roundcube:object name="messages"
|
|
102 id="messagelist"
|
|
103 class="records-table messagelist sortheader fixedheader"
|
|
104 optionsmenuIcon="true"
|
|
105 aria-labelledby="aria-label-messagelist" />
|
|
106 </div>
|
|
107
|
|
108 <div class="voice" role="note">
|
|
109 <h3><roundcube:label name="helplistnavigation" /></h3>
|
|
110 <pre>
|
|
111 <roundcube:label name="helplistkeyboardnavigation" />
|
|
112 <roundcube:label name="helplistkeyboardnavmessages" />
|
|
113 </pre>
|
|
114 </div>
|
|
115
|
|
116 <!-- list footer -->
|
|
117 <div id="messagelistfooter">
|
|
118 <div id="listcontrols">
|
|
119 <roundcube:button href="#list" command="set-listmode" prop="list" class="iconbutton listmode disabled" classAct="iconbutton listmode" id="maillistmode" title="list" content="List" />
|
|
120 <roundcube:button href="#threads" command="set-listmode" prop="threads" class="iconbutton threadmode disabled" classAct="iconbutton threadmode" id="mailthreadmode" title="threads" content="Threads" />
|
|
121 </div>
|
|
122
|
|
123 <div id="listselectors">
|
|
124 <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>
|
|
125 <roundcube:if condition="env:threads" />
|
|
126 <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>
|
|
127 <roundcube:endif />
|
|
128 </div>
|
|
129
|
|
130 <div id="countcontrols" class="pagenav dark">
|
|
131 <roundcube:object name="messageCountDisplay" class="countdisplay" aria-live="polite" aria-relevant="text" />
|
|
132 <span class="pagenavbuttons">
|
|
133 <roundcube:button command="firstpage" type="link" class="button firstpage disabled" classAct="button firstpage" classSel="button firstpage pressed" innerClass="inner" title="firstpage" label="first" />
|
|
134 <roundcube:button command="previouspage" type="link" class="button prevpage disabled" classAct="button prevpage" classSel="button prevpage pressed" innerClass="inner" title="previouspage" label="previous" />
|
8
|
135 <input id="pagejumper" class="pagejumper" type="text" size="3" disabled title="<roundcube:label name="currpage" />" />
|
0
|
136 <roundcube:button command="nextpage" type="link" class="button nextpage disabled" classAct="button nextpage" classSel="button nextpage pressed" innerClass="inner" title="nextpage" label="next" />
|
|
137 <roundcube:button command="lastpage" type="link" class="button lastpage disabled" classAct="button lastpage" classSel="button lastpage pressed" innerClass="inner" title="lastpage" label="last" />
|
|
138 </span>
|
|
139 </div>
|
|
140
|
|
141 <roundcube:container name="listcontrols" id="listcontrols" />
|
|
142 </div>
|
|
143
|
|
144 </div><!-- end mailview-top -->
|
|
145
|
|
146 <div id="mailview-bottom" class="uibox">
|
|
147
|
|
148 <div id="mailpreviewframe" class="iframebox" role="complementary" aria-labelledby="aria-label-mailpreviewframe">
|
|
149 <h2 id="aria-label-mailpreviewframe" class="voice"><roundcube:label name="arialabelmailpreviewframe" /></h2>
|
|
150 <roundcube:object name="messagecontentframe" id="messagecontframe" style="width:100%; height:100%" frameborder="0" src="/watermark.html" title="arialabelmailpreviewframe" />
|
|
151 </div>
|
|
152
|
|
153 </div><!-- end mailview-bottom -->
|
|
154
|
|
155 </div><!-- end mailview-right -->
|
|
156
|
|
157 </div><!-- end mainscreencontent -->
|
|
158
|
|
159 </div><!-- end mainscreen -->
|
|
160
|
|
161 <div id="dragmessagemenu" class="popupmenu" aria-hidden="true">
|
|
162 <ul class="toolbarmenu" role="menu">
|
|
163 <roundcube:button command="move" type="link-menuitem" onclick="return rcmail.drag_menu_action('move')" label="move" classAct="active" />
|
|
164 <roundcube:button command="copy" type="link-menuitem" onclick="return rcmail.drag_menu_action('copy')" label="copy" classAct="active" />
|
|
165 </ul>
|
|
166 </div>
|
|
167
|
|
168 <div id="mailboxmenu" class="popupmenu" aria-hidden="true">
|
|
169 <h3 id="aria-label-mailboxmenu" class="voice"><roundcube:label name="arialabelmailboxmenu" /></h3>
|
|
170 <ul class="toolbarmenu" id="mailboxoptionsmenu" role="menu" aria-labelledby="aria-label-mailboxmenu">
|
|
171 <roundcube:button command="expunge" type="link-menuitem" label="compact" classAct="active" />
|
|
172 <roundcube:button command="purge" type="link-menuitem" label="empty" classAct="active" />
|
8
|
173 <roundcube:button command="mark-all-read" type="link-menuitem" label="markallread" classAct="active" />
|
|
174 <roundcube:button command="import-messages" type="link-menuitem" name="messageimport" classAct="active" label="importmessages" onclick="if (rcmail.command_enabled('import-messages')) rcmail.upload_input('uploadform')" />
|
0
|
175 <roundcube:button command="folders" task="settings" type="link-menuitem" label="managefolders" classAct="active" />
|
|
176 <roundcube:container name="mailboxoptions" id="mailboxoptionsmenu" />
|
|
177 </ul>
|
|
178 </div>
|
|
179
|
|
180 <div id="listselectmenu" class="popupmenu dropdown" aria-hidden="true">
|
|
181 <h3 id="aria-label-listselectmenu" class="voice"><roundcube:label name="arialabellistselectmenu" /></h3>
|
|
182 <ul id="listselectmenu-menu" class="toolbarmenu iconized" role="menu" aria-labelledby="aria-label-listselectmenu">
|
|
183 <roundcube:button command="select-all" type="link-menuitem" label="all" class="icon" classAct="icon active" innerclass="icon mail" />
|
|
184 <roundcube:button command="select-all" type="link-menuitem" prop="page" label="currpage" class="icon" classAct="icon active" innerclass="icon list" />
|
|
185 <roundcube:button command="select-all" type="link-menuitem" prop="unread" label="unread" class="icon" classAct="icon active" innerclass="icon unread" />
|
|
186 <roundcube:button command="select-all" type="link-menuitem" prop="flagged" label="flagged" class="icon" classAct="icon active" innerclass="icon flagged" />
|
|
187 <roundcube:button command="select-all" type="link-menuitem" prop="invert" label="invert" class="icon" classAct="icon active" innerclass="icon invert" />
|
|
188 <roundcube:button command="select-none" type="link-menuitem" label="none" class="icon" classAct="icon active" innerclass="icon cross" />
|
|
189 </ul>
|
|
190 </div>
|
|
191
|
|
192 <div id="threadselectmenu" class="popupmenu dropdown" aria-hidden="true">
|
|
193 <h3 id="aria-label-threadselectmenu" class="voice"><roundcube:label name="arialabelthreadselectmenu" /></h3>
|
|
194 <ul id="threadselectmenu-menu" class="toolbarmenu" role="menu" aria-labelledby="aria-label-threadselectmenu">
|
|
195 <roundcube:button command="expand-all" type="link-menuitem" label="expand-all" class="icon" classAct="icon active" innerclass="icon conversation" />
|
|
196 <roundcube:button command="expand-unread" type="link-menuitem" label="expand-unread" class="icon" classAct="icon active" innerclass="icon conversation" />
|
|
197 <roundcube:button command="collapse-all" type="link-menuitem" label="collapse-all" class="icon" classAct="icon active" innerclass="icon conversation" />
|
|
198 </ul>
|
|
199 </div>
|
|
200
|
|
201 <div id="listoptions" class="propform popupdialog" role="dialog" aria-labelledby="aria-label-listoptions" aria-hidden="true">
|
|
202 <h2 id="aria-label-listoptions" class="voice"><roundcube:label name="arialabelmessagelistoptions" /></h2>
|
8
|
203 <roundcube:if condition="!in_array('layout', (array)config:dont_override)" />
|
|
204 <fieldset id="listoptions-layout" class="floating">
|
|
205 <legend><roundcube:label name="layout" /></legend>
|
|
206 <ul class="proplist">
|
|
207 <li><label><input type="radio" name="layout" value="widescreen" /> <span><roundcube:label name="layoutwidescreen" /></span></label></li>
|
|
208 <li><label><input type="radio" name="layout" value="desktop" /> <span><roundcube:label name="layoutdesktop" /></span></label></li>
|
|
209 <li><label><input type="radio" name="layout" value="list" /> <span><roundcube:label name="layoutlist" /></span></label></li>
|
|
210 </ul>
|
|
211 </fieldset>
|
|
212 <roundcube:endif />
|
|
213 <roundcube:if condition="!in_array('list_cols', (array)config:dont_override)" />
|
|
214 <fieldset id="listoptions-columns" class="floating">
|
0
|
215 <legend><roundcube:label name="listcolumns" /></legend>
|
|
216 <ul class="proplist">
|
8
|
217 <li><label class="disabled"><input type="checkbox" name="list_col[]" value="threads" checked disabled /> <span><roundcube:label name="threads" /></span></label></li>
|
|
218 <li><label class="disabled"><input type="checkbox" name="list_col[]" value="subject" checked disabled /> <span><roundcube:label name="subject" /></span></label></li>
|
0
|
219 <li><label><input type="checkbox" name="list_col[]" value="fromto" /> <span><roundcube:label name="fromto" /></span></label></li>
|
|
220 <li><label><input type="checkbox" name="list_col[]" value="from" /> <span><roundcube:label name="from" /></span></label></li>
|
|
221 <li><label><input type="checkbox" name="list_col[]" value="to" /> <span><roundcube:label name="to" /></span></label></li>
|
|
222 <li><label><input type="checkbox" name="list_col[]" value="replyto" /> <span><roundcube:label name="replyto" /></span></label></li>
|
|
223 <li><label><input type="checkbox" name="list_col[]" value="cc" /> <span><roundcube:label name="cc" /></span></label></li>
|
|
224 <li><label><input type="checkbox" name="list_col[]" value="date" /> <span><roundcube:label name="date" /></span></label></li>
|
|
225 <li><label><input type="checkbox" name="list_col[]" value="size" /> <span><roundcube:label name="size" /></span></label></li>
|
|
226 <li><label><input type="checkbox" name="list_col[]" value="status" /> <span><roundcube:label name="readstatus" /></span></label></li>
|
|
227 <li><label><input type="checkbox" name="list_col[]" value="attachment" /> <span><roundcube:label name="attachment" /></span></label></li>
|
|
228 <li><label><input type="checkbox" name="list_col[]" value="flag" /> <span><roundcube:label name="flag" /></span></label></li>
|
|
229 <li><label><input type="checkbox" name="list_col[]" value="priority" /> <span><roundcube:label name="priority" /></span></label></li>
|
|
230 </ul>
|
|
231 </fieldset>
|
|
232 <roundcube:endif />
|
|
233 <roundcube:if condition="!in_array('message_sort_col', (array)config:dont_override)" />
|
8
|
234 <fieldset id="listoptions-sortcol" class="floating">
|
0
|
235 <legend><roundcube:label name="listsorting" /></legend>
|
|
236 <ul class="proplist">
|
|
237 <li><label><input type="radio" name="sort_col" value="" /> <span><roundcube:label name="nonesort" /></span></label></li>
|
|
238 <li><label><input type="radio" name="sort_col" value="arrival" /> <span><roundcube:label name="arrival" /></span></label></li>
|
|
239 <li><label><input type="radio" name="sort_col" value="date" /> <span><roundcube:label name="sentdate" /></span></label></li>
|
|
240 <li><label><input type="radio" name="sort_col" value="subject" /> <span><roundcube:label name="subject" /></span></label></li>
|
|
241 <li><label><input type="radio" name="sort_col" value="fromto" /> <span><roundcube:label name="fromto" /></span></label></li>
|
|
242 <li><label><input type="radio" name="sort_col" value="from" /> <span><roundcube:label name="from" /></span></label></li>
|
|
243 <li><label><input type="radio" name="sort_col" value="to" /> <span><roundcube:label name="to" /></span></label></li>
|
|
244 <li><label><input type="radio" name="sort_col" value="cc" /> <span><roundcube:label name="cc" /></span></label></li>
|
|
245 <li><label><input type="radio" name="sort_col" value="size" /> <span><roundcube:label name="size" /></span></label></li>
|
|
246 </ul>
|
|
247 </fieldset>
|
|
248 <roundcube:endif />
|
|
249 <roundcube:if condition="!in_array('message_sort_order', (array)config:dont_override)" />
|
8
|
250 <fieldset id="listoptions-sortord" class="floating">
|
0
|
251 <legend><roundcube:label name="listorder" /></legend>
|
|
252 <ul class="proplist">
|
|
253 <li><label><input type="radio" name="sort_ord" value="ASC" /> <span><roundcube:label name="asc" /></span></label></li>
|
|
254 <li><label><input type="radio" name="sort_ord" value="DESC" /> <span><roundcube:label name="desc" /></span></label></li>
|
|
255 </ul>
|
|
256 </fieldset>
|
|
257 <roundcube:endif />
|
|
258 <br style="clear:both" />
|
|
259 <div class="formbuttons">
|
|
260 <roundcube:button command="menu-save" id="listmenusave" type="input" class="button mainaction" label="save" />
|
|
261 <roundcube:button command="menu-close" prop="messagelistmenu" id="listmenucancel" type="input" class="button" label="cancel" />
|
|
262 </div>
|
|
263 </div>
|
|
264
|
8
|
265 <roundcube:object name="messageimportform" id="uploadform" mode="smart" />
|
0
|
266
|
|
267 <roundcube:include file="/includes/footer.html" />
|
|
268
|
|
269 </body>
|
|
270 </html>
|