summaryrefslogtreecommitdiffstats
path: root/templates/comment.tmpl
blob: 30602ebe6fd06200e517cf2169a14cc075481b43 (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
<TMPL_IF HTML5><article class="comment row" id="<TMPL_VAR COMMENTID>">
<TMPL_ELSE><div class="comment row" id="<TMPL_VAR COMMENTID>"></TMPL_IF>

<!-- User avatar in a small column on the left -->
<div class="col-md-1 col-sm-1 col-xs-1">
  <TMPL_IF COMMENTAUTHORAVATAR>
    <div class="comment-avatar">
      <img src="<TMPL_VAR COMMENTAUTHORAVATAR>" alt="Avatar" class="img-responsive img-circle" />
    </div>
  </TMPL_IF>
</div>

<div class="col-md-11 col-sm-11 col-xs-11">
  <!-- HEADER: Print the name of the comment poster and the date -->
  <header class="comment-subject text-muted row" style="margin-bottom:1em;">
    <div class="col-md-6 col-sm-6 col-xs-6"> <!-- Author -->
      <strong>
        <TMPL_IF COMMENTUSER>
          <TMPL_IF COMMENTOPENID>
            <a class="text-muted" href="<TMPL_VAR COMMENTOPENID>"><TMPL_VAR COMMENTAUTHOR></a>
          <TMPL_ELSE>
            <TMPL_IF COMMENTAUTHORURL>
              <a class="text-muted" href="<TMPL_VAR COMMENTAUTHORURL>"><TMPL_VAR COMMENTAUTHOR></a>
            <TMPL_ELSE>
              <TMPL_VAR COMMENTAUTHOR>
            </TMPL_IF>
          </TMPL_IF>
        <TMPL_ELSE>
          <TMPL_IF AUTHOR>
            <TMPL_IF AUTHORURL>
              <a class="text-muted" href="<TMPL_VAR AUTHORURL>"><TMPL_VAR AUTHOR></a>
            <TMPL_ELSE>
              <TMPL_VAR AUTHOR>
            </TMPL_IF>
          </TMPL_IF>
        </TMPL_IF>
      </strong>
    </div>
    <!-- Date --><div class="col-md-6 col-sm-6 col-xs-6 text-right"><TMPL_VAR CTIME></div>
  </header>

  <section class="inlinecontent" style="margin-top:1em">
    <strong><TMPL_VAR TITLE></strong><br/>
    <TMPL_VAR CONTENT>
  </section>

  <div class="text-right">
    <!-- Show the link to remove comments (probably admin only) -->
    <TMPL_IF REMOVEURL>
      <a href="<TMPL_VAR PERMALINK>" class="text-muted" title="Remove comment">
        <span class="glyphicon glyphicon-trash" aria-hidden="true"></span>
        <span class="sr-only">Remove comment</span>
      </a>
    </TMPL_IF>
    <!-- Show the permalink as a chain icon on the bottom right of the post
         But make it accessible to screen readers -->
    <TMPL_IF PERMALINK>
      <a href="<TMPL_VAR PERMALINK>" class="text-muted" title="Permalink">
        <span class="glyphicon glyphicon-link" aria-hidden="true"></span>
        <span class="sr-only">Permalink</span>
      </a>
    </TMPL_IF>
  </div>

</div>
<TMPL_IF HTML5></article><TMPL_ELSE></div></TMPL_IF>
<hr />