mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
added a boxset placeholder page
This commit is contained in:
parent
720756b501
commit
8769c03765
15 changed files with 63 additions and 39 deletions
|
@ -721,6 +721,13 @@
|
|||
|
||||
var userData = item.UserData || {};
|
||||
|
||||
//played/unplayed
|
||||
if (userData.Played) {
|
||||
html += '<div class="userItemRating"><img class="imgUserItemRating" src="css/images/userdata/played.png" alt="Played" title="Played" onclick="ItemDetailPage.setPlayed();" /></div>';
|
||||
} else {
|
||||
html += '<div class="userItemRating"><img class="imgUserItemRating" src="css/images/userdata/unplayed.png" alt="Played" title="Played" onclick="ItemDetailPage.setPlayed();" /></div>';
|
||||
}
|
||||
|
||||
if (typeof userData.Likes == "undefined") {
|
||||
html += '<div class="userItemRating"><img class="imgUserItemRating" src="css/images/userdata/thumbs_down_off.png" alt="Dislike" title="Dislike" onclick="ItemDetailPage.setDislike();" /></div>';
|
||||
html += '<div class="userItemRating"><img class="imgUserItemRating" src="css/images/userdata/thumbs_up_off.png" alt="Like" title="Like" onclick="ItemDetailPage.setLike();" /></div>';
|
||||
|
@ -738,13 +745,6 @@
|
|||
html += '<div class="userItemRating"><img class="imgUserItemRating" src="css/images/userdata/heart_off.png" alt="Favorite" title="Favorite" onclick="ItemDetailPage.setFavorite();" /></div>';
|
||||
}
|
||||
|
||||
//played/unplayed
|
||||
if (userData.Played) {
|
||||
html += '<div class="userItemRating"><img class="imgUserItemRating" src="css/images/userdata/played.png" alt="Played" title="Played" onclick="ItemDetailPage.setPlayed();" /></div>';
|
||||
} else {
|
||||
html += '<div class="userItemRating"><img class="imgUserItemRating" src="css/images/userdata/unplayed.png" alt="Unplayed" title="Unplayed" onclick="ItemDetailPage.setPlayed();" /></div>';
|
||||
}
|
||||
|
||||
$('#itemRatings', page).html(html);
|
||||
},
|
||||
|
||||
|
|
1
dashboard-ui/scripts/boxset.js
Normal file
1
dashboard-ui/scripts/boxset.js
Normal file
|
@ -0,0 +1 @@
|
|||
|
|
@ -1,5 +1,18 @@
|
|||
(function ($, document, apiClient) {
|
||||
|
||||
function getViewHtml(view) {
|
||||
|
||||
var html = '';
|
||||
|
||||
html += '<div class="posterViewItem">';
|
||||
html += '<a href="' + view.url + '">';
|
||||
html += '<img style="background: ' + view.background + ';" src="' + view.img + '"><div class="posterViewItemText">' + view.name + '</div>';
|
||||
html += '</a>';
|
||||
html += '</div>';
|
||||
|
||||
return html;
|
||||
}
|
||||
|
||||
$(document).on('pageshow', "#indexPage", function () {
|
||||
|
||||
var page = this;
|
||||
|
@ -10,8 +23,6 @@
|
|||
return;
|
||||
}
|
||||
|
||||
page = $(page);
|
||||
|
||||
var options = {
|
||||
|
||||
sortBy: "SortName"
|
||||
|
@ -26,26 +37,34 @@
|
|||
|
||||
});
|
||||
|
||||
// Kick this off now. Just see if there are any games in the library
|
||||
var gamesPromise = ApiClient.getItems(userId, { Recursive: true, limit: 0, MediaTypes: "Game" });
|
||||
|
||||
var views = [
|
||||
{ name: "Movies", url: "moviesrecommended.html", img: "css/images/items/list/chapter.png", background: "#E12026" },
|
||||
{ name: "Movies", url: "moviesrecommended.html", img: "css/images/items/list/chapter.png", background: "#0094FF" },
|
||||
{ name: "TV Shows", url: "tvrecommended.html", img: "css/images/items/list/collection.png", background: "#FF870F" },
|
||||
{ name: "Music", url: "musicrecommended.html", img: "css/images/items/list/audiowide.png", background: "#4BB3DD" }
|
||||
{ name: "Music", url: "musicrecommended.html", img: "css/images/items/list/audiocollection.png", background: "#6FBD45" }
|
||||
];
|
||||
|
||||
var html = '';
|
||||
|
||||
for (var i = 0, length = views.length; i < length; i++) {
|
||||
|
||||
var view = views[i];
|
||||
|
||||
html += '<div class="posterViewItem">';
|
||||
html += '<a href="' + view.url + '">';
|
||||
html += '<img style="background: ' + view.background + ';" src="' + view.img + '"><div class="posterViewItemText">' + view.name + '</div>';
|
||||
html += '</a>';
|
||||
html += '</div>';
|
||||
html += getViewHtml(views[i]);
|
||||
}
|
||||
|
||||
$('#views', page).html(html);
|
||||
|
||||
gamesPromise.done(function (result) {
|
||||
|
||||
if (result.TotalRecordCount) {
|
||||
|
||||
var view = { name: "Games", url: "#", img: "css/images/items/list/gamecollection.png", background: "#E12026" };
|
||||
|
||||
$('#views', page).append(getViewHtml(view));
|
||||
}
|
||||
|
||||
});
|
||||
});
|
||||
|
||||
})(jQuery, document, ApiClient);
|
|
@ -47,10 +47,16 @@
|
|||
width: 352,
|
||||
tag: item.BackdropImageTags[0]
|
||||
}) + "' />";
|
||||
} else if (item.MediaType == "Audio" || item.Type == "MusicAlbum" || item.Type == "MusicArtist") {
|
||||
}
|
||||
else if (item.MediaType == "Audio" || item.Type == "MusicAlbum" || item.Type == "MusicArtist") {
|
||||
|
||||
html += "<img style='background:" + LibraryBrowser.getMetroColor(item.Id) + ";' src='css/images/items/list/audio.png' />";
|
||||
} else {
|
||||
}
|
||||
else if (item.MediaType == "Video") {
|
||||
|
||||
html += "<img style='background:" + LibraryBrowser.getMetroColor(item.Id) + ";' src='css/images/items/list/video.png' />";
|
||||
}
|
||||
else {
|
||||
|
||||
html += "<img style='background:" + LibraryBrowser.getMetroColor(item.Id) + ";' src='css/images/items/list/collection.png' />";
|
||||
}
|
||||
|
@ -190,7 +196,7 @@
|
|||
tag: item.BackdropImageTags[0]
|
||||
}) + "' />";
|
||||
} else {
|
||||
html += "<img style='background:" + LibraryBrowser.getMetroColor(item.Id) + ";' src='css/images/items/list/collection.png' />";
|
||||
html += "<img style='background:" + LibraryBrowser.getMetroColor(item.Id) + ";' src='css/images/items/list/video.png' />";
|
||||
}
|
||||
|
||||
if (showText) {
|
||||
|
|
|
@ -63,7 +63,7 @@
|
|||
|
||||
}
|
||||
else {
|
||||
html += '<img class="libraryGridImage" style="background:' + LibraryBrowser.getMetroColor(item.Id) + ';" src="css/images/items/list/collection.png" />';
|
||||
html += '<img class="libraryGridImage" style="background:' + LibraryBrowser.getMetroColor(item.Id) + ';" src="css/images/items/list/video.png" />';
|
||||
}
|
||||
|
||||
html += '</a></td>';
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue