54 lines
2.5 KiB
Twig
54 lines
2.5 KiB
Twig
<div id="comments">
|
|
<div class="comment-input-section">
|
|
{% if session.checkLogin %}
|
|
<form action="{{ urls.format('COMMENT_POST') }}" method="post" id="commentsForm">
|
|
<input type="hidden" name="session" value="{{ php.sessionid }}" />
|
|
<input type="hidden" name="category" value="{{ commentsCategory }}" />
|
|
<input type="hidden" name="replyto" value="0" />
|
|
<input type="hidden" name="mode" value="comment" />
|
|
<div class="comment">
|
|
<div class="comment-avatar" style="background-image: url('{{ urls.format('IMAGE_AVATAR', [user.id]) }}');"></div>
|
|
<div class="comment-pointer"></div>
|
|
<textarea class="comment-content" name="comment" placeholder="Join the conversation..."></textarea>
|
|
<input class="comment-submit new" name="submit" type="submit" value="" />
|
|
</div>
|
|
</form>
|
|
<script type="text/javascript">
|
|
window.addEventListener("load", function() {
|
|
prepareAjaxForm('commentsForm', 'Posting comment...');
|
|
});
|
|
</script>
|
|
{% else %}
|
|
<h1 class="stylised" style="text-align: center; padding: 10px 0">Log in to comment!</h1>
|
|
{% endif %}
|
|
</div>
|
|
<div class="comments-discussion">
|
|
<ul class="comments-list">
|
|
{% if comments %}
|
|
{% for comment in comments %}
|
|
{% include 'elements/comment.twig' %}
|
|
{% endfor %}
|
|
{% else %}
|
|
<h1 class="stylised" style="text-align: center; padding: 10px 0">There are no comments yet!</h1>
|
|
{% endif %}
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
{% block js %}
|
|
<script type="text/javascript">
|
|
var deletionLinks = document.querySelectorAll('.comment-deletion-link');
|
|
var likeLinks = document.querySelectorAll('.comment-like-link');
|
|
var dislikeLinks = document.querySelectorAll('.comment-dislike-link');
|
|
|
|
for(var link in deletionLinks) {
|
|
prepareAjaxLink(deletionLinks[link].id, 'submitPost', ', true, "Deleting..."');
|
|
}
|
|
for(var link in dislikeLinks) {
|
|
prepareAjaxLink(likeLinks[link].id, 'submitPost', ', true, "Voting..."');
|
|
}
|
|
for(var link in dislikeLinks) {
|
|
prepareAjaxLink(dislikeLinks[link].id, 'submitPost', ', true, "Voting..."');
|
|
}
|
|
</script>
|
|
{% endblock %}
|