|
|
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
|
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
|
|
|
<head>
|
|
|
|
|
<title><roundcube:object name="pagetitle" /></title>
|
|
|
|
|
<roundcube:include file="/includes/links.html" />
|
|
|
|
|
<link rel="stylesheet" type="text/css" href="/mail.css" />
|
|
|
|
|
<script type="text/javascript" src="/splitter.js"></script>
|
|
|
|
|
<script type="text/javascript">
|
|
|
|
|
|
|
|
|
|
function rcube_mail_ui()
|
|
|
|
|
{
|
|
|
|
|
this.markmenu = new rcube_layer('markmessagemenu');
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
rcube_mail_ui.prototype = {
|
|
|
|
|
|
|
|
|
|
show_markmenu: function(show)
|
|
|
|
|
{
|
|
|
|
|
if (typeof show == 'undefined')
|
|
|
|
|
show = this.markmenu.visible ? false : true;
|
|
|
|
|
|
|
|
|
|
var ref = rcube_find_object('markreadbutton');
|
|
|
|
|
if (show && ref)
|
|
|
|
|
this.markmenu.move(ref.offsetLeft, ref.offsetTop + ref.offsetHeight);
|
|
|
|
|
|
|
|
|
|
this.markmenu.show(show);
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
body_mouseup: function(evt, p)
|
|
|
|
|
{
|
|
|
|
|
if (this.markmenu && this.markmenu.visible && evt.target != rcube_find_object('markreadbutton'))
|
|
|
|
|
this.show_markmenu(false);
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
body_keypress: function(evt, p)
|
|
|
|
|
{
|
|
|
|
|
if (rcube_event.get_keycode(evt) == 27 && this.markmenu && this.markmenu.visible)
|
|
|
|
|
this.show_markmenu(false);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
</script>
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
|
|
|
|
|
<roundcube:include file="/includes/taskbar.html" />
|
|
|
|
|
<roundcube:include file="/includes/header.html" />
|
|
|
|
|
|
|
|
|
|
<div id="mailboxlist-container">
|
|
|
|
|
<h3 id="mailboxlist-header"><roundcube:label name="mailboxlist" /></h3>
|
|
|
|
|
<roundcube:object name="mailboxlist" id="mailboxlist" maxlength="16" />
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="mailboxcontrols">
|
|
|
|
|
<roundcube:label name="folder" />:
|
|
|
|
|
<roundcube:button command="expunge" label="compact" classAct="active" />
|
|
|
|
|
<roundcube:button command="purge" label="empty" classAct="active" />
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div id="mailcontframe">
|
|
|
|
|
<roundcube:object name="messages"
|
|
|
|
|
id="messagelist"
|
|
|
|
|
cellspacing="0"
|
|
|
|
|
summary="Message list"
|
|
|
|
|
messageIcon="/images/icons/dot.png"
|
|
|
|
|
unreadIcon="/images/icons/unread.png"
|
|
|
|
|
deletedIcon="/images/icons/deleted.png"
|
|
|
|
|
repliedIcon="/images/icons/replied.png"
|
|
|
|
|
attachmentIcon="/images/icons/attachment.png"
|
|
|
|
|
flaggedIcon="/images/icons/flagged.png"
|
|
|
|
|
unflaggedIcon="/images/icons/unflagged.png" />
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<roundcube:if condition="config:preview_pane == true" />
|
|
|
|
|
<script type="text/javascript">
|
|
|
|
|
var mailviewsplit = new rcube_splitter({id:'mailviewsplitter', p1: 'mailcontframe', p2: 'mailpreviewframe', orientation: 'h'});
|
|
|
|
|
rcmail.add_onload('mailviewsplit.init()');
|
|
|
|
|
</script>
|
|
|
|
|
<div id="mailpreviewframe">
|
|
|
|
|
<roundcube:object name="messagecontentframe" id="messagecontframe" width="100%" height="100%" frameborder="0" src="/watermark.html" />
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<style type="text/css">
|
|
|
|
|
#mailcontframe {
|
|
|
|
|
bottom: auto;
|
|
|
|
|
height: 208px;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
<roundcube:endif />
|
|
|
|
|
|
|
|
|
|
<div id="listcontrols">
|
|
|
|
|
<roundcube:label name="select" />:
|
|
|
|
|
<roundcube:button command="select-all" label="all" classAct="active" />
|
|
|
|
|
<roundcube:button command="select-all" prop="unread" label="unread" classAct="active" />
|
|
|
|
|
<roundcube:button command="select-none" label="none" classAct="active" />
|
|
|
|
|
<roundcube:if condition="env:quota" />
|
|
|
|
|
<roundcube:label name="quota" />: <roundcube:object name="quotaDisplay" display="image" width="120" id="quotadisplay" />
|
|
|
|
|
<roundcube:endif />
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="messagetoolbar">
|
|
|
|
|
<roundcube:button command="checkmail" imageSel="/images/buttons/inbox_sel.png" imageAct="/images/buttons/inbox_act.png" imagePas="/images/buttons/inbox_pas.png" width="32" height="32" title="checkmail" />
|
|
|
|
|
<roundcube:button command="compose" imageSel="/images/buttons/compose_sel.png" imageAct="/images/buttons/compose_act.png" imagePas="/images/buttons/compose_pas.png" width="32" height="32" title="writenewmessage" />
|
|
|
|
|
<roundcube:button name="markreadbutton" id="markreadbutton" image="/images/buttons/markread_act.png" width="32" height="32" title="markmessages" onclick="rcmailUI.show_markmenu();return false" />
|
|
|
|
|
<roundcube:button command="reply" imageSel="/images/buttons/reply_sel.png" imageAct="/images/buttons/reply_act.png" imagePas="/images/buttons/reply_pas.png" width="32" height="32" title="replytomessage" />
|
|
|
|
|
<roundcube:button command="reply-all" imageSel="/images/buttons/replyall_sel.png" imageAct="/images/buttons/replyall_act.png" imagePas="/images/buttons/replyall_pas.png" width="32" height="32" title="replytoallmessage" />
|
|
|
|
|
<roundcube:button command="forward" imageSel="/images/buttons/forward_sel.png" imageAct="/images/buttons/forward_act.png" imagePas="/images/buttons/forward_pas.png" width="32" height="32" title="forwardmessage" />
|
|
|
|
|
<roundcube:button command="delete" imageSel="/images/buttons/delete_sel.png" imageAct="/images/buttons/delete_act.png" imagePas="/images/buttons/delete_pas.png" width="32" height="32" title="deletemessage" />
|
|
|
|
|
<roundcube:button command="print" imageSel="/images/buttons/print_sel.png" imageAct="/images/buttons/print_act.png" imagePas="/images/buttons/print_pas.png" width="32" height="32" title="printmessage" />
|
|
|
|
|
|
|
|
|
|
<div id="markmessagemenu">
|
|
|
|
|
<ul class="toolbarmenu">
|
|
|
|
|
<li><roundcube:button command="mark" prop="read" label="markread" classAct="active" /></li>
|
|
|
|
|
<li><roundcube:button command="mark" prop="unread" label="markunread" classAct="active" /></li>
|
|
|
|
|
<li><roundcube:button command="mark" prop="flagged" label="markflagged" classAct="active" /></li>
|
|
|
|
|
<li><roundcube:button command="mark" prop="unflagged" label="markunflagged" classAct="active" /></li>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="quicksearchbar">
|
|
|
|
|
<roundcube:object name="searchform" type="search" results="5" id="quicksearchbox" /><roundcube:button command="reset-search" id="searchreset" image="/images/icons/reset.gif" title="resetsearch" />
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="messagecountbar">
|
|
|
|
|
<roundcube:button command="firstpage" imageSel="/images/buttons/first_sel.png" imageAct="/images/buttons/first_act.png" imagePas="/images/buttons/first_pas.png" width="11" height="11" title="firstmessages" />
|
|
|
|
|
<roundcube:button command="previouspage" imageSel="/images/buttons/previous_sel.png" imageAct="/images/buttons/previous_act.png" imagePas="/images/buttons/previous_pas.png" width="11" height="11" title="previousmessages" />
|
|
|
|
|
<roundcube:object name="messageCountDisplay" />
|
|
|
|
|
<roundcube:button command="nextpage" imageSel="/images/buttons/next_sel.png" imageAct="/images/buttons/next_act.png" imagePas="/images/buttons/next_pas.png" width="11" height="11" title="nextmessages" />
|
|
|
|
|
<roundcube:button command="lastpage" imageSel="/images/buttons/last_sel.png" imageAct="/images/buttons/last_act.png" imagePas="/images/buttons/last_pas.png" width="11" height="11" title="lastmessages" />
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<script type="text/javascript">
|
|
|
|
|
|
|
|
|
|
var rcmailUI = new rcube_mail_ui();
|
|
|
|
|
rcube_event.add_listener({ object:rcmailUI, method:'body_mouseup', event:'mouseup' });
|
|
|
|
|
rcube_event.add_listener({ object:rcmailUI, method:'body_keypress', event:'keypress' });
|
|
|
|
|
|
|
|
|
|
</script>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
