adding 'load more topics' button to topic admin

This commit is contained in:
Julian Lam
2013-06-24 13:03:34 -04:00
parent 3ef32ba7fb
commit 89e852f692
5 changed files with 54 additions and 8 deletions

View File

@@ -1,5 +1,6 @@
$(document).ready(function() {
var topicsListEl = document.querySelector('.topics');
var topicsListEl = document.querySelector('.topics'),
loadMoreEl = document.getElementById('topics_loadmore');
$(topicsListEl).on('click', '[data-action]', function() {
var $this = $(this),
@@ -22,6 +23,16 @@ $(document).ready(function() {
}
});
loadMoreEl.addEventListener('click', function() {
var topics = document.querySelectorAll('.topics li[data-tid]'),
lastTid = parseInt(topics[topics.length - 1].getAttribute('data-tid'));
socket.emit('api:admin.topics.getMore', {
limit: 10,
after: lastTid
});
}, false);
// Resolve proper button state for all topics
var topicEls = topicsListEl.querySelectorAll('li'),
numTopics = topicEls.length;
@@ -81,4 +92,9 @@ socket.on('api:topic.restore', function(response) {
$(btnEl).removeClass('active');
}
});
socket.on('api:admin.topics.getMore', function(topics) {
var html = templates.prepare(templates['admin/topics'].blocks['topics']).parse(topics);
console.log(html);
});