summaryrefslogtreecommitdiff
path: root/web-ui/app/templates/mails/full_view.hbs
blob: c674291c2a9859dfbfd6cd1a697af1dfdc002050 (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

<div id="fullView-{{ ident }}" class="{{statuses}}">

    <header class="msg-header row">

        <button class="close-mail-button">
            <i class="fa fa-times"></i>
        </button>


      <div style="display:inline-block;padding-top: 5px;width:95%;flex-shrink:1" >

        <div class="column large-10 no-padding security-status">
            {{#if signatureStatus}}
            <span class="{{signatureStatus}}">
              {{t signatureStatus }}
            </span>
            {{/if}}
            {{#if encryptionStatus}}
            <span class="{{encryptionStatus}}">
              {{t encryptionStatus }}
            </span>
            {{/if}}
        </div>
        <div class="column large-2 no-padding text-right">
            <span class="received-date">{{ header.formattedDate }}</span>
        </div>
        <div class="recipients column large-12 no-padding">
            <span class="from">
              {{#if header.from }}
                {{ header.from }}
              {{else}}
                {{t 'you'}}
              {{/if}}
            </span>
            <i class="fa fa-long-arrow-right"></i>
            {{{formatRecipients header}}}
        </div>

        <div>
            <h3 class="subjectArea column large-10 no-padding">
                <span class="subject">{{ header.subject }}</span>

                <div class="tagsArea">
                    <ul class="tags">
                        {{#each tags }}
                          <li class="tag" data-tag="{{this}}">{{ this }}</li>
                        {{/each }}

                        <li class="new-tag">
                            <input type="text" id="new-tag-input" placeholder="{{t 'Press Enter to create'}}"/>
                        </li>
                        <li class="add-new">
                            <button id="new-tag-button" class="no-style"><i class="fa fa-plus"></i></button>
                        </li>
                    </ul>
                </div>
            </h3>
            <nav id="mail-actions" class="column large-2 no-padding">
            </nav>
        </div>

      </div>
    </header>

    <div id="delete-modal" class="reveal-modal" data-reveal>
        <p class="lead">{{t 'You are trying to delete the last tag on this message.'}}</p>

        <p>{{t 'What would you like to do?'}}</p>
        <button id="trash-button">{{t 'Trash message'}}</button>
        <button id="archive-button">{{t 'Archive it'}}</button>
        <span class="close-reveal-modal">&#215;</span>
        <small><strong>{{t 'Trash:'}}</strong> {{t 'we will keep this message for 30 days, then delete it forever.'}}
        </small>
        <small>
            <strong>{{t 'Archive:'}}</strong> {{t 'we will remove all the tags, but keep it in your account in case you need it.'}}
        </small>
    </div>

    <div class="bodyArea column large-12">
      {{#each body }}
          <p>{{ this }}</p>
      {{/each }}
    </div>
</div>
<script>
    (function () {
        var height = $(".msg-header")[0].offsetHeight;
        $(".bodyArea")[0].style.marginTop = height + 'px';
    }());
</script>