mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
continue jquery removal
This commit is contained in:
parent
443878a501
commit
ba14c457e8
7 changed files with 216 additions and 152 deletions
|
@ -396,15 +396,19 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
_listenKeyEventListeners: function() {
|
_listenKeyEventListeners: function () {
|
||||||
Object.keys(this._keyBindings).forEach(function(eventName) {
|
|
||||||
var keyBindings = this._keyBindings[eventName];
|
|
||||||
var boundKeyHandler = this._onKeyBindingEvent.bind(this, keyBindings);
|
|
||||||
|
|
||||||
this._boundKeyHandlers.push([this.keyEventTarget, eventName, boundKeyHandler]);
|
if (this.keyEventTarget) {
|
||||||
|
Object.keys(this._keyBindings).forEach(function (eventName) {
|
||||||
|
var keyBindings = this._keyBindings[eventName];
|
||||||
|
var boundKeyHandler = this._onKeyBindingEvent.bind(this, keyBindings);
|
||||||
|
|
||||||
this.keyEventTarget.addEventListener(eventName, boundKeyHandler);
|
this._boundKeyHandlers.push([this.keyEventTarget, eventName, boundKeyHandler]);
|
||||||
}, this);
|
|
||||||
|
this.keyEventTarget.addEventListener(eventName, boundKeyHandler);
|
||||||
|
}, this);
|
||||||
|
}
|
||||||
|
|
||||||
},
|
},
|
||||||
|
|
||||||
_unlistenKeyEventListeners: function() {
|
_unlistenKeyEventListeners: function() {
|
||||||
|
|
|
@ -6,20 +6,25 @@
|
||||||
function getWeek(date) {
|
function getWeek(date) {
|
||||||
|
|
||||||
var onejan = new Date(date.getFullYear(), 0, 1);
|
var onejan = new Date(date.getFullYear(), 0, 1);
|
||||||
return Math.ceil((((date - onejan) / 86400000) + onejan.getDay() + 1) / 4);
|
return Math.ceil((((date - onejan) / 86400000) + onejan.getDay() + 1) / 7);
|
||||||
}
|
}
|
||||||
|
|
||||||
function onPageShow() {
|
function onPageShow() {
|
||||||
|
|
||||||
var expectedValue;
|
|
||||||
var msg;
|
var msg;
|
||||||
|
|
||||||
if (navigator.userAgent.toLowerCase().indexOf('windows nt 10.') != -1) {
|
var expectedValue = getWeek(new Date()) + "_7";
|
||||||
|
|
||||||
expectedValue = new Date().toDateString() + "1";
|
if (appStorage.getItem(browserSwitchKey) == expectedValue) {
|
||||||
if (appStorage.getItem(browserSwitchKey) == expectedValue) {
|
return;
|
||||||
return;
|
}
|
||||||
}
|
|
||||||
|
if (!appStorage.getItem(browserSwitchKey)) {
|
||||||
|
appStorage.setItem(browserSwitchKey, expectedValue);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (navigator.userAgent.toLowerCase().indexOf('windows nt 10.') != -1) {
|
||||||
|
|
||||||
msg = Globalize.translate('MessageTryMicrosoftEdge');
|
msg = Globalize.translate('MessageTryMicrosoftEdge');
|
||||||
|
|
||||||
|
@ -33,17 +38,6 @@
|
||||||
|
|
||||||
} else if (!browser.mobile) {
|
} else if (!browser.mobile) {
|
||||||
|
|
||||||
expectedValue = getWeek(new Date()) + "_7";
|
|
||||||
|
|
||||||
if (appStorage.getItem(browserSwitchKey) == expectedValue) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (!appStorage.getItem(browserSwitchKey)) {
|
|
||||||
appStorage.setItem(browserSwitchKey, expectedValue);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
msg = Globalize.translate('MessageTryModernBrowser');
|
msg = Globalize.translate('MessageTryModernBrowser');
|
||||||
|
|
||||||
msg += "<br/><br/>";
|
msg += "<br/><br/>";
|
||||||
|
|
|
@ -90,7 +90,7 @@
|
||||||
</h1>
|
</h1>
|
||||||
<div id="additionalPartsContent" class="smallItemsContainer"></div>
|
<div id="additionalPartsContent" class="smallItemsContainer"></div>
|
||||||
</div>
|
</div>
|
||||||
<div id="castCollapsible" style="display: none;" class="detailSection">
|
<div id="castCollapsible" class="detailSection hide">
|
||||||
<h1 id="peopleHeader">
|
<h1 id="peopleHeader">
|
||||||
${HeaderCastCrew}
|
${HeaderCastCrew}
|
||||||
</h1>
|
</h1>
|
||||||
|
@ -118,7 +118,7 @@
|
||||||
</h1>
|
</h1>
|
||||||
<div id="musicVideosContent" class="smallItemsContainer"></div>
|
<div id="musicVideosContent" class="smallItemsContainer"></div>
|
||||||
</div>
|
</div>
|
||||||
<div id="similarCollapsible" style="display: none;" class="detailSection">
|
<div id="similarCollapsible" class="detailSection hide">
|
||||||
<h1 class="similiarHeader"></h1>
|
<h1 class="similiarHeader"></h1>
|
||||||
<div id="similarContent"></div>
|
<div id="similarContent"></div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -142,10 +142,10 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="scenesCollapsible" style="display: none;" class="detailSection">
|
<div id="scenesCollapsible" class="detailSection hide">
|
||||||
<h1>
|
<h1>
|
||||||
${HeaderScenes}
|
${HeaderScenes}
|
||||||
<a class="detailSectionHeaderButton chapterSettingsButton clearLink" style="margin-top: -8px; display: inline-block;" href="metadataadvanced.html" title="${ButtonSettings}" style="display: none;">
|
<a class="detailSectionHeaderButton chapterSettingsButton clearLink hide" style="margin-top: -8px; display: inline-block;" href="metadataadvanced.html" title="${ButtonSettings}">
|
||||||
<button is="paper-icon-button-light" class="autoSize"><i class="md-icon">settings</i></button>
|
<button is="paper-icon-button-light" class="autoSize"><i class="md-icon">settings</i></button>
|
||||||
</a>
|
</a>
|
||||||
</h1>
|
</h1>
|
||||||
|
|
|
@ -74,12 +74,12 @@
|
||||||
|
|
||||||
// For these types, make the backdrop a little smaller so that the items are more quickly accessible
|
// 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) {
|
if (item.Type == 'MusicArtist' || item.Type == "MusicAlbum" || item.Type == "Playlist" || item.Type == "BoxSet" || item.MediaType == "Audio" || !layoutManager.mobile) {
|
||||||
$('#itemBackdrop', page).addClass('noBackdrop').css('background-image', 'none');
|
var itemBackdropElement = page.querySelector('#itemBackdrop');
|
||||||
|
itemBackdropElement.classList.add('noBackdrop');
|
||||||
|
itemBackdropElement.style.backgroundImage = 'none';
|
||||||
backdrop.setBackdrops([item]);
|
backdrop.setBackdrops([item]);
|
||||||
}
|
}
|
||||||
else {
|
else {
|
||||||
//$('#itemBackdrop', page).addClass('noBackdrop').css('background-image', 'none');
|
|
||||||
//Backdrops.setBackdrops(page, [item]);
|
|
||||||
hasBackdrop = LibraryBrowser.renderDetailPageBackdrop(page, item);
|
hasBackdrop = LibraryBrowser.renderDetailPageBackdrop(page, item);
|
||||||
backdrop.clear();
|
backdrop.clear();
|
||||||
}
|
}
|
||||||
|
@ -155,9 +155,9 @@
|
||||||
});
|
});
|
||||||
|
|
||||||
if (user.Policy.IsAdministrator && groupedVersions.length) {
|
if (user.Policy.IsAdministrator && groupedVersions.length) {
|
||||||
$('.splitVersionContainer', page).show();
|
page.querySelector('.splitVersionContainer').classList.remove('hide');
|
||||||
} else {
|
} else {
|
||||||
$('.splitVersionContainer', page).hide();
|
page.querySelector('.splitVersionContainer').classList.add('hide');
|
||||||
}
|
}
|
||||||
|
|
||||||
if (LibraryBrowser.getMoreCommands(item, user).length > 0) {
|
if (LibraryBrowser.getMoreCommands(item, user).length > 0) {
|
||||||
|
@ -167,55 +167,61 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
if (user.Policy.IsAdministrator) {
|
if (user.Policy.IsAdministrator) {
|
||||||
$('.chapterSettingsButton', page).show();
|
page.querySelector('.chapterSettingsButton').classList.remove('hide');
|
||||||
} else {
|
} else {
|
||||||
$('.chapterSettingsButton', page).hide();
|
page.querySelector('.chapterSettingsButton').classList.add('hide');
|
||||||
}
|
}
|
||||||
|
|
||||||
|
var itemBirthday = page.querySelector('#itemBirthday');
|
||||||
if (item.Type == "Person" && item.PremiereDate) {
|
if (item.Type == "Person" && item.PremiereDate) {
|
||||||
|
|
||||||
try {
|
try {
|
||||||
var birthday = datetime.parseISO8601Date(item.PremiereDate, true).toDateString();
|
var birthday = datetime.parseISO8601Date(item.PremiereDate, true).toDateString();
|
||||||
|
|
||||||
$('#itemBirthday', page).show().html(Globalize.translate('BirthDateValue').replace('{0}', birthday));
|
itemBirthday.classList.remove('hide');
|
||||||
|
itemBirthday.innerHTML = Globalize.translate('BirthDateValue').replace('{0}', birthday);
|
||||||
}
|
}
|
||||||
catch (err) {
|
catch (err) {
|
||||||
$('#itemBirthday', page).hide();
|
itemBirthday.classList.add('hide');
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
$('#itemBirthday', page).hide();
|
itemBirthday.classList.add('hide');
|
||||||
}
|
}
|
||||||
|
|
||||||
|
var itemDeathDate = page.querySelector('#itemBirthday');
|
||||||
if (item.Type == "Person" && item.EndDate) {
|
if (item.Type == "Person" && item.EndDate) {
|
||||||
|
|
||||||
try {
|
try {
|
||||||
var deathday = datetime.parseISO8601Date(item.EndDate, true).toDateString();
|
var deathday = datetime.parseISO8601Date(item.EndDate, true).toDateString();
|
||||||
|
|
||||||
$('#itemDeathDate', page).show().html(Globalize.translate('DeathDateValue').replace('{0}', deathday));
|
itemDeathDate.classList.remove('hide');
|
||||||
|
itemDeathDate.innerHTML = Globalize.translate('DeathDateValue').replace('{0}', deathday);
|
||||||
}
|
}
|
||||||
catch (err) {
|
catch (err) {
|
||||||
$('#itemBirthday', page).hide();
|
itemDeathDate.classList.add('hide');
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
}
|
}
|
||||||
|
|
||||||
|
var itemBirthLocation = page.querySelector('#itemBirthLocation');
|
||||||
if (item.Type == "Person" && item.ProductionLocations && item.ProductionLocations.length) {
|
if (item.Type == "Person" && item.ProductionLocations && item.ProductionLocations.length) {
|
||||||
|
|
||||||
var gmap = '<a class="textlink" target="_blank" href="https://maps.google.com/maps?q=' + item.ProductionLocations[0] + '">' + item.ProductionLocations[0] + '</a>';
|
var gmap = '<a class="textlink" target="_blank" href="https://maps.google.com/maps?q=' + item.ProductionLocations[0] + '">' + item.ProductionLocations[0] + '</a>';
|
||||||
|
|
||||||
$('#itemBirthLocation', page).show().html(Globalize.translate('BirthPlaceValue').replace('{0}', gmap));
|
itemBirthLocation.classList.remove('hide');
|
||||||
|
itemBirthLocation.innerHTML = Globalize.translate('BirthPlaceValue').replace('{0}', gmap);
|
||||||
} else {
|
} else {
|
||||||
$('#itemBirthLocation', page).hide();
|
itemBirthLocation.classList.add('hide');
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
if (item.LocationType == "Offline") {
|
//if (item.LocationType == "Offline") {
|
||||||
|
|
||||||
$('.offlineIndicator', page).show();
|
// page.querySelector('.offlineIndicator').classList.remove('hide');
|
||||||
}
|
//}
|
||||||
else {
|
//else {
|
||||||
$('.offlineIndicator', page).hide();
|
// page.querySelector('.offlineIndicator').classList.add('hide');
|
||||||
}
|
//}
|
||||||
|
|
||||||
var isMissingEpisode = false;
|
var isMissingEpisode = false;
|
||||||
|
|
||||||
|
@ -229,13 +235,13 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
if (isMissingEpisode) {
|
//if (isMissingEpisode) {
|
||||||
|
|
||||||
$('.missingIndicator', page).show();
|
// page.querySelector('.missingIndicator').classList.remove('hide');
|
||||||
}
|
//}
|
||||||
else {
|
//else {
|
||||||
$('.missingIndicator', page).hide();
|
// page.querySelector('.missingIndicator').classList.add('hide');
|
||||||
}
|
//}
|
||||||
|
|
||||||
setPeopleHeader(page, item);
|
setPeopleHeader(page, item);
|
||||||
|
|
||||||
|
@ -263,9 +269,9 @@
|
||||||
function setPeopleHeader(page, item) {
|
function setPeopleHeader(page, item) {
|
||||||
|
|
||||||
if (item.MediaType == "Audio" || item.Type == "MusicAlbum" || item.MediaType == "Book" || item.MediaType == "Photo") {
|
if (item.MediaType == "Audio" || item.Type == "MusicAlbum" || item.MediaType == "Book" || item.MediaType == "Photo") {
|
||||||
$('#peopleHeader', page).html(Globalize.translate('HeaderPeople'));
|
page.querySelector('#peopleHeader').innerHTML = Globalize.translate('HeaderPeople');
|
||||||
} else {
|
} else {
|
||||||
$('#peopleHeader', page).html(Globalize.translate('HeaderCastAndCrew'));
|
page.querySelector('#peopleHeader').innerHTML = Globalize.translate('HeaderCastAndCrew');
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
@ -314,34 +320,34 @@
|
||||||
|
|
||||||
function setInitialCollapsibleState(page, item, context, user) {
|
function setInitialCollapsibleState(page, item, context, user) {
|
||||||
|
|
||||||
$('.collectionItems', page).empty();
|
page.querySelector('.collectionItems').innerHTML = '';
|
||||||
|
|
||||||
if (item.Type == 'TvChannel') {
|
if (item.Type == 'TvChannel') {
|
||||||
|
|
||||||
$('#childrenCollapsible', page).removeClass('hide');
|
page.querySelector('#childrenCollapsible').classList.remove('hide');
|
||||||
renderChannelGuide(page, item, user);
|
renderChannelGuide(page, item, user);
|
||||||
}
|
}
|
||||||
else if (item.Type == 'Playlist') {
|
else if (item.Type == 'Playlist') {
|
||||||
|
|
||||||
$('#childrenCollapsible', page).removeClass('hide');
|
page.querySelector('#childrenCollapsible').classList.remove('hide');
|
||||||
renderPlaylistItems(page, item, user);
|
renderPlaylistItems(page, item, user);
|
||||||
}
|
}
|
||||||
else if (item.Type == 'Studio' || item.Type == 'Person' || item.Type == 'Genre' || item.Type == 'MusicGenre' || item.Type == 'GameGenre' || item.Type == 'MusicArtist') {
|
else if (item.Type == 'Studio' || item.Type == 'Person' || item.Type == 'Genre' || item.Type == 'MusicGenre' || item.Type == 'GameGenre' || item.Type == 'MusicArtist') {
|
||||||
|
|
||||||
$('#childrenCollapsible', page).removeClass('hide');
|
page.querySelector('#childrenCollapsible').classList.remove('hide');
|
||||||
renderItemsByName(page, item, user);
|
renderItemsByName(page, item, user);
|
||||||
}
|
}
|
||||||
else if (item.IsFolder) {
|
else if (item.IsFolder) {
|
||||||
|
|
||||||
if (item.Type == "BoxSet") {
|
if (item.Type == "BoxSet") {
|
||||||
$('#childrenCollapsible', page).addClass('hide');
|
page.querySelector('#childrenCollapsible').classList.add('hide');
|
||||||
} else {
|
} else {
|
||||||
$('#childrenCollapsible', page).removeClass('hide');
|
page.querySelector('#childrenCollapsible').classList.remove('hide');
|
||||||
}
|
}
|
||||||
renderChildren(page, item);
|
renderChildren(page, item);
|
||||||
}
|
}
|
||||||
else {
|
else {
|
||||||
$('#childrenCollapsible', page).addClass('hide');
|
page.querySelector('#childrenCollapsible').classList.add('hide');
|
||||||
}
|
}
|
||||||
|
|
||||||
if (item.Type == 'Series') {
|
if (item.Type == 'Series') {
|
||||||
|
@ -358,30 +364,30 @@
|
||||||
var chapters = item.Chapters || [];
|
var chapters = item.Chapters || [];
|
||||||
|
|
||||||
if (!chapters.length || !AppInfo.enableDetailPageChapters) {
|
if (!chapters.length || !AppInfo.enableDetailPageChapters) {
|
||||||
$('#scenesCollapsible', page).hide();
|
page.querySelector('#scenesCollapsible').classList.add('hide');
|
||||||
} else {
|
} else {
|
||||||
$('#scenesCollapsible', page).show();
|
page.querySelector('#scenesCollapsible').classList.remove('hide');
|
||||||
renderScenes(page, item, user, 3);
|
renderScenes(page, item, user, 3);
|
||||||
}
|
}
|
||||||
|
|
||||||
if (!item.SpecialFeatureCount || item.SpecialFeatureCount == 0 || item.Type == "Series") {
|
if (!item.SpecialFeatureCount || item.SpecialFeatureCount == 0 || item.Type == "Series") {
|
||||||
$('#specialsCollapsible', page).addClass('hide');
|
page.querySelector('#scenesCollapsible').classList.add('hide');
|
||||||
} else {
|
} else {
|
||||||
$('#specialsCollapsible', page).removeClass('hide');
|
page.querySelector('#scenesCollapsible').classList.remove('hide');
|
||||||
renderSpecials(page, item, user, 6);
|
renderSpecials(page, item, user, 6);
|
||||||
}
|
}
|
||||||
if (!item.People || !item.People.length) {
|
if (!item.People || !item.People.length) {
|
||||||
$('#castCollapsible', page).hide();
|
page.querySelector('#castCollapsible').classList.add('hide');
|
||||||
} else {
|
} else {
|
||||||
$('#castCollapsible', page).show();
|
page.querySelector('#castCollapsible').classList.remove('hide');
|
||||||
renderCast(page, item, context, enableScrollX() ? null : 6);
|
renderCast(page, item, context, enableScrollX() ? null : 6);
|
||||||
}
|
}
|
||||||
|
|
||||||
if (item.PartCount && item.PartCount > 1) {
|
if (item.PartCount && item.PartCount > 1) {
|
||||||
$('#additionalPartsCollapsible', page).removeClass('hide');
|
page.querySelector('#additionalPartsCollapsible').classList.remove('hide');
|
||||||
renderAdditionalParts(page, item, user);
|
renderAdditionalParts(page, item, user);
|
||||||
} else {
|
} else {
|
||||||
$('#additionalPartsCollapsible', page).addClass('hide');
|
page.querySelector('#additionalPartsCollapsible').classList.add('hide');
|
||||||
}
|
}
|
||||||
|
|
||||||
page.querySelector('#themeSongsCollapsible').classList.add('hide');
|
page.querySelector('#themeSongsCollapsible').classList.add('hide');
|
||||||
|
@ -390,7 +396,7 @@
|
||||||
if (item.Type == "MusicAlbum") {
|
if (item.Type == "MusicAlbum") {
|
||||||
renderMusicVideos(page, item, user);
|
renderMusicVideos(page, item, user);
|
||||||
} else {
|
} else {
|
||||||
$('#musicVideosCollapsible', page).hide();
|
page.querySelector('#musicVideosCollapsible').classList.add('hide');
|
||||||
}
|
}
|
||||||
|
|
||||||
renderThemeMedia(page, item, user);
|
renderThemeMedia(page, item, user);
|
||||||
|
@ -410,10 +416,13 @@
|
||||||
renderSiblingLinks(page, item, context);
|
renderSiblingLinks(page, item, context);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
var taglineElement = page.querySelector('.tagline');
|
||||||
|
|
||||||
if (item.Taglines && item.Taglines.length) {
|
if (item.Taglines && item.Taglines.length) {
|
||||||
$('.tagline', page).html(item.Taglines[0]).show();
|
taglineElement.classList.remove('hide');
|
||||||
|
taglineElement.innerHTML = item.Taglines[0];
|
||||||
} else {
|
} else {
|
||||||
$('.tagline', page).hide();
|
taglineElement.classList.add('hide');
|
||||||
}
|
}
|
||||||
|
|
||||||
var topOverview = page.querySelector('.topOverview');
|
var topOverview = page.querySelector('.topOverview');
|
||||||
|
@ -431,7 +440,7 @@
|
||||||
bottomOverview.classList.add('hide');
|
bottomOverview.classList.add('hide');
|
||||||
}
|
}
|
||||||
|
|
||||||
LibraryBrowser.renderAwardSummary($('#awardSummary', page), item);
|
LibraryBrowser.renderAwardSummary(page.querySelector('#awardSummary'), item);
|
||||||
|
|
||||||
$('.itemMiscInfo', page).each(function () {
|
$('.itemMiscInfo', page).each(function () {
|
||||||
mediaInfo.fillPrimaryMediaInfo(this, item, {
|
mediaInfo.fillPrimaryMediaInfo(this, item, {
|
||||||
|
@ -442,28 +451,31 @@
|
||||||
$('.itemGenres', page).each(function () {
|
$('.itemGenres', page).each(function () {
|
||||||
LibraryBrowser.renderGenres(this, item, null, isStatic);
|
LibraryBrowser.renderGenres(this, item, null, isStatic);
|
||||||
});
|
});
|
||||||
LibraryBrowser.renderStudios($('.itemStudios', page), item, isStatic);
|
LibraryBrowser.renderStudios(page.querySelector('.itemStudios'), item, isStatic);
|
||||||
renderUserDataIcons(page, item);
|
renderUserDataIcons(page, item);
|
||||||
LibraryBrowser.renderLinks(page.querySelector('.itemExternalLinks'), item);
|
LibraryBrowser.renderLinks(page.querySelector('.itemExternalLinks'), item);
|
||||||
|
|
||||||
$('.criticRatingScore', page).html((item.CriticRating || '0') + '%');
|
page.querySelector('.criticRatingScore').innerHTML = (item.CriticRating || '0') + '%';
|
||||||
|
|
||||||
if (item.CriticRatingSummary) {
|
if (item.CriticRatingSummary) {
|
||||||
$('#criticRatingSummary', page).show();
|
page.querySelector('#criticRatingSummary').classList.remove('hide');
|
||||||
$('.criticRatingSummaryText', page).html(item.CriticRatingSummary);
|
page.querySelector('.criticRatingSummaryText').innerHTML = item.CriticRatingSummary;
|
||||||
|
|
||||||
} else {
|
} else {
|
||||||
$('#criticRatingSummary', page).hide();
|
page.querySelector('#criticRatingSummary').classList.add('hide');
|
||||||
}
|
}
|
||||||
|
|
||||||
renderTags(page, item);
|
renderTags(page, item);
|
||||||
|
|
||||||
renderSeriesAirTime(page, item, isStatic);
|
renderSeriesAirTime(page, item, isStatic);
|
||||||
|
|
||||||
|
var playersElement = page.querySelector('#players');
|
||||||
|
|
||||||
if (item.Players) {
|
if (item.Players) {
|
||||||
$('#players', page).show().html(item.Players + ' Player');
|
playersElement.classList.remove('hide');
|
||||||
|
playersElement.innerHTML = item.Players + ' Player';
|
||||||
} else {
|
} else {
|
||||||
$('#players', page).hide();
|
playersElement.classList.add('hide');
|
||||||
}
|
}
|
||||||
|
|
||||||
if (item.ArtistItems && item.ArtistItems.length && item.Type != "MusicAlbum") {
|
if (item.ArtistItems && item.ArtistItems.length && item.Type != "MusicAlbum") {
|
||||||
|
@ -473,16 +485,16 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
if (item.MediaSources && item.MediaSources.length && item.Path) {
|
if (item.MediaSources && item.MediaSources.length && item.Path) {
|
||||||
$('.audioVideoMediaInfo', page).removeClass('hide');
|
page.querySelector('.audioVideoMediaInfo').classList.remove('hide');
|
||||||
} else {
|
} else {
|
||||||
$('.audioVideoMediaInfo', page).addClass('hide');
|
page.querySelector('.audioVideoMediaInfo').classList.add('hide');
|
||||||
}
|
}
|
||||||
|
|
||||||
if (item.MediaType == 'Photo') {
|
if (item.MediaType == 'Photo') {
|
||||||
$('.photoInfo', page).removeClass('hide');
|
page.querySelector('.photoInfo').classList.remove('hide');
|
||||||
renderPhotoInfo(page, item);
|
renderPhotoInfo(page, item);
|
||||||
} else {
|
} else {
|
||||||
$('.photoInfo', page).addClass('hide');
|
page.querySelector('.photoInfo').classList.add('hide');
|
||||||
}
|
}
|
||||||
|
|
||||||
renderTabButtons(page, item);
|
renderTabButtons(page, item);
|
||||||
|
@ -547,20 +559,20 @@
|
||||||
|
|
||||||
html += attributes.join('<br/>');
|
html += attributes.join('<br/>');
|
||||||
|
|
||||||
$('.photoInfoContent', page).html(html);
|
page.querySelector('.photoInfoContent').innerHTML = html;
|
||||||
}
|
}
|
||||||
|
|
||||||
function renderTabButtons(page, item) {
|
function renderTabButtons(page, item) {
|
||||||
|
|
||||||
var elem = $('.tabDetails', page)[0];
|
var elem = page.querySelector('.tabDetails');
|
||||||
var text = elem.textContent || elem.innerText || '';
|
var text = elem.textContent || elem.innerText || '';
|
||||||
|
|
||||||
if (text.trim()) {
|
if (text.trim()) {
|
||||||
|
|
||||||
$('.detailsSection', page).removeClass('hide');
|
page.querySelector('.detailsSection').classList.remove('hide');
|
||||||
|
|
||||||
} else {
|
} else {
|
||||||
$('.detailsSection', page).addClass('hide');
|
page.querySelector('.detailsSection').classList.add('hide');
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -590,9 +602,13 @@
|
||||||
|
|
||||||
function renderSiblingLinks(page, item, context) {
|
function renderSiblingLinks(page, item, context) {
|
||||||
|
|
||||||
$('.lnkSibling', page).addClass('hide');
|
var lnkPreviousItem = page.querySelector('.lnkPreviousItem');
|
||||||
|
var lnkNextItem = page.querySelector('.lnkNextItem');
|
||||||
|
|
||||||
if ((item.Type != "Episode" && item.Type != "Season" && item.Type != "Audio" && item.Type != "Photo")) {
|
if ((item.Type != "Episode" && item.Type != "Season" && item.Type != "Audio" && item.Type != "Photo")) {
|
||||||
|
lnkNextItem.classList.add('hide');
|
||||||
|
lnkPreviousItem.classList.add('hide');
|
||||||
|
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -639,11 +655,13 @@
|
||||||
}
|
}
|
||||||
else if (!foundExisting) {
|
else if (!foundExisting) {
|
||||||
|
|
||||||
$('.lnkPreviousItem', page).removeClass('hide').attr('href', 'itemdetails.html?id=' + curr.Id + '&context=' + context);
|
lnkPreviousItem.classList.remove('hide');
|
||||||
|
lnkPreviousItem.href = 'itemdetails.html?id=' + curr.Id + '&context=' + context;
|
||||||
}
|
}
|
||||||
else {
|
else {
|
||||||
|
|
||||||
$('.lnkNextItem', page).removeClass('hide').attr('href', 'itemdetails.html?id=' + curr.Id + '&context=' + context);
|
lnkNextItem.classList.remove('hide');
|
||||||
|
lnkNextItem.href = 'itemdetails.html?id=' + curr.Id + '&context=' + context;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
@ -667,11 +685,13 @@
|
||||||
|
|
||||||
function renderSimilarItems(page, item, context) {
|
function renderSimilarItems(page, item, context) {
|
||||||
|
|
||||||
|
var similarCollapsible = page.querySelector('#similarCollapsible');
|
||||||
|
|
||||||
if (item.Type == "Movie" || item.Type == "Trailer" || item.Type == "Series" || item.Type == "Program" || item.Type == "Recording" || item.Type == "Game" || item.Type == "MusicAlbum" || item.Type == "MusicArtist" || item.Type == "ChannelVideoItem") {
|
if (item.Type == "Movie" || item.Type == "Trailer" || item.Type == "Series" || item.Type == "Program" || item.Type == "Recording" || item.Type == "Game" || item.Type == "MusicAlbum" || item.Type == "MusicArtist" || item.Type == "ChannelVideoItem") {
|
||||||
$('#similarCollapsible', page).show();
|
similarCollapsible.classList.remove('hide');
|
||||||
}
|
}
|
||||||
else {
|
else {
|
||||||
$('#similarCollapsible', page).hide();
|
similarCollapsible.classList.add('hide');
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -695,15 +715,16 @@
|
||||||
|
|
||||||
ApiClient.getSimilarItems(item.Id, options).then(function (result) {
|
ApiClient.getSimilarItems(item.Id, options).then(function (result) {
|
||||||
|
|
||||||
|
var similarCollapsible = page.querySelector('#similarCollapsible');
|
||||||
|
|
||||||
if (!result.Items.length) {
|
if (!result.Items.length) {
|
||||||
|
|
||||||
$('#similarCollapsible', page).hide();
|
similarCollapsible.classList.add('hide');
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
var elem = $('#similarCollapsible', page).show();
|
similarCollapsible.classList.remove('hide');
|
||||||
|
similarCollapsible.querySelector('.similiarHeader').innerHTML = Globalize.translate('HeaderIfYouLikeCheckTheseOut', item.Name);
|
||||||
$('.similiarHeader', elem).html(Globalize.translate('HeaderIfYouLikeCheckTheseOut', item.Name));
|
|
||||||
|
|
||||||
var html = '';
|
var html = '';
|
||||||
|
|
||||||
|
@ -982,9 +1003,9 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
if (item.Type == "MusicAlbum") {
|
if (item.Type == "MusicAlbum") {
|
||||||
$('.childrenSectionHeader', page).hide();
|
page.querySelector('.childrenSectionHeader', page).classList.add('hide');
|
||||||
} else {
|
} else {
|
||||||
$('.childrenSectionHeader', page).show();
|
page.querySelector('.childrenSectionHeader', page).classList.remove('hide');
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -1130,7 +1151,14 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
function renderUserDataIcons(page, item) {
|
function renderUserDataIcons(page, item) {
|
||||||
$('.userDataIcons', page).html(LibraryBrowser.getUserDataIconsHtml(item, true, 'icon-button'));
|
|
||||||
|
var userDataIcons = page.querySelectorAll('.userDataIcons');
|
||||||
|
|
||||||
|
var html = LibraryBrowser.getUserDataIconsHtml(item, true, 'icon-button');
|
||||||
|
|
||||||
|
for (var i = 0, length = userDataIcons.length; i < length; i++) {
|
||||||
|
userDataIcons[i].innerHTML = html;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
function renderCriticReviews(page, item, limit) {
|
function renderCriticReviews(page, item, limit) {
|
||||||
|
@ -2008,32 +2036,38 @@
|
||||||
|
|
||||||
window.ItemDetailPage = new itemDetailPage();
|
window.ItemDetailPage = new itemDetailPage();
|
||||||
|
|
||||||
return function (view, params) {
|
function parentWithClass(elem, className) {
|
||||||
|
|
||||||
$('.btnPlay', view).on('click', function () {
|
while (!elem.classList || !elem.classList.contains(className)) {
|
||||||
playCurrentItem(this);
|
elem = elem.parentNode;
|
||||||
});
|
|
||||||
|
|
||||||
$('.btnPlayTrailer', view).on('click', function () {
|
if (!elem) {
|
||||||
playTrailer(view);
|
return null;
|
||||||
});
|
}
|
||||||
|
}
|
||||||
|
|
||||||
$('.btnSplitVersions', view).on('click', function () {
|
return elem;
|
||||||
|
}
|
||||||
|
|
||||||
splitVersions(view, params);
|
function onPlayClick() {
|
||||||
});
|
playCurrentItem(this);
|
||||||
|
}
|
||||||
|
|
||||||
$('.btnSync', view).on('click', function () {
|
function onSyncClick() {
|
||||||
|
require(['syncDialog'], function (syncDialog) {
|
||||||
require(['syncDialog'], function (syncDialog) {
|
syncDialog.showMenu({
|
||||||
syncDialog.showMenu({
|
items: [currentItem]
|
||||||
items: [currentItem]
|
|
||||||
});
|
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
}
|
||||||
|
|
||||||
$('.btnRecord,.btnFloatingRecord', view).on('click', function () {
|
return function (view, params) {
|
||||||
|
|
||||||
|
function onPlayTrailerClick() {
|
||||||
|
playTrailer(view);
|
||||||
|
}
|
||||||
|
|
||||||
|
function onRecordClick() {
|
||||||
var id = params.id;
|
var id = params.id;
|
||||||
Dashboard.showLoadingMsg();
|
Dashboard.showLoadingMsg();
|
||||||
|
|
||||||
|
@ -2042,24 +2076,57 @@
|
||||||
reload(view, params);
|
reload(view, params);
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
}
|
||||||
|
|
||||||
});
|
function onCancelRecordingClick() {
|
||||||
|
|
||||||
$('.btnCancelRecording', view).on('click', function () {
|
|
||||||
|
|
||||||
deleteTimer(view, params, currentItem.TimerId);
|
deleteTimer(view, params, currentItem.TimerId);
|
||||||
});
|
}
|
||||||
|
|
||||||
$('.btnMoreCommands', view).on('click', function () {
|
|
||||||
|
|
||||||
|
function onMoreCommandsClick() {
|
||||||
var button = this;
|
var button = this;
|
||||||
|
|
||||||
Dashboard.getCurrentUser().then(function (user) {
|
Dashboard.getCurrentUser().then(function (user) {
|
||||||
|
|
||||||
LibraryBrowser.showMoreCommands(button, currentItem.Id, currentItem.Type, LibraryBrowser.getMoreCommands(currentItem, user));
|
LibraryBrowser.showMoreCommands(button, currentItem.Id, currentItem.Type, LibraryBrowser.getMoreCommands(currentItem, user));
|
||||||
});
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
var elems = view.querySelectorAll('.btnPlay');
|
||||||
|
var i, length;
|
||||||
|
for (i = 0, length = elems.length; i < length; i++) {
|
||||||
|
elems[i].addEventListener('click', onPlayClick);
|
||||||
|
}
|
||||||
|
|
||||||
|
elems = view.querySelectorAll('.btnPlayTrailer');
|
||||||
|
for (i = 0, length = elems.length; i < length; i++) {
|
||||||
|
elems[i].addEventListener('click', onPlayTrailerClick);
|
||||||
|
}
|
||||||
|
|
||||||
|
view.querySelector('.btnSplitVersions').addEventListener('click', function () {
|
||||||
|
|
||||||
|
splitVersions(view, params);
|
||||||
});
|
});
|
||||||
|
|
||||||
|
elems = view.querySelectorAll('.btnSync');
|
||||||
|
for (i = 0, length = elems.length; i < length; i++) {
|
||||||
|
elems[i].addEventListener('click', onSyncClick);
|
||||||
|
}
|
||||||
|
|
||||||
|
elems = view.querySelectorAll('.btnRecord,.btnFloatingRecord');
|
||||||
|
for (i = 0, length = elems.length; i < length; i++) {
|
||||||
|
elems[i].addEventListener('click', onRecordClick);
|
||||||
|
}
|
||||||
|
|
||||||
|
elems = view.querySelectorAll('.btnCancelRecording');
|
||||||
|
for (i = 0, length = elems.length; i < length; i++) {
|
||||||
|
elems[i].addEventListener('click', onCancelRecordingClick);
|
||||||
|
}
|
||||||
|
|
||||||
|
elems = view.querySelectorAll('.btnMoreCommands');
|
||||||
|
for (i = 0, length = elems.length; i < length; i++) {
|
||||||
|
elems[i].addEventListener('click', onMoreCommandsClick);
|
||||||
|
}
|
||||||
|
|
||||||
$('.childrenItemsContainer', view).on('playallfromhere', function (e, index) {
|
$('.childrenItemsContainer', view).on('playallfromhere', function (e, index) {
|
||||||
|
|
||||||
LibraryBrowser.playAllFromHere(_childrenItemsFunction, index);
|
LibraryBrowser.playAllFromHere(_childrenItemsFunction, index);
|
||||||
|
@ -2070,25 +2137,24 @@
|
||||||
|
|
||||||
});
|
});
|
||||||
|
|
||||||
$(view).on("click", ".moreScenes", function () {
|
view.addEventListener('click', function (e) {
|
||||||
|
|
||||||
Dashboard.getCurrentUser().then(function (user) {
|
if (parentWithClass(e.target, 'moreScenes')) {
|
||||||
renderScenes(view, currentItem, user);
|
Dashboard.getCurrentUser().then(function (user) {
|
||||||
});
|
renderScenes(view, currentItem, user);
|
||||||
|
});
|
||||||
}).on("click", ".morePeople", function () {
|
}
|
||||||
|
else if (parentWithClass(e.target, 'morePeople')) {
|
||||||
renderCast(view, currentItem, params.context);
|
renderCast(view, currentItem, params.context);
|
||||||
|
}
|
||||||
}).on("click", ".moreSpecials", function () {
|
else if (parentWithClass(e.target, 'moreSpecials')) {
|
||||||
|
Dashboard.getCurrentUser().then(function (user) {
|
||||||
Dashboard.getCurrentUser().then(function (user) {
|
renderSpecials(view, currentItem, user);
|
||||||
renderSpecials(view, currentItem, user);
|
});
|
||||||
});
|
}
|
||||||
|
else if (parentWithClass(e.target, 'moreCriticReviews')) {
|
||||||
}).on("click", ".moreCriticReviews", function () {
|
renderCriticReviews(view, currentItem);
|
||||||
|
}
|
||||||
renderCriticReviews(view, currentItem);
|
|
||||||
});
|
});
|
||||||
|
|
||||||
view.querySelector('.collectionItems').addEventListener('removefromcollection', function (e) {
|
view.querySelector('.collectionItems').addEventListener('removefromcollection', function (e) {
|
||||||
|
|
|
@ -3298,11 +3298,11 @@
|
||||||
|
|
||||||
html = Globalize.translate(translationKey, html);
|
html = Globalize.translate(translationKey, html);
|
||||||
|
|
||||||
elem.show().html(html).trigger('create');
|
elem.innerHTML = html;
|
||||||
|
elem.classList.remove('hide');
|
||||||
|
|
||||||
} else {
|
} else {
|
||||||
elem.hide();
|
elem.classList.add('hide');
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
|
@ -3358,9 +3358,10 @@
|
||||||
|
|
||||||
renderAwardSummary: function (elem, item) {
|
renderAwardSummary: function (elem, item) {
|
||||||
if (item.AwardSummary) {
|
if (item.AwardSummary) {
|
||||||
elem.show().html(Globalize.translate('ValueAwards', item.AwardSummary));
|
elem.classList.remove('hide');
|
||||||
|
elem.innerHTML = Globalize.translate('ValueAwards', item.AwardSummary);
|
||||||
} else {
|
} else {
|
||||||
elem.hide();
|
elem.classList.add('hide');
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
|
|
|
@ -1,4 +1,4 @@
|
||||||
define(['jQuery'], function ($) {
|
define(['jQuery', 'emby-icons'], function ($) {
|
||||||
|
|
||||||
function changeCollectionType(page, virtualFolder) {
|
function changeCollectionType(page, virtualFolder) {
|
||||||
|
|
||||||
|
|
|
@ -3263,7 +3263,6 @@ var AppInfo = {};
|
||||||
}
|
}
|
||||||
|
|
||||||
onWebComponentsReady();
|
onWebComponentsReady();
|
||||||
|
|
||||||
})();
|
})();
|
||||||
|
|
||||||
function pageClassOn(eventName, className, fn) {
|
function pageClassOn(eventName, className, fn) {
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue