tailor/server/shared/mail/templates/comment.mjml at 4274cf9b39e03b8c3cb895f188958c1f180ae743 · ExtensionEngine/tailor · GitHub

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
<mjml>
  <mj-include path="./components/head.mjml"/>
  <mj-body padding="10px">
    <mj-include path="./components/header.mjml"/>
    <mj-section
      padding="0 10px 20px"
      text-align="left">
      <mj-column>
        <mj-text
          mj-class="content"
          padding-left="0"
          color="#444"
          font-size="16px">
          <b>{{author.label}}</b> {{ action }} a comment on
          <b>{{repositoryName}}</b>, <b>{{topic}}</b>.
        </mj-text>
      </mj-column>
    </mj-section>
    <mj-section padding="0 10px">
      <mj-column border-bottom="2px dashed #d2d2d2">
        <mj-table padding="10px">
          <tr class="content" style="display: flex;">
            <td>
              <span class="avatar">{{#getInitials}}{{author.label}}{{/getInitials}}</span>
            </td>
            <td style="padding: 0 0 0 20px">
              <div class="label">{{author.label}}</div>
              <div>{{content}}</div>
            </td>
          </tr>
        </mj-table>
       </mj-column>
    </mj-section>
    {{#previousComments}}
      <mj-section padding="0 10px">
        <mj-column background-color="#f5f5f5" border-bottom="2px dashed #d2d2d2">
          <mj-table padding="10px">
            <tr class="content" style="display: flex;">
              <td>
                <span class="avatar">{{#getInitials}}{{author.label}}{{/getInitials}}</span>
              </td>
              <td style="padding: 0 0 0 20px">
                <div class="label">{{author.label}}</div>
                <div>{{content}}</div>
              </td>
            </tr>
          </mj-table>
        </mj-column>
      </mj-section>
    {{/previousComments}}
    <mj-section padding="20px 10px 0">
      <mj-column>
        <mj-text
          mj-class="content"
          padding-left="0"
          color="#444"
          font-size="16px">
          View the {{activityLabel}} by clicking the button below:
        </mj-text>
        <mj-button mj-class="ctaButton" href="{{href}}">
          View {{activityLabel}}
        </mj-button>
      </mj-column>
    </mj-section>
    <mj-section padding="20px 10px 0">
      <mj-column>
        <mj-text align="center">
          You can
          <a href="{{unsubscribeLink}}">
            Unsubscribe
          </a>
          from comment notifications in the profile page.
        </mj-text>
      </mj-column>
    </mj-section>
  </mj-body>
</mjml>