mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
update details
This commit is contained in:
Luke Pulverenti
parent
cade92d4ad
commit
a29d3626b0
13 changed files with 366 additions and 710 deletions
|
|
@ -1,16 +1,6 @@
|
|||
define(['backdrop', 'appStorage'], function (backdrop, appStorage) {
|
||||
'use strict';
|
||||
|
||||
function isEnabledByDefault() {
|
||||
|
||||
if (AppInfo.hasLowImageBandwidth) {
|
||||
|
||||
return false;
|
||||
}
|
||||
|
||||
return false;
|
||||
}
|
||||
|
||||
function enabled() {
|
||||
|
||||
var apiClient = window.ApiClient;
|
||||
|
|
@ -24,7 +14,7 @@
|
|||
var val = appStorage.getItem('enableBackdrops-' + userId);
|
||||
|
||||
// For bandwidth
|
||||
return val == '1' || (val != '0' && isEnabledByDefault());
|
||||
return val == '1';
|
||||
}
|
||||
|
||||
var cache = {};
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
define(['layoutManager', 'cardBuilder', 'datetime', 'mediaInfo', 'backdrop', 'listView', 'itemContextMenu', 'itemHelper', 'userdataButtons', 'dom', 'indicators', 'apphost', 'imageLoader', 'libraryMenu', 'scrollStyles', 'emby-itemscontainer', 'emby-checkbox'], function (layoutManager, cardBuilder, datetime, mediaInfo, backdrop, listView, itemContextMenu, itemHelper, userdataButtons, dom, indicators, appHost, imageLoader, libraryMenu) {
|
||||
define(['layoutManager', 'cardBuilder', 'datetime', 'mediaInfo', 'backdrop', 'listView', 'itemContextMenu', 'itemHelper', 'userdataButtons', 'dom', 'indicators', 'apphost', 'imageLoader', 'libraryMenu', 'shell', 'globalize', 'scrollStyles', 'emby-itemscontainer', 'emby-checkbox'], function (layoutManager, cardBuilder, datetime, mediaInfo, backdrop, listView, itemContextMenu, itemHelper, userdataButtons, dom, indicators, appHost, imageLoader, libraryMenu, shell, globalize) {
|
||||
'use strict';
|
||||
|
||||
var currentItem;
|
||||
|
|
@ -72,15 +72,14 @@
|
|||
queue: false,
|
||||
playAllFromHere: false,
|
||||
queueAllFromHere: false,
|
||||
positionTo: button
|
||||
positionTo: button,
|
||||
cancelTimer: false,
|
||||
record: false
|
||||
};
|
||||
|
||||
if (appHost.supports('sync')) {
|
||||
// Will be displayed via button
|
||||
options.syncLocal = false;
|
||||
} else {
|
||||
// Will be displayed via button
|
||||
options.sync = false;
|
||||
}
|
||||
|
||||
return options;
|
||||
|
|
@ -115,23 +114,14 @@
|
|||
setInitialCollapsibleState(page, item, context, user);
|
||||
renderDetails(page, item, context);
|
||||
|
||||
var hasBackdrop = false;
|
||||
var itemBackdropElement = page.querySelector('#itemBackdrop');
|
||||
itemBackdropElement.classList.add('noBackdrop');
|
||||
itemBackdropElement.style.backgroundImage = 'none';
|
||||
backdrop.setBackdrops([item]);
|
||||
|
||||
// For these types, make the backdrop a little smaller so that the items are more quickly accessible
|
||||
if (item.Type == 'MusicArtist' || item.Type == "MusicAlbum" || item.Type == "Playlist" || item.Type == "BoxSet" || item.MediaType == "Audio" || !layoutManager.mobile) {
|
||||
var itemBackdropElement = page.querySelector('#itemBackdrop');
|
||||
itemBackdropElement.classList.add('noBackdrop');
|
||||
itemBackdropElement.style.backgroundImage = 'none';
|
||||
backdrop.setBackdrops([item]);
|
||||
}
|
||||
else {
|
||||
hasBackdrop = LibraryBrowser.renderDetailPageBackdrop(page, item, imageLoader);
|
||||
backdrop.clear();
|
||||
}
|
||||
LibraryBrowser.renderDetailPageBackdrop(page, item, imageLoader);
|
||||
|
||||
var transparentHeader = hasBackdrop && page.classList.contains('noSecondaryNavPage');
|
||||
|
||||
libraryMenu.setTransparentMenu(transparentHeader);
|
||||
libraryMenu.setTransparentMenu(true);
|
||||
|
||||
var canPlay = false;
|
||||
|
||||
|
|
@ -154,7 +144,7 @@
|
|||
hideAll(page, 'btnPlay');
|
||||
}
|
||||
|
||||
if (item.LocalTrailerCount && item.PlayAccess == 'Full') {
|
||||
if ((item.LocalTrailerCount || (item.RemoteTrailers && item.RemoteTrailers.length)) && item.PlayAccess == 'Full') {
|
||||
hideAll(page, 'btnPlayTrailer', true);
|
||||
} else {
|
||||
hideAll(page, 'btnPlayTrailer');
|
||||
|
|
@ -176,20 +166,6 @@
|
|||
|
||||
showRecordingFields(page, item, user);
|
||||
|
||||
var btnPlayExternalTrailer = page.querySelectorAll('.btnPlayExternalTrailer');
|
||||
for (var i = 0, length = btnPlayExternalTrailer.length; i < length; i++) {
|
||||
if (!item.LocalTrailerCount && item.RemoteTrailers.length && item.PlayAccess == 'Full') {
|
||||
|
||||
btnPlayExternalTrailer[i].classList.remove('hide');
|
||||
btnPlayExternalTrailer[i].href = item.RemoteTrailers[0].Url;
|
||||
|
||||
} else {
|
||||
|
||||
btnPlayExternalTrailer[i].classList.add('hide');
|
||||
btnPlayExternalTrailer[i].href = '#';
|
||||
}
|
||||
}
|
||||
|
||||
var groupedVersions = (item.MediaSources || []).filter(function (g) {
|
||||
return g.Type == "Grouping";
|
||||
});
|
||||
|
|
@ -215,7 +191,7 @@
|
|||
var birthday = datetime.parseISO8601Date(item.PremiereDate, true).toDateString();
|
||||
|
||||
itemBirthday.classList.remove('hide');
|
||||
itemBirthday.innerHTML = Globalize.translate('BirthDateValue').replace('{0}', birthday);
|
||||
itemBirthday.innerHTML = globalize.translate('BirthDateValue').replace('{0}', birthday);
|
||||
}
|
||||
catch (err) {
|
||||
itemBirthday.classList.add('hide');
|
||||
|
|
@ -231,7 +207,7 @@
|
|||
var deathday = datetime.parseISO8601Date(item.EndDate, true).toDateString();
|
||||
|
||||
itemDeathDate.classList.remove('hide');
|
||||
itemDeathDate.innerHTML = Globalize.translate('DeathDateValue').replace('{0}', deathday);
|
||||
itemDeathDate.innerHTML = globalize.translate('DeathDateValue').replace('{0}', deathday);
|
||||
}
|
||||
catch (err) {
|
||||
itemDeathDate.classList.add('hide');
|
||||
|
|
@ -245,7 +221,7 @@
|
|||
var gmap = '<a class="textlink" target="_blank" href="https://maps.google.com/maps?q=' + item.ProductionLocations[0] + '">' + item.ProductionLocations[0] + '</a>';
|
||||
|
||||
itemBirthLocation.classList.remove('hide');
|
||||
itemBirthLocation.innerHTML = Globalize.translate('BirthPlaceValue').replace('{0}', gmap);
|
||||
itemBirthLocation.innerHTML = globalize.translate('BirthPlaceValue').replace('{0}', gmap);
|
||||
} else {
|
||||
itemBirthLocation.classList.add('hide');
|
||||
}
|
||||
|
|
@ -322,7 +298,7 @@
|
|||
var links = [];
|
||||
|
||||
if (item.HomePageUrl) {
|
||||
links.push('<a class="textlink" href="' + item.HomePageUrl + '" target="_blank">' + Globalize.translate('ButtonWebsite') + '</a>');
|
||||
links.push('<a class="textlink" href="' + item.HomePageUrl + '" target="_blank">' + globalize.translate('ButtonWebsite') + '</a>');
|
||||
}
|
||||
|
||||
if (item.ExternalUrls) {
|
||||
|
|
@ -337,9 +313,7 @@
|
|||
|
||||
if (links.length) {
|
||||
|
||||
var html = links.join(' / ');
|
||||
|
||||
html = Globalize.translate('ValueLinks', html);
|
||||
var html = links.join('•');
|
||||
|
||||
linksElem.innerHTML = html;
|
||||
linksElem.classList.remove('hide');
|
||||
|
|
@ -349,9 +323,34 @@
|
|||
}
|
||||
}
|
||||
|
||||
function shadeBlendConvert(p, from, to) {
|
||||
if (typeof (p) != "number" || p < -1 || p > 1 || typeof (from) != "string" || (from[0] != 'r' && from[0] != '#') || (typeof (to) != "string" && typeof (to) != "undefined")) return null; //ErrorCheck
|
||||
|
||||
var sbcRip = function (d) {
|
||||
var l = d.length, RGB = new Object();
|
||||
if (l > 9) {
|
||||
d = d.split(",");
|
||||
if (d.length < 3 || d.length > 4) return null; //ErrorCheck
|
||||
RGB[0] = i(d[0].slice(4)), RGB[1] = i(d[1]), RGB[2] = i(d[2]), RGB[3] = d[3] ? parseFloat(d[3]) : -1;
|
||||
} else {
|
||||
if (l == 8 || l == 6 || l < 4) return null; //ErrorCheck
|
||||
if (l < 6) d = "#" + d[1] + d[1] + d[2] + d[2] + d[3] + d[3] + (l > 4 ? d[4] + "" + d[4] : ""); //3 digit
|
||||
d = i(d.slice(1), 16), RGB[0] = d >> 16 & 255, RGB[1] = d >> 8 & 255, RGB[2] = d & 255, RGB[3] = l == 9 || l == 5 ? r(((d >> 24 & 255) / 255) * 10000) / 10000 : -1;
|
||||
}
|
||||
return RGB;
|
||||
};
|
||||
|
||||
var i = parseInt, r = Math.round, h = from.length > 9, h = typeof (to) == "string" ? to.length > 9 ? true : to == "c" ? !h : false : h, b = p < 0, p = b ? p * -1 : p, to = to && to != "c" ? to : b ? "#000000" : "#FFFFFF", f = sbcRip(from), t = sbcRip(to);
|
||||
if (!f || !t) return null; //ErrorCheck
|
||||
if (h) return "rgb(" + r((t[0] - f[0]) * p + f[0]) + "," + r((t[1] - f[1]) * p + f[1]) + "," + r((t[2] - f[2]) * p + f[2]) + (f[3] < 0 && t[3] < 0 ? ")" : "," + (f[3] > -1 && t[3] > -1 ? r(((t[3] - f[3]) * p + f[3]) * 10000) / 10000 : t[3] < 0 ? f[3] : t[3]) + ")");
|
||||
else return "#" + (0x100000000 + (f[3] > -1 && t[3] > -1 ? r(((t[3] - f[3]) * p + f[3]) * 255) : t[3] > -1 ? r(t[3] * 255) : f[3] > -1 ? r(f[3] * 255) : 255) * 0x1000000 + r((t[0] - f[0]) * p + f[0]) * 0x10000 + r((t[1] - f[1]) * p + f[1]) * 0x100 + r((t[2] - f[2]) * p + f[2])).toString(16).slice(f[3] > -1 || t[3] > -1 ? 1 : 3);
|
||||
}
|
||||
|
||||
function renderImage(page, item, user) {
|
||||
|
||||
LibraryBrowser.renderDetailImage(page.querySelector('.detailImageContainer'), item, user.Policy.IsAdministrator && item.MediaType != 'Photo', null, imageLoader, indicators);
|
||||
var container = page.querySelector('.detailImageContainer');
|
||||
|
||||
LibraryBrowser.renderDetailImage(container, item, user.Policy.IsAdministrator && item.MediaType != 'Photo', null, imageLoader, indicators);
|
||||
}
|
||||
|
||||
function refreshDetailImageUserData(elem, item) {
|
||||
|
|
@ -369,9 +368,9 @@
|
|||
function setPeopleHeader(page, item) {
|
||||
|
||||
if (item.MediaType == "Audio" || item.Type == "MusicAlbum" || item.MediaType == "Book" || item.MediaType == "Photo") {
|
||||
page.querySelector('#peopleHeader').innerHTML = Globalize.translate('HeaderPeople');
|
||||
page.querySelector('#peopleHeader').innerHTML = globalize.translate('HeaderPeople');
|
||||
} else {
|
||||
page.querySelector('#peopleHeader').innerHTML = Globalize.translate('HeaderCastAndCrew');
|
||||
page.querySelector('#peopleHeader').innerHTML = globalize.translate('HeaderCastAndCrew');
|
||||
}
|
||||
|
||||
}
|
||||
|
|
@ -519,7 +518,7 @@
|
|||
if (overview) {
|
||||
elem.innerHTML = overview;
|
||||
|
||||
elem.classList.remove('empty');
|
||||
elem.classList.remove('hide');
|
||||
|
||||
var anchors = elem.querySelectorAll('a');
|
||||
for (var j = 0, length2 = anchors.length; j < length2; j++) {
|
||||
|
|
@ -529,7 +528,7 @@
|
|||
} else {
|
||||
elem.innerHTML = '';
|
||||
|
||||
elem.classList.add('empty');
|
||||
elem.classList.add('hide');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -539,10 +538,6 @@
|
|||
renderSimilarItems(page, item, context);
|
||||
renderMoreFromItems(page, item);
|
||||
|
||||
if (!isStatic) {
|
||||
renderSiblingLinks(page, item, context);
|
||||
}
|
||||
|
||||
var taglineElement = page.querySelector('.tagline');
|
||||
|
||||
if (item.Taglines && item.Taglines.length) {
|
||||
|
|
@ -552,30 +547,35 @@
|
|||
taglineElement.classList.add('hide');
|
||||
}
|
||||
|
||||
var topOverview = page.querySelector('.topOverview');
|
||||
var bottomOverview = page.querySelector('.bottomOverview');
|
||||
var overview = page.querySelector('.overview');
|
||||
|
||||
var seasonOnBottom = screen.availHeight < 800 || screen.availWidth < 600;
|
||||
|
||||
if (item.Type == 'MusicAlbum' || item.Type == 'MusicArtist' || (item.Type == 'Season' && seasonOnBottom)) {
|
||||
renderOverview([bottomOverview], item);
|
||||
topOverview.classList.add('hide');
|
||||
bottomOverview.classList.remove('hide');
|
||||
} else {
|
||||
renderOverview([topOverview], item);
|
||||
topOverview.classList.remove('hide');
|
||||
bottomOverview.classList.add('hide');
|
||||
}
|
||||
renderOverview([overview], item);
|
||||
|
||||
renderAwardSummary(page.querySelector('#awardSummary'), item);
|
||||
|
||||
var i, length;
|
||||
var itemMiscInfo = page.querySelectorAll('.itemMiscInfo');
|
||||
var itemMiscInfo = page.querySelectorAll('.itemMiscInfo-primary');
|
||||
for (i = 0, length = itemMiscInfo.length; i < length; i++) {
|
||||
mediaInfo.fillPrimaryMediaInfo(itemMiscInfo[i], item, {
|
||||
interactive: true,
|
||||
episodeTitle: false
|
||||
});
|
||||
if (itemMiscInfo[i].innerHTML) {
|
||||
itemMiscInfo[i].classList.remove('hide');
|
||||
} else {
|
||||
itemMiscInfo[i].classList.add('hide');
|
||||
}
|
||||
}
|
||||
itemMiscInfo = page.querySelectorAll('.itemMiscInfo-secondary');
|
||||
for (i = 0, length = itemMiscInfo.length; i < length; i++) {
|
||||
mediaInfo.fillSecondaryMediaInfo(itemMiscInfo[i], item, {
|
||||
interactive: true
|
||||
});
|
||||
if (itemMiscInfo[i].innerHTML) {
|
||||
itemMiscInfo[i].classList.remove('hide');
|
||||
} else {
|
||||
itemMiscInfo[i].classList.add('hide');
|
||||
}
|
||||
}
|
||||
var itemGenres = page.querySelectorAll('.itemGenres');
|
||||
for (i = 0, length = itemGenres.length; i < length; i++) {
|
||||
|
|
@ -600,13 +600,13 @@
|
|||
|
||||
renderSeriesAirTime(page, item, isStatic);
|
||||
|
||||
var playersElement = page.querySelector('#players');
|
||||
var dateAddedElement = page.querySelector('#dateAdded');
|
||||
|
||||
if (item.Players) {
|
||||
playersElement.classList.remove('hide');
|
||||
playersElement.innerHTML = item.Players + ' Player';
|
||||
if (!item.IsFolder) {
|
||||
dateAddedElement.classList.remove('hide');
|
||||
dateAddedElement.innerHTML = globalize.translate('DateAddedValue', datetime.toLocaleDateString(datetime.parseISO8601Date(item.DateCreated)));
|
||||
} else {
|
||||
playersElement.classList.add('hide');
|
||||
dateAddedElement.classList.add('hide');
|
||||
}
|
||||
|
||||
var artist = page.querySelectorAll('.artist');
|
||||
|
|
@ -631,8 +631,6 @@
|
|||
} else {
|
||||
page.querySelector('.photoInfo').classList.add('hide');
|
||||
}
|
||||
|
||||
renderTabButtons(page, item);
|
||||
}
|
||||
|
||||
function renderPhotoInfo(page, item) {
|
||||
|
|
@ -642,30 +640,30 @@
|
|||
var attributes = [];
|
||||
|
||||
if (item.CameraMake) {
|
||||
attributes.push(createAttribute(Globalize.translate('MediaInfoCameraMake'), item.CameraMake));
|
||||
attributes.push(createAttribute(globalize.translate('MediaInfoCameraMake'), item.CameraMake));
|
||||
}
|
||||
|
||||
if (item.CameraModel) {
|
||||
attributes.push(createAttribute(Globalize.translate('MediaInfoCameraModel'), item.CameraModel));
|
||||
attributes.push(createAttribute(globalize.translate('MediaInfoCameraModel'), item.CameraModel));
|
||||
}
|
||||
|
||||
if (item.Altitude) {
|
||||
attributes.push(createAttribute(Globalize.translate('MediaInfoAltitude'), item.Altitude.toFixed(1)));
|
||||
attributes.push(createAttribute(globalize.translate('MediaInfoAltitude'), item.Altitude.toFixed(1)));
|
||||
}
|
||||
|
||||
if (item.Aperture) {
|
||||
attributes.push(createAttribute(Globalize.translate('MediaInfoAperture'), 'F' + item.Aperture.toFixed(1)));
|
||||
attributes.push(createAttribute(globalize.translate('MediaInfoAperture'), 'F' + item.Aperture.toFixed(1)));
|
||||
}
|
||||
|
||||
if (item.ExposureTime) {
|
||||
|
||||
var val = 1 / item.ExposureTime;
|
||||
|
||||
attributes.push(createAttribute(Globalize.translate('MediaInfoExposureTime'), '1/' + val + ' s'));
|
||||
attributes.push(createAttribute(globalize.translate('MediaInfoExposureTime'), '1/' + val + ' s'));
|
||||
}
|
||||
|
||||
if (item.FocalLength) {
|
||||
attributes.push(createAttribute(Globalize.translate('MediaInfoFocalLength'), item.FocalLength.toFixed(1) + ' mm'));
|
||||
attributes.push(createAttribute(globalize.translate('MediaInfoFocalLength'), item.FocalLength.toFixed(1) + ' mm'));
|
||||
}
|
||||
|
||||
if (item.ImageOrientation) {
|
||||
|
|
@ -673,23 +671,23 @@
|
|||
}
|
||||
|
||||
if (item.IsoSpeedRating) {
|
||||
attributes.push(createAttribute(Globalize.translate('MediaInfoIsoSpeedRating'), item.IsoSpeedRating));
|
||||
attributes.push(createAttribute(globalize.translate('MediaInfoIsoSpeedRating'), item.IsoSpeedRating));
|
||||
}
|
||||
|
||||
if (item.Latitude) {
|
||||
attributes.push(createAttribute(Globalize.translate('MediaInfoLatitude'), item.Latitude.toFixed(1)));
|
||||
attributes.push(createAttribute(globalize.translate('MediaInfoLatitude'), item.Latitude.toFixed(1)));
|
||||
}
|
||||
|
||||
if (item.Longitude) {
|
||||
attributes.push(createAttribute(Globalize.translate('MediaInfoLongitude'), item.Longitude.toFixed(1)));
|
||||
attributes.push(createAttribute(globalize.translate('MediaInfoLongitude'), item.Longitude.toFixed(1)));
|
||||
}
|
||||
|
||||
if (item.ShutterSpeed) {
|
||||
attributes.push(createAttribute(Globalize.translate('MediaInfoShutterSpeed'), item.ShutterSpeed));
|
||||
attributes.push(createAttribute(globalize.translate('MediaInfoShutterSpeed'), item.ShutterSpeed));
|
||||
}
|
||||
|
||||
if (item.Software) {
|
||||
attributes.push(createAttribute(Globalize.translate('MediaInfoSoftware'), item.Software));
|
||||
attributes.push(createAttribute(globalize.translate('MediaInfoSoftware'), item.Software));
|
||||
}
|
||||
|
||||
html += attributes.join('<br/>');
|
||||
|
|
@ -697,20 +695,6 @@
|
|||
page.querySelector('.photoInfoContent').innerHTML = html;
|
||||
}
|
||||
|
||||
function renderTabButtons(page, item) {
|
||||
|
||||
var elem = page.querySelector('.tabDetails');
|
||||
var text = elem.textContent || elem.innerText || '';
|
||||
|
||||
if (text.trim()) {
|
||||
|
||||
page.querySelector('.detailsSection').classList.remove('hide');
|
||||
|
||||
} else {
|
||||
page.querySelector('.detailsSection').classList.add('hide');
|
||||
}
|
||||
}
|
||||
|
||||
function getArtistLinksHtml(artists, context) {
|
||||
|
||||
var html = [];
|
||||
|
|
@ -726,82 +710,15 @@
|
|||
html = html.join(' / ');
|
||||
|
||||
if (artists.length == 1) {
|
||||
return Globalize.translate('ValueArtist', html);
|
||||
return globalize.translate('ValueArtist', html);
|
||||
}
|
||||
if (artists.length > 1) {
|
||||
return Globalize.translate('ValueArtists', html);
|
||||
return globalize.translate('ValueArtists', html);
|
||||
}
|
||||
|
||||
return html;
|
||||
}
|
||||
|
||||
function renderSiblingLinks(page, item, context) {
|
||||
|
||||
var lnkPreviousItem = page.querySelector('.lnkPreviousItem');
|
||||
var lnkNextItem = page.querySelector('.lnkNextItem');
|
||||
|
||||
if ((item.Type != "Episode" && item.Type != "Season" && item.Type != "Audio" && item.Type != "Photo")) {
|
||||
lnkNextItem.classList.add('hide');
|
||||
lnkPreviousItem.classList.add('hide');
|
||||
|
||||
return;
|
||||
}
|
||||
|
||||
var promise;
|
||||
|
||||
if (item.Type == "Season") {
|
||||
|
||||
promise = ApiClient.getSeasons(item.SeriesId, {
|
||||
|
||||
userId: Dashboard.getCurrentUserId(),
|
||||
AdjacentTo: item.Id
|
||||
});
|
||||
}
|
||||
else if (item.Type == "Episode" && item.SeasonId) {
|
||||
|
||||
// Use dedicated episodes endpoint
|
||||
promise = ApiClient.getEpisodes(item.SeriesId, {
|
||||
|
||||
seasonId: item.SeasonId,
|
||||
userId: Dashboard.getCurrentUserId(),
|
||||
AdjacentTo: item.Id
|
||||
});
|
||||
|
||||
} else {
|
||||
promise = ApiClient.getItems(Dashboard.getCurrentUserId(), {
|
||||
AdjacentTo: item.Id,
|
||||
ParentId: item.ParentId,
|
||||
SortBy: 'SortName'
|
||||
});
|
||||
}
|
||||
|
||||
context = context || '';
|
||||
|
||||
promise.then(function (result) {
|
||||
|
||||
var foundExisting = false;
|
||||
|
||||
for (var i = 0, length = result.Items.length; i < length; i++) {
|
||||
|
||||
var curr = result.Items[i];
|
||||
|
||||
if (curr.Id == item.Id) {
|
||||
foundExisting = true;
|
||||
}
|
||||
else if (!foundExisting) {
|
||||
|
||||
lnkPreviousItem.classList.remove('hide');
|
||||
lnkPreviousItem.href = 'itemdetails.html?id=' + curr.Id + '&context=' + context;
|
||||
}
|
||||
else {
|
||||
|
||||
lnkNextItem.classList.remove('hide');
|
||||
lnkNextItem.href = 'itemdetails.html?id=' + curr.Id + '&context=' + context;
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function enableScrollX() {
|
||||
return browserInfo.mobile && AppInfo.enableAppLayouts && screen.availWidth <= 1000;
|
||||
}
|
||||
|
|
@ -856,7 +773,7 @@
|
|||
}
|
||||
moreFromSection.classList.remove('hide');
|
||||
|
||||
moreFromSection.querySelector('.moreFromHeader').innerHTML = Globalize.translate('MoreFromValue', item.AlbumArtists[0].Name);
|
||||
moreFromSection.querySelector('.moreFromHeader').innerHTML = globalize.translate('MoreFromValue', item.AlbumArtists[0].Name);
|
||||
|
||||
var html = '';
|
||||
|
||||
|
|
@ -1016,7 +933,7 @@
|
|||
if (item.Tags && item.Tags.length) {
|
||||
|
||||
var html = '';
|
||||
html += '<p>' + Globalize.translate('HeaderTags') + '</p>';
|
||||
html += '<p>' + globalize.translate('HeaderTags') + '</p>';
|
||||
for (var i = 0, length = item.Tags.length; i < length; i++) {
|
||||
|
||||
html += '<div class="itemTag">' + item.Tags[i] + '</div>';
|
||||
|
|
@ -1199,11 +1116,11 @@
|
|||
if (item.Type == "BoxSet") {
|
||||
|
||||
var collectionItemTypes = [
|
||||
{ name: Globalize.translate('HeaderMovies'), type: 'Movie' },
|
||||
{ name: Globalize.translate('HeaderSeries'), type: 'Series' },
|
||||
{ name: Globalize.translate('HeaderAlbums'), type: 'MusicAlbum' },
|
||||
{ name: Globalize.translate('HeaderGames'), type: 'Game' },
|
||||
{ name: Globalize.translate('HeaderBooks'), type: 'Book' }
|
||||
{ name: globalize.translate('HeaderMovies'), type: 'Movie' },
|
||||
{ name: globalize.translate('HeaderSeries'), type: 'Series' },
|
||||
{ name: globalize.translate('HeaderAlbums'), type: 'MusicAlbum' },
|
||||
{ name: globalize.translate('HeaderGames'), type: 'Game' },
|
||||
{ name: globalize.translate('HeaderBooks'), type: 'Book' }
|
||||
];
|
||||
|
||||
renderCollectionItems(page, item, collectionItemTypes, result.Items);
|
||||
|
|
@ -1211,19 +1128,19 @@
|
|||
});
|
||||
|
||||
if (item.Type == "Season") {
|
||||
page.querySelector('#childrenTitle').innerHTML = Globalize.translate('HeaderEpisodes');
|
||||
page.querySelector('#childrenTitle').innerHTML = globalize.translate('HeaderEpisodes');
|
||||
}
|
||||
else if (item.Type == "Series") {
|
||||
page.querySelector('#childrenTitle').innerHTML = Globalize.translate('HeaderSeasons');
|
||||
page.querySelector('#childrenTitle').innerHTML = globalize.translate('HeaderSeasons');
|
||||
}
|
||||
else if (item.Type == "MusicAlbum") {
|
||||
page.querySelector('#childrenTitle').innerHTML = Globalize.translate('HeaderTracks');
|
||||
page.querySelector('#childrenTitle').innerHTML = globalize.translate('HeaderTracks');
|
||||
}
|
||||
else if (item.Type == "GameSystem") {
|
||||
page.querySelector('#childrenTitle').innerHTML = Globalize.translate('HeaderGames');
|
||||
page.querySelector('#childrenTitle').innerHTML = globalize.translate('HeaderGames');
|
||||
}
|
||||
else {
|
||||
page.querySelector('#childrenTitle').innerHTML = Globalize.translate('HeaderItems');
|
||||
page.querySelector('#childrenTitle').innerHTML = globalize.translate('HeaderItems');
|
||||
}
|
||||
|
||||
if (item.Type == "MusicAlbum") {
|
||||
|
|
@ -1324,7 +1241,7 @@
|
|||
|
||||
var context = inferContext(item);
|
||||
|
||||
if (item.Studios && item.Studios.length && item.Type != "Series") {
|
||||
if (item.Studios && item.Studios.length && item.Type != "Series" && false) {
|
||||
|
||||
var html = '';
|
||||
|
||||
|
|
@ -1346,7 +1263,7 @@
|
|||
|
||||
var translationKey = item.Studios.length > 1 ? "ValueStudios" : "ValueStudio";
|
||||
|
||||
html = Globalize.translate(translationKey, html);
|
||||
html = globalize.translate(translationKey, html);
|
||||
|
||||
elem.innerHTML = html;
|
||||
elem.classList.remove('hide');
|
||||
|
|
@ -1371,7 +1288,7 @@
|
|||
}
|
||||
|
||||
if (i > 0) {
|
||||
html += '<span> / </span>';
|
||||
html += '•';
|
||||
}
|
||||
|
||||
var param = item.Type == "Audio" || item.Type == "MusicArtist" || item.Type == "MusicAlbum" ? "musicgenre" : "genre";
|
||||
|
|
@ -1409,7 +1326,7 @@
|
|||
function renderAwardSummary(elem, item) {
|
||||
if (item.AwardSummary) {
|
||||
elem.classList.remove('hide');
|
||||
elem.innerHTML = Globalize.translate('ValueAwards', item.AwardSummary);
|
||||
elem.innerHTML = globalize.translate('ValueAwards', item.AwardSummary);
|
||||
} else {
|
||||
elem.classList.add('hide');
|
||||
}
|
||||
|
|
@ -1436,7 +1353,7 @@
|
|||
}
|
||||
}
|
||||
|
||||
var otherType = { name: Globalize.translate('HeaderOtherItems') };
|
||||
var otherType = { name: globalize.translate('HeaderOtherItems') };
|
||||
|
||||
var otherTypeItems = items.filter(function (curr) {
|
||||
|
||||
|
|
@ -1453,7 +1370,7 @@
|
|||
}
|
||||
|
||||
if (!items.length) {
|
||||
renderCollectionItemType(page, parentItem, { name: Globalize.translate('HeaderItems') }, items);
|
||||
renderCollectionItemType(page, parentItem, { name: globalize.translate('HeaderItems') }, items);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -1498,8 +1415,8 @@
|
|||
collectionItems.querySelector('.btnAddToCollection').addEventListener('click', function () {
|
||||
require(['alert'], function (alert) {
|
||||
alert({
|
||||
text: Globalize.translate('AddItemToCollectionHelp'),
|
||||
html: Globalize.translate('AddItemToCollectionHelp') + '<br/><br/><a target="_blank" href="https://github.com/MediaBrowser/Wiki/wiki/Collections">' + Globalize.translate('ButtonLearnMore') + '</a>'
|
||||
text: globalize.translate('AddItemToCollectionHelp'),
|
||||
html: globalize.translate('AddItemToCollectionHelp') + '<br/><br/><a target="_blank" href="https://github.com/MediaBrowser/Wiki/wiki/Collections">' + globalize.translate('ButtonLearnMore') + '</a>'
|
||||
});
|
||||
});
|
||||
});
|
||||
|
|
@ -1597,7 +1514,7 @@
|
|||
html += '</div>';
|
||||
|
||||
if (review.Url) {
|
||||
html += '<div class="secondary listItemBodyText"><a class="textlink" href="' + review.Url + '" target="_blank">' + Globalize.translate('ButtonFullReview') + '</a></div>';
|
||||
html += '<div class="secondary listItemBodyText"><a class="textlink" href="' + review.Url + '" target="_blank">' + globalize.translate('ButtonFullReview') + '</a></div>';
|
||||
}
|
||||
|
||||
html += '</div>';
|
||||
|
|
@ -1607,7 +1524,7 @@
|
|||
}
|
||||
|
||||
if (limit && result.TotalRecordCount > limit) {
|
||||
html += '<p style="margin: 0;"><button is="emby-button" type="button" class="raised more moreCriticReviews">' + Globalize.translate('ButtonMore') + '</button></p>';
|
||||
html += '<p style="margin: 0;"><button is="emby-button" type="button" class="raised more moreCriticReviews">' + globalize.translate('ButtonMore') + '</button></p>';
|
||||
}
|
||||
|
||||
var criticReviewsContent = page.querySelector('#criticReviewsContent');
|
||||
|
|
@ -1712,25 +1629,17 @@
|
|||
});
|
||||
}
|
||||
|
||||
function renderScenes(page, item, user, limit, isStatic) {
|
||||
function renderScenes(page, item, user) {
|
||||
|
||||
var chapters = item.Chapters || [];
|
||||
var scenesContent = page.querySelector('#scenesContent');
|
||||
|
||||
if (enableScrollX()) {
|
||||
scenesContent.classList.add('smoothScrollX');
|
||||
limit = null;
|
||||
} else {
|
||||
scenesContent.classList.add('vertical-wrap');
|
||||
}
|
||||
|
||||
var limitExceeded = limit && chapters.length > limit;
|
||||
|
||||
if (limitExceeded) {
|
||||
chapters = chapters.slice(0);
|
||||
chapters.length = Math.min(limit, chapters.length);
|
||||
}
|
||||
|
||||
require(['chaptercardbuilder'], function (chaptercardbuilder) {
|
||||
|
||||
chaptercardbuilder.buildChapterCards(item, chapters, {
|
||||
|
|
@ -1741,15 +1650,6 @@
|
|||
squareShape: getSquareShape()
|
||||
});
|
||||
});
|
||||
|
||||
var moreScenesButton = page.querySelector('.moreScenes');
|
||||
if (moreScenesButton) {
|
||||
if (limitExceeded) {
|
||||
moreScenesButton.classList.remove('hide');
|
||||
} else {
|
||||
moreScenesButton.classList.add('hide');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function renderMediaSources(page, user, item) {
|
||||
|
|
@ -1786,22 +1686,22 @@
|
|||
|
||||
html += '<div class="mediaInfoStream">';
|
||||
|
||||
var displayType = Globalize.translate('MediaInfoStreamType' + stream.Type);
|
||||
var displayType = globalize.translate('MediaInfoStreamType' + stream.Type);
|
||||
|
||||
html += '<h3 class="mediaInfoStreamType">' + displayType + '</h3>';
|
||||
|
||||
var attributes = [];
|
||||
|
||||
if (stream.Language && stream.Type != "Video") {
|
||||
attributes.push(createAttribute(Globalize.translate('MediaInfoLanguage'), stream.Language));
|
||||
attributes.push(createAttribute(globalize.translate('MediaInfoLanguage'), stream.Language));
|
||||
}
|
||||
|
||||
if (stream.Codec) {
|
||||
attributes.push(createAttribute(Globalize.translate('MediaInfoCodec'), stream.Codec.toUpperCase()));
|
||||
attributes.push(createAttribute(globalize.translate('MediaInfoCodec'), stream.Codec.toUpperCase()));
|
||||
}
|
||||
|
||||
if (stream.CodecTag) {
|
||||
attributes.push(createAttribute(Globalize.translate('MediaInfoCodecTag'), stream.CodecTag));
|
||||
attributes.push(createAttribute(globalize.translate('MediaInfoCodecTag'), stream.CodecTag));
|
||||
}
|
||||
|
||||
if (stream.IsAVC != null) {
|
||||
|
|
@ -1809,58 +1709,58 @@
|
|||
}
|
||||
|
||||
if (stream.Profile) {
|
||||
attributes.push(createAttribute(Globalize.translate('MediaInfoProfile'), stream.Profile));
|
||||
attributes.push(createAttribute(globalize.translate('MediaInfoProfile'), stream.Profile));
|
||||
}
|
||||
|
||||
if (stream.Level) {
|
||||
attributes.push(createAttribute(Globalize.translate('MediaInfoLevel'), stream.Level));
|
||||
attributes.push(createAttribute(globalize.translate('MediaInfoLevel'), stream.Level));
|
||||
}
|
||||
|
||||
if (stream.Width || stream.Height) {
|
||||
attributes.push(createAttribute(Globalize.translate('MediaInfoResolution'), stream.Width + 'x' + stream.Height));
|
||||
attributes.push(createAttribute(globalize.translate('MediaInfoResolution'), stream.Width + 'x' + stream.Height));
|
||||
}
|
||||
|
||||
if (stream.AspectRatio && stream.Codec != "mjpeg") {
|
||||
attributes.push(createAttribute(Globalize.translate('MediaInfoAspectRatio'), stream.AspectRatio));
|
||||
attributes.push(createAttribute(globalize.translate('MediaInfoAspectRatio'), stream.AspectRatio));
|
||||
}
|
||||
|
||||
if (stream.Type == "Video") {
|
||||
if (stream.IsAnamorphic != null) {
|
||||
attributes.push(createAttribute(Globalize.translate('MediaInfoAnamorphic'), (stream.IsAnamorphic ? 'Yes' : 'No')));
|
||||
attributes.push(createAttribute(globalize.translate('MediaInfoAnamorphic'), (stream.IsAnamorphic ? 'Yes' : 'No')));
|
||||
}
|
||||
|
||||
attributes.push(createAttribute(Globalize.translate('MediaInfoInterlaced'), (stream.IsInterlaced ? 'Yes' : 'No')));
|
||||
attributes.push(createAttribute(globalize.translate('MediaInfoInterlaced'), (stream.IsInterlaced ? 'Yes' : 'No')));
|
||||
}
|
||||
|
||||
if (stream.AverageFrameRate || stream.RealFrameRate) {
|
||||
attributes.push(createAttribute(Globalize.translate('MediaInfoFramerate'), (stream.AverageFrameRate || stream.RealFrameRate)));
|
||||
attributes.push(createAttribute(globalize.translate('MediaInfoFramerate'), (stream.AverageFrameRate || stream.RealFrameRate)));
|
||||
}
|
||||
|
||||
if (stream.ChannelLayout) {
|
||||
attributes.push(createAttribute(Globalize.translate('MediaInfoLayout'), stream.ChannelLayout));
|
||||
attributes.push(createAttribute(globalize.translate('MediaInfoLayout'), stream.ChannelLayout));
|
||||
}
|
||||
if (stream.Channels) {
|
||||
attributes.push(createAttribute(Globalize.translate('MediaInfoChannels'), stream.Channels + ' ch'));
|
||||
attributes.push(createAttribute(globalize.translate('MediaInfoChannels'), stream.Channels + ' ch'));
|
||||
}
|
||||
|
||||
if (stream.BitRate && stream.Codec != "mjpeg") {
|
||||
attributes.push(createAttribute(Globalize.translate('MediaInfoBitrate'), (parseInt(stream.BitRate / 1000)) + ' kbps'));
|
||||
attributes.push(createAttribute(globalize.translate('MediaInfoBitrate'), (parseInt(stream.BitRate / 1000)) + ' kbps'));
|
||||
}
|
||||
|
||||
if (stream.SampleRate) {
|
||||
attributes.push(createAttribute(Globalize.translate('MediaInfoSampleRate'), stream.SampleRate + ' Hz'));
|
||||
attributes.push(createAttribute(globalize.translate('MediaInfoSampleRate'), stream.SampleRate + ' Hz'));
|
||||
}
|
||||
|
||||
if (stream.BitDepth) {
|
||||
attributes.push(createAttribute(Globalize.translate('MediaInfoBitDepth'), stream.BitDepth + ' bit'));
|
||||
attributes.push(createAttribute(globalize.translate('MediaInfoBitDepth'), stream.BitDepth + ' bit'));
|
||||
}
|
||||
|
||||
if (stream.PixelFormat) {
|
||||
attributes.push(createAttribute(Globalize.translate('MediaInfoPixelFormat'), stream.PixelFormat));
|
||||
attributes.push(createAttribute(globalize.translate('MediaInfoPixelFormat'), stream.PixelFormat));
|
||||
}
|
||||
|
||||
if (stream.RefFrames) {
|
||||
attributes.push(createAttribute(Globalize.translate('MediaInfoRefFrames'), stream.RefFrames));
|
||||
attributes.push(createAttribute(globalize.translate('MediaInfoRefFrames'), stream.RefFrames));
|
||||
}
|
||||
|
||||
if (stream.NalLengthSize) {
|
||||
|
|
@ -1868,15 +1768,15 @@
|
|||
}
|
||||
|
||||
if (stream.Type != "Video") {
|
||||
attributes.push(createAttribute(Globalize.translate('MediaInfoDefault'), (stream.IsDefault ? 'Yes' : 'No')));
|
||||
attributes.push(createAttribute(globalize.translate('MediaInfoDefault'), (stream.IsDefault ? 'Yes' : 'No')));
|
||||
}
|
||||
if (stream.Type == "Subtitle") {
|
||||
attributes.push(createAttribute(Globalize.translate('MediaInfoForced'), (stream.IsForced ? 'Yes' : 'No')));
|
||||
attributes.push(createAttribute(Globalize.translate('MediaInfoExternal'), (stream.IsExternal ? 'Yes' : 'No')));
|
||||
attributes.push(createAttribute(globalize.translate('MediaInfoForced'), (stream.IsForced ? 'Yes' : 'No')));
|
||||
attributes.push(createAttribute(globalize.translate('MediaInfoExternal'), (stream.IsExternal ? 'Yes' : 'No')));
|
||||
}
|
||||
|
||||
if (stream.Type == "Video" && version.Timestamp) {
|
||||
attributes.push(createAttribute(Globalize.translate('MediaInfoTimestamp'), version.Timestamp));
|
||||
attributes.push(createAttribute(globalize.translate('MediaInfoTimestamp'), version.Timestamp));
|
||||
}
|
||||
|
||||
if (stream.DisplayTitle) {
|
||||
|
|
@ -1889,7 +1789,7 @@
|
|||
}
|
||||
|
||||
if (version.Container) {
|
||||
html += '<div><span class="mediaInfoLabel">' + Globalize.translate('MediaInfoContainer') + '</span><span class="mediaInfoAttribute">' + version.Container + '</span></div>';
|
||||
html += '<div><span class="mediaInfoLabel">' + globalize.translate('MediaInfoContainer') + '</span><span class="mediaInfoAttribute">' + version.Container + '</span></div>';
|
||||
}
|
||||
|
||||
if (version.Formats && version.Formats.length) {
|
||||
|
|
@ -1897,14 +1797,14 @@
|
|||
}
|
||||
|
||||
if (version.Path && version.Protocol != 'Http' && user && user.Policy.IsAdministrator) {
|
||||
html += '<div style="max-width:600px;overflow:hidden;"><span class="mediaInfoLabel">' + Globalize.translate('MediaInfoPath') + '</span><span class="mediaInfoAttribute">' + version.Path + '</span></div>';
|
||||
html += '<div style="max-width:600px;overflow:hidden;"><span class="mediaInfoLabel">' + globalize.translate('MediaInfoPath') + '</span><span class="mediaInfoAttribute">' + version.Path + '</span></div>';
|
||||
}
|
||||
|
||||
if (version.Size) {
|
||||
|
||||
var size = (version.Size / (1024 * 1024)).toFixed(0);
|
||||
|
||||
html += '<div><span class="mediaInfoLabel">' + Globalize.translate('MediaInfoSize') + '</span><span class="mediaInfoAttribute">' + size + ' MB</span></div>';
|
||||
html += '<div><span class="mediaInfoLabel">' + globalize.translate('MediaInfoSize') + '</span><span class="mediaInfoAttribute">' + size + ' MB</span></div>';
|
||||
}
|
||||
|
||||
return html;
|
||||
|
|
@ -1926,7 +1826,7 @@
|
|||
});
|
||||
|
||||
if (limit && items.length > limit) {
|
||||
html += '<p style="margin: 0;padding-left:5px;"><button is="emby-button" type="button" class="raised more ' + moreButtonClass + '">' + Globalize.translate('ButtonMore') + '</button></p>';
|
||||
html += '<p style="margin: 0;padding-left:5px;"><button is="emby-button" type="button" class="raised more ' + moreButtonClass + '">' + globalize.translate('ButtonMore') + '</button></p>';
|
||||
}
|
||||
|
||||
return html;
|
||||
|
|
@ -2015,6 +1915,12 @@
|
|||
|
||||
function playTrailer(page) {
|
||||
|
||||
if (!currentItem.LocalTrailerCount) {
|
||||
|
||||
shell.openUrl(currentItem.RemoteTrailers[0].Url);
|
||||
return;
|
||||
}
|
||||
|
||||
ApiClient.getLocalTrailers(Dashboard.getCurrentUserId(), currentItem.Id).then(function (trailers) {
|
||||
|
||||
MediaController.play({ items: trailers });
|
||||
|
|
@ -2053,14 +1959,14 @@
|
|||
|
||||
require(['confirm'], function (confirm) {
|
||||
|
||||
confirm(Globalize.translate('MessageConfirmRecordingCancellation'), Globalize.translate('HeaderConfirmRecordingCancellation')).then(function () {
|
||||
confirm(globalize.translate('MessageConfirmRecordingCancellation'), globalize.translate('HeaderConfirmRecordingCancellation')).then(function () {
|
||||
|
||||
Dashboard.showLoadingMsg();
|
||||
|
||||
ApiClient.cancelLiveTvTimer(id).then(function () {
|
||||
|
||||
require(['toast'], function (toast) {
|
||||
toast(Globalize.translate('MessageRecordingCancelled'));
|
||||
toast(globalize.translate('MessageRecordingCancelled'));
|
||||
});
|
||||
|
||||
reload(page, params);
|
||||
|
|
@ -2088,15 +1994,6 @@
|
|||
playCurrentItem(this);
|
||||
}
|
||||
|
||||
function onSyncClick() {
|
||||
require(['syncDialog'], function (syncDialog) {
|
||||
syncDialog.showMenu({
|
||||
items: [currentItem],
|
||||
serverId: ApiClient.serverId()
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
return function (view, params) {
|
||||
|
||||
function resetSyncStatus() {
|
||||
|
|
@ -2120,7 +2017,7 @@
|
|||
|
||||
require(['confirm'], function (confirm) {
|
||||
|
||||
confirm(Globalize.translate('ConfirmRemoveDownload')).then(function () {
|
||||
confirm(globalize.translate('ConfirmRemoveDownload')).then(function () {
|
||||
ApiClient.cancelSyncItems([currentItem.Id]);
|
||||
}, resetSyncStatus);
|
||||
});
|
||||
|
|
@ -2176,11 +2073,6 @@
|
|||
splitVersions(view, params);
|
||||
});
|
||||
|
||||
elems = view.querySelectorAll('.btnSync');
|
||||
for (i = 0, length = elems.length; i < length; i++) {
|
||||
elems[i].addEventListener('click', onSyncClick);
|
||||
}
|
||||
|
||||
elems = view.querySelectorAll('.chkOffline');
|
||||
for (i = 0, length = elems.length; i < length; i++) {
|
||||
elems[i].addEventListener('change', onSyncLocalClick);
|
||||
|
|
|
|||
|
|
@ -454,8 +454,6 @@
|
|||
includeParentInfo: false
|
||||
});
|
||||
|
||||
LibraryMenu.setTitle(name);
|
||||
|
||||
if (linkToElement) {
|
||||
nameElem.innerHTML = '<a class="detailPageParentLink" href="' + LibraryBrowser.getHref(item, context) + '">' + name + '</a>';
|
||||
} else {
|
||||
|
|
@ -803,30 +801,6 @@
|
|||
});
|
||||
shape = 'square';
|
||||
}
|
||||
else if (item.MediaType == "Audio" || item.Type == "MusicAlbum" || item.Type == "MusicGenre") {
|
||||
url = "css/images/items/detail/audio.png";
|
||||
shape = 'square';
|
||||
}
|
||||
else if (item.MediaType == "Game" || item.Type == "GameGenre") {
|
||||
url = "css/images/items/detail/game.png";
|
||||
shape = 'square';
|
||||
}
|
||||
else if (item.Type == "Person") {
|
||||
url = "css/images/items/detail/person.png";
|
||||
shape = 'square';
|
||||
}
|
||||
else if (item.Type == "Genre" || item.Type == "Studio") {
|
||||
url = "css/images/items/detail/video.png";
|
||||
shape = 'square';
|
||||
}
|
||||
else if (item.Type == "TvChannel") {
|
||||
url = "css/images/items/detail/tv.png";
|
||||
shape = 'square';
|
||||
}
|
||||
else {
|
||||
url = "css/images/items/detail/video.png";
|
||||
shape = 'square';
|
||||
}
|
||||
|
||||
html += '<div style="position:relative;">';
|
||||
|
||||
|
|
@ -876,13 +850,15 @@
|
|||
elem.classList.remove('squareDetailImageContainer');
|
||||
}
|
||||
|
||||
var img = elem.querySelector('img');
|
||||
img.onload = function () {
|
||||
if (img.src.indexOf('empty.png') == -1) {
|
||||
img.classList.add('loaded');
|
||||
}
|
||||
};
|
||||
imageLoader.lazyImage(img, url);
|
||||
if (url) {
|
||||
var img = elem.querySelector('img');
|
||||
img.onload = function () {
|
||||
if (img.src.indexOf('empty.png') == -1) {
|
||||
img.classList.add('loaded');
|
||||
}
|
||||
};
|
||||
imageLoader.lazyImage(img, url);
|
||||
}
|
||||
},
|
||||
|
||||
renderDetailPageBackdrop: function (page, item, imageLoader) {
|
||||
|
|
|
|||
|
|
@ -147,7 +147,7 @@
|
|||
|
||||
require(['apphost'], function (apphost) {
|
||||
if (apphost.supports('voiceinput')) {
|
||||
header.querySelector('.headerVoiceButton').classList.remove('hide');
|
||||
header.querySelector('.headerVoiceButton').classList.add('hide');
|
||||
} else {
|
||||
header.querySelector('.headerVoiceButton').classList.add('hide');
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue