popov.link/_includes/comments.html
Valentin Popov f12fff5aba
Add a link to add comments
Signed-off-by: Valentin Popov <info@valentineus.link>
2018-10-01 05:13:16 +04:00

49 lines
1.4 KiB
HTML

{% assign repos = site.repos | strip_newlines | strip_html | strip | normalize_whitespace | smartify | xml_escape %}
{% assign issue = page.issue | strip_newlines | strip_html | strip | normalize_whitespace | xml_escape | round %}
{% raw %}
<!-- Template -->
<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 %}
<!-- Header -->
<h2>Comments</h2>
<!-- List of comments -->
<div id="comments"></div>
<!-- Script loading comments -->
<script defer type="text/javascript">
window.addEventListener("load", function () {
Github.getComments("{{ repos }}", "{{ issue }}",
function (error, comments) {
if (error) { throw new Error(error); }
comments.forEach(function (comment) {
Github.addComment("#comments", comment);
});
});
});
</script>
<noscript>
<div class="alert alert-warning" role="alert">
<span>Activate JavaScript to display comments</span>
</div>
</noscript>
<!-- Button -->
<a href="https://github.com/{{ repos }}/issues/{{ issue }}" class="btn btn-default btn-block" role="button">
<span>Add a comment</span>
</a>