paul
/
rocket-pinboard
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Also change the label of the More-button when (un)collapsed

This commit is contained in:
Paul van Tilburg 2018-01-03 21:08:19 +01:00
parent 94a3d3ebc1
commit cd14727a3b
1 changed files with 11 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
static/js/wishlists.js
View File

@ -102,10 +102,20 @@ function updateListHTML(listElem) {
.nextAll()
.wrapAll('<div class="collapse list-more"/>')
listHtmlElem.append('<div class="row justify-content-center">' +
'<button class="btn btn-sm btn-light text-dark" data-toggle="collapse" ' +
'<button class="btn btn-sm btn-light text-dark list-more-toggle" '+
'data-toggle="collapse" ' +
'data-target=".list[data-list-id=\'' + listId + '\'] .list-more">' +
'Meer…</button>' +
'</div>');
var listMoreButton = listHtmlElem.find(".list-more-toggle");
console.debug(listMoreButton);
listHtmlElem.find('.list-more')
.on('shown.bs.collapse', function() {
listMoreButton.text('Minder…');
}).on('hidden.bs.collapse', function() {
listMoreButton.text('Meer…');
});
}
}).fail(function(html, textMsg, error) {
listHtmlElem.html("<h3><i>Kan lijst niet tonen!</i></h3>" +