jellyfish-web/src/scripts/playlistedit.js

51 lines
1.6 KiB
JavaScript
Raw Normal View History

2019-10-08 01:02:37 +03:00
define(["listView"], function (listView) {
2018-10-23 01:05:09 +03:00
"use strict";
function getFetchPlaylistItemsFn(itemId) {
2019-10-08 01:02:37 +03:00
return function () {
2018-10-23 01:05:09 +03:00
var query = {
Fields: "PrimaryImageAspectRatio,UserData",
EnableImageTypes: "Primary,Backdrop,Banner,Thumb",
UserId: ApiClient.getCurrentUserId()
};
2019-10-08 01:02:37 +03:00
return ApiClient.getJSON(ApiClient.getUrl("Playlists/" + itemId + "/Items", query));
};
2018-10-23 01:05:09 +03:00
}
function getItemsHtmlFn(itemId) {
2019-10-08 01:02:37 +03:00
return function (items) {
2018-10-23 01:05:09 +03:00
return listView.getListViewHtml({
items: items,
2019-10-08 01:02:37 +03:00
showIndex: false,
showRemoveFromPlaylist: true,
playFromHere: true,
2018-10-23 01:05:09 +03:00
action: "playallfromhere",
2019-10-08 01:02:37 +03:00
smallIcon: true,
dragHandle: true,
2018-10-23 01:05:09 +03:00
playlistId: itemId
2019-10-08 01:02:37 +03:00
});
};
2018-10-23 01:05:09 +03:00
}
function init(page, item) {
var elem = page.querySelector("#childrenContent .itemsContainer");
2019-10-08 01:02:37 +03:00
elem.classList.add("vertical-list");
elem.classList.remove("vertical-wrap");
elem.enableDragReordering(true);
elem.fetchData = getFetchPlaylistItemsFn(item.Id);
elem.getItemsHtml = getItemsHtmlFn(item.Id);
2018-10-23 01:05:09 +03:00
}
2019-10-08 01:02:37 +03:00
2018-10-23 01:05:09 +03:00
window.PlaylistViewer = {
2019-10-08 01:02:37 +03:00
render: function (page, item) {
if (!page.playlistInit) {
page.playlistInit = true;
init(page, item);
}
page.querySelector("#childrenContent").classList.add("verticalSection-extrabottompadding");
page.querySelector("#childrenContent .itemsContainer").refreshItems();
2018-10-23 01:05:09 +03:00
}
2019-10-08 01:02:37 +03:00
};
});