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">
   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)
  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="mailboxlist-container">
  51 <h3 id="mailboxlist-header"><roundcube:label name="mailboxlist" /></h3>
  52 <roundcube:object name="mailboxlist" id="mailboxlist" maxlength="16" />
  53 </div>
  54
  55 <div id="mailboxcontrols">
  56 <roundcube:label name="folder" />:&nbsp;
  57 <roundcube:button command="expunge" label="compact" classAct="active" />&nbsp;
  58 <roundcube:button command="purge" label="empty" classAct="active" />&nbsp;
  59 </div>
  60
  61
  62 <div id="mailcontframe">
  63 <roundcube:object name="messages"
  64   id="messagelist"
  65   cellspacing="0"
  66   summary="Message list"
  67   messageIcon="/images/icons/dot.png"
  68   unreadIcon="/images/icons/unread.png"
  69   deletedIcon="/images/icons/deleted.png"
  70   repliedIcon="/images/icons/replied.png"
  71   attachmentIcon="/images/icons/attachment.png" />
  72 </div>
  73
  74 <roundcube:if condition="config:preview_pane == true" />
  75 <script type="text/javascript">
  76   var mailviewsplit = new rcube_splitter({id:'mailviewsplitter', p1: 'mailcontframe', p2: 'mailpreviewframe', orientation: 'h'});
  77   rcmail.add_onload('mailviewsplit.init()');
  78 </script>
  79 <div id="mailpreviewframe">
  80 <roundcube:object name="messagecontentframe" id="messagecontframe" width="100%" height="100%" frameborder="0" src="/watermark.html" />
  81 </div>
  82
  83 <style type="text/css">
  84 #mailcontframe {
  85   bottom: auto;
  86   height: 208px;
  87 }
  88 </style>
  89 <roundcube:endif />
  90
  91 <div id="listcontrols">
  92 <roundcube:label name="select" />:&nbsp;
  93 <roundcube:button command="select-all" label="all" classAct="active" />&nbsp;
  94 <roundcube:button command="select-all" prop="unread" label="unread" classAct="active" />&nbsp;
  95 <roundcube:button command="select-none" label="none" classAct="active" /> &nbsp;&nbsp;&nbsp;
  96 <roundcube:if condition="env:quota" />
  97 <roundcube:label name="quota" />: <roundcube:object name="quotaDisplay" display="image" width="120" id="quotadisplay" />
  98 <roundcube:endif />
  99 </div>
 100
 101 <div id="messagetoolbar">
 102 <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" />
 103 <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" />
 104 <roundcube:button name="markreadbutton" id="markreadbutton" image="/images/buttons/markread_act.png" width="32" height="32" title="markmessages" onclick="rcmailUI.show_markmenu();return false" />
 105 <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" />
 106 <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" />
 107 <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" />
 108 <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" />
 109 <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" />
 110
 111 <div id="markmessagemenu">
 112   <ul class="toolbarmenu">
 113     <li><roundcube:button command="mark" prop="read" label="markread" classAct="active" /></li>
 114     <li><roundcube:button command="mark" prop="unread" label="markunread" classAct="active" /></li>
 115   </ul>
 116 </div>
 117 </div>
 118
 119 <div id="quicksearchbar">
 120 <roundcube:object name="searchform" type="search" results="5" id="quicksearchbox" /><roundcube:button command="reset-search" id="searchreset" image="/images/icons/reset.gif" title="resetsearch" />
 121 </div>
 122
 123 <div id="messagecountbar">
 124 <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" />
 125 <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" />
 126 &nbsp;<roundcube:object name="messageCountDisplay" />&nbsp;
 127 <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" />
 128 <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" />
 129 </div>
 130
 131 <script type="text/javascript">
 132
 133 var rcmailUI = new rcube_mail_ui();
 134 rcube_event.add_listener({ object:rcmailUI, method:'body_mouseup', event:'mouseup' });
 135 rcube_event.add_listener({ object:rcmailUI, method:'body_keypress', event:'keypress' });
 136
 137 </script>
 138 </body>
 139 </html>