You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
195 lines
13 KiB
HTML
195 lines
13 KiB
HTML
8 years ago
|
<roundcube:include file="/includes/layout.html" />
|
||
|
<roundcube:include file="/includes/menu.html" />
|
||
|
|
||
|
<h1 class="voice"><roundcube:label name="mail" /></h1>
|
||
|
|
||
|
<!-- folders list -->
|
||
|
<div id="sidebar" class="sidebar listbox" role="navigation" aria-labelledby="aria-label-folderlist">
|
||
|
<div class="header">
|
||
|
<a class="button menu-button" href="#menu"><i class="content icon"></i></a>
|
||
|
<span class="username"><roundcube:object name="username" /></span>
|
||
|
</div>
|
||
|
<h2 id="aria-label-folderlist" class="voice"><roundcube:label name="arialabelfolderlist" /></h2>
|
||
|
<div id="folderlist-content" class="scroller">
|
||
|
<roundcube:object name="mailboxlist" id="mailboxlist" class="treelist listing folderlist" folder_filter="mail" unreadwrap="%s" />
|
||
|
</div>
|
||
|
<div id="folderlist-footer" class="footer">
|
||
|
<roundcube:button id="mailboxmenulink" type="link" title="folderactions" class="listbutton groupactions" data-popup="mailboxoptions-menu" innerClass="inner" content="⚙" />
|
||
|
<roundcube:if condition="env:quota" />
|
||
|
<span class="voice"><roundcube:label name="quota"></span>
|
||
|
<roundcube:object name="quotaDisplay" id="quotadisplay" class="countdisplay" display="text" />
|
||
|
<roundcube:endif />
|
||
|
</div>
|
||
|
</div>
|
||
|
|
||
|
<!-- messages list -->
|
||
|
<div id="list" class="list listbox selected">
|
||
|
<div id="messagelist-header" class="header">
|
||
|
<a class="button menu-button" href="#menu"><i class="content icon"></i></a>
|
||
|
<a class="button back-sidebar-button" href="#sidebar"><i class="chevron left icon"></i></a>
|
||
|
<span id="folder-name"></span>
|
||
|
<div class="toolbar">
|
||
|
<roundcube:object name="listmenulink" class="button settings" innerclass="inner" />
|
||
|
</div>
|
||
|
</div>
|
||
|
<div id="messagelist-content" class="scroller" tabindex="-1">
|
||
|
<h2 id="aria-label-messagelist" class="voice"><roundcube:label name="arialabelmessagelist" /></h2>
|
||
|
<roundcube:object name="messages"
|
||
|
id="messagelist"
|
||
|
class="listing messagelist sortheader fixedheader"
|
||
|
optionsmenuIcon="true"
|
||
|
aria-labelledby="aria-label-messagelist"
|
||
|
/>
|
||
|
</div>
|
||
|
<div id="messagelist-footer" class="footer">
|
||
|
<div id="listcontrols">
|
||
|
<roundcube:button href="#list" command="set-listmode" prop="list" type="link"
|
||
|
class="iconbutton listmode disabled" classAct="iconbutton listmode"
|
||
|
id="maillistmode" title="list" content="List"
|
||
|
/>
|
||
|
<roundcube:button href="#threads" command="set-listmode" prop="threads" type="link"
|
||
|
class="iconbutton threadmode disabled" classAct="iconbutton threadmode"
|
||
|
id="mailthreadmode" title="threads" content="Threads"
|
||
|
/>
|
||
|
</div>
|
||
|
<div id="listselectors">
|
||
|
<a href="#select" id="listselectmenulink" class="menuselector" data-popup="listselect-menu"><span class="handle"><roundcube:label name="select" /></span></a>
|
||
|
<roundcube:if condition="env:threads" />
|
||
|
<a href="#threads" id="threadselectmenulink" class="menuselector" data-popup="threadselect-menu"><span class="handle"><roundcube:label name="threads" /></span></a>
|
||
|
<roundcube:endif />
|
||
|
</div>
|
||
|
<div id="countcontrols" class="toolbar">
|
||
|
<roundcube:object name="messageCountDisplay" class="countdisplay" aria-live="polite" aria-relevant="text" />
|
||
|
<span class="pagenavbuttons">
|
||
|
<roundcube:button command="firstpage" type="link"
|
||
|
class="button firstpage disabled" classAct="button firstpage"
|
||
|
title="firstpage" label="first" innerclass="inner" />
|
||
|
<roundcube:button command="previouspage" type="link"
|
||
|
class="button prevpage disabled" classAct="button prevpage"
|
||
|
title="previouspage" label="previous" innerclass="inner" />
|
||
|
<input id="pagejumper" class="pagejumper" type="text" size="3" disabled title="<roundcube:label name="currpage" />" />
|
||
|
<roundcube:button command="nextpage" type="link"
|
||
|
class="button nextpage disabled" classAct="button nextpage"
|
||
|
title="nextpage" label="next" innerclass="inner" />
|
||
|
<roundcube:button command="lastpage" type="link"
|
||
|
class="button lastpage disabled" classAct="button lastpage"
|
||
|
title="lastpage" label="last" innerclass="inner" />
|
||
|
</span>
|
||
|
</div>
|
||
|
<roundcube:container name="listcontrols" id="listcontrols" />
|
||
|
</div>
|
||
|
</div>
|
||
|
|
||
|
<!-- message preview -->
|
||
|
<div id="content" class="content">
|
||
|
<div class="header">
|
||
|
<roundcube:include file="/includes/mail-menu.html" />
|
||
|
</div>
|
||
|
<h2 id="aria-label-mailpreviewframe" class="voice"><roundcube:label name="arialabelmailpreviewframe" /></h2>
|
||
|
<roundcube:object name="messagecontentframe"
|
||
|
id="messagecontframe"
|
||
|
aria-labelledby="aria-label-mailpreviewframe"
|
||
|
src="/watermark.html"
|
||
|
title="arialabelmailpreviewframe"
|
||
|
/>
|
||
|
</div>
|
||
|
|
||
|
<!-- popup menus -->
|
||
|
<div id="search-menu" class="ui popup" data-editable="true">
|
||
|
<h3 id="aria-label-searchmenu" class="voice"><roundcube:label name="searchmod" /></h3>
|
||
|
<ul class="toolbarmenu" role="menu" aria-labelledby="aria-label-searchmenu">
|
||
|
<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>
|
||
|
<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>
|
||
|
<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>
|
||
|
<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>
|
||
|
<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>
|
||
|
<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>
|
||
|
<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>
|
||
|
<li role="separator" class="separator"><label><roundcube:label name="date" /></label></li>
|
||
|
<li role="menuitem"><roundcube:object name="searchinterval" id="s_interval" onchange="rcmail.set_searchinterval($(this).val())" /></li>
|
||
|
<li role="separator" class="separator"><label><roundcube:label name="searchscope" /></label></li>
|
||
|
<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>
|
||
|
<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>
|
||
|
<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>
|
||
|
</ul>
|
||
|
<div class="buttons"><a class="button" href="#" onclick="if (rcmail.command('search')) UI.show_popup('searchmenu',false)"><roundcube:label name="search" /></a></div>
|
||
|
</div>
|
||
|
|
||
|
<div id="dragmessage-menu" class="ui popup">
|
||
|
<ul class="toolbarmenu" role="menu">
|
||
|
<roundcube:button command="move" type="link-menuitem" onclick="return rcmail.drag_menu_action('move')" label="move" classAct="active" />
|
||
|
<roundcube:button command="copy" type="link-menuitem" onclick="return rcmail.drag_menu_action('copy')" label="copy" classAct="active" />
|
||
|
</ul>
|
||
|
</div>
|
||
|
|
||
|
<div id="mailboxoptions-menu" class="ui popup">
|
||
|
<h3 id="aria-label-mailboxmenu" class="voice"><roundcube:label name="arialabelmailboxmenu" /></h3>
|
||
|
<ul class="toolbarmenu listing" role="menu" aria-labelledby="aria-label-mailboxmenu">
|
||
|
<roundcube:button command="expunge" type="link-menuitem" label="compact" classAct="active" />
|
||
|
<roundcube:button command="purge" type="link-menuitem" label="empty" classAct="active" />
|
||
|
<roundcube:button command="mark-all-read" type="link-menuitem" label="markallread" classAct="active" />
|
||
|
<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')" />
|
||
|
<roundcube:button command="folders" task="settings" type="link-menuitem" label="managefolders" classAct="active" />
|
||
|
<roundcube:container name="mailboxoptions" id="mailboxoptionsmenu" />
|
||
|
</ul>
|
||
|
</div>
|
||
|
|
||
|
<div id="listselect-menu" class="ui popup">
|
||
|
<h3 id="aria-label-listselectmenu" class="voice"><roundcube:label name="arialabellistselectmenu" /></h3>
|
||
|
<ul class="toolbarmenu listing" role="menu" aria-labelledby="aria-label-listselectmenu">
|
||
|
<roundcube:button command="select-all" type="link-menuitem" label="all" class="icon" classAct="icon active" innerclass="icon mail" />
|
||
|
<roundcube:button command="select-all" type="link-menuitem" prop="page" label="currpage" class="icon" classAct="icon active" innerclass="icon list" />
|
||
|
<roundcube:button command="select-all" type="link-menuitem" prop="unread" label="unread" class="icon" classAct="icon active" innerclass="icon unread" />
|
||
|
<roundcube:button command="select-all" type="link-menuitem" prop="flagged" label="flagged" class="icon" classAct="icon active" innerclass="icon flagged" />
|
||
|
<roundcube:button command="select-all" type="link-menuitem" prop="invert" label="invert" class="icon" classAct="icon active" innerclass="icon invert" />
|
||
|
<roundcube:button command="select-none" type="link-menuitem" label="none" class="icon" classAct="icon active" innerclass="icon cross" />
|
||
|
</ul>
|
||
|
</div>
|
||
|
|
||
|
<div id="threadselect-menu" class="ui popup dropdown">
|
||
|
<h3 id="aria-label-threadselectmenu" class="voice"><roundcube:label name="arialabelthreadselectmenu" /></h3>
|
||
|
<ul class="toolbarmenu listing" role="menu" aria-labelledby="aria-label-threadselectmenu">
|
||
|
<roundcube:button command="expand-all" type="link-menuitem" label="expand-all" class="icon" classAct="icon active" innerclass="icon conversation" />
|
||
|
<roundcube:button command="expand-unread" type="link-menuitem" label="expand-unread" class="icon" classAct="icon active" innerclass="icon conversation" />
|
||
|
<roundcube:button command="collapse-all" type="link-menuitem" label="collapse-all" class="icon" classAct="icon active" innerclass="icon conversation" />
|
||
|
</ul>
|
||
|
</div>
|
||
|
|
||
|
<div id="listoptions-menu" class="propform ui popup" role="dialog" aria-labelledby="aria-label-listoptions">
|
||
|
<h3 id="aria-label-listoptions" class="voice"><roundcube:label name="arialabelmessagelistoptions" /></h3>
|
||
|
<roundcube:if condition="!in_array('message_sort_col', (array)config:dont_override)" />
|
||
|
<fieldset id="listoptions-sortcol" class="floating">
|
||
|
<legend><roundcube:label name="listsorting" /></legend>
|
||
|
<ul class="proplist">
|
||
|
<li><label><input type="radio" name="sort_col" value="" /> <span><roundcube:label name="nonesort" /></span></label></li>
|
||
|
<li><label><input type="radio" name="sort_col" value="arrival" /> <span><roundcube:label name="arrival" /></span></label></li>
|
||
|
<li><label><input type="radio" name="sort_col" value="date" /> <span><roundcube:label name="sentdate" /></span></label></li>
|
||
|
<li><label><input type="radio" name="sort_col" value="subject" /> <span><roundcube:label name="subject" /></span></label></li>
|
||
|
<li><label><input type="radio" name="sort_col" value="fromto" /> <span><roundcube:label name="fromto" /></span></label></li>
|
||
|
<li><label><input type="radio" name="sort_col" value="from" /> <span><roundcube:label name="from" /></span></label></li>
|
||
|
<li><label><input type="radio" name="sort_col" value="to" /> <span><roundcube:label name="to" /></span></label></li>
|
||
|
<li><label><input type="radio" name="sort_col" value="cc" /> <span><roundcube:label name="cc" /></span></label></li>
|
||
|
<li><label><input type="radio" name="sort_col" value="size" /> <span><roundcube:label name="size" /></span></label></li>
|
||
|
</ul>
|
||
|
</fieldset>
|
||
|
<roundcube:endif />
|
||
|
<roundcube:if condition="!in_array('message_sort_order', (array)config:dont_override)" />
|
||
|
<fieldset id="listoptions-sortord" class="floating">
|
||
|
<legend><roundcube:label name="listorder" /></legend>
|
||
|
<ul class="proplist">
|
||
|
<li><label><input type="radio" name="sort_ord" value="ASC" /> <span><roundcube:label name="asc" /></span></label></li>
|
||
|
<li><label><input type="radio" name="sort_ord" value="DESC" /> <span><roundcube:label name="desc" /></span></label></li>
|
||
|
</ul>
|
||
|
</fieldset>
|
||
|
<roundcube:endif />
|
||
|
<br style="clear:both" />
|
||
|
<div class="formbuttons">
|
||
|
<roundcube:button command="menu-save" id="listmenusave" type="input" class="ui primary button" label="save" />
|
||
|
<roundcube:button command="menu-close" prop="messagelistmenu" id="listmenucancel" type="input" class="ui button" label="cancel" />
|
||
|
</div>
|
||
|
</div>
|
||
|
|
||
|
<roundcube:object name="messageimportform" id="uploadform" mode="smart" />
|
||
|
|
||
|
<roundcube:include file="/includes/footer.html" />
|