You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

compose.html 15KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236
  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="productname" /> :: <roundcube:label name="compose" /></title>
  5. <roundcube:include file="/includes/links.html" />
  6. <roundcube:if condition="config:enable_spellcheck" />
  7. <link rel="stylesheet" type="text/css" href="/googiespell.css" />
  8. <roundcube:endif />
  9. <script type="text/javascript" src="/functions.js"></script>
  10. <script type="text/javascript" src="/splitter.js"></script>
  11. <style type="text/css">
  12. #compose-contacts { width: <roundcube:exp expression="!empty(cookie:composesplitterv1) ? cookie:composesplitterv1-5 : 195" />px; }
  13. #compose-container { left: <roundcube:exp expression="!empty(cookie:composesplitterv1) ? cookie:composesplitterv1+5 : 205" />px; }
  14. </style>
  15. </head>
  16. <roundcube:if condition="env:extwin" />
  17. <body class="extwin">
  18. <roundcube:object name="message" id="message" />
  19. <roundcube:else />
  20. <body>
  21. <roundcube:include file="/includes/taskbar.html" />
  22. <roundcube:include file="/includes/header.html" />
  23. <roundcube:endif />
  24. <div id="messagetoolbar">
  25. <roundcube:if condition="env:extwin" />
  26. <roundcube:button command="close" type="link" class="button back" classAct="button back" classSel="button backSel" title="close" content=" " />
  27. <roundcube:else />
  28. <roundcube:button command="list" type="link" class="button back" classAct="button back" classSel="button backSel" title="backtolist" content=" " />
  29. <roundcube:endif />
  30. <roundcube:button command="send" type="link" class="buttonPas send" classAct="button send" classSel="button sendSel" title="sendmessage" content=" " />
  31. <roundcube:button name="addattachment" type="link" class="button attach" classAct="button attach" classSel="button attachSel" title="addattachment" onclick="rcmail_ui.show_popup('uploadmenu', true);return false" content=" " />
  32. <roundcube:button command="insert-sig" type="link" class="buttonPas insertsig" classAct="button insertsig" classSel="button insertsigSel" title="insertsignature" content=" " />
  33. <roundcube:button command="savedraft" type="link" class="buttonPas savedraft" classAct="button savedraft" classSel="button savedraftSel" title="savemessage" content=" " />
  34. <roundcube:if condition="config:enable_spellcheck" />
  35. <span class="dropbutton">
  36. <roundcube:button command="spellcheck" type="link" class="buttonPas spellcheck" classAct="button spellcheck" classSel="button spellcheckSel" title="checkspelling" content=" " />
  37. <span id="spellmenulink" onclick="rcmail_ui.show_popup('spellmenu');return false"></span>
  38. </span>
  39. <roundcube:endif />
  40. <a href="#responses" class="button responses" label="responses" title="<roundcube:label name='insertresponse' />" id="responsesmenulink" unselectable="on" onmousedown="return false" onclick="rcmail_ui.show_popup('responsesmenu');return false">&nbsp;</a>
  41. <roundcube:button command="compose-encrypted" type="link" class="buttonPas encrypt disabled" classAct="button encrypt" classSel="button encrypt" title="encryptmessagemailvelope" content=" " style="display:none" />
  42. <roundcube:container name="toolbar" id="compose-toolbar" />
  43. <roundcube:button name="messageoptions" id="composemenulink" type="link" class="button messagemenu" title="messageoptions" onclick="rcmail_ui.show_popup('composemenu', true);return false" content=" " />
  44. </div>
  45. <roundcube:form name="form" method="post">
  46. <div id="mainscreen">
  47. <div id="compose-contacts">
  48. <div class="boxtitle">
  49. <roundcube:label name="contacts" />
  50. <div id="abookcountbar" class="pagenav">
  51. <roundcube:button command="firstpage" type="link" class="buttonPas firstpage" classAct="button firstpage" classSel="button firstpageSel" title="firstpage" content=" " />
  52. <roundcube:button command="previouspage" type="link" class="buttonPas prevpage" classAct="button prevpage" classSel="button prevpageSel" title="previouspage" content=" " />
  53. <span style="float:left">&nbsp;</span>
  54. <roundcube:button command="nextpage" type="link" class="buttonPas nextpage" classAct="button nextpage" classSel="button nextpageSel" title="nextpage" content=" " />
  55. <roundcube:button command="lastpage" type="link" class="buttonPas lastpage" classAct="button lastpage" classSel="button lastpageSel" title="lastpage" content=" " />
  56. </div>
  57. </div>
  58. <div class="boxlistcontent">
  59. <div class="searchbox">
  60. <img id="searchmenulink" src="/images/icons/glass.png" width="16" height="16" />
  61. <roundcube:object name="searchform" id="quicksearchbox" form="true" tabindex="13" />
  62. <roundcube:button command="reset-search" id="searchreset" image="/images/icons/reset.gif" title="resetsearch" width="13" height="13" />
  63. </div>
  64. <roundcube:object name="addressbooks" id="directorylist" />
  65. <roundcube:object name="addresslist" id="contacts-table" class="records-table" cellspacing="0" noheader="true" />
  66. </div>
  67. <div class="boxfooter">
  68. <div id="abookactions">
  69. <roundcube:button command="add-recipient" prop="to" type="link" title="to" class="button disabled" classAct="button" content="To &amp;raquo;" />
  70. <roundcube:button command="add-recipient" prop="cc" type="link" title="cc" class="button disabled" classAct="button" content="Cc &amp;raquo;" />
  71. <roundcube:button command="add-recipient" prop="bcc" type="link" title="bcc" class="button disabled" classAct="button" content="Bcc &amp;raquo;" />
  72. <roundcube:container name="compose-contacts-toolbar" id="compose-contacts-toolbar" />
  73. </div>
  74. </div>
  75. </div>
  76. <script type="text/javascript">
  77. var composesplitv1 = new rcube_splitter({id:'composesplitterv1', p1: 'compose-contacts', p2: 'compose-container', orientation: 'v', relative: true, start: 200});
  78. rcmail.add_onload('composesplitv1.init()');
  79. </script>
  80. <div id="compose-container">
  81. <div id="compose-headers-div" style="width: 100%;">
  82. <table border="0" cellspacing="0" cellpadding="1" id="compose-headers">
  83. <tr>
  84. <td class="title"><label for="_from"><roundcube:label name="from" /></label></td>
  85. <td class="editfield formlinks">
  86. <roundcube:object name="composeHeaders" part="from" form="form" id="_from" tabindex="1" />
  87. <a href="#identities" onclick="return rcmail.command('identities')"><roundcube:label name="editidents" /></a>
  88. <roundcube:button command="extwin" image="/images/icons/extwin.png" width="15" height="15" title="openinextwin" id="openextwinlink" condition="!env:extwin" />
  89. </td>
  90. </tr><tr>
  91. <td class="title top"><label for="_to"><roundcube:label name="to" /></label></td>
  92. <td class="editfield"><roundcube:object name="composeHeaders" part="to" form="form" id="_to" cols="70" rows="2" tabindex="2" /></td>
  93. </tr><tr id="compose-cc">
  94. <td class="title top">
  95. <a href="#cc" onclick="return rcmail_ui.hide_header_form('cc');"><img src="/images/icons/minus.gif" alt="" width="13" height="11" title="<roundcube:label name='delete' />" /></a>
  96. <label for="_cc"><roundcube:label name="cc" /></label>
  97. </td>
  98. <td class="editfield"><roundcube:object name="composeHeaders" part="cc" form="form" id="_cc" cols="70" rows="2" tabindex="3" /></td>
  99. </tr><tr id="compose-bcc">
  100. <td class="title top">
  101. <a href="#bcc" onclick="return rcmail_ui.hide_header_form('bcc');"><img src="/images/icons/minus.gif" alt="" width="13" height="11" title="<roundcube:label name='delete' />" /></a>
  102. <label for="_bcc"><roundcube:label name="bcc" /></label>
  103. </td>
  104. <td class="editfield"><roundcube:object name="composeHeaders" part="bcc" form="form" id="_bcc" cols="70" rows="2" tabindex="4" /></td>
  105. </tr><tr id="compose-replyto">
  106. <td class="title top">
  107. <a href="#replyto" onclick="return rcmail_ui.hide_header_form('replyto');"><img src="/images/icons/minus.gif" alt="" width="13" height="11" title="<roundcube:label name='delete' />" /></a>
  108. <label for="_replyto"><roundcube:label name="replyto" /></label>
  109. </td>
  110. <td class="editfield"><roundcube:object name="composeHeaders" part="replyto" form="form" id="_replyto" size="70" tabindex="5" /></td>
  111. </tr><tr id="compose-followupto">
  112. <td class="title top">
  113. <a href="#followupto" onclick="return rcmail_ui.hide_header_form('followupto');"><img src="/images/icons/minus.gif" alt="" width="13" height="11" title="<roundcube:label name='delete' />" /></a>
  114. <label for="_followupto"><roundcube:label name="followupto" /></label>
  115. </td>
  116. <td class="editfield"><roundcube:object name="composeHeaders" part="followupto" form="form" id="_followupto" size="70" tabindex="7" /></td>
  117. </tr><tr>
  118. <td></td>
  119. <td class="formlinks">
  120. <a href="#cc" onclick="return rcmail_ui.show_header_form('cc')" id="cc-link"><roundcube:label name="addcc" /></a>
  121. <span class="separator">|</span>
  122. <a href="#bcc" onclick="return rcmail_ui.show_header_form('bcc')" id="bcc-link"><roundcube:label name="addbcc" /></a>
  123. <span class="separator">|</span>
  124. <a href="#reply-to" onclick="return rcmail_ui.show_header_form('replyto')" id="replyto-link"><roundcube:label name="addreplyto" /></a>
  125. <span class="separator">|</span>
  126. <a href="#followup-to" onclick="return rcmail_ui.show_header_form('followupto')" id="followupto-link"><roundcube:label name="addfollowupto" /></a>
  127. </td>
  128. </tr><tr>
  129. <td class="title"><label for="compose-subject"><roundcube:label name="subject" /></label></td>
  130. <td class="editfield"><roundcube:object name="composeSubject" id="compose-subject" form="form" tabindex="8" /></td>
  131. </tr>
  132. </table>
  133. </div>
  134. <div id="compose-div">
  135. <div id="compose-body-div">
  136. <div id="compose-body-parent" class="boxlistcontent" style="overflow: hidden; top: 0">
  137. <roundcube:object name="composeBody" id="compose-body" form="form" cols="70" rows="20" tabindex="9" />
  138. </div>
  139. <div class="boxfooter">
  140. <div id="compose-buttons">
  141. <roundcube:button type="input" command="send" class="button mainaction" label="sendmessage" tabindex="10" />
  142. <roundcube:button type="input" command="list" class="button" label="cancel" tabindex="11" />
  143. </div>
  144. <div id="compose-editorfooter" class="pagenav">
  145. <roundcube:if condition="!in_array('htmleditor', (array)config:dont_override)" />
  146. <span>
  147. <label><roundcube:label name="editortype" /></label>
  148. <roundcube:object name="editorSelector" editorid="compose-body" tabindex="12" />
  149. </span>
  150. <roundcube:endif />
  151. </div>
  152. </div>
  153. </div>
  154. <script type="text/javascript">
  155. var composesplitv2 = new rcube_splitter({id:'composesplitterv2', p1: 'compose-body-div', p2: 'compose-attachments', orientation: 'v', relative: true, start: $('#compose-headers-div').width() - 175});
  156. rcmail.add_onload('composesplitv2.init()');
  157. </script>
  158. <div id="compose-attachments">
  159. <div class="boxtitle"><roundcube:label name="attachments" /></div>
  160. <div class="boxlistcontent">
  161. <roundcube:object name="composeAttachmentList" id="attachmentslist" loadingIcon="/images/display/loading_blue.gif" icon_pos="left" />
  162. </div>
  163. <div class="boxfooter">
  164. <roundcube:button name="uploadmenulink" id="uploadmenulink" type="link" title="addattachment" class="button addgroup" onclick="rcmail_ui.show_popup('uploadmenu', true);return false" content=" " />
  165. </div>
  166. </div>
  167. <roundcube:object name="fileDropArea" id="compose-attachments" />
  168. </div>
  169. </div>
  170. </div>
  171. <div id="composeoptionsmenu" class="popupmenu">
  172. <table>
  173. <roundcube:if condition="!in_array('mdn_default', (array)config:dont_override)" />
  174. <tr>
  175. <td><label for="rcmcomposereceipt"><roundcube:label name="returnreceipt" />:</label></td>
  176. <td><roundcube:object name="mdnCheckBox" form="form" id="rcmcomposereceipt" /></td>
  177. </tr>
  178. <roundcube:endif />
  179. <roundcube:if condition="!in_array('dsn_default', (array)config:dont_override)" />
  180. <tr>
  181. <td><label for="rcmcomposedsn"><roundcube:label name="dsn" />:</label></td>
  182. <td><roundcube:object name="dsnCheckBox" form="form" id="rcmcomposedsn" /></td>
  183. </tr>
  184. <roundcube:endif />
  185. <tr>
  186. <td><label for="rcmcomposepriority"><roundcube:label name="priority" />:</label></td>
  187. <td><roundcube:object name="prioritySelector" form="form" id="rcmcomposepriority" /></td>
  188. </tr>
  189. <roundcube:if condition="!config:no_save_sent_messages" />
  190. <tr>
  191. <td><label><roundcube:label name="savesentmessagein" />:</label></td>
  192. <td><roundcube:object name="storetarget" maxlength="30" /></td>
  193. </tr>
  194. <roundcube:endif />
  195. </table>
  196. </div>
  197. <div id="responsesmenu" class="popupmenu">
  198. <ul id="textresponsesmenu">
  199. <li><label class="comment"><roundcube:label name="insertresponse" /></label></li>
  200. <roundcube:object name="responseslist" id="responseslist" tagname="ul" itemclass="active" />
  201. <li><label class="comment"><roundcube:label name="manageresponses" /></label></li>
  202. <roundcube:button command="save-response" type="link-menuitem" label="newresponse" classAct="active" unselectable="on" />
  203. <roundcube:button command="responses" type="link-menuitem" label="editresponses" classAct="active" />
  204. </ul>
  205. </div>
  206. <div id="spellmenu" class="popupmenu selectable"></div>
  207. </form>
  208. <roundcube:object name="composeAttachmentForm" id="attachment-form" attachmentFieldSize="40" class="popupmenu" />
  209. <div id="attachmentmenu" class="popupmenu">
  210. <ul class="toolbarmenu">
  211. <li><roundcube:button command="open-attachment" id="attachmenuopen" type="link" label="open" class="openlink" classAct="openlink active" innerclass="openlink" /></li>
  212. <li><roundcube:button command="download-attachment" id="attachmenudownload" type="link" label="download" class="downloadlink" classAct="downloadlink active" innerclass="downloadlink" /></li>
  213. <li><roundcube:button command="rename-attachment" id="attachmenurename" type="link" label="rename" class="renamelink" classAct="renamelink active" innerclass="renamelink" /></li>
  214. <roundcube:container name="attachmentmenu" id="attachmentmenu" />
  215. </ul>
  216. </div>
  217. <script type="text/javascript">
  218. rcube_init_mail_ui();
  219. </script>
  220. </body>
  221. </html>