| 1 | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
|---|
| 2 | <html xmlns="http://www.w3.org/1999/xhtml"> |
|---|
| 3 | <head> |
|---|
| 4 | <title><roundcube:object name="pagetitle" /></title> |
|---|
| 5 | <roundcube:include file="/includes/links.html" /> |
|---|
| 6 | <link rel="stylesheet" type="text/css" href="/mail.css" /> |
|---|
| 7 | <script type="text/javascript" src="/splitter.js"></script> |
|---|
| 8 | <script type="text/javascript"> |
|---|
| 9 | |
|---|
| 10 | function rcube_mail_ui() |
|---|
| 11 | { |
|---|
| 12 | this.markmenu = new rcube_layer('markmessagemenu'); |
|---|
| 13 | } |
|---|
| 14 | |
|---|
| 15 | rcube_mail_ui.prototype = { |
|---|
| 16 | |
|---|
| 17 | show_markmenu: function(show) |
|---|
| 18 | { |
|---|
| 19 | if (typeof show == 'undefined') |
|---|
| 20 | show = this.markmenu.visible ? false : true; |
|---|
| 21 | |
|---|
| 22 | var ref = rcube_find_object('markreadbutton'); |
|---|
| 23 | if (show && ref) |
|---|
| 24 | this.markmenu.move(ref.offsetLeft, ref.offsetTop + ref.offsetHeight); |
|---|
| 25 | |
|---|
| 26 | this.markmenu.show(show); |
|---|
| 27 | }, |
|---|
| 28 | |
|---|
| 29 | body_mouseup: function(evt, p) |
|---|
| 30 | { |
|---|
| 31 | if (this.markmenu && this.markmenu.visible && evt.target != rcube_find_object('markreadbutton')) |
|---|
| 32 | this.show_markmenu(false); |
|---|
| 33 | }, |
|---|
| 34 | |
|---|
| 35 | body_keypress: function(evt, p) |
|---|
| 36 | { |
|---|
| 37 | if (rcube_event.get_keycode(evt) == 27 && this.markmenu && this.markmenu.visible) |
|---|
| 38 | this.show_markmenu(false); |
|---|
| 39 | } |
|---|
| 40 | |
|---|
| 41 | }; |
|---|
| 42 | |
|---|
| 43 | </script> |
|---|
| 44 | </head> |
|---|
| 45 | <body> |
|---|
| 46 | |
|---|
| 47 | <roundcube:include file="/includes/taskbar.html" /> |
|---|
| 48 | <roundcube:include file="/includes/header.html" /> |
|---|
| 49 | |
|---|
| 50 | <div id="mainscreen"> |
|---|
| 51 | |
|---|
| 52 | <div id="mailboxlist-container"> |
|---|
| 53 | <h3 id="mailboxlist-header"><roundcube:label name="mailboxlist" /></h3> |
|---|
| 54 | <roundcube:object name="mailboxlist" id="mailboxlist" maxlength="16" /> |
|---|
| 55 | </div> |
|---|
| 56 | |
|---|
| 57 | <script type="text/javascript"> |
|---|
| 58 | var mailviewsplitv = new rcube_splitter({id:'mailviewsplitterv', p1: 'mailboxlist-container', p2: 'mailrightcontainer', orientation: 'v', relative: true, start: 165}); |
|---|
| 59 | rcmail.add_onload('mailviewsplitv.init()'); |
|---|
| 60 | </script> |
|---|
| 61 | |
|---|
| 62 | <div id="mailrightcontainer"> |
|---|
| 63 | |
|---|
| 64 | <div id="mailcontframe"> |
|---|
| 65 | <roundcube:object name="messages" |
|---|
| 66 | id="messagelist" |
|---|
| 67 | cellspacing="0" |
|---|
| 68 | summary="Message list" |
|---|
| 69 | messageIcon="/images/icons/dot.png" |
|---|
| 70 | unreadIcon="/images/icons/unread.png" |
|---|
| 71 | deletedIcon="/images/icons/deleted.png" |
|---|
| 72 | repliedIcon="/images/icons/replied.png" |
|---|
| 73 | forwardedIcon="/images/icons/forwarded.png" |
|---|
| 74 | forwardedrepliedIcon="/images/icons/forwarded_replied.png" |
|---|
| 75 | attachmentIcon="/images/icons/attachment.png" |
|---|
| 76 | flaggedIcon="/images/icons/flagged.png" |
|---|
| 77 | unflaggedIcon="/images/icons/unflagged.png" /> |
|---|
| 78 | </div> |
|---|
| 79 | |
|---|
| 80 | <roundcube:if condition="config:preview_pane == true" /> |
|---|
| 81 | |
|---|
| 82 | <script type="text/javascript"> |
|---|
| 83 | var mailviewsplit = new rcube_splitter({id:'mailviewsplitter', p1: 'mailcontframe', p2: 'mailpreviewframe', orientation: 'h', relative: true, start: 200}); |
|---|
| 84 | rcmail.add_onload('mailviewsplit.init()'); |
|---|
| 85 | </script> |
|---|
| 86 | |
|---|
| 87 | <div id="mailpreviewframe"> |
|---|
| 88 | <roundcube:object name="messagecontentframe" id="messagecontframe" width="100%" height="100%" frameborder="0" src="/watermark.html" /> |
|---|
| 89 | </div> |
|---|
| 90 | |
|---|
| 91 | <style type="text/css"> |
|---|
| 92 | #mailcontframe { height: 195px; } |
|---|
| 93 | </style> |
|---|
| 94 | |
|---|
| 95 | <roundcube:endif /> |
|---|
| 96 | |
|---|
| 97 | </div> |
|---|
| 98 | |
|---|
| 99 | </div> |
|---|
| 100 | |
|---|
| 101 | <div id="mailboxcontrols"> |
|---|
| 102 | <roundcube:label name="folder" />: |
|---|
| 103 | <roundcube:button command="expunge" label="compact" classAct="active" /> |
|---|
| 104 | <roundcube:button command="purge" label="empty" classAct="active" /> |
|---|
| 105 | </div> |
|---|
| 106 | |
|---|
| 107 | |
|---|
| 108 | <div id="listcontrols"> |
|---|
| 109 | <roundcube:label name="select" />: |
|---|
| 110 | <roundcube:button command="select-all" label="all" classAct="active" /> |
|---|
| 111 | <roundcube:button command="select-all" prop="unread" label="unread" classAct="active" /> |
|---|
| 112 | <roundcube:button command="select-none" label="none" classAct="active" /> |
|---|
| 113 | <roundcube:if condition="env:quota" /> |
|---|
| 114 | <roundcube:label name="quota" />: <roundcube:object name="quotaDisplay" display="image" width="100" id="quotadisplay" /> |
|---|
| 115 | <roundcube:endif /> |
|---|
| 116 | </div> |
|---|
| 117 | |
|---|
| 118 | <div id="messagecountbar"> |
|---|
| 119 | <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" /> |
|---|
| 120 | <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" /> |
|---|
| 121 | <roundcube:object name="messageCountDisplay" /> |
|---|
| 122 | <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" /> |
|---|
| 123 | <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" /> |
|---|
| 124 | </div> |
|---|
| 125 | |
|---|
| 126 | <div id="messagetoolbar"> |
|---|
| 127 | <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" /> |
|---|
| 128 | <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" /> |
|---|
| 129 | <roundcube:button name="markreadbutton" id="markreadbutton" image="/images/buttons/markread_act.png" width="32" height="32" title="markmessages" onclick="rcmailUI.show_markmenu();return false" /> |
|---|
| 130 | <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" /> |
|---|
| 131 | <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" /> |
|---|
| 132 | <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" /> |
|---|
| 133 | <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" /> |
|---|
| 134 | <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" /> |
|---|
| 135 | |
|---|
| 136 | <div id="markmessagemenu"> |
|---|
| 137 | <ul class="toolbarmenu"> |
|---|
| 138 | <li><roundcube:button command="mark" prop="read" label="markread" classAct="active" /></li> |
|---|
| 139 | <li><roundcube:button command="mark" prop="unread" label="markunread" classAct="active" /></li> |
|---|
| 140 | <li><roundcube:button command="mark" prop="flagged" label="markflagged" classAct="active" /></li> |
|---|
| 141 | <li><roundcube:button command="mark" prop="unflagged" label="markunflagged" classAct="active" /></li> |
|---|
| 142 | </ul> |
|---|
| 143 | </div> |
|---|
| 144 | </div> |
|---|
| 145 | |
|---|
| 146 | <div id="quicksearchbar"> |
|---|
| 147 | <roundcube:object name="searchform" type="search" results="5" id="quicksearchbox" /><roundcube:button command="reset-search" id="searchreset" image="/images/icons/reset.gif" title="resetsearch" /> |
|---|
| 148 | </div> |
|---|
| 149 | |
|---|
| 150 | <script type="text/javascript"> |
|---|
| 151 | |
|---|
| 152 | var rcmailUI = new rcube_mail_ui(); |
|---|
| 153 | rcube_event.add_listener({ object:rcmailUI, method:'body_mouseup', event:'mouseup' }); |
|---|
| 154 | rcube_event.add_listener({ object:rcmailUI, method:'body_keypress', event:'keypress' }); |
|---|
| 155 | |
|---|
| 156 | </script> |
|---|
| 157 | </body> |
|---|
| 158 | </html> |
|---|