mirrors/ympd
1
0
Fork 0
mirror of https://github.com/SuperBFG7/ympd synced 2025-05-05 08:54:07 +00:00
Code Issues Releases Wiki Activity

Initial code for advanced actions

Browse Source
This commit is contained in:
jcorporation 2018-06-24 22:39:37 +01:00
parent 9f2a2155a0
commit 730651b831
1 changed files with 31 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
htdocs/js/mpd.js
View File

@ -591,7 +591,7 @@ function parseQueue(obj) {
} }
function parseSearch(obj) { function parseSearch(obj) {
if(app.current.app !== 'Search') if (app.current.app !== 'Search')
return; return;
$('#panel-heading-search').text(obj.totalEntities + ' Songs found'); $('#panel-heading-search').text(obj.totalEntities + ' Songs found');
if (obj.totalEntities > 0) { if (obj.totalEntities > 0) {
@ -621,8 +621,8 @@ function parseFilesystem(obj) {
uri=encodeURI(obj.data[item].dir); uri=encodeURI(obj.data[item].dir);
row ='<tr uri="' + uri + '" class="dir">' + row ='<tr uri="' + uri + '" class="dir">' +
'<td><span class="material-icons">folder_open</span></td>' + '<td><span class="material-icons">folder_open</span></td>' +
'<td colspan="3"><a>' + basename(obj.data[item].dir) + '</a></td>' + '<td colspan="4"><a>' + basename(obj.data[item].dir) + '</a></td>' +
'<td></td><td></td></tr>'; '<td><a class="material-icons">playlist_add</a></td></tr>';
break; break;
case 'song': case 'song':
var minutes = Math.floor(obj.data[item].duration / 60); var minutes = Math.floor(obj.data[item].duration / 60);
@ -634,14 +634,14 @@ function parseFilesystem(obj) {
'<td>' + obj.data[item].artist + '</td>' + '<td>' + obj.data[item].artist + '</td>' +
'<td>' + obj.data[item].album + '</td>' + '<td>' + obj.data[item].album + '</td>' +
'<td>' + minutes + ':' + (seconds < 10 ? '0' : '') + seconds + '<td>' + minutes + ':' + (seconds < 10 ? '0' : '') + seconds +
'</td><td></td></tr>'; '</td><td><a tabindex="0" onclick="showMenu(this,event);" data-trigger="focus" class="material-icons">playlist_add</a></td></tr>';
break; break;
case 'playlist': case 'playlist':
uri=encodeURI(obj.data[item].plist); uri=encodeURI(obj.data[item].plist);
row ='<tr uri="' + uri + '" class="plist">' + row ='<tr uri="' + uri + '" class="plist">' +
'<td><span class="material-icons">list</span></td>' + '<td><span class="material-icons">list</span></td>' +
'<td colspan="3"><a>' + basename(obj.data[item].plist) + '</a></td>' + '<td colspan="4"><a>' + basename(obj.data[item].plist) + '</a></td>' +
'<td></td><td></td></tr>'; '<td><a class="material-icons">playlist_add</a></td></tr>';
break; break;
} }
if (nrItems <= tr.length) { if ($(tr[nrItems-1]).attr('uri') != uri) $(tr[nrItems-1]).replaceWith(row); } if (nrItems <= tr.length) { if ($(tr[nrItems-1]).attr('uri') != uri) $(tr[nrItems-1]).replaceWith(row); }
@ -658,7 +658,8 @@ function parseFilesystem(obj) {
'<td colspan="3">No results</td>' + '<td colspan="3">No results</td>' +
'<td></td><td></td></tr>'); '<td></td><td></td></tr>');
} }
$('[data-toggle="popover"]').popover();
/*
function appendClickableIcon(appendTo, onClickAction, glyphicon) { function appendClickableIcon(appendTo, onClickAction, glyphicon) {
$(appendTo).append( $(appendTo).append(
'<a role="button" class="pull-right btn-group-hover">' + '<a role="button" class="pull-right btn-group-hover">' +
@ -685,7 +686,8 @@ function parseFilesystem(obj) {
$(this).children().last().find("a").stop().remove(); $(this).children().last().find("a").stop().remove();
} }
}); });
}; }
*/
$('#'+app.current.app+(app.current.tab == undefined ? '' : app.current.tab )+'List > tbody > tr').on({ $('#'+app.current.app+(app.current.tab == undefined ? '' : app.current.tab )+'List > tbody > tr').on({
click: function() { click: function() {
switch($(this).attr('class')) { switch($(this).attr('class')) {
@ -906,6 +908,20 @@ function setPagination(number) {
} }
} }
function showMenu(el,event) {
event.stopPropagation();
$(el).popover({html:true, content:'<a class="dropdown-item" href="#">Append to queue</a>'+
'<a class="dropdown-item" href="#">Add after current playing song</a>'+
'<a class="dropdown-item" href="#">Replace queue</a>'+
'<div class="dropdown-divider"></div>'+
'<a class="dropdown-item" href="#">Add to playlist</a>'+
'<div class="dropdown-divider"></div>'+
'<a class="dropdown-item" href="#">Details</a>'
});
$(el).popover('show');
}
function updateVolumeIcon(volume) { function updateVolumeIcon(volume) {
if (volume == -1) { if (volume == -1) {
$('#volumePrct').text('Volumecontrol disabled'); $('#volumePrct').text('Volumecontrol disabled');