mirrors/jellyfin-web
1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00
Code Activity

allow editing of channel images in the web client

Browse source
This commit is contained in:
Luke Pulverenti 2013-11-24 18:37:38 -05:00
parent d3a3e54791
commit b96d16576f
9 changed files with 369 additions and 38 deletions
Download patch file Download diff file Expand all files Collapse all files

2
dashboard-ui/scripts/edititemimages.js
View file

@ -300,7 +300,7 @@
updateTabs(page, item);
if (item.Type == "Person" || item.Type == "Studio" || item.Type == "MusicGenre" || item.Type == "Genre" || item.Type == "MusicArtist" || item.Type == "GameGenre") {
if (item.Type == "Person" || item.Type == "Studio" || item.Type == "MusicGenre" || item.Type == "Genre" || item.Type == "MusicArtist" || item.Type == "GameGenre" || item.Type == "Channel") {
$('#btnEditPeople', page).hide();
} else {
$('#btnEditPeople', page).show();

179
dashboard-ui/scripts/edititemmetadata.js
View file

@ -6,6 +6,10 @@
var name = item.Name;
// Channel number
if (item.Number) {
name = item.Number + " - " + name;
}
if (item.IndexNumber != null && item.Type != "Season") {
name = item.IndexNumber + " - " + name;
}
@ -33,7 +37,7 @@
}
if (!item.BackdropImageTags || !item.BackdropImageTags.length) {
if (item.Type !== "Episode" && item.Type !== "Season" && item.MediaType !== "Audio") {
if (item.Type !== "Episode" && item.Type !== "Season" && item.MediaType !== "Audio" && item.Type !== "Channel") {
htmlName += '<img src="css/images/editor/missingbackdrop.png" title="Missing backdrop image." />';
}
}
@ -63,25 +67,122 @@
return { attr: { id: item.Id, rel: rel, itemtype: item.Type }, data: htmlName, state: state };
}
function getLiveTvServiceNode(item, folderState) {
var state = folderState;
var name = item.Name;
var cssClass = "editorNode";
var htmlName = "<div class='" + cssClass + "'>";
htmlName += name;
htmlName += "</div>";
var rel = item.IsFolder ? 'folder' : 'default';
return { attr: { id: item.Name, rel: rel, itemtype: 'livetvservice' }, data: htmlName, state: state };
}
function loadChildrenOfRootNode(callback) {
var promise1 = ApiClient.getRootFolder(Dashboard.getCurrentUserId());
var promise2 = ApiClient.getLiveTvServices();
$.when(promise1, promise2).done(function (response1, response2) {
var rootFolder = response1[0];
var liveTvServices = response2[0];
var nodes = [];
nodes.push(getNode(rootFolder, 'open'));
if (liveTvServices.length) {
nodes.push({ attr: { id: 'livetv', rel: 'folder', itemtype: 'livetv' }, data: 'Live TV', state: 'open' });
}
callback(nodes);
});
}
function loadLiveTvServices(openItems, callback) {
ApiClient.getLiveTvServices().done(function (services) {
var nodes = services.map(function (i) {
var state = openItems.indexOf(i.Id) == -1 ? 'closed' : 'open';
return getLiveTvServiceNode(i, state);
});
callback(nodes);
});
}
function loadLiveTvChannels(service, openItems, callback) {
ApiClient.getLiveTvChannels({ ServiceName: service }).done(function (services) {
var nodes = services.map(function (i) {
var state = openItems.indexOf(i.Id) == -1 ? 'closed' : 'open';
return getNode(i, state);
});
callback(nodes);
});
}
function loadNode(page, node, openItems, selectedId, currentUser, callback) {
if (node == '-1') {
ApiClient.getRootFolder(Dashboard.getCurrentUserId()).done(function (folder) {
callback({ attr: { id: 'root', rel: 'folder', itemtype: 'root' }, data: 'Root', state: 'open' });
return;
}
callback(getNode(folder, 'open'));
var id = node.attr("id");
});
if (id == 'root') {
loadChildrenOfRootNode(callback);
return;
}
if (id == 'livetv') {
loadLiveTvServices(openItems, callback);
return;
}
var itemtype = node.attr("itemtype");
if (itemtype == 'livetvservice') {
loadLiveTvChannels(id, openItems, callback);
return;
}
var query = {
ParentId: node.attr("id"),
ParentId: id,
SortBy: 'SortName',
Fields: 'MetadataSettings'
};
if (!currentUser.Configuration.DisplayMissingEpisodes) {
query.IsMissing = false;
}
@ -171,8 +272,8 @@
var page = this;
Dashboard.getCurrentUser().done(function(user) {
Dashboard.getCurrentUser().done(function (user) {
var id = MetadataEditor.currentItemId;
if (id) {
@ -260,6 +361,14 @@
return;
}
name = getParameterByName('channelid', url);
if (name) {
self.currentItemType = "Channel";
self.currentItemId = name;
return;
}
var id = getParameterByName('id', url);
if (id) {
@ -274,6 +383,10 @@
var currentItemName = self.currentItemName;
var currentItemId = self.currentItemId;
if (currentItemType == "Channel") {
return ApiClient.getLiveTvChannel(currentItemId);
}
if (currentItemType == "Person") {
return ApiClient.getPerson(currentItemName, Dashboard.getCurrentUserId());
}
@ -387,7 +500,7 @@
setFieldVisibilities(page, item);
fillItemInfo(page, item);
if (item.Type == "Person" || item.Type == "Studio" || item.Type == "MusicGenre" || item.Type == "Genre" || item.Type == "MusicArtist") {
if (item.Type == "Person" || item.Type == "Studio" || item.Type == "MusicGenre" || item.Type == "Genre" || item.Type == "MusicArtist" || item.Type == "GameGenre" || item.Type == "Channel") {
$('#btnEditPeople', page).hide();
} else {
$('#btnEditPeople', page).show();
@ -497,7 +610,7 @@
$('#fldAirTime', page).hide();
}
if (item.MediaType == "Video") {
if (item.MediaType == "Video" && item.Type != "Channel") {
$('#fld3dFormat', page).show();
} else {
$('#fld3dFormat', page).hide();
@ -535,20 +648,45 @@
$('#fldMusicBrainzReleaseGroupId', page).hide();
}
if (item.Type == "Person" || item.Type == "Genre" || item.Type == "Studio" || item.Type == "GameGenre" || item.Type == "MusicGenre") {
if (item.Type == "Person" || item.Type == "Genre" || item.Type == "Studio" || item.Type == "GameGenre" || item.Type == "MusicGenre" || item.Type == "Channel") {
$('#fldCommunityRating', page).hide();
$('#fldCommunityVoteCount', page).hide();
$('#fldOfficialRating', page).hide();
$('#fldCustomRating', page).hide();
$('#genresCollapsible', page).hide();
$('#studiosCollapsible', page).hide();
if (item.Type == "Channel") {
$('#fldOfficialRating', page).show();
} else {
$('#fldOfficialRating', page).hide();
}
$('#fldCustomRating', page).hide();
} else {
$('#fldCommunityRating', page).show();
$('#fldCommunityVoteCount', page).show();
$('#fldOfficialRating', page).show();
$('#fldCustomRating', page).show();
$('#genresCollapsible', page).show();
$('#studiosCollapsible', page).show();
$('#fldOfficialRating', page).show();
$('#fldCustomRating', page).show();
}
if (item.Type == "Channel") {
$('#tagsCollapsible', page).hide();
$('#metadataSettingsCollapsible', page).hide();
$('#fldPremiereDate', page).hide();
$('#fldSortName', page).hide();
$('#fldDateAdded', page).hide();
$('#fldSourceType', page).hide();
$('#fldYear', page).hide();
$('.fldRefresh', page).hide();
} else {
$('#tagsCollapsible', page).show();
$('#metadataSettingsCollapsible', page).show();
$('#fldPremiereDate', page).show();
$('#fldSortName', page).show();
$('#fldDateAdded', page).show();
$('#fldSourceType', page).show();
$('#fldYear', page).show();
$('.fldRefresh', page).show();
}
if (item.Type == "Person") {
@ -563,7 +701,7 @@
$('#fldPlaceOfBirth', page).hide();
}
if (item.MediaType == "Video") {
if (item.MediaType == "Video" && item.Type != "Channel") {
$('#fldOriginalAspectRatio', page).show();
} else {
$('#fldOriginalAspectRatio', page).hide();
@ -638,7 +776,9 @@
populateListView($('#listAirDays', page), item.AirDays);
populateListView($('#listGenres', page), item.Genres);
populateListView($('#listStudios', page), item.Studios.map(function (element) { return element.Name || ''; }));
populateListView($('#listStudios', page), (item.Studios || []).map(function (element) { return element.Name || ''; }));
populateListView($('#listTags', page), item.Tags);
var enableInternetProviders = (item.EnableInternetProviders || false);
$("#enableInternetProviders", page).attr('checked', enableInternetProviders).checkboxradio('refresh');
@ -1013,6 +1153,9 @@
else if (currentItem.Type == "Studio") {
updatePromise = ApiClient.updateStudio(item);
}
else if (currentItem.Type == "Channel") {
updatePromise = ApiClient.updateLiveTvChannel(item);
}
else {
updatePromise = ApiClient.updateItem(item);
}
@ -1255,7 +1398,7 @@
$('#refreshLoading', page).show();
var parentId = currentItem.ParentId;
ApiClient.deleteItem(currentItem.Id).done(function () {
var elem = $('#' + parentId)[0];

16
dashboard-ui/scripts/librarybrowser.js
View file

@ -557,6 +557,9 @@
// Handle search hints
var id = item.Id || item.ItemId;
if (item.Type == "Channel") {
return "livetvchannel.html?id=" + id;
}
if (item.Type == "Series") {
return "itemdetails.html?id=" + id;
}
@ -1701,6 +1704,10 @@
getDetailImageHtml: function (item) {
var imageTags = item.ImageTags || {};
if (item.PrimaryImageTag) {
imageTags.Primary = item.PrimaryImageTag;
}
var html = '';
@ -1708,7 +1715,14 @@
if (imageTags.Primary) {
if (item.Type == "Person") {
if (item.Type == "Channel") {
url = ApiClient.getUrl("LiveTV/Channels/" + item.Id + "/Images/Primary", {
maxheight: 480,
tag: imageTags.Primary,
type: "Primary"
});
}
else if (item.Type == "Person") {
url = ApiClient.getPersonImageUrl(item.Name, {
maxheight: 480,
tag: imageTags.Primary,

80
dashboard-ui/scripts/livetvchannel.js Normal file
View file

@ -0,0 +1,80 @@
(function ($, document, apiClient) {
var currentItem
function reload(page) {
Dashboard.showLoadingMsg();
ApiClient.getLiveTvChannel(getParameterByName('id')).done(function (item) {
currentItem = item;
var name = item.Name;
$('#itemImage', page).html(LibraryBrowser.getDetailImageHtml(item));
Dashboard.setPageTitle(name);
$('.itemName', page).html(name);
if (ApiClient.isWebSocketOpen()) {
var vals = [item.Type, item.Id, item.Name];
vals.push('livetv');
ApiClient.sendWebSocketMessage("Context", vals.join('|'));
}
if (MediaPlayer.canPlay(item)) {
$('#playButtonContainer', page).show();
} else {
$('#playButtonContainer', page).hide();
}
Dashboard.getCurrentUser().done(function (user) {
if (user.Configuration.IsAdministrator && item.LocationType !== "Offline") {
$('#editButtonContainer', page).show();
} else {
$('#editButtonContainer', page).hide();
}
});
Dashboard.hideLoadingMsg();
});
}
$(document).on('pageinit', "#liveTvChannelPage", function () {
var page = this;
$('#btnPlay', page).on('click', function () {
var userdata = currentItem.UserData || {};
LibraryBrowser.showPlayMenu(this, currentItem.Name, currentItem.Type, currentItem.MediaType, userdata.PlaybackPositionTicks);
});
$('#btnRemote', page).on('click', function () {
RemoteControl.showMenuForItem({ item: currentItem, context: 'livetv' });
});
$('#btnEdit', page).on('click', function () {
Dashboard.navigate("edititemmetadata.html?channelid=" + currentItem.Id);
});
}).on('pageshow', "#liveTvChannelPage", function () {
var page = this;
reload(page);
}).on('pagehide', "#liveTvChannelPage", function () {
currentItem = null;
});
})(jQuery, document, ApiClient);

4
dashboard-ui/scripts/livetvchannels.js
View file

@ -4,7 +4,7 @@
var html = '';
html += '<a class="squareTileItem tileItem" href="#">';
html += '<a class="squareTileItem tileItem" href="livetvchannel.html?id=' + channel.Id + '">';
var imgUrl;
var isDefault;
@ -13,7 +13,7 @@
imgUrl = apiClient.getUrl("LiveTV/Channels/" + channel.Id + "/Images/Primary", {
tag: channel.PrimaryImageTag,
height: 300