mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
consolidate itembyname detail js
This commit is contained in:
parent
a5b6dbcd1a
commit
3ca4d1ea8c
6 changed files with 134 additions and 449 deletions
|
@ -1,206 +1,76 @@
|
|||
var ItemByNameDetailPage = {
|
||||
(function ($, document, LibraryBrowser) {
|
||||
|
||||
onPageShow: function () {
|
||||
ItemByNameDetailPage.reload();
|
||||
},
|
||||
|
||||
reload: function () {
|
||||
function reload(page) {
|
||||
|
||||
Dashboard.showLoadingMsg();
|
||||
|
||||
var getItemPromise;
|
||||
|
||||
var person = getParameterByName('person');
|
||||
|
||||
if (person) {
|
||||
ApiClient.getPerson(person).done(ItemByNameDetailPage.renderItem);
|
||||
return;
|
||||
getItemPromise = ApiClient.getPerson(person);
|
||||
}
|
||||
|
||||
var studio = getParameterByName('studio');
|
||||
|
||||
if (studio) {
|
||||
ApiClient.getStudio(studio).done(ItemByNameDetailPage.renderItem);
|
||||
return;
|
||||
else if (getParameterByName('studio')) {
|
||||
getItemPromise = ApiClient.getStudio(getParameterByName('studio'));
|
||||
}
|
||||
else if (getParameterByName('genre')) {
|
||||
getItemPromise = ApiClient.getGenre(getParameterByName('genre'));
|
||||
} else {
|
||||
throw new Error('Invalid request');
|
||||
}
|
||||
|
||||
var genre = getParameterByName('genre');
|
||||
getItemPromise.done(function (item) {
|
||||
|
||||
if (genre) {
|
||||
ApiClient.getGenre(genre).done(ItemByNameDetailPage.renderItem);
|
||||
return;
|
||||
}
|
||||
},
|
||||
var name = item.Name;
|
||||
|
||||
renderItem: function (item) {
|
||||
$('#itemImage', page).html(LibraryBrowser.getDetailImageHtml(item));
|
||||
|
||||
var page = $.mobile.activePage;
|
||||
var name = item.Name;
|
||||
Dashboard.setPageTitle(name);
|
||||
|
||||
Dashboard.setPageTitle(name);
|
||||
$('#itemName', page).html(name);
|
||||
|
||||
ItemByNameDetailPage.item = item;
|
||||
renderDetails(page, item);
|
||||
|
||||
ItemByNameDetailPage.renderImage(item);
|
||||
ItemByNameDetailPage.renderOverviewBlock(item);
|
||||
ItemByNameDetailPage.renderFav(item);
|
||||
LibraryBrowser.renderLinks(item);
|
||||
Dashboard.hideLoadingMsg();
|
||||
});
|
||||
}
|
||||
|
||||
$('#itemName', page).html(name);
|
||||
|
||||
Dashboard.hideLoadingMsg();
|
||||
},
|
||||
|
||||
renderImage: function (item) {
|
||||
|
||||
var page = $.mobile.activePage;
|
||||
var imageTags = item.ImageTags || {};
|
||||
var html = '';
|
||||
var url;
|
||||
var useBackgroundColor;
|
||||
|
||||
if (item.Type == "Person") {
|
||||
if (imageTags.Primary) {
|
||||
|
||||
url = ApiClient.getPersonImageUrl(item.Name, {
|
||||
width: 800,
|
||||
tag: imageTags.Primary,
|
||||
type: "primary"
|
||||
});
|
||||
|
||||
} else {
|
||||
url = 'css/images/items/list/person.png';
|
||||
useBackgroundColor = true;
|
||||
}
|
||||
}else if (item.Type == "Studio") {
|
||||
if (imageTags.Primary) {
|
||||
|
||||
url = ApiClient.getStudioImageUrl(item.Name, {
|
||||
width: 800,
|
||||
tag: item.PrimaryImageTag,
|
||||
type: "primary"
|
||||
});
|
||||
|
||||
} else {
|
||||
url = 'css/images/items/detail/video.png';
|
||||
useBackgroundColor = true;
|
||||
}
|
||||
}else if (item.Type == "Genre") {
|
||||
if (imageTags.Primary) {
|
||||
|
||||
url = ApiClient.getGenreImageUrl(item.Name, {
|
||||
width: 800,
|
||||
tag: item.PrimaryImageTag,
|
||||
type: "primary"
|
||||
});
|
||||
|
||||
} else {
|
||||
url = 'css/images/items/detail/video.png';
|
||||
useBackgroundColor = true;
|
||||
}
|
||||
}
|
||||
|
||||
if (url) {
|
||||
var style = useBackgroundColor ? "background-color:" + LibraryBrowser.getMetroColor(item.Id) + ";" : "";
|
||||
|
||||
html += "<img class='itemDetailImage' src='" + url + "' style='" + style + "' />";
|
||||
}
|
||||
|
||||
$('#itemImage', page).html(html);
|
||||
},
|
||||
|
||||
renderOverviewBlock: function (item) {
|
||||
|
||||
var page = $.mobile.activePage;
|
||||
function renderDetails(page, item) {
|
||||
|
||||
if (item.Overview || item.OverviewHtml) {
|
||||
var overview = item.OverviewHtml || item.Overview;
|
||||
|
||||
$('#itemOverview', page).html(overview).show();
|
||||
$('#itemOverview a').each(function(){
|
||||
$(this).attr("target","_blank");
|
||||
$('#itemOverview a').each(function () {
|
||||
$(this).attr("target", "_blank");
|
||||
});
|
||||
} else {
|
||||
$('#itemOverview', page).hide();
|
||||
}
|
||||
|
||||
},
|
||||
renderUserDataIcons(page, item);
|
||||
renderLinks(page, item);
|
||||
}
|
||||
|
||||
renderFav: function (item) {
|
||||
var html = '';
|
||||
var page = $.mobile.activePage;
|
||||
function renderLinks(page, item) {
|
||||
if (item.ProviderIds) {
|
||||
|
||||
var userData = item.UserData || {};
|
||||
$('#itemLinks', page).html(LibraryBrowser.getLinksHtml(item));
|
||||
|
||||
if (typeof userData.Likes == "undefined") {
|
||||
html += '<img class="imgUserItemRating" src="css/images/userdata/thumbs_down_off.png" alt="Dislike" title="Dislike" onclick="ItemDetailPage.setDislike();" />';
|
||||
html += '<img class="imgUserItemRating" src="css/images/userdata/thumbs_up_off.png" alt="Like" title="Like" onclick="ItemDetailPage.setLike();" />';
|
||||
} else if (userData.Likes) {
|
||||
html += '<img class="imgUserItemRating" src="css/images/userdata/thumbs_down_off.png" alt="Dislike" title="Dislike" onclick="ItemDetailPage.setDislike();" />';
|
||||
html += '<img class="imgUserItemRating" src="css/images/userdata/thumbs_up_on.png" alt="Liked" title="Like" onclick="ItemDetailPage.clearLike();" />';
|
||||
} else {
|
||||
html += '<img class="imgUserItemRating" src="css/images/userdata/thumbs_down_on.png" alt="Dislike" title="Dislike" onclick="ItemDetailPage.clearLike();" />';
|
||||
html += '<img class="imgUserItemRating" src="css/images/userdata/thumbs_up_off.png" alt="Like" title="Like" onclick="ItemDetailPage.setLike();" />';
|
||||
}
|
||||
} else {
|
||||
$('#itemLinks', page).hide();
|
||||
}
|
||||
}
|
||||
|
||||
if (userData.IsFavorite) {
|
||||
html += '<img class="imgUserItemRating" src="css/images/userdata/heart_on.png" alt="Favorite" title="Favorite" onclick="ItemDetailPage.setFavorite();" />';
|
||||
} else {
|
||||
html += '<img class="imgUserItemRating" src="css/images/userdata/heart_off.png" alt="Favorite" title="Favorite" onclick="ItemDetailPage.setFavorite();" />';
|
||||
}
|
||||
function renderUserDataIcons(page, item) {
|
||||
$('#itemRatings', page).html(LibraryBrowser.getUserDataIconsHtml(item));
|
||||
}
|
||||
|
||||
$('#itemRatings', page).html(html);
|
||||
},
|
||||
$(document).on('pageshow', "#itemByNameDetailPage", function () {
|
||||
reload(this);
|
||||
});
|
||||
|
||||
setFavorite: function () {
|
||||
var item = ItemByNameDetailPage.item;
|
||||
/*
|
||||
item.UserData = item.UserData || {};
|
||||
|
||||
var setting = !item.UserData.IsFavorite;
|
||||
item.UserData.IsFavorite = setting;
|
||||
|
||||
ApiClient.updateFavoriteStatus(Dashboard.getCurrentUserId(), item.Id, setting);
|
||||
*/
|
||||
ItemByNameDetailPage.renderFav(item);
|
||||
},
|
||||
|
||||
setLike: function () {
|
||||
|
||||
var item = ItemDetailPage.item;
|
||||
/*
|
||||
item.UserData = item.UserData || {};
|
||||
|
||||
item.UserData.Likes = true;
|
||||
|
||||
ApiClient.updateUserItemRating(Dashboard.getCurrentUserId(), item.Id, true);
|
||||
*/
|
||||
ItemByNameDetailPage.renderFav(item);
|
||||
},
|
||||
|
||||
clearLike: function () {
|
||||
|
||||
var item = ItemDetailPage.item;
|
||||
/*
|
||||
item.UserData = item.UserData || {};
|
||||
|
||||
item.UserData.Likes = undefined;
|
||||
|
||||
ApiClient.clearUserItemRating(Dashboard.getCurrentUserId(), item.Id);
|
||||
*/
|
||||
ItemByNameDetailPage.renderFav(item);
|
||||
},
|
||||
|
||||
setDislike: function () {
|
||||
var item = ItemDetailPage.item;
|
||||
/*
|
||||
item.UserData = item.UserData || {};
|
||||
|
||||
item.UserData.Likes = false;
|
||||
|
||||
ApiClient.updateUserItemRating(Dashboard.getCurrentUserId(), item.Id, false);
|
||||
*/
|
||||
ItemByNameDetailPage.renderFav(item);
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
$(document).on('pageshow', "#itemByNameDetailPage", ItemByNameDetailPage.onPageShow);
|
||||
})(jQuery, document, LibraryBrowser);
|
Loading…
Add table
Add a link
Reference in a new issue