grav-plugin-comments/admin/templates/comments.html.twig

103 lines
3.2 KiB
Twig

{% extends 'partials/base.html.twig' %}
{% if admin.route %}
{% set context = admin.page(true) %}
{% endif %}
{% block titlebar %}
<h1><i class="fa fa-fw fa-file-text-o"></i> {{ "PLUGIN_COMMENTS.COMMENTS"|tu }}</h1>
{% endblock %}
{% block content %}
<style>
td.comments-actions {
flex: 0.1;
}
.pages-list .row {
padding-right: 1rem;
}
.comment-text {
line-height: 1.5rem;
display: inline-block;
}
.pages-list .row p.page-route {
margin: 0px 0 10px 0px;
}
th { background: #d9d9d9; }
.comment { flex: 3 }
.details { flex: 1.5 }
.center {
margin: 0 auto;
text-align: center;
display: block;
}
.button:active { margin: 0 auto;}
</style>
<script>
$(function() {
var currentPage = 0;
$(document).on('click tap', '.js__load-more', function(event) {
$.getJSON(window.location + '/page:' + (currentPage + 1))
.success(function(response) {
currentPage = parseInt(response.page);
response.comments.forEach(function(comment) {
$('.js__comments-container').append('<tr>' +
'<td class="e author">' + comment.author + '</td>' +
'<td class="v comment">' + comment.text + '</td>' +
'<td class="v details"><strong>Page</strong>: ' + comment.pageTitle + '<br>' +
'<strong>Date</strong>: ' + comment.date + '</td>' +
'</tr>');
})
$('.totalRetrieved').html(response.totalRetrieved);
$('.totalAvailable').html(response.totalAvailable);
})
.error(function() {
alert('Unexpected error');
});
});
});
</script>
<h1>Latest comments</h1>
<div class="admin-block default-box-shadow">
<table>
<tbody class="js__comments-container">
<tr class="h">
<th class="author">Author</th>
<th class="comment">Comment</th>
<th class="details">Details</th>
</tr>
{% for comment in grav.twig.comments.comments %}
<tr>
<td class="e author">{{comment.author}}</td>
<td class="v comment">{{comment.text}}</td>
<td class="v details"><strong>Page</strong>: {{comment.pageTitle}}<br>
<strong>Date</strong>: {{comment.date}}</td>
</tr>
{% endfor %}
</tbody>
</table>
<button type="button" class="button center js__load-more">
Load more
</button>
<p class="center">Showing <span class="totalRetrieved">{{grav.twig.comments.totalRetrieved}}</span> comments of <span class="totalAvailable">{{grav.twig.comments.totalAvailable}}</span></p>
</div>
{% endblock %}