mirrors/ympd
1
0
Fork 0
mirror of https://github.com/SuperBFG7/ympd synced 2024-12-26 11:00:27 +00:00
Code Issues Releases Wiki Activity

Feat: collapse title list in album view

Browse Source
This commit is contained in:
jcorporation 2018-10-15 20:00:22 +01:00
parent 9ef69f3c08
commit 997928790c
2 changed files with 15 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
htdocs/css/mympd.css
View File

@ -33,10 +33,6 @@ button {
}
.card {
min-height: 350px;
}
@media only screen and (max-width: 576px) {
.header-logo {
display:none !important;

16
htdocs/js/mympd.js
View File

@ -1341,7 +1341,11 @@ function parseListDBtags(obj) {
' <div class="card-body">' +
' <h5 class="card-title" id="albumartist' + id + '"></h5>' +
' <h4 class="card-title">' + obj.data[i].value + '</h4>' +
' <table class="table table-sm table-hover" id="tbl' + id + '"><tbody></tbody></table'+
' <a class="color-darkgrey" data-toggle="collapse" href="#collapse' + id +'" id="collapseLink' + id +'">' +
' <span class="material-icons">keyboard_arrow_right</span> Show Titles</a> ' +
' <div class="collapse" id="collapse' + id +'">' +
' <table class="table table-sm table-hover" id="tbl' + id + '"><tbody></tbody></table>'+
' </div>' +
' </div>'+
'</div>';
@ -1433,6 +1437,16 @@ function parseListTitles(obj) {
img.setAttribute('data-type', 'dir');
document.getElementById('albumartist' + id).innerText = obj.albumartist;
var titleTable = document.getElementById('collapseLink' + id);
var myCollapseInit = new Collapse(titleTable);
document.getElementById('collapse' + id).addEventListener('show.bs.collapse', function() {
titleTable.innerHTML = '<span class="material-icons">keyboard_arrow_down</span> Hide Titles';
}, false);
document.getElementById('collapse' + id).addEventListener('hidden.bs.collapse', function() {
titleTable.innerHTML = '<span class="material-icons">keyboard_arrow_right</span> Show Titles';
}, false);
var titleList = '';
var nrItems = obj.data.length;
for (var i = 0; i < nrItems; i++) {