summaryrefslogtreecommitdiff
path: root/web-ui/app/templates/compose/compose_box.hbs
blob: 06cc099aa188ab2c136a1227d36073c358e54195 (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
{{> 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>
    <!-- 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 {{#unless attachments}}hide{{/unless}}">
        <div class="attachmentsArea column large-12">
            <ul id="attachment-list-item">
                {{#each attachments }}
                    <li>
                        <a href="/attachment/{{ this.ident }}?encoding={{ this.encoding }}&filename={{ this.name }}">{{ this.name }} <span class="attachment-size">({{ formatSize this.size}})</span>
                            <i class="fa fa-arrow-down download-icon"></i></a>
                    </li>
                {{/each }}
            </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>