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

My library icons updates

Browse source 
Conflicts:
	MediaBrowser.WebDashboard/dashboard-ui/scripts/indexpage.js
This commit is contained in:
Tim Hobbs 2014-05-19 13:32:33 -07:00
parent 88bcd847e2
commit e90dd3fb28
3 changed files with 209 additions and 52 deletions
Download patch file Download diff file Expand all files Collapse all files

192
dashboard-ui/scripts/indexpage.js
View file

@ -1,5 +1,193 @@
(function ($, document, apiClient) {
function fillSeriesSpotlight(elem, item, nextUp) {
var html = '<h1 class="spotlightTitle">' + item.Name + '</h1>';
var imgUrl = ApiClient.getImageUrl(item.Id, {
type: "Backdrop",
tag: item.BackdropImageTags[0]
});
html += '<div class="spotlight" style="background-image:url(\'' + imgUrl + '\');">';
imgUrl = ApiClient.getImageUrl(item.Id, {
type: "Primary",
tag: item.ImageTags.Primary,
EnableImageEnhancers: false
});
html += '<div class="spotlightContent">';
html += '<div class="spotlightPoster" style="background-image:url(\'' + imgUrl + '\');">';
html += '<div class="spotlightContentInner">';
html += '<p>' + LibraryBrowser.getMiscInfoHtml(item) + '</p>';
html += '<p>' + (item.Overview || '') + '</p>';
html += '</div>';
html += '</div>';
html += '</div>';
if (nextUp && nextUp.ImageTags && nextUp.ImageTags.Primary) {
html += '<div class="spotlightContent rightSpotlightContent">';
imgUrl = ApiClient.getImageUrl(nextUp.Id, {
type: "Primary",
tag: nextUp.ImageTags.Primary,
EnableImageEnhancers: false
});
html += '<div class="spotlightPoster" style="background-image:url(\'' + imgUrl + '\');">';
html += '<div class="spotlightContentInner">';
html += LibraryBrowser.getPosterViewDisplayName(nextUp);
html += '</div>';
html += '</div>';
html += '</div>';
}
html += '</div>';
html += '<div class="spotlightPlaceHolder"></div>';
$(elem).html(html);
}
function reloadSpotlight(page, allPromise) {
var options = {
SortBy: "Random",
SortOrder: "Descending",
Limit: 1,
Recursive: true,
IncludeItemTypes: "Series",
ImageTypes: "Backdrop,Primary",
Fields: "Overview"
};
ApiClient.getItems(Dashboard.getCurrentUserId(), options).done(function (result) {
allPromise.done(function () {
var index = 0;
$('.spotlightContainer', page).each(function () {
var elem = this;
var item = result.Items[index];
index++;
if (item && item.Type == 'Series') {
options = {
Limit: 1,
UserId: Dashboard.getCurrentUserId(),
SeriesId: item.Id
};
ApiClient.getNextUpEpisodes(options).done(function (nextUpResult) {
fillSeriesSpotlight(elem, item, nextUpResult.Items[0]);
});
} else {
$(this).hide();
}
});
});
});
}
function createMediaLinks(options) {
var html = "";
var items = options.items;
console.log("options", options);
// "My Library" backgrounds
for (var i = 0, length = items.length; i < length; i++) {
var item = items[i];
var background = "#333";
var backgroundSize = "45px 45px";
var backgroundPosition = "20px center";
switch (item.CollectionType) {
case "movies":
imgUrl = "css/images/items/folders/movies.png";
break;
case "music":
imgUrl = "css/images/items/folders/music.png";
break;
case "photos":
imgUrl = "css/images/items/folders/photos.png";
break;
case "tvshows":
imgUrl = "css/images/items/folders/tv.png";
break;
case "games":
imgUrl = "css/images/items/folders/games.png";
break;
case "trailers":
imgUrl = "css/images/items/folders/games.png";
break;
case "homevideos":
imgUrl = "css/images/items/folders/homevideos.png";
break;
case "musicvideos":
imgUrl = "css/images/items/folders/musicvideos.png";
break;
case "boxsets":
default:
imgUrl = "css/images/items/folders/folder.png";
break;
}
var cssClass = "posterItem";
cssClass += ' ' + options.shape + 'PosterItem';
var mediaSourceCount = item.MediaSourceCount || 1;
var href = options.linkItem === false ? '#' : LibraryBrowser.getHref(item, options.context);
html += '<a data-itemid="' + item.Id + '" class="' + cssClass + '" data-mediasourcecount="' + mediaSourceCount + '" href="' + href + '">';
var style = "";
if (imgUrl) {
style += 'background-image:url(\'' + imgUrl + '\');';
}
var imageCssClass = 'posterItemImage';
html += '<div class="' + imageCssClass + '" style="' + style + '">';
html += '</div>';
var name = LibraryBrowser.getPosterViewDisplayName(item, options.displayAsSpecial);
if (options.showTitle) {
html += "<div class='posterItemDefaultText'>";
html += name;
html += "</div>";
}
cssClass = options.centerText ? "posterItemText posterItemTextCentered" : "posterItemText";
html += "</a>";
}
console.log("html", html);
return html;
}
$(document).on('pagebeforeshow', "#indexPage", function () {
var screenWidth = $(window).width();
@ -16,9 +204,9 @@
ApiClient.getItems(Dashboard.getCurrentUserId(), options).done(function (result) {
$('.myLibrary', page).html(LibraryBrowser.getPosterViewHtml({
$('.myLibrary', page).html(createMediaLinks({
items: result.Items,
shape: 'smallBackdrop',
shape: 'myLibrary',
showTitle: true,
centerText: true