source: github/skins/larry/templates/compose.html @ 74d4c7f9

HEADcourier-fixdev-browser-capabilitiespdorelease-0.8
Last change on this file since 74d4c7f9 was 74d4c7f9, checked in by thomascube <thomas@…>, 17 months ago

Setup dialogs (using jquery UI) and compose form for Larry

  • Property mode set to 100644
File size: 7.3 KB
Line 
1<roundcube:object name="doctype" value="html5" />
2<html>
3<head>
4<title><roundcube:object name="pagetitle" /></title>
5<roundcube:include file="/includes/links.html" />
6<link rel="stylesheet" type="text/css" href="/googiespell.css" />
7</head>
8<body>
9
10<roundcube:include file="/includes/header.html" />
11
12<div id="mainscreen">
13
14<div id="composeview-left">
15
16<!-- inline address book -->
17
18</div>
19
20<div id="composeview-right">
21
22<!-- toolbar -->
23<div id="messagetoolbar" class="fullwidth">
24<div id="mailtoolbar" class="toolbar">
25        <roundcube:button command="spellcheck" type="link" class="button spellcheck disabled" classAct="button spellcheck" classSel="button spellcheck pressed" label="checkspelling" />
26        <roundcube:button name="addattachment" type="link" class="button attach" classAct="button attach" classSel="button attach pressed" label="addattachment" onclick="UI.show_uploadform();return false" />
27        <roundcube:button command="insert-sig" type="link" class="button insertsig disabled" classAct="button insertsig" classSel="button insertsig pressed" label="insertsignature" />
28        <roundcube:container name="toolbar" id="compose-toolbar" />
29</div>
30</div>
31
32<form name="form" action="./" method="post" id="compose-content" class="uibox">
33
34<!-- message headers -->
35<div id="composeheaders">
36
37<table class="headers-table compose-headers">
38<tbody>
39        <tr>
40                <td class="title"><label for="_from"><roundcube:label name="from" /></label></td>
41                <td class="editfield">
42                        <roundcube:object name="composeHeaders" part="from" form="form" id="_from" tabindex="1" />
43                        <a href="#identities" onclick="return rcmail.command('identities')" class="iconlink edit"><roundcube:label name="editidents" /></a>
44                </td>
45        </tr><tr>
46                <td class="title top"><label for="_to"><roundcube:label name="to" /></label></td>
47                <td class="editfield"><roundcube:object name="composeHeaders" part="to" form="form" id="_to" cols="70" rows="1" tabindex="2" /></td>
48        </tr><tr id="compose-cc">
49                <td class="title top">
50                        <label for="_cc"><roundcube:label name="cc" /></label>
51                        <a href="#cc" onclick="return UI.hide_header_row('cc');" class="iconbutton cancel" title="<roundcube:label name='delete' />" />x</a>
52                </td>
53                <td class="editfield"><roundcube:object name="composeHeaders" part="cc" form="form" id="_cc" cols="70" rows="1" tabindex="3" /></td>
54        </tr><tr id="compose-bcc">
55                <td class="title top">
56                        <label for="_bcc"><roundcube:label name="bcc" /></label>
57                        <a href="#bcc" onclick="return UI.hide_header_row('bcc');" class="iconbutton cancel"title="<roundcube:label name='delete' />" />x</a>
58                </td>
59                <td colspan="2" class="editfield"><roundcube:object name="composeHeaders" part="bcc" form="form" id="_bcc" cols="70" rows="1" tabindex="4" /></td>
60        </tr><tr id="compose-replyto">
61                <td class="title top">
62                        <label for="_replyto"><roundcube:label name="replyto" /></label>
63                        <a href="#replyto" onclick="return UI.hide_header_row('replyto');" class="iconbutton cancel" title="<roundcube:label name='delete' />" />x</a>
64                </td>
65                <td class="editfield"><roundcube:object name="composeHeaders" part="replyto" form="form" id="_replyto" size="70" tabindex="5" /></td>
66        </tr><tr id="compose-followupto">
67                <td class="title top">
68                        <label for="_followupto"><roundcube:label name="followupto" /></label>
69                        <a href="#followupto" onclick="return UI.hide_header_row('followupto');" class="iconbutton cancel" title="<roundcube:label name='delete' />" />x</a>
70                </td>
71                <td class="editfield"><roundcube:object name="composeHeaders" part="followupto" form="form" id="_followupto" size="70" tabindex="7" /></td>
72        </tr><tr>
73                <td></td>
74                <td class="formlinks">
75                        <a href="#cc" onclick="return UI.show_header_row('cc')" id="cc-link" class="iconlink add"><roundcube:label name="addcc" /></a>
76                        <a href="#bcc" onclick="return UI.show_header_row('bcc')" id="bcc-link" class="iconlink add"><roundcube:label name="addbcc" /></a>
77                        <a href="#reply-to" onclick="return UI.show_header_row('replyto')" id="replyto-link" class="iconlink add"><roundcube:label name="addreplyto" /></a>
78                        <a href="#followup-to" onclick="return UI.show_header_row('followupto')" id="followupto-link" class="iconlink add"><roundcube:label name="addfollowupto" /></a>
79                </td>
80        </tr><tr>
81                <td class="title"><label for="compose-subject"><roundcube:label name="subject" /></label></td>
82                <td class="editfield"><roundcube:object name="composeSubject" id="compose-subject" form="form" tabindex="8" /></td>
83        </tr>
84</tbody>
85</table>
86
87<div id="composebuttons" class="formbuttons">
88        <roundcube:button type="input" command="send" class="button mainaction" label="sendmessage" tabindex="10" />
89        <roundcube:button type="input" command="savedraft" class="button" label="savemessage" tabindex="10" />
90        <roundcube:button type="input" command="list" class="button" label="cancel" tabindex="11" />
91</div>
92
93</div>
94
95<!-- (collapsable) message options -->
96<div id="composeoptionsbox">
97        <span class="composeoption">
98                <label><roundcube:label name="options" /></label>
99                <a href="#options" id="composeoptionstoggle">&nbsp;</a>
100        </span>
101       
102        <div id="composeoptions">
103                <span class="composeoption">
104                        <label><roundcube:label name="editortype" />
105                                <roundcube:object name="editorSelector" editorid="compose-body" tabindex="12" /></label>
106                </span>
107                <span class="composeoption">
108                        <label><label for="rcmcomposepriority"><roundcube:label name="priority" />
109                                <roundcube:object name="prioritySelector" form="form" id="rcmcomposepriority" /></label>
110                </span>
111                <span class="composeoption">
112                        <label><roundcube:object name="receiptCheckBox" form="form" id="rcmcomposereceipt" /> <roundcube:label name="returnreceipt" /></label>
113                </span>
114                <span class="composeoption">
115                        <label><roundcube:object name="dsnCheckBox" form="form" id="rcmcomposedsn" /> <roundcube:label name="dsn" /></label>
116                </span>
117                <span class="composeoption">
118                        <label><roundcube:label name="savesentmessagein" /> <roundcube:object name="storetarget" maxlength="30" style="max-width:12em" /></label>
119                </span>
120                <roundcube:container name="composeoptions" id="composeoptions" />
121        </div>
122</div>
123
124<!-- message compose body -->
125<div id="composeview-bottom">
126        <div id="composebodycontainer">
127                <div id="spellcheck-control"></div>
128                <roundcube:object name="composeBody" id="composebody" form="form" cols="70" rows="20" tabindex="9" />
129        </div>
130        <div id="compose-attachments" class="rightcol">
131                <div style="text-align:center; margin-bottom:20px">
132                        <roundcube:button name="addattachment" type="input" class="button" classSel="button pressed" label="addattachment" onclick="UI.show_uploadform();return false" />
133                </div>
134                <roundcube:object name="composeAttachmentList" id="attachment-list" cancelIcon="/images/0.gif" />
135        </div>
136</div>
137
138</form>
139
140<div id="mailview-bottom" class="uibox">
141        <roundcube:object name="message" id="message" class="statusbar" />
142</div>
143
144</div><!-- end mailview-right -->
145
146</div><!-- end mainscreen -->
147
148<div id="upload-dialog" class="propform popupdialog" title="<roundcube:label name='addattachment' />">
149        <roundcube:object name="composeAttachmentForm" id="uploadform" attachmentFieldSize="40" buttons="no" />
150        <div class="formbuttons">
151                <roundcube:button command="send-attachment" type="input" class="button mainaction" label="upload" />
152                <roundcube:button name="close" type="input" class="button" label="cancel" onclick="UI.show_uploadform()" />
153        </div>
154</div>
155
156<roundcube:include file="/includes/footer.html" />
157
158</body>
159</html>
Note: See TracBrowser for help on using the repository browser.