Roundcubemail devel
view | history | commit | commitdiff
alecpl
2008-09-20 a1f7220e9f23ea81b5b626d20f25039724b3413e
commit | author | age
4e17e6 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
T 2 <html xmlns="http://www.w3.org/1999/xhtml">
3 <head>
4 <title><roundcube:object name="pagetitle" /></title>
e66f5b 5 <roundcube:include file="/includes/links.html" />
4e17e6 6 <link rel="stylesheet" type="text/css" href="/mail.css" />
a7d5c6 7 <script type="text/javascript" src="/splitter.js"></script>
7f9ea1 8 <script type="text/javascript">
T 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 {
aee3a2 31   if (this.markmenu && this.markmenu.visible && evt.target != rcube_find_object('markreadbutton'))
7f9ea1 32     this.show_markmenu(false);
T 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>
cb7597 44 <style type="text/css">
a1f722 45 <roundcube:if condition="config:preview_pane == true" />
A 46 #mailcontframe { height: <roundcube:exp expression="!empty(cookie:mailviewsplitter) ? cookie:mailviewsplitter-5 : 195" />px; }
47 #mailpreviewframe {
48     top: <roundcube:exp expression="!empty(cookie:mailviewsplitter) ? cookie:mailviewsplitter+5 : 205" />px;
49     /* css hack for IE */
50     height: expression((parseInt(this.parentNode.offsetHeight)-<roundcube:exp expression="!empty(cookie:mailviewsplitter) ? cookie:mailviewsplitter+5 : 205" />)+'px');
51 }
cb7597 52 <roundcube:endif />
a1f722 53 #mailboxlist-container { width: <roundcube:exp expression="!empty(cookie:mailviewsplitterv) ? cookie:mailviewsplitterv-5 : 160" />px; }
A 54 #mailrightcontainer {
55     left: <roundcube:exp expression="!empty(cookie:mailviewsplitterv) ? cookie:mailviewsplitterv+5 : 170" />px;
56     /* css hack for IE */
57     width: expression((parseInt(this.parentNode.offsetWidth)-<roundcube:exp expression="!empty(cookie:mailviewsplitterv) ? cookie:mailviewsplitterv+5 : 170" />)+'px');
58 }
59 </style>
4e17e6 60 </head>
T 61 <body>
62
b076a4 63 <roundcube:include file="/includes/taskbar.html" />
4e17e6 64 <roundcube:include file="/includes/header.html" />
T 65
e5686f 66 <div id="mainscreen">
A 67
f45bbe 68 <div id="mailboxlist-container">
7f9ea1 69 <h3 id="mailboxlist-header"><roundcube:label name="mailboxlist" /></h3>
f45bbe 70 <roundcube:object name="mailboxlist" id="mailboxlist" maxlength="16" />
T 71 </div>
cd900d 72
e5686f 73 <script type="text/javascript">
A 74   var mailviewsplitv = new rcube_splitter({id:'mailviewsplitterv', p1: 'mailboxlist-container', p2: 'mailrightcontainer', orientation: 'v', relative: true, start: 165});
75   rcmail.add_onload('mailviewsplitv.init()');
76 </script>
15a9d1 77
e5686f 78 <div id="mailrightcontainer">
4e17e6 79
T 80 <div id="mailcontframe">
81 <roundcube:object name="messages"
82   id="messagelist"
83   cellspacing="0"
84   summary="Message list"
85   messageIcon="/images/icons/dot.png"
86   unreadIcon="/images/icons/unread.png"
d810d5 87   deletedIcon="/images/icons/deleted.png"
4e17e6 88   repliedIcon="/images/icons/replied.png"
d73404 89   forwardedIcon="/images/icons/forwarded.png"
A 90   forwardedrepliedIcon="/images/icons/forwarded_replied.png"
e189a6 91   attachmentIcon="/images/icons/attachment.png"
A 92   flaggedIcon="/images/icons/flagged.png"
93   unflaggedIcon="/images/icons/unflagged.png" />
4e17e6 94 </div>
T 95
b19097 96 <roundcube:if condition="config:preview_pane == true" />
e5686f 97
a7d5c6 98 <script type="text/javascript">
e5686f 99   var mailviewsplit = new rcube_splitter({id:'mailviewsplitter', p1: 'mailcontframe', p2: 'mailpreviewframe', orientation: 'h', relative: true, start: 200});
a7d5c6 100   rcmail.add_onload('mailviewsplit.init()');
T 101 </script>
e5686f 102
b19097 103 <div id="mailpreviewframe">
T 104 <roundcube:object name="messagecontentframe" id="messagecontframe" width="100%" height="100%" frameborder="0" src="/watermark.html" />
105 </div>
e5686f 106
b19097 107 <roundcube:endif />
e5686f 108
A 109 </div>
110
111 </div>
112
113 <div id="mailboxcontrols">
114 <roundcube:label name="folder" />:&nbsp;
115 <roundcube:button command="expunge" label="compact" classAct="active" />&nbsp;
116 <roundcube:button command="purge" label="empty" classAct="active" />&nbsp;
117 </div>
118
b19097 119
4e17e6 120 <div id="listcontrols">
T 121 <roundcube:label name="select" />:&nbsp;
122 <roundcube:button command="select-all" label="all" classAct="active" />&nbsp;
123 <roundcube:button command="select-all" prop="unread" label="unread" classAct="active" />&nbsp;
58e360 124 <roundcube:button command="select-none" label="none" classAct="active" /> &nbsp;&nbsp;&nbsp;
719804 125 <roundcube:if condition="env:quota" />
6cd009 126 <roundcube:label name="quota" />: <roundcube:object name="quotaDisplay" display="image" width="100" id="quotadisplay" />
719804 127 <roundcube:endif />
e5686f 128 </div>
A 129
130 <div id="messagecountbar">
131 <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" />
132 <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" />
133 &nbsp;<roundcube:object name="messageCountDisplay" />&nbsp;
134 <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" />
135 <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" />
4e17e6 136 </div>
T 137
7f9ea1 138 <div id="messagetoolbar">
T 139 <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" />
140 <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" />
f76208 141 <roundcube:button name="markreadbutton" id="markreadbutton" image="/images/buttons/markread_act.png" width="32" height="32" title="markmessages" onclick="rcmailUI.show_markmenu();return false" />
7f9ea1 142 <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" />
T 143 <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" />
144 <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" />
145 <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" />
146 <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" />
147
148 <div id="markmessagemenu">
149   <ul class="toolbarmenu">
150     <li><roundcube:button command="mark" prop="read" label="markread" classAct="active" /></li>
151     <li><roundcube:button command="mark" prop="unread" label="markunread" classAct="active" /></li>
e189a6 152     <li><roundcube:button command="mark" prop="flagged" label="markflagged" classAct="active" /></li>
A 153     <li><roundcube:button command="mark" prop="unflagged" label="markunflagged" classAct="active" /></li>
7f9ea1 154   </ul>
T 155 </div>
156 </div>
157
158 <div id="quicksearchbar">
159 <roundcube:object name="searchform" type="search" results="5" id="quicksearchbox" /><roundcube:button command="reset-search" id="searchreset" image="/images/icons/reset.gif" title="resetsearch" />
160 </div>
161
162 <script type="text/javascript">
163
164 var rcmailUI = new rcube_mail_ui();
165 rcube_event.add_listener({ object:rcmailUI, method:'body_mouseup', event:'mouseup' });
166 rcube_event.add_listener({ object:rcmailUI, method:'body_keypress', event:'keypress' });
167   
168 </script>
4e17e6 169 </body>
T 170 </html>