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

<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 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>