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 <script type="text/javascript" src="/splitter.js"></script>
   7 <script type="text/javascript" src="/functions.js"></script>
   8 <style type="text/css">
   9 <roundcube:if condition="config:preview_pane == true" />
  10 #mailcontframe { height: <roundcube:exp expression="!empty(cookie:mailviewsplitter) ? cookie:mailviewsplitter-5 : 195" />px; }
  11 #mailpreviewframe { top: <roundcube:exp expression="!empty(cookie:mailviewsplitter) ? cookie:mailviewsplitter+5 : 205" />px;
  12 <roundcube:exp expression="browser:ie ? ('height: expression((parseInt(this.parentNode.offsetHeight)-'.(!empty(cookie:mailviewsplitter) ? cookie:mailviewsplitter+25 : 245).')+\\'px\\');') : ''" />
  13 }
  14 <roundcube:endif />
  15 #mailleftcontainer { width: <roundcube:exp expression="!empty(cookie:mailviewsplitterv) ? cookie:mailviewsplitterv-5 : 175" />px; }
  16 #mailrightcontainer { left: <roundcube:exp expression="!empty(cookie:mailviewsplitterv) ? cookie:mailviewsplitterv+5 : 185" />px;
  17 <roundcube:exp expression="browser:ie ? ('width: expression((parseInt(this.parentNode.offsetWidth)-'.(!empty(cookie:mailviewsplitterv) ? cookie:mailviewsplitterv+5 : 180).')+\\'px\\');') : ''" />
  18 }
  19 </style>
  20 </head>
  21 <body onload="rcube_init_mail_ui()">
  22
  23 <roundcube:include file="/includes/taskbar.html" />
  24 <roundcube:include file="/includes/header.html" />
  25
  26 <div id="mainscreen">
  27 <div id="mailleftcontainer">
  28 <div id="mailboxlist-container">
  29 <h3 id="mailboxlist-header"><roundcube:label name="mailboxlist" /></h3>
  30 <roundcube:object name="mailboxlist" id="mailboxlist" maxlength="16" />
  31 </div>
  32
  33 <script type="text/javascript">
  34   var mailviewsplitv = new rcube_splitter({id:'mailviewsplitterv', p1: 'mailleftcontainer', p2: 'mailrightcontainer', orientation: 'v', relative: true, start: 165});
  35   rcmail.add_onload('mailviewsplitv.init()');
  36 </script>
  37
  38 <div id="mailboxcontrols">
  39   <span><roundcube:label name="folder" />:&nbsp;</span>
  40   <roundcube:button command="expunge" type="link" title="compact" class="buttonPas expunge" classAct="button expunge" classSel="button expungesel" content=" " />
  41   <roundcube:button command="purge" type="link" title="empty" class="buttonPas purge" classAct="button purge" classSel="button purgesel" content=" " />
  42   <roundcube:container name="mailboxcontrols" id="mailboxcontrols" />
  43 </div>
  44 </div>
  45
  46 <div id="mailrightcontainer">
  47 <div id="mailrightcontent">
  48 <div id="mailcontframe">
  49 <roundcube:object name="messages"
  50   id="messagelist"
  51   cellspacing="0"
  52   columns=""
  53   summary="Message list"
  54   messageIcon="/images/icons/dot.png"
  55   unreadIcon="/images/icons/unread.png"
  56   deletedIcon="/images/icons/deleted.png"
  57   repliedIcon="/images/icons/replied.png"
  58   forwardedIcon="/images/icons/forwarded.png"
  59   forwardedrepliedIcon="/images/icons/forwarded_replied.png"
  60   attachmentIcon="/images/icons/attachment.png"
  61   flaggedIcon="/images/icons/flagged.png"
  62   unflaggedIcon="/images/icons/blank.gif" />
  63 </div>
  64
  65 <roundcube:if condition="config:preview_pane == true" />
  66
  67 <script type="text/javascript">
  68   var mailviewsplit = new rcube_splitter({id:'mailviewsplitter', p1: 'mailcontframe', p2: 'mailpreviewframe', orientation: 'h', relative: true, start: 205});
  69   rcmail.add_onload('mailviewsplit.init()');
  70 </script>
  71
  72 <div id="mailpreviewframe">
  73 <roundcube:object name="messagecontentframe" id="messagecontframe" width="100%" height="100%" frameborder="0" src="/watermark.html" />
  74 </div>
  75
  76 <roundcube:endif />
  77 </div>
  78
  79 <div id="listcontrols">
  80       <span><roundcube:label name="select" />:&nbsp;</span>
  81       <roundcube:button command="select-all" type="link" title="all" class="buttonPas all" classAct="button all" classSel="button allsel" content=" " />
  82       <roundcube:button command="select-all" type="link" prop="unread" title="unread" class="buttonPas unread" classAct="button unread" classSel="button unreadsel" content=" " />
  83       <roundcube:button command="select-all" type="link" prop="invert" title="invert" class="buttonPas invert" classAct="button invert" classSel="button invertsel" content=" " />
  84       <roundcube:button command="select-none" type="link" title="none" class="buttonPas none" classAct="button none" classSel="button nonesel" content=" " />
  85       <roundcube:container name="listcontrols" id="listcontrols" />
  86   <roundcube:if condition="env:quota" />
  87   <span style="margin-left: 20px; margin-right: 5px"><roundcube:label name="quota" />:</span>
  88   <roundcube:object name="quotaDisplay" display="image" width="100" height="14" id="quotadisplay" />
  89   <roundcube:endif />
  90 </div>
  91
  92 <div id="countcontrols" class="pagenav">
  93     <roundcube:button command="lastpage" type="link" class="buttonPas lastpage" classAct="button lastpage" classSel="button lastpageSel" title="lastmessages" content=" " />
  94     <roundcube:button command="nextpage" type="link" class="buttonPas nextpage" classAct="button nextpage" classSel="button nextpageSel" title="nextmessages" content=" " />
  95     <roundcube:object name="messageCountDisplay" style="padding:0 .5em; float:right" />
  96     <roundcube:button command="previouspage" type="link" class="buttonPas prevpage" classAct="button prevpage" classSel="button prevpageSel" title="previousmessages" content=" " />
  97     <roundcube:button command="firstpage" type="link" class="buttonPas firstpage" classAct="button firstpage" classSel="button firstpageSel" title="firstmessages" content=" " />
  98 </div>
  99
 100 </div>
 101 </div>
 102
 103 <div id="messagetoolbar">
 104 <roundcube:button command="checkmail" type="link" class="button checkmail" classAct="button checkmail" classSel="button checkmailSel" title="checkmail" content=" " />
 105 <roundcube:button command="compose" type="link" class="button compose" classAct="button compose" classSel="button composeSel" title="writenewmessage" content=" " />
 106 <roundcube:button command="reply" type="link" class="buttonPas reply" classAct="button reply" classSel="button replySel" title="replytomessage" content=" " />
 107 <roundcube:button command="reply-all" type="link" class="buttonPas replyAll" classAct="button replyAll" classSel="button replyAllSel" title="replytoallmessage" content=" " />
 108 <roundcube:button command="forward" type="link" class="buttonPas forward" classAct="button forward" classSel="button forwardSel" title="forwardmessage" content=" " />
 109 <roundcube:button command="delete" type="link" class="buttonPas delete" classAct="button delete" classSel="button deleteSel" title="deletemessage" content=" " />
 110 <roundcube:container name="toolbar" id="messagetoolbar" />
 111 <roundcube:button name="markreadbutton" id="markreadbutton" type="link" class="button markmessage" title="markmessages" onclick="rcmail_ui.show_markmenu();return false" content=" " />
 112 <roundcube:button name="messagemenulink" id="messagemenulink" type="link" class="button messagemenu" title="messageactions" onclick="rcmail_ui.show_messagemenu();return false" content=" " />
 113
 114 <div id="markmessagemenu">
 115   <ul class="toolbarmenu">
 116     <li><roundcube:button command="mark" prop="read" label="markread" classAct="readlink active" class="readlink" /></li>
 117     <li><roundcube:button command="mark" prop="unread" label="markunread" classAct="unreadlink active" class="unreadlink" /></li>
 118     <li><roundcube:button command="mark" prop="flagged" label="markflagged" classAct="flaggedlink active" class="flaggedlink" /></li>
 119     <li><roundcube:button command="mark" prop="unflagged" label="markunflagged" classAct="unflaggedlink active" class="unflaggedlink" /></li>
 120     <roundcube:container name="markmenu" id="markmessagemenu" />
 121   </ul>
 122 </div>
 123
 124 <roundcube:include file="/includes/messagemenu.html" />
 125
 126 </div>
 127
 128 <div id="searchmenu">
 129   <ul class="toolbarmenu">
 130     <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>
 131     <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>
 132     <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>
 133     <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>
 134     <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>
 135     <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>
 136   </ul>
 137 </div>
 138
 139 <div id="quicksearchbar">
 140 <div id="searchfilter">
 141   <label for="rcmlistfilter"><roundcube:label name="filter" /></label>:
 142   <roundcube:object name="searchfilter" class="searchfilter" />
 143 </div>
 144 <roundcube:button name="searchmod" id="searchmod" image="/images/icons/glass_roll.png" onclick="rcmail_ui.show_searchmenu();return false" title="searchmod" />
 145 <roundcube:object name="searchform" id="quicksearchbox" />
 146 <roundcube:button command="reset-search" id="searchreset" image="/images/icons/reset.gif" title="resetsearch" />
 147 </div>
 148
 149 </body>
 150 </html>