| | |
| | | <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> |
| | | <script type="text/javascript" src="/functions.js"></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; } |
| | |
| | | } |
| | | </style> |
| | | </head> |
| | | <body> |
| | | <body onload="rcube_init_mail_ui()"> |
| | | |
| | | <roundcube:include file="/includes/taskbar.html" /> |
| | | <roundcube:include file="/includes/header.html" /> |
| | |
| | | <roundcube:object name="messages" |
| | | id="messagelist" |
| | | cellspacing="0" |
| | | columns="" |
| | | summary="Message list" |
| | | messageIcon="/images/icons/dot.png" |
| | | unreadIcon="/images/icons/unread.png" |
| | |
| | | forwardedrepliedIcon="/images/icons/forwarded_replied.png" |
| | | attachmentIcon="/images/icons/attachment.png" |
| | | flaggedIcon="/images/icons/flagged.png" |
| | | unflaggedIcon="/images/icons/unflagged.png" /> |
| | | unflaggedIcon="/images/icons/blank.gif" /> |
| | | </div> |
| | | |
| | | <roundcube:if condition="config:preview_pane == true" /> |
| | |
| | | |
| | | </div> |
| | | |
| | | <div id="mailboxcontrols"> |
| | | <div id="mailfooter"> |
| | | <table cellpadding="1" cellspacing="0"> |
| | | <tr> |
| | | <td width="99%"> |
| | | <span 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"> |
| | | </span> |
| | | <span 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" /> |
| | | </span> |
| | | <roundcube:if condition="env:quota" /> |
| | | <span id="quotabox"> |
| | | <roundcube:label name="quota" />: <roundcube:object name="quotaDisplay" display="image" width="100" id="quotadisplay" /> |
| | | </span> |
| | | <roundcube:endif /> |
| | | </div> |
| | | |
| | | <div id="messagecountbar"> |
| | | </td> |
| | | <td width="1%"> |
| | | <span id="countcontrols"> |
| | | <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" /> |
| | | </span> |
| | | </td> |
| | | </tr> |
| | | </table> |
| | | </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 name="markreadbutton" id="markreadbutton" image="/images/buttons/markread_act.png" width="32" height="32" title="markmessages" onclick="rcmail_ui.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" /> |
| | | <roundcube:container name="toolbar" id="messagetoolbar" /> |
| | | |
| | | <div id="markmessagemenu"> |
| | | <ul class="toolbarmenu"> |
| | |
| | | <li><roundcube:button command="mark" prop="unflagged" label="markunflagged" classAct="active" /></li> |
| | | </ul> |
| | | </div> |
| | | |
| | | <div id="searchfilter"> |
| | | <label for="rcmlistfilter"><roundcube:label name="filter" /></label>: |
| | | <roundcube:object name="searchfilter" class="searchfilter" /> |
| | | </div> |
| | | </div> |
| | | |
| | | <div id="searchmenu"> |
| | | <ul class="toolbarmenu"> |
| | | <li><input type="checkbox" name="s_mods[]" value="subject" id="s_mod_subject" onclick="rcmail_ui.set_searchmod(this)" /><label for="s_mod_subject"><roundcube:label name="subject" /></label></li> |
| | | <li><input type="checkbox" name="s_mods[]" value="from" id="s_mod_from" onclick="rcmail_ui.set_searchmod(this)" /><label for="s_mod_from"><roundcube:label name="from" /></label></li> |
| | | <li><input type="checkbox" name="s_mods[]" value="to" id="s_mod_to" onclick="rcmail_ui.set_searchmod(this)" /><label for="s_mod_to"><roundcube:label name="to" /></label></li> |
| | | <li><input type="checkbox" name="s_mods[]" value="cc" id="s_mod_cc" onclick="rcmail_ui.set_searchmod(this)" /><label for="s_mod_cc"><roundcube:label name="cc" /></label></li> |
| | | <li><input type="checkbox" name="s_mods[]" value="bcc" id="s_mod_bcc" onclick="rcmail_ui.set_searchmod(this)" /><label for="s_mod_bcc"><roundcube:label name="bcc" /></label></li> |
| | | <li><input type="checkbox" name="s_mods[]" value="text" id="s_mod_text" onclick="rcmail_ui.set_searchmod(this)" /><label for="s_mod_text"><roundcube:label name="msgtext" /></label></li> |
| | | </ul> |
| | | </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" /> |
| | | <roundcube:button name="searchmod" id="searchmod" image="/images/icons/glass.gif" onclick="rcmail_ui.show_searchmenu();return false" title="searchmod" /> |
| | | <roundcube:object name="searchform" 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> |