source: subversion/branches/devel-api/skins/default/templates/mail.html @ 2265

Last change on this file since 2265 was 2265, checked in by thomasb, 4 years ago

Define containers in GUI templates + support external 'commands'
  • Property svn:eol-style set to native
  • Property svn:keywords set to Author Date Id Revision
File size: 7.6 KB
Line 
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" src="/functions.js"></script>
9<style type="text/css">
10<roundcube:if condition="config:preview_pane == true" />
11#mailcontframe { height: <roundcube:exp expression="!empty(cookie:mailviewsplitter) ? cookie:mailviewsplitter-5 : 195" />px; }
12#mailpreviewframe {
13    top: <roundcube:exp expression="!empty(cookie:mailviewsplitter) ? cookie:mailviewsplitter+5 : 205" />px;
14    /* css hack for IE */
15    height: expression((parseInt(this.parentNode.offsetHeight)-<roundcube:exp expression="!empty(cookie:mailviewsplitter) ? cookie:mailviewsplitter+5 : 205" />)+'px');
16}
17<roundcube:endif />
18#mailboxlist-container { width: <roundcube:exp expression="!empty(cookie:mailviewsplitterv) ? cookie:mailviewsplitterv-5 : 160" />px; }
19#mailrightcontainer {
20    left: <roundcube:exp expression="!empty(cookie:mailviewsplitterv) ? cookie:mailviewsplitterv+5 : 170" />px;
21    /* css hack for IE */
22    width: expression((parseInt(this.parentNode.offsetWidth)-<roundcube:exp expression="!empty(cookie:mailviewsplitterv) ? cookie:mailviewsplitterv+5 : 170" />)+'px');
23}
24</style>
25</head>
26<body onload="rcube_init_mail_ui()">
27
28<roundcube:include file="/includes/taskbar.html" />
29<roundcube:include file="/includes/header.html" />
30
31<div id="mainscreen">
32
33<div id="mailboxlist-container">
34<h3 id="mailboxlist-header"><roundcube:label name="mailboxlist" /></h3>
35<roundcube:object name="mailboxlist" id="mailboxlist" maxlength="16" />
36<roundcube:container name="folders" id="mailboxlist" />
37</div>
38
39<script type="text/javascript">
40  var mailviewsplitv = new rcube_splitter({id:'mailviewsplitterv', p1: 'mailboxlist-container', p2: 'mailrightcontainer', orientation: 'v', relative: true, start: 165});
41  rcmail.add_onload('mailviewsplitv.init()');
42</script>
43
44<div id="mailrightcontainer">
45
46<div id="mailcontframe">
47<roundcube:object name="messages"
48  id="messagelist"
49  cellspacing="0"
50  columns=""
51  summary="Message list"
52  messageIcon="/images/icons/dot.png"
53  unreadIcon="/images/icons/unread.png"
54  deletedIcon="/images/icons/deleted.png"
55  repliedIcon="/images/icons/replied.png"
56  forwardedIcon="/images/icons/forwarded.png"
57  forwardedrepliedIcon="/images/icons/forwarded_replied.png"
58  attachmentIcon="/images/icons/attachment.png"
59  flaggedIcon="/images/icons/flagged.png"
60  unflaggedIcon="/images/icons/blank.gif" />
61</div>
62
63<roundcube:if condition="config:preview_pane == true" />
64
65<script type="text/javascript">
66  var mailviewsplit = new rcube_splitter({id:'mailviewsplitter', p1: 'mailcontframe', p2: 'mailpreviewframe', orientation: 'h', relative: true, start: 200});
67  rcmail.add_onload('mailviewsplit.init()');
68</script>
69
70<div id="mailpreviewframe">
71<roundcube:object name="messagecontentframe" id="messagecontframe" width="100%" height="100%" frameborder="0" src="/watermark.html" />
72</div>
73
74<roundcube:endif />
75
76</div>
77
78</div>
79
80<div id="mailfooter">
81<table cellpadding="1" cellspacing="0">
82<tr>
83<td width="99%">
84<span id="mailboxcontrols">
85<roundcube:label name="folder" />:&nbsp;
86<roundcube:button command="expunge" label="compact" classAct="active" />&nbsp;
87<roundcube:button command="purge" label="empty" classAct="active" />&nbsp;
88</span>
89<span id="listcontrols">
90<roundcube:label name="select" />:&nbsp;
91<roundcube:button command="select-all" label="all" classAct="active" />&nbsp;
92<roundcube:button command="select-all" prop="unread" label="unread" classAct="active" />&nbsp;
93<roundcube:button command="select-none" label="none" classAct="active" /> &nbsp;
94</span>
95<roundcube:if condition="env:quota" />
96<span id="quotabox">
97<roundcube:label name="quota" />: <roundcube:object name="quotaDisplay" display="image" width="100" id="quotadisplay" />
98</span>
99<roundcube:endif />
100</td>
101<td width="1%">
102<span id="countcontrols">
103<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" />
104<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" />
105&nbsp;<roundcube:object name="messageCountDisplay" />&nbsp;
106<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" />
107<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" />
108</span>
109</td>
110</tr>
111</table>
112</div>
113
114<div id="messagetoolbar">
115<roundcube:container name="toolbar" id="messagetoolbar" />
116<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" />
117<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" />
118<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" />
119<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" />
120<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" />
121<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" />
122<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" />
123<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" />
124
125<div id="markmessagemenu">
126  <ul class="toolbarmenu">
127    <li><roundcube:button command="mark" prop="read" label="markread" classAct="active" /></li>
128    <li><roundcube:button command="mark" prop="unread" label="markunread" classAct="active" /></li>
129    <li><roundcube:button command="mark" prop="flagged" label="markflagged" classAct="active" /></li>
130    <li><roundcube:button command="mark" prop="unflagged" label="markunflagged" classAct="active" /></li>
131  </ul>
132</div>
133
134<div id="searchfilter">
135  <label for="rcmlistfilter"><roundcube:label name="filter" /></label>:
136  <roundcube:object name="searchfilter" class="searchfilter" />
137</div>
138</div>
139
140<div id="quicksearchbar">
141<roundcube:object name="searchform" type="search" results="5" id="quicksearchbox" /><roundcube:button command="reset-search" id="searchreset" image="/images/icons/reset.gif" title="resetsearch" />
142</div>
143
144</body>
145</html>
Note: See TracBrowser for help on using the repository browser.