mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
First separation commit.
Added LICENSE, README.md, CONTRIBUTORS.md
This commit is contained in:
Erwin de Haan
parent
09513af31b
commit
4678528d00
657 changed files with 422 additions and 0 deletions
223
src/scripts/editorsidebar.js
Normal file
223
src/scripts/editorsidebar.js
Normal file
|
|
@ -0,0 +1,223 @@
|
|||
define(["datetime", "jQuery", "material-icons"], function(datetime, $) {
|
||||
"use strict";
|
||||
|
||||
function getNode(item, folderState, selected) {
|
||||
var htmlName = getNodeInnerHtml(item),
|
||||
node = {
|
||||
id: item.Id,
|
||||
text: htmlName,
|
||||
state: {
|
||||
opened: item.IsFolder && "open" == folderState,
|
||||
selected: selected
|
||||
},
|
||||
li_attr: {
|
||||
serveritemtype: item.Type,
|
||||
collectiontype: item.CollectionType
|
||||
}
|
||||
};
|
||||
return item.IsFolder ? (node.children = [{
|
||||
text: "Loading...",
|
||||
icon: !1
|
||||
}], node.icon = !1) : node.icon = !1, node.state.opened && (node.li_attr.loadedFromServer = !0), selected && (selectedNodeId = item.Id), node
|
||||
}
|
||||
|
||||
function getNodeInnerHtml(item) {
|
||||
var name = item.Name;
|
||||
item.Number && (name = item.Number + " - " + name), null != item.IndexNumber && "Season" != item.Type && (name = item.IndexNumber + " - " + name);
|
||||
var htmlName = "<div class='editorNode'>";
|
||||
return item.LockData && (htmlName += '<i class="md-icon">lock</i>'), htmlName += name, htmlName += "</div>"
|
||||
}
|
||||
|
||||
function loadChildrenOfRootNode(page, scope, callback) {
|
||||
ApiClient.getLiveTvChannels({
|
||||
limit: 0
|
||||
}).then(function(result) {
|
||||
var nodes = [];
|
||||
nodes.push({
|
||||
id: "MediaFolders",
|
||||
text: Globalize.translate("HeaderMediaFolders"),
|
||||
state: {
|
||||
opened: !0
|
||||
},
|
||||
li_attr: {
|
||||
itemtype: "mediafolders",
|
||||
loadedFromServer: !0
|
||||
},
|
||||
icon: !1
|
||||
}), result.TotalRecordCount && nodes.push({
|
||||
id: "livetv",
|
||||
text: Globalize.translate("HeaderLiveTV"),
|
||||
state: {
|
||||
opened: !1
|
||||
},
|
||||
li_attr: {
|
||||
itemtype: "livetv"
|
||||
},
|
||||
children: [{
|
||||
text: "Loading...",
|
||||
icon: !1
|
||||
}],
|
||||
icon: !1
|
||||
}), callback.call(scope, nodes), nodesToLoad.push("MediaFolders")
|
||||
})
|
||||
}
|
||||
|
||||
function loadLiveTvChannels(openItems, callback) {
|
||||
ApiClient.getLiveTvChannels({
|
||||
AddCurrentProgram: !1
|
||||
}).then(function(result) {
|
||||
var nodes = result.Items.map(function(i) {
|
||||
return getNode(i, -1 == openItems.indexOf(i.Id) ? "closed" : "open", !1)
|
||||
});
|
||||
callback(nodes)
|
||||
})
|
||||
}
|
||||
|
||||
function loadMediaFolders(page, scope, openItems, callback) {
|
||||
ApiClient.getJSON(ApiClient.getUrl("Library/MediaFolders")).then(function(result) {
|
||||
var nodes = result.Items.map(function(n) {
|
||||
return getNode(n, -1 == openItems.indexOf(n.Id) ? "closed" : "open", !1)
|
||||
});
|
||||
callback.call(scope, nodes);
|
||||
for (var i = 0, length = nodes.length; i < length; i++) nodes[i].state.opened && nodesToLoad.push(nodes[i].id)
|
||||
})
|
||||
}
|
||||
|
||||
function loadNode(page, scope, node, openItems, selectedId, currentUser, callback) {
|
||||
var id = node.id;
|
||||
if ("#" == id) return void loadChildrenOfRootNode(page, scope, callback);
|
||||
if ("livetv" == id) return void loadLiveTvChannels(openItems, callback);
|
||||
if ("MediaFolders" == id) return void loadMediaFolders(page, scope, openItems, callback);
|
||||
var query = {
|
||||
ParentId: id,
|
||||
Fields: "Settings",
|
||||
IsVirtualUnaired: !1,
|
||||
IsMissing: !1,
|
||||
EnableTotalRecordCount: !1,
|
||||
EnableImages: !1,
|
||||
EnableUserData: !1
|
||||
},
|
||||
itemtype = node.li_attr.itemtype;
|
||||
"Season" != itemtype && "Series" != itemtype && (query.SortBy = "SortName"), ApiClient.getItems(Dashboard.getCurrentUserId(), query).then(function(result) {
|
||||
var nodes = result.Items.map(function(n) {
|
||||
return getNode(n, -1 == openItems.indexOf(n.Id) ? "closed" : "open", n.Id == selectedId)
|
||||
});
|
||||
callback.call(scope, nodes);
|
||||
for (var i = 0, length = nodes.length; i < length; i++) nodes[i].state.opened && nodesToLoad.push(nodes[i].id)
|
||||
})
|
||||
}
|
||||
|
||||
function scrollToNode(id) {
|
||||
var elem = $("#" + id)[0];
|
||||
elem && elem.scrollIntoView()
|
||||
}
|
||||
|
||||
function initializeTree(page, currentUser, openItems, selectedId) {
|
||||
require(["jstree"], function() {
|
||||
initializeTreeInternal(page, currentUser, openItems, selectedId)
|
||||
})
|
||||
}
|
||||
|
||||
function onNodeSelect(event, data) {
|
||||
var node = data.node,
|
||||
eventData = {
|
||||
id: node.id,
|
||||
itemType: node.li_attr.itemtype,
|
||||
serverItemType: node.li_attr.serveritemtype,
|
||||
collectionType: node.li_attr.collectiontype
|
||||
};
|
||||
"livetv" != eventData.itemType && "mediafolders" != eventData.itemType ? (this.dispatchEvent(new CustomEvent("itemclicked", {
|
||||
detail: eventData,
|
||||
bubbles: !0,
|
||||
cancelable: !1
|
||||
})), document.querySelector(".editPageSidebar").classList.add("editPageSidebar-withcontent")) : document.querySelector(".editPageSidebar").classList.remove("editPageSidebar-withcontent")
|
||||
}
|
||||
|
||||
function onNodeOpen(event, data) {
|
||||
var page = $(this).parents(".page")[0],
|
||||
node = data.node;
|
||||
node.children && node.children && loadNodesToLoad(page, node), node.li_attr && "#" != node.id && !node.li_attr.loadedFromServer && (node.li_attr.loadedFromServer = !0, $.jstree.reference(".libraryTree", page).load_node(node.id, loadNodeCallback))
|
||||
}
|
||||
|
||||
function onNodeLoad(event, data) {
|
||||
var page = $(this).parents(".page")[0],
|
||||
node = data.node;
|
||||
node.children && node.children && loadNodesToLoad(page, node), node.li_attr && "#" != node.id && !node.li_attr.loadedFromServer && (node.li_attr.loadedFromServer = !0, $.jstree.reference(".libraryTree", page).load_node(node.id, loadNodeCallback))
|
||||
}
|
||||
|
||||
function initializeTreeInternal(page, currentUser, openItems, selectedId) {
|
||||
nodesToLoad = [], selectedNodeId = null, $.jstree.destroy(), $(".libraryTree", page).jstree({
|
||||
plugins: ["wholerow"],
|
||||
core: {
|
||||
check_callback: !0,
|
||||
data: function(node, callback) {
|
||||
loadNode(page, this, node, openItems, selectedId, currentUser, callback)
|
||||
},
|
||||
themes: {
|
||||
variant: "large"
|
||||
}
|
||||
}
|
||||
}).off("select_node.jstree", onNodeSelect).on("select_node.jstree", onNodeSelect).off("open_node.jstree", onNodeOpen).on("open_node.jstree", onNodeOpen).off("load_node.jstree", onNodeLoad).on("load_node.jstree", onNodeLoad)
|
||||
}
|
||||
|
||||
function loadNodesToLoad(page, node) {
|
||||
for (var children = node.children, i = 0, length = children.length; i < length; i++) {
|
||||
var child = children[i]; - 1 != nodesToLoad.indexOf(child) && (nodesToLoad = nodesToLoad.filter(function(n) {
|
||||
return n != child
|
||||
}), $.jstree.reference(".libraryTree", page).load_node(child, loadNodeCallback))
|
||||
}
|
||||
}
|
||||
|
||||
function loadNodeCallback(node) {
|
||||
selectedNodeId && node.children && -1 != node.children.indexOf(selectedNodeId) && setTimeout(function() {
|
||||
scrollToNode(selectedNodeId)
|
||||
}, 500)
|
||||
}
|
||||
|
||||
function updateEditorNode(page, item) {
|
||||
var elem = $("#" + item.Id + ">a", page)[0];
|
||||
if (null != elem && ($(".editorNode", elem).remove(), $(elem).append(getNodeInnerHtml(item)), item.IsFolder)) {
|
||||
var tree = jQuery.jstree._reference(".libraryTree"),
|
||||
currentNode = tree._get_node(null, !1);
|
||||
tree.refresh(currentNode)
|
||||
}
|
||||
}
|
||||
|
||||
function setCurrentItemId(id) {
|
||||
itemId = id
|
||||
}
|
||||
|
||||
function getCurrentItemId() {
|
||||
if (itemId) return itemId;
|
||||
var url = window.location.hash || window.location.href;
|
||||
return getParameterByName("id", url)
|
||||
}
|
||||
var selectedNodeId, nodesToLoad = [];
|
||||
$(document).on("itemsaved", ".metadataEditorPage", function(e, item) {
|
||||
updateEditorNode(this, item)
|
||||
}).on("pagebeforeshow", ".metadataEditorPage", function() {
|
||||
require(["css!css/metadataeditor.css"])
|
||||
}).on("pagebeforeshow", ".metadataEditorPage", function() {
|
||||
var page = this;
|
||||
Dashboard.getCurrentUser().then(function(user) {
|
||||
var id = getCurrentItemId();
|
||||
id ? ApiClient.getAncestorItems(id, user.Id).then(function(ancestors) {
|
||||
var ids = ancestors.map(function(i) {
|
||||
return i.Id
|
||||
});
|
||||
initializeTree(page, user, ids, id)
|
||||
}) : initializeTree(page, user, [])
|
||||
})
|
||||
}).on("pagebeforehide", ".metadataEditorPage", function() {
|
||||
$(".libraryTree", this).off("select_node.jstree", onNodeSelect).off("open_node.jstree", onNodeOpen).off("load_node.jstree", onNodeLoad)
|
||||
});
|
||||
var itemId;
|
||||
window.MetadataEditor = {
|
||||
getItemPromise: function() {
|
||||
var currentItemId = getCurrentItemId();
|
||||
return currentItemId ? ApiClient.getItem(Dashboard.getCurrentUserId(), currentItemId) : ApiClient.getRootFolder(Dashboard.getCurrentUserId())
|
||||
},
|
||||
getCurrentItemId: getCurrentItemId,
|
||||
setCurrentItemId: setCurrentItemId
|
||||
}
|
||||
});
|
||||
Loading…
Add table
Add a link
Reference in a new issue