From 47c9ccbf6f2ffc344a5e85eefe4a9b9ba2c1b1ba Mon Sep 17 00:00:00 2001 From: thomascube <thomas@roundcube.net> Date: Thu, 25 Sep 2008 10:09:56 -0400 Subject: [PATCH] Also allow appending messages to inbox (if not listed) --- skins/default/templates/mail.html | 153 +++++++++++++++++++++++++++++++++++++++++++++------ 1 files changed, 135 insertions(+), 18 deletions(-) diff --git a/skins/default/templates/mail.html b/skins/default/templates/mail.html index 61d0e6d..24f851a 100644 --- a/skins/default/templates/mail.html +++ b/skins/default/templates/mail.html @@ -4,30 +4,78 @@ <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> +<style type="text/css"> +<roundcube:if condition="config:preview_pane == true" /> +#mailcontframe { height: <roundcube:exp expression="!empty(cookie:mailviewsplitter) ? cookie:mailviewsplitter-5 : 195" />px; } +#mailpreviewframe { + top: <roundcube:exp expression="!empty(cookie:mailviewsplitter) ? cookie:mailviewsplitter+5 : 205" />px; + /* css hack for IE */ + height: expression((parseInt(this.parentNode.offsetHeight)-<roundcube:exp expression="!empty(cookie:mailviewsplitter) ? cookie:mailviewsplitter+5 : 205" />)+'px'); +} +<roundcube:endif /> +#mailboxlist-container { width: <roundcube:exp expression="!empty(cookie:mailviewsplitterv) ? cookie:mailviewsplitterv-5 : 160" />px; } +#mailrightcontainer { + left: <roundcube:exp expression="!empty(cookie:mailviewsplitterv) ? cookie:mailviewsplitterv+5 : 170" />px; + /* css hack for IE */ + width: expression((parseInt(this.parentNode.offsetWidth)-<roundcube:exp expression="!empty(cookie:mailviewsplitterv) ? cookie:mailviewsplitterv+5 : 170" />)+'px'); +} +</style> </head> <body> <roundcube:include file="/includes/taskbar.html" /> <roundcube:include file="/includes/header.html" /> -<div id="messagetoolbar"> -<roundcube:button command="compose" imageAct="/images/buttons/compose_act.png" imagePas="/images/buttons/compose_pas.png" width="32" height="32" title="writenewmessage" /> -<roundcube:button command="reply" imageAct="/images/buttons/reply_act.png" imagePas="/images/buttons/reply_pas.png" width="32" height="32" title="replytomessage" /> -<roundcube:button command="reply-all" imageAct="/images/buttons/replyall_act.png" imagePas="/images/buttons/replyall_pas.png" width="32" height="32" title="replytoallmessage" /> -<roundcube:button command="forward" imageAct="/images/buttons/forward_act.png" imagePas="/images/buttons/forward_pas.png" width="32" height="32" title="forwardmessage" /> -<roundcube:button command="delete" imageAct="/images/buttons/delete_act.png" imagePas="/images/buttons/delete_pas.png" width="32" height="32" title="deletemessage" /> -<roundcube:button command="print" imageAct="/images/buttons/print_act.png" imagePas="/images/buttons/print_pas.png" width="32" height="32" title="printmessage" /> +<div id="mainscreen"> + +<div id="mailboxlist-container"> +<h3 id="mailboxlist-header"><roundcube:label name="mailboxlist" /></h3> +<roundcube:object name="mailboxlist" id="mailboxlist" maxlength="16" /> </div> -<div id="messagecountbar"> -<roundcube:button command="previouspage" 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" imageAct="/images/buttons/next_act.png" imagePas="/images/buttons/next_pas.png" width="11" height="11" title="nextmessages" /> -</div> +<script type="text/javascript"> + var mailviewsplitv = new rcube_splitter({id:'mailviewsplitterv', p1: 'mailboxlist-container', p2: 'mailrightcontainer', orientation: 'v', relative: true, start: 165}); + rcmail.add_onload('mailviewsplitv.init()'); +</script> -<div id="mailboxlist-header"><roundcube:label name="mailboxlist" /></div> -<div id="mailboxlist-container"><roundcube:object name="mailboxlist" id="mailboxlist" maxlength="16" /></div> - +<div id="mailrightcontainer"> <div id="mailcontframe"> <roundcube:object name="messages" @@ -36,18 +84,87 @@ summary="Message list" messageIcon="/images/icons/dot.png" unreadIcon="/images/icons/unread.png" + deletedIcon="/images/icons/deleted.png" repliedIcon="/images/icons/replied.png" + forwardedIcon="/images/icons/forwarded.png" + forwardedrepliedIcon="/images/icons/forwarded_replied.png" attachmentIcon="/images/icons/attachment.png" - sortDescButton="/images/buttons/up_arrow.png" - sortAscButton="/images/buttons/down_arrow.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', relative: true, start: 200}); + 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> + +<roundcube:endif /> + +</div> + +</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="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:button command="select-none" label="none" classAct="active" /> +<roundcube:if condition="env:quota" /> +<roundcube:label name="quota" />: <roundcube:object name="quotaDisplay" display="image" width="100" id="quotadisplay" /> +<roundcube:endif /> </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> + +<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> + +<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> -- Gitblit v1.9.1