summaryrefslogtreecommitdiff
path: root/skins/default/templates/compose.html
blob: 2e710ca823d03b7fae22816c09dc4d50d23b27a4 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title><roundcube:object name="productname" /> :: <roundcube:label name="compose" /></title>
<roundcube:include file="/includes/links.html" />
<link rel="stylesheet" type="text/css" href="/mail.css" />
<link rel="stylesheet" type="text/css" href="/googiespell.css" />
<script type="text/javascript">
<!--

function rcmail_show_header_form(id, link)
{
  var row, parent, ns, ps, links;

  if (link)
  {
    var parent = link.parentNode;

    if ((ns = rcmail_next_sibling(link)))
      parent.removeChild(ns);
    else if ((ps = rcmail_prev_sibling(link)))
      parent.removeChild(ps);
    
    parent.removeChild(link);

    if(!parent.getElementsByTagName('A').length)
      document.getElementById('compose-links').style.display = 'none';
  }

  if (row = document.getElementById(id))
    {
    var div = document.getElementById('compose-div');
    var headers_div = document.getElementById('compose-headers-div');
    row.style.display = (document.all && !window.opera) ? 'block' : 'table-row';
    div.style.top = (parseInt(headers_div.offsetHeight)) + 'px';
    }

  return false;
}

function rcmail_next_sibling(elm)
{
  var ns = elm.nextSibling;
  while (ns && ns.nodeType == 3)
    ns = ns.nextSibling;
  return ns;
}

function rcmail_prev_sibling(elm)
{
  var ps = elm.previousSibling;
  while (ps && ps.nodeType == 3)
    ps = ps.previousSibling;
  return ps;
}

//-->
</script>
</head>
<body>

<roundcube:include file="/includes/taskbar.html" />
<roundcube:include file="/includes/header.html" />

<form name="form" action="./" method="post">

<div id="messagetoolbar">
<table border="0" cellspacing="0" cellpadding="0"><tr>
    <td id="compose-toolbar">
	<roundcube:button command="list" image="/images/buttons/back_act.png" imageSel="/images/buttons/back_sel.png" imageAct="/images/buttons/back_act.png" width="32" height="32" title="backtolist" />
	<roundcube:button command="send" imageSel="/images/buttons/send_sel.png" imageAct="/images/buttons/send_act.png" imagePas="/images/buttons/send_pas.png" width="32" height="32" title="sendmessage" />
	<roundcube:button command="spellcheck" imageSel="/images/buttons/spellcheck_sel.png" imageAct="/images/buttons/spellcheck_act.png" imagePas="/images/buttons/spellcheck_pas.png" width="32" height="32" title="checkspelling" />
	<roundcube:button command="add-attachment" imageSel="/images/buttons/attach_sel.png" imageAct="/images/buttons/attach_act.png" imagePas="/images/buttons/attach_pas.png" width="32" height="32" title="addattachment" />
	<roundcube:button command="savedraft" imageSel="/images/buttons/drafts_sel.png" imageAct="/images/buttons/drafts_act.png" imagePas="/images/buttons/drafts_pas.png" width="32" height="32" title="savemessage" />
    </td>
    <td id="priority-selector">
	<label for="rcmcomposepriority"><roundcube:label name="priority" />:</label>&nbsp;<roundcube:object name="prioritySelector" form="form" id="rcmcomposepriority" />
    </td>
    <td id="receipt-selector">
	<roundcube:object name="receiptCheckBox" form="form" id="rcmcomposereceipt" />&nbsp;<label for="rcmcomposereceipt"><roundcube:label name="returnreceipt" /></label>
    </td>
</tr></table>
</div>

