summaryrefslogtreecommitdiff
path: root/web-ui/app/templates/compose/compose_box.hbs
blob: 1904e275c71d7e5fce7b8b9d38f2ddc9bb89d19b (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
{{> recipients }}

<div class="clearfix">
    <a id="to-trigger" class="hide">{{t 'To'}}</a>
    <a id="ccs-trigger" class="hide">{{t 'CC'}}</a>
    <a id="bccs-trigger" class="hide">{{t 'BCC'}}</a>
</div>

<button class="close-mail-button">
    <i class="fa fa-times"></i>
</button>
<div class="floatlabel">
    <label class="floatlabel" for="subject">Subject</label>
    <input class="floatlabel" name="subject" type="text" id="subject" value="{{subject}}" placeholder="{{t 'Subject'}}"
           tabindex="4"/>
</div>
<div class="floatlabel">
    <label class="floatlabel" for="body">Body</label>
    <textarea class="floatlabel" name="body" id="text-box" placeholder="{{t 'Body'}}" tabindex="5">{{body}}</textarea>
</div>

<div id="attachment-list" class="buttons-group columns">
    <span class="btn btn-success fileinput-button">
        <!-- The file input field used as target for the file upload widget -->
        <input id="fileupload" type="file" name="attachment">
    </span>
    <br>
    <br>
    <!-- The global progress bar -->
    <div id="progress" class="progress">
        <div class="progress-bar progress-bar-success"></div>
    </div>
    <!-- The container for the uploaded files -->
    <div class="attachmentsAreaWrap">
      <div class="attachmentsArea column large-12">
        <p><strong><i class="fa fa-paperclip"></i> Attachment(s):</strong></p>
        <ul id="attachment-list-item"></ul>
      </div>
    </div>
 
    <br>
</div>

<div class="buttons-group columns">
    <button id="send-button" tabindex="6"><i class="fa fa-send"></i></button>
    <span id="attachment-button" tabindex="6"></span>
    <button id="trash-button" tabindex="7">{{t 'trash-button'}}<i class="fa fa-trash-o"></i></button>
    <div id="draft-save-status"></div>
</div>