Tagged Assets: Support passing arguments

Pass LOAD_INITIAL_COUNT and LOAD_NEXT_COUNT

Also only show 'Load more' if LOAD_NEXT_COUNT is not set to 0
This commit is contained in:
2018-09-16 06:30:48 +02:00
parent b50a3e1fb3
commit a65d771bd6
2 changed files with 11 additions and 9 deletions

View File

@@ -108,7 +108,7 @@
load_next.remove();
}
$.fn.loadTaggedAssets = function() {
$.fn.loadTaggedAssets = function(LOAD_INITIAL_COUNT, LOAD_NEXT_COUNT) {
this.each(function(index, card_deck_element) {
// TODO(Sybren): show a 'loading' animation.
$.get('/api/nodes/tagged/' + card_deck_element.dataset.assetTag)
@@ -130,13 +130,15 @@
// Don't bother with a 'load next' link if there is no more.
if (resp.length <= LOAD_INITIAL_COUNT) return;
// Construct the 'load next' link.
let link = $('<a class="btn btn-link px-5 my-auto">')
.addClass('js-load-next')
.attr('href', 'javascript:void(0);')
.click(function() { loadNext(card_deck_element); return false; })
.text('Load more items');
link.appendTo(card_deck_element);
if (LOAD_NEXT_COUNT > 0) {
// Construct the 'load next' link.
let link = $('<a class="btn btn-link px-5 my-auto">')
.addClass('js-load-next')
.attr('href', 'javascript:void(0);')
.click(function() { loadNext(card_deck_element); return false; })
.text('Load more items');
link.appendTo(card_deck_element);
}
});
});
};

View File

@@ -7,7 +7,7 @@ script(src="{{ url_for('static_cloud', filename='assets/js/tagged_assets.min.js'
script.
$(function() {
$('.js-asset-list').loadTaggedAssets();
$('.js-asset-list').loadTaggedAssets(5, 3);
})
| {% endblock %}
| {% block body %}