<div id="compose-container">
    <div id="compose-headers-div" style="width: 100%;">
	<table border="0" cellspacing="0" cellpadding="1" id="compose-headers" summary="">
	<tbody>
	    <tr>
		<td class="title"><label for="rcmcomposefrom"><roundcube:label name="from" /></label></td>
		<td><roundcube:object name="composeHeaders" part="from" form="form" id="rcmcomposefrom" tabindex="1" /></td>
	    </tr><tr>
		<td class="title top"><label for="rcmcomposeto"><roundcube:label name="to" /></label></td>
		<td><roundcube:object name="composeHeaders" part="to" form="form" id="rcmcomposeto" cols="70" rows="2" tabindex="2" /></td>
	    </tr><tr id="compose-cc">
		<td class="title top"><label for="rcmcomposecc"><roundcube:label name="cc" /></label></td>
		<td><roundcube:object name="composeHeaders" part="cc" form="form" id="rcmcomposecc" cols="70" rows="2" tabindex="3" /></td>
	    </tr><tr id="compose-bcc">
		<td class="title top"><label for="rcmcomposebcc"><roundcube:label name="bcc" /></label></td>
		<td><roundcube:object name="composeHeaders" part="bcc" form="form" id="rcmcomposebcc" cols="70" rows="2" tabindex="4" /></td>
	    </tr><tr id="compose-replyto">
		<td class="title top"><label for="rcmcomposereplyto"><roundcube:label name="replyto" /></label></td>
		<td><roundcube:object name="composeHeaders" part="replyto" form="form" id="rcmcomposereplyto" size="70" tabindex="5" /></td>
	    </tr><tr id="compose-links">
		<td></td>
		<td class="formlinks">
		    <a href="#cc" onclick="return rcmail_show_header_form('compose-cc', this);" id="addcclink"><roundcube:label name="addcc" /></a>
		    <span class="separator">|</span>
		    <a href="#bcc" onclick="return rcmail_show_header_form('compose-bcc', this);" id="addbcclink"><roundcube:label name="addbcc" /></a>
		    <span class="separator">|</span>
		    <a href="#reply-to" onclick="return rcmail_show_header_form('compose-replyto', this);" id="addreplytolink"><roundcube:label name="addreplyto" /></a>
		</td>
	    </tr><tr>
		<td class="title"><label for="compose-subject"><roundcube:label name="subject" /></label></td>
		<td><roundcube:object name="composeSubject" id="compose-subject" form="form" tabindex="6" /></td>
	    </tr>
	</tbody>
	</table>
    </div>
    <div id="compose-div" style="width:100%; vertical-align:top; position: absolute; top: 110px; bottom: 40px;">
	<roundcube:object name="composeBody" id="compose-body" form="form" cols="70" rows="20" tabindex="7" spell_container="spell-container"/>
	<table border="0" cellspacing="0" summary="" style="width:100%; margin-top: 5px;"><tbody>
	    <tr>
		<td style="white-space: nowrap">
		    <roundcube:button type="input" command="send" class="button mainaction" label="sendmessage" tabindex="8" />
		    <roundcube:button type="input" command="list" class="button" label="cancel" tabindex="9" />
		</td>
		<td style="text-align:center; white-space: nowrap">
		    <label><roundcube:label name="savesentmessagein" />: <roundcube:object name="storetarget" maxlength="30" /></label>
		</td>
		<td style="text-align:right; white-space:nowrap">
		    <roundcube:label name="editortype" />:&nbsp;
		    <span class="radios-left"><roundcube:object name="editorSelector" tabindex="10" /></span>
		</td>
	    </tr>
	</tbody></table>
    </div>
</div>

<div id="compose-attachments">
<div id="attachment-title"><roundcube:label name="attachments" /></div>
<roundcube:object name="composeAttachmentList" deleteIcon="/images/icons/remove-attachment.png"/ >
<p><roundcube:button command="add-attachment" imagePas="/images/buttons/add_pas.png" imageSel="/images/buttons/add_sel.png" imageAct="/images/buttons/add_act.png" width="23" height="18" title="addattachment" /></p>
</div>

</form>

<roundcube:object name="composeAttachmentForm" id="attachment-form" />

<script type="text/javascript">
<!--

var cc_field = document.getElementById('rcmcomposecc');
if (cc_field && cc_field.value!='')
  rcmail_show_header_form('compose-cc', document.getElementById('addcclink'));
var bcc_field = document.getElementById('rcmcomposebcc');
if (bcc_field && bcc_field.value!='')
  rcmail_show_header_form('compose-bcc', document.getElementById('addbcclink'));

//-->
</script>


</body>
</html>