skins/default/templates/mail.html

   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 </div>
  37
  38 <script type="text/javascript">
  39   var mailviewsplitv = new rcube_splitter({id:'mailviewsplitterv', p1: 'mailboxlist-container', p2: 'mailrightcontainer', orientation: 'v', relative: true, start: 165});
  40   rcmail.add_onload('mailviewsplitv.init()');
  41 </script>
  42
  43 <div id="mailrightcontainer">
  44
  45 <div id="mailcontframe">
  46 <roundcube:object name="messages"
  47   id="messagelist"
  48   cellspacing="0"
  49   columns=""
  50   summary="Message list"
  51   messageIcon="/images/icons/dot.png"
  52   unreadIcon="/images/icons/unread.png"
  53   deletedIcon="/images/icons/deleted.png"
  54   repliedIcon="/images/icons/replied.png"
  55   forwardedIcon="/images/icons/forwarded.png"
  56   forwardedrepliedIcon="/images/icons/forwarded_replied.png"
  57   attachmentIcon="/images/icons/attachment.png"
  58   flaggedIcon="/images/icons/flagged.png"
  59   unflaggedIcon="/images/icons/blank.gif" />
  60 </div>
  61
  62 <roundcube:if condition="config:preview_pane == true" />
  63
  64 <script type="text/javascript">
  65   var mailviewsplit = new rcube_splitter({id:'mailviewsplitter', p1: 'mailcontframe', p2: 'mailpreviewframe', orientation: 'h', relative: true, start: 200});
  66   rcmail.add_onload('mailviewsplit.init()');
  67 </script>
  68
  69 <div id="mailpreviewframe">
  70 <roundcube:object name="messagecontentframe" id="messagecontframe" width="100%" height="100%" frameborder="0" src="/watermark.html" />
  71 </div>
  72
  73 <roundcube:endif />
  74
  75 </div>
  76
  77 </div>
  78
  79 <div id="mailfooter">
  80 <table cellpadding="1" cellspacing="0">
  81 <tr>
  82 <td width="99%">
  83 <span id="mailboxcontrols">
  84 <roundcube:label name="folder" />:&nbsp;
  85 <roundcube:button command="expunge" label="compact" classAct="active" />&nbsp;
  86 <roundcube:button command="purge" label="empty" classAct="active" />&nbsp;
  87 </span>
  88 <span id="listcontrols">
  89 <roundcube:label name="select" />:&nbsp;
  90 <roundcube:button command="select-all" label="all" classAct="active" />&nbsp;
  91 <roundcube:button command="select-all" prop="unread" label="unread" classAct="active" />&nbsp;
  92 <roundcube:button command="select-none" label="none" classAct="active" /> &nbsp;
  93 </span>
  94 <roundcube:if condition="env:quota" />
  95 <span id="quotabox">
  96 <roundcube:label name="quota" />: <roundcube:object name="quotaDisplay" display="image" width="100" id="quotadisplay" />
  97 </span>
  98 <roundcube:endif />
  99 </td>
 100 <td width="1%">
 101 <span id="countcontrols">
 102 <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" />
 103 <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" />
 104 &nbsp;<roundcube:object name="messageCountDisplay" />&nbsp;
 105 <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" />
 106 <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" />
 107 </span>
 108 </td>
 109 </tr>
 110 </table>
 111 </div>
 112
 113 <div id="messagetoolbar">
 114 <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" />
 115 <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" />
 116 <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" />
 117 <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" />
 118 <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" />
 119 <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" />
 120 <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" />
 121 <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" />
 122
 123 <div id="markmessagemenu">
 124   <ul class="toolbarmenu">
 125     <li><roundcube:button command="mark" prop="read" label="markread" classAct="active" /></li>
 126     <li><roundcube:button command="mark" prop="unread" label="markunread" classAct="active" /></li>
 127     <li><roundcube:button command="mark" prop="flagged" label="markflagged" classAct="active" /></li>
 128     <li><roundcube:button command="mark" prop="unflagged" label="markunflagged" classAct="active" /></li>
 129   </ul>
 130 </div>
 131
 132 <div id="searchfilter">
 133   <label for="rcmlistfilter"><roundcube:label name="filter" /></label>:
 134   <roundcube:object name="searchfilter" class="searchfilter" />
 135 </div>
 136 </div>
 137
 138 <div id="quicksearchbar">
 139 <roundcube:object name="searchform" id="quicksearchbox" /><roundcube:button command="reset-search" id="searchreset" image="/images/icons/reset.gif" title="resetsearch" />
 140 </div>
 141
 142 </body>
 143 </html>