671 lines
24 KiB
JavaScript
671 lines
24 KiB
JavaScript
var clickRegistry = function() {
|
|
|
|
var clickHandlers = new Array();
|
|
|
|
return {
|
|
addClickHandlers: function(source, single) {
|
|
clickHandlers.push({source: source, single: single});
|
|
},
|
|
|
|
farmClick: function(event, clickedElement) {
|
|
for (var i in clickHandlers) {
|
|
if (clickedElement.hasClass(clickHandlers[i].source)) {
|
|
clickHandlers[i].single(event, clickedElement);
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
|
|
}
|
|
}();
|
|
|
|
/*
|
|
|
|
Itemss which are playable (i.e can be added to the playlist) should have a class of 'playable'
|
|
and NOT 'clickable'. Other attributes on those items should be set as per playlist.addItems
|
|
|
|
*/
|
|
|
|
function setPlayClickHandlers() {
|
|
|
|
$(document).off('click', '.playable').off('dblclick', '.playable');
|
|
if (prefs.clickmode == 'double') {
|
|
$(document).on('click', '.playable', selectPlayable);
|
|
$(document).on('dblclick', '.playable', playPlayable);
|
|
} else {
|
|
$(document).on('click', '.playable', playPlayable);
|
|
}
|
|
|
|
collectionHelper.enableCollectionUpdates();
|
|
}
|
|
|
|
/*
|
|
|
|
Items which should respond to clicks in the main UI should have a class of 'clickable'
|
|
These are passed in the first instance to onSourcesClicked
|
|
Plugins can provide their own single click handler by adding an extra 'pluginclass' to the items
|
|
and calling clickRegistry.addClickHandlers('pluginclass', handlerFunction).
|
|
handlerFunction takes 2 parameters - the event and the clicked element
|
|
|
|
Items for where the click should open a dropdown menu should have a class of 'openmenu'
|
|
and NOT 'clickable'. The item's name attribute should be the id attribute of the dropdown panel,
|
|
which should have a class of 'toggledown'
|
|
Plugins can provide a callback function to populate the dropdown panel
|
|
menuOpeners['id attribute (no hash)'] = populateFunction
|
|
or if you have id attributes like 'something_1' and 'something_2' then menuOpeners['something'] will
|
|
call the function with the numeric part of the id attribute as a parameter.
|
|
menuClosers[] is also a thing
|
|
Note there are special built-in attributes for many of the dropdowns - eg album, artist, directory etc
|
|
which are handled by specific functions. Don't use these attributes.
|
|
|
|
Info panel info plugins should use 'infoclick' and NOT 'clickable'. The info panel will pass these clicks
|
|
through to the appropriate artist, album, or track child of the info collection
|
|
|
|
Info Panel extra plugins should use 'infoclick plugclickable' and NOT 'clickable'. The info panel will
|
|
pass these through to the plugin's handleClick method.
|
|
|
|
Playable items in the Info panel should just use 'playable' and none of the other attributes
|
|
|
|
*/
|
|
|
|
function bindClickHandlers() {
|
|
|
|
// Set up all our click event listeners
|
|
|
|
$('.infotext').on('click', '.infoclick', onBrowserClicked);
|
|
|
|
$(document).on('click', '.openmenu.artist, .openmenu.album', function(event) {
|
|
doAlbumMenu(event, $(this), null);
|
|
});
|
|
|
|
$(document).on('click', '.openmenu.searchdir, .openmenu.directory, .openmenu.playlist, .openmenu.userplaylist', function(event) {
|
|
doFileMenu(event, $(this));
|
|
});
|
|
|
|
$(document).on('click', '.openmenu:not(.artist):not(.album):not(.searchdir):not(.directory):not(.playlist):not(.userplaylist)', function(event) {
|
|
doMenu(event, $(this));
|
|
});
|
|
|
|
$(document).on('click', '.clickable', function(event) {
|
|
onSourcesClicked(event, $(this));
|
|
});
|
|
|
|
$(document).on('click', '.clickaddtoplaylist', function(event) {
|
|
infobar.addToPlaylist($(this));
|
|
});
|
|
|
|
}
|
|
|
|
function bindPlaylistClicks() {
|
|
$("#sortable").off('click');
|
|
$("#sortable").on('click', '.clickplaylist', playlist.handleClick);
|
|
}
|
|
|
|
function unbindPlaylistClicks() {
|
|
$("#sortable").off('click');
|
|
}
|
|
|
|
function setControlClicks() {
|
|
$('i.prev-button').on('click', playlist.previous);
|
|
$('i.next-button').on('click', playlist.next);
|
|
setPlayClicks();
|
|
}
|
|
|
|
function setPlayClicks() {
|
|
$('i.play-button').on('click', infobar.playbutton.clicked);
|
|
$('i.stop-button').on('click', player.controller.stop);
|
|
$('i.stopafter-button').on('click', playlist.stopafter);
|
|
}
|
|
|
|
function offPlayClicks() {
|
|
$('i.play-button').off('click', infobar.playbutton.clicked);
|
|
$('i.stop-button').off('click', player.controller.stop);
|
|
$('i.stopafter-button').off('click', playlist.stopafter);
|
|
}
|
|
|
|
function onBrowserClicked(event) {
|
|
debug.log("BROWSER","Click Event",event);
|
|
var clickedElement = $(this);
|
|
var parentElement = $(event.delegateTarget).attr('id');
|
|
var source = parentElement.replace('information', '');
|
|
debug.log("BROWSER","A click has occurred in",parentElement,source);
|
|
event.preventDefault();
|
|
browser.handleClick(source, clickedElement, event);
|
|
return false;
|
|
}
|
|
|
|
function onSourcesClicked(event, clickedElement) {
|
|
event.stopImmediatePropagation();
|
|
debug.log('UI','Clicked On',clickedElement);
|
|
if (clickedElement.hasClass("clickremdb")) {
|
|
metaHandlers.fromUiElement.removeTrackFromDb(clickedElement);
|
|
} else if (clickedElement.hasClass("clickalbummenu")) {
|
|
makeAlbumMenu(event, clickedElement);
|
|
} else if (clickedElement.hasClass("amendalbum")) {
|
|
amendAlbumDetails(event, clickedElement);
|
|
} else if (clickedElement.hasClass("fakedouble")) {
|
|
playPlayable.call(clickedElement, event);
|
|
clickedElement.parent().remove();
|
|
} else if (clickedElement.hasClass('clickdeleteplaylist')) {
|
|
player.controller.deletePlaylist(clickedElement.next().val());
|
|
} else if (clickedElement.hasClass('clickdeleteuserplaylist')) {
|
|
player.controller.deleteUserPlaylist(clickedElement.next().val());
|
|
} else if (clickedElement.hasClass('clickrenameplaylist')) {
|
|
player.controller.renamePlaylist(clickedElement.next().val(), event, player.controller.doRenamePlaylist);
|
|
} else if (clickedElement.hasClass('clickrenameuserplaylist')) {
|
|
player.controller.renamePlaylist(clickedElement.next().val(), event, player.controller.doRenameUserPlaylist);
|
|
} else if (clickedElement.hasClass('clickdeleteplaylisttrack')) {
|
|
player.controller.deletePlaylistTrack(
|
|
clickedElement.next().val(),
|
|
clickedElement.attr('name'),
|
|
false);
|
|
} else {
|
|
clickRegistry.farmClick(event, clickedElement);
|
|
}
|
|
}
|
|
|
|
function selectPlayable(event) {
|
|
event.stopImmediatePropagation();
|
|
var clickedElement = $(this);
|
|
if ((clickedElement.hasClass("clickalbum") || clickedElement.hasClass('clickloadplaylist') || clickedElement.hasClass('clickloaduserplaylist'))
|
|
&& !clickedElement.hasClass('noselect')) {
|
|
albumSelect(event, clickedElement);
|
|
} else if (clickedElement.hasClass("clickdisc")) {
|
|
discSelect(event, clickedElement);
|
|
} else if (clickedElement.hasClass("clicktrack") ||
|
|
clickedElement.hasClass("clickcue") ||
|
|
clickedElement.hasClass("clickstream")) {
|
|
trackSelect(event, clickedElement);
|
|
}
|
|
}
|
|
|
|
function playPlayable(event) {
|
|
var clickedElement = $(this);
|
|
event.stopImmediatePropagation();
|
|
if (clickedElement.hasClass('clickdisc')) {
|
|
discSelect(event, clickedElement);
|
|
playlist.addItems($('.selected'),null);
|
|
} else {
|
|
playlist.addItems(clickedElement, null);
|
|
}
|
|
}
|
|
|
|
jQuery.fn.findPlParent = function() {
|
|
var el = $(this).parent();
|
|
while (!el.hasClass('track') && !el.hasClass('item') && !el.hasClass('booger')) {
|
|
el = el.parent();
|
|
}
|
|
return el;
|
|
}
|
|
|
|
function doMenu(event, element) {
|
|
|
|
if (event) {
|
|
event.stopImmediatePropagation();
|
|
}
|
|
var menutoopen = element.attr("name");
|
|
debug.log("UI","Doing Menu",menutoopen);
|
|
if (element.isClosed()) {
|
|
element.toggleOpen();
|
|
if (menuOpeners[menutoopen]) {
|
|
menuOpeners[menutoopen]();
|
|
} else if (menuOpeners[getMenuType(menutoopen)]) {
|
|
menuOpeners[getMenuType(menutoopen)](getMenuIndex(menutoopen));
|
|
}
|
|
$('#'+menutoopen).menuReveal();
|
|
} else {
|
|
element.toggleClosed();
|
|
$('#'+menutoopen).menuHide();
|
|
if (menuClosers[menutoopen]) {
|
|
menuClosers[menutoopen]();
|
|
} else if (menuClosers[getMenuType(menutoopen)]) {
|
|
menuClosers[getMenuType(menutoopen)](getMenuIndex(menutoopen));
|
|
}
|
|
}
|
|
uiHelper.postAlbumMenu(element);
|
|
if (menutoopen == 'advsearchoptions') {
|
|
prefs.save({advanced_search_open: element.isOpen()});
|
|
}
|
|
if (menutoopen.match(/alarmpanel/)) {
|
|
setTimeout(alarmclock.whatAHack, 400);
|
|
}
|
|
return false;
|
|
}
|
|
|
|
function getMenuType(m) {
|
|
var i = m.indexOf('_');
|
|
if (i !== -1) {
|
|
return m.substr(0, i);
|
|
} else {
|
|
return 'none';
|
|
}
|
|
}
|
|
|
|
function getMenuIndex(m) {
|
|
var i = m.indexOf('_');
|
|
if (i != -1) {
|
|
return m.substr(i+1);
|
|
} else {
|
|
debug.error("CLICKFUNCTIONS","Could not find menu index of",m);
|
|
return '0';
|
|
}
|
|
}
|
|
|
|
function doAlbumMenu(event, element, callback) {
|
|
|
|
if (event) {
|
|
event.stopImmediatePropagation();
|
|
}
|
|
var menutoopen = element.attr("name");
|
|
if (element.isClosed()) {
|
|
layoutProcessor.makeCollectionDropMenu(element, menutoopen);
|
|
if ($('#'+menutoopen).hasClass("notfilled")) {
|
|
debug.log("CLICKFUNCTIONS","Opening and filling",menutoopen);
|
|
$('#'+menutoopen).load("albums.php?item="+menutoopen, function() {
|
|
var self = $(this);
|
|
self.removeClass("notfilled");
|
|
self.menuReveal(function() {
|
|
collectionHelper.scootTheAlbums(self);
|
|
if (callback) callback();
|
|
infobar.markCurrentTrack();
|
|
if (self.find('input.expandalbum').length > 0 ) {
|
|
getAllTracksForAlbum(element, menutoopen);
|
|
} else if (self.find('input.expandartist').length > 0) {
|
|
getAllTracksForArtist(element, menutoopen)
|
|
}
|
|
uiHelper.makeResumeBar(self);
|
|
});
|
|
});
|
|
} else {
|
|
debug.log("Opening",menutoopen);
|
|
$('#'+menutoopen).menuReveal(callback);
|
|
}
|
|
element.toggleOpen();
|
|
} else {
|
|
debug.log("Closing",menutoopen);
|
|
$('#'+menutoopen).menuHide(callback);
|
|
element.toggleClosed();
|
|
}
|
|
uiHelper.postAlbumMenu(element);
|
|
return false;
|
|
}
|
|
|
|
function getAllTracksForAlbum(element, menutoopen) {
|
|
debug.log("CLICKFUNCTIONS", "Album has link to get all tracks");
|
|
element.makeSpinner();
|
|
$.ajax({
|
|
type: 'GET',
|
|
url: 'albums.php?browsealbum='+menutoopen
|
|
})
|
|
.done(function(data) {
|
|
debug.log("CLICKFUNCTIONS", "Got data. Inserting it into ",menutoopen);
|
|
element.stopSpinner();
|
|
infobar.markCurrentTrack();
|
|
$("#"+menutoopen).html(data);
|
|
collectionHelper.scootTheAlbums($("#"+menutoopen));
|
|
})
|
|
.fail(function(data) {
|
|
debug.error("CLICKFUNCTIONS", "Got NO data for ",menutoopen);
|
|
element.stopSpinner();
|
|
});
|
|
}
|
|
|
|
function getAllTracksForArtist(element, menutoopen) {
|
|
debug.log("CLICKFUNCTIONS", "Album has link to get all tracks for artist",menutoopen);
|
|
element.makeSpinner();
|
|
$.ajax({
|
|
type: 'GET',
|
|
url: 'albums.php?browsealbum='+menutoopen
|
|
})
|
|
.done(function(data) {
|
|
element.stopSpinner();
|
|
var spunk = layoutProcessor.getArtistDestinationDiv(menutoopen);
|
|
spunk.html(data);
|
|
layoutProcessor.postAlbumActions();
|
|
collectionHelper.scootTheAlbums(spunk);
|
|
infobar.markCurrentTrack();
|
|
uiHelper.fixupArtistDiv(spunk, menutoopen);
|
|
layoutProcessor.postAlbumActions();
|
|
})
|
|
.fail(function(data) {
|
|
element.stopSpinner();
|
|
});
|
|
}
|
|
|
|
function browsePlaylist(plname, menutoopen) {
|
|
debug.log("CLICKFUNCTIONS","Browsing playlist",plname);
|
|
string = "player/mpd/loadplaylists.php?playlist="+plname+'&target='+menutoopen;
|
|
return string;
|
|
}
|
|
|
|
function browseUserPlaylist(plname, menutoopen) {
|
|
debug.log("CLICKFUNCTIONS","Browsing playlist",plname);
|
|
string = "player/mpd/loadplaylists.php?userplaylist="+plname+'&target='+menutoopen;
|
|
return string;
|
|
}
|
|
|
|
function doFileMenu(event, element) {
|
|
|
|
if (event) {
|
|
event.stopImmediatePropagation();
|
|
}
|
|
var menutoopen = element.attr("name");
|
|
debug.log("UI","File Menu",menutoopen);
|
|
if (element.isClosed()) {
|
|
layoutProcessor.makeCollectionDropMenu(element, menutoopen);
|
|
element.toggleOpen();
|
|
if ($('#'+menutoopen).hasClass("notfilled")) {
|
|
element.makeSpinner();
|
|
var string;
|
|
var plname = element.prev().val();
|
|
if (element.hasClass('playlist')) {
|
|
string = browsePlaylist(plname, menutoopen);
|
|
} else if (element.hasClass('userplaylist')) {
|
|
string = browseUserPlaylist(plname, menutoopen);
|
|
} else {
|
|
string = "dirbrowser.php?path="+plname+'&prefix='+menutoopen;
|
|
}
|
|
$('#'+menutoopen).load(string, function() {
|
|
$(this).removeClass("notfilled");
|
|
$(this).menuReveal();
|
|
infobar.markCurrentTrack();
|
|
element.stopSpinner();
|
|
uiHelper.postAlbumMenu(element);
|
|
});
|
|
} else {
|
|
$('#'+menutoopen).menuReveal();
|
|
}
|
|
} else {
|
|
debug.log("UI","Hiding Menu");
|
|
$('#'+menutoopen).menuHide(function() {
|
|
element.toggleClosed();
|
|
uiHelper.postAlbumMenu(element);
|
|
// Remove this dropdown - this is so that when we next open it
|
|
// mopidy will rescan it. This makes things like soundcloud and spotify update
|
|
// without us having to refresh the window
|
|
$('#'+menutoopen).remove();
|
|
});
|
|
}
|
|
return false;
|
|
}
|
|
|
|
function setDraggable(selector) {
|
|
if (layoutProcessor.supportsDragDrop) {
|
|
$(selector).trackdragger();
|
|
}
|
|
}
|
|
|
|
function onKeyUp(e) {
|
|
e.stopPropagation();
|
|
e.preventDefault();
|
|
if (e.keyCode == 13) {
|
|
debug.log("KEYUP","Enter was pressed");
|
|
fakeClickOnInput($(e.target));
|
|
}
|
|
}
|
|
|
|
function fakeClickOnInput(jq) {
|
|
if (jq.next("button").length > 0) {
|
|
jq.next("button").trigger('click');
|
|
} else {
|
|
jq.parent().siblings("button").trigger('click');
|
|
}
|
|
}
|
|
|
|
function setAvailableSearchOptions() {
|
|
if (!prefs.tradsearch) {
|
|
$('.searchitem').not('[name="any"]').fadeOut('fast').find('input').val('');
|
|
$('.searchlabel').not('.nohide').hide(0);
|
|
$('.searchterm[name="any"]').parent().prop('colspan', '2');
|
|
} else if (prefs.searchcollectiononly) {
|
|
$('.searchitem').not(':visible').not('[name="genre"]').not('[name="composer"]').not('[name="performer"]').fadeIn('fast');
|
|
$('.searchitem[name="genre"]:visible,.searchitem[name="composer"]:visible,.searchitem[name="performer"]:visible').fadeOut('fast').find('input').val('');
|
|
$('.searchlabel').show(0);
|
|
$('.searchterm[name="any"]').parent().prop('colspan', '');
|
|
} else {
|
|
$('.searchitem').not(':visible').fadeIn('fast');
|
|
$('.searchlabel').show(0);
|
|
$('.searchterm[name="any"]').parent().prop('colspan', '');
|
|
}
|
|
}
|
|
|
|
function checkMetaKeys(event, element) {
|
|
// Is the clicked element currently selected?
|
|
var is_currently_selected = element.hasClass("selected") ? true : false;
|
|
|
|
// Unselect all selected items if Ctrl or Meta is not pressed
|
|
if (!event.metaKey && !event.ctrlKey && !event.shiftKey) {
|
|
$(".selected").removeClass("selected");
|
|
// If we've clicked a selected item without Ctrl or Meta,
|
|
// then all we need to do is unselect everything. Nothing else to do
|
|
if (is_currently_selected) {
|
|
return true;
|
|
}
|
|
}
|
|
|
|
if (event.shiftKey && last_selected_element !== null) {
|
|
selectRange(last_selected_element, element);
|
|
}
|
|
|
|
return is_currently_selected;
|
|
}
|
|
|
|
function albumSelect(event, element) {
|
|
var is_currently_selected = checkMetaKeys(event, element);
|
|
if (element.hasClass('clickloadplaylist') || element.hasClass('clickloaduserplaylist')) {
|
|
var div_to_select = $('#'+element.children('i.menu').first().attr('name'));
|
|
} else {
|
|
var div_to_select = $('#'+element.attr("name"));
|
|
}
|
|
debug.log("GENERAL","Albumselect Looking for div",div_to_select,is_currently_selected);
|
|
if (is_currently_selected) {
|
|
element.removeClass("selected");
|
|
last_selected_element = element;
|
|
div_to_select.find(".playable").filter(noActionButtons).each(function() {
|
|
$(this).removeClass("selected");
|
|
last_selected_element = $(this);
|
|
});
|
|
} else {
|
|
element.addClass("selected");
|
|
last_selected_element = element;
|
|
div_to_select.find(".playable").filter(noActionButtons).each(function() {
|
|
$(this).addClass("selected");
|
|
last_selected_element = $(this);
|
|
});
|
|
}
|
|
}
|
|
|
|
function discSelect(event, element) {
|
|
debug.log("GENERAL","Selecting Disc");
|
|
var is_currently_selected = checkMetaKeys(event, element);
|
|
if (is_currently_selected) {
|
|
return false;
|
|
}
|
|
var thing = element.html();
|
|
var discno = thing.match(/\d+$/);
|
|
var num = discno[0];
|
|
debug.log("GENERAL","Selecting Disc",num);
|
|
var clas = ".disc"+num;
|
|
element.nextAll(clas).addClass("selected");
|
|
element.addClass('selected');
|
|
last_selected_element = element.nextAll(clas).last();
|
|
}
|
|
|
|
function noActionButtons(i) {
|
|
// Don't select child tracks of albums that have URIs
|
|
if ($(this).hasClass('clicktrack') && $(this).hasClass('ninesix') &&
|
|
$(this).parent().prev().hasClass('clicktrack')) {
|
|
return false;
|
|
}
|
|
return true;
|
|
}
|
|
|
|
function trackSelect(event, element) {
|
|
|
|
var is_currently_selected = checkMetaKeys(event, element);
|
|
|
|
if (is_currently_selected) {
|
|
element.removeClass("selected");
|
|
} else {
|
|
element.addClass("selected");
|
|
}
|
|
|
|
last_selected_element = element;
|
|
|
|
}
|
|
|
|
function selectRange(first, last) {
|
|
debug.log("GENERAL","Selecting a range between:",first.attr("name")," and ",last.attr("name"));
|
|
|
|
// Which list are we selecting from?
|
|
var it = first;
|
|
while(!it.hasClass('selecotron') && !it.hasClass("menu") &&
|
|
it.prop("id") != "sources" && it.prop("id") != "sortable" &&
|
|
it.prop("id") != "bottompage" &&
|
|
!it.hasClass("mainpane") && !it.hasClass("topdropmenu")) {
|
|
it = it.parent();
|
|
}
|
|
debug.log("GENERAL","Selecting within",it);
|
|
|
|
var target = null;
|
|
var done = false;
|
|
$.each(it.find('.playable').not('.noselect'), function() {
|
|
if ($(this).attr("name") == first.attr("name") && target === null) {
|
|
target = last;
|
|
}
|
|
if ($(this).attr("name") == last.attr("name") && target === null) {
|
|
target = first;
|
|
}
|
|
if (target !== null && $(this).attr("name") == target.attr("name")) {
|
|
done = true;
|
|
}
|
|
if (!done && target !== null && !$(this).hasClass('selected')) {
|
|
$(this).addClass('selected');
|
|
}
|
|
});
|
|
}
|
|
|
|
function checkServerTimeOffset() {
|
|
$.ajax({
|
|
type: "GET",
|
|
url: "utils/checkServerTime.php",
|
|
dataType: "json"
|
|
})
|
|
.done(function(data) {
|
|
var time = Math.round(Date.now() / 1000);
|
|
serverTimeOffset = time - data.time;
|
|
debug.log("TIMECHECK","Browser Time is",time,". Server Time is",data.time,". Difference is",serverTimeOffset);
|
|
})
|
|
.fail(function(data) {
|
|
debug.error("TIMECHECK","Failed to read server time");
|
|
});
|
|
}
|
|
|
|
function makeAlbumMenu(e, element) {
|
|
if ($(element).children().last().hasClass('albumbitsmenu')) {
|
|
$(element).children().last().remove();
|
|
return true;
|
|
}
|
|
$('.albumbitsmenu').remove();
|
|
var d = $('<div>', {class:'topdropmenu dropshadow rightmenu normalmenu albumbitsmenu'});
|
|
if ($(element).hasClass('clickamendalbum')) {
|
|
d.append($('<div>', {
|
|
class: 'backhi clickable menuitem amendalbum',
|
|
name: $(element).attr('name')
|
|
}).html(language.gettext('label_amendalbum')));
|
|
}
|
|
if ($(element).hasClass('clickalbumoptions')) {
|
|
var cl = 'backhi clickable menuitem clicktrack fakedouble '
|
|
d.append($('<div>', {
|
|
class: cl+'clicktrack',
|
|
name: $(element).parent().attr('name')
|
|
}).html(language.gettext('label_play_whole_album')));
|
|
d.append($('<div>', {
|
|
class: cl+'clickalbum',
|
|
name: 'aalbum'+$(element).attr('name')
|
|
}).html(language.gettext('label_from_collection')));
|
|
}
|
|
if ($(element).hasClass('clickratedtracks')) {
|
|
var opts = {
|
|
r: language.gettext('label_with_ratings'),
|
|
t: language.gettext('label_with_tags'),
|
|
y: language.gettext('label_with_tagandrat'),
|
|
u: language.gettext('label_with_tagorrat')
|
|
}
|
|
$.each(opts, function(i, v) {
|
|
d.append($('<div>', {
|
|
class: 'backhi clickable menuitem clickalbum fakedouble',
|
|
name: i+'album'+$(element).attr('name')
|
|
}).html(v))
|
|
});
|
|
}
|
|
d.appendTo($(element));
|
|
d.slideToggle('fast');
|
|
}
|
|
|
|
function amendAlbumDetails(e, element) {
|
|
$(element).parent().remove();
|
|
var albumindex = $(element).attr('name');
|
|
var fnarkle = new popup({
|
|
css: {
|
|
width: 400,
|
|
height: 300
|
|
},
|
|
title: language.gettext("label_amendalbum"),
|
|
atmousepos: true,
|
|
mousevent: e,
|
|
id: 'amotron'+albumindex,
|
|
toggleable: true
|
|
});
|
|
var mywin = fnarkle.create();
|
|
if (mywin === false) {
|
|
return;
|
|
}
|
|
var width = (language.gettext('label_albumartist').length-4).toString() + 'em';
|
|
|
|
var d = $('<div>',{class: 'containerbox dropdown-container'}).appendTo(mywin);
|
|
d.append('<div class="fixed padright" style="width:'+width+'">'+language.gettext('label_albumartist')+'</div>');
|
|
var e = $('<div>',{class: 'expand'}).appendTo(d);
|
|
var i = $('<input>',{class: 'enter', id: 'amendname'+albumindex, type: 'text', size: '200'}).appendTo(e);
|
|
|
|
d = $('<div>',{class: 'containerbox dropdown-container'}).appendTo(mywin);
|
|
d.append('<div class="fixed padright" style="width:'+width+'">'+language.gettext('info_year')+'</div>');
|
|
e = $('<div>',{class: 'expand'}).appendTo(d);
|
|
i = $('<input>',{class: 'enter', id: 'amenddate'+albumindex, type: 'text', size: '200'}).appendTo(e);
|
|
|
|
var b = $('<button>',{class: 'fixed'}).appendTo(d);
|
|
b.html(language.gettext('button_save'));
|
|
fnarkle.useAsCloseButton(b, function() {
|
|
actuallyAmendAlbumDetails(albumindex);
|
|
});
|
|
fnarkle.open();
|
|
}
|
|
|
|
function actuallyAmendAlbumDetails(albumindex) {
|
|
var data = {
|
|
action: 'amendalbum',
|
|
albumindex: albumindex,
|
|
};
|
|
var newartist = $('#amendname'+albumindex).val();
|
|
var newdate = $('#amenddate'+albumindex).val();
|
|
if (newartist) {
|
|
data.albumartist = newartist;
|
|
}
|
|
if (newdate) {
|
|
data.date = newdate;
|
|
}
|
|
debug.log("UI","Amending Album Details",data);
|
|
metaHandlers.genericAction(
|
|
[data],
|
|
function(rdata) {
|
|
collectionHelper.updateCollectionDisplay(rdata);
|
|
playlist.repopulate();
|
|
},
|
|
function(rdata) {
|
|
debug.warn("RATING PLUGIN","Failure");
|
|
infobar.error(language.gettext('label_general_error'));
|
|
}
|
|
);
|
|
return true;
|
|
}
|