_includes/comments.html


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

{% raw %}
<script type="text/html" id="template">
  <div class="panel panel-default">
    <!-- Title -->
    <div class="panel-heading">
      <img class="github-avatar img-rounded" src="{{= it.avatar }}">
      <a href="{{= it.url }}"><strong>{{= it.user }}</strong></a>
      <span>commented on {{= it.date }}</span>
    </div>
    <!-- Content -->
    <div class="panel-body">{{= it.content }}</div>
  </div>
</script>
{% endraw %}

<h2>Comments</h2>
<div id="comments">
  <noscript>
    <div class="alert alert-warning" role="alert">
      <span>Activate JavaScript to display comments</span>
    </div>
  </noscript>

  <!-- Script loading comments -->
  <script defer type="text/javascript">
    window.addEventListener("load", function () {
      Github.getComments(
        "{{ site.repos | strip_newlines | strip_html | strip | normalize_whitespace | smartify | xml_escape }}",
        "{{ page.issue | strip_newlines | strip_html | strip | normalize_whitespace | xml_escape | round }}",
        function (error, comments) {
          if (error) { throw new Error(error); }
          comments.forEach(function (comment) {
            Github.addComment("#comments", comment);
          });
        });
    });
  </script>
</div>