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

continue jquery removal

Browse source
This commit is contained in:
Luke Pulverenti 2016-06-24 11:12:13 -04:00
parent 443878a501
commit ba14c457e8
7 changed files with 216 additions and 152 deletions
Download patch file Download diff file Expand all files Collapse all files

18
dashboard-ui/bower_components/iron-a11y-keys-behavior/iron-a11y-keys-behavior.html vendored
View file

@ -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() {

30
dashboard-ui/devices/ie/ie.js
View file

@ -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/>";

8
dashboard-ui/itemdetails.html
View file

@ -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>

298
dashboard-ui/scripts/itemdetailpage.js
View file

@ -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) {

11
dashboard-ui/scripts/librarybrowser.js
View file

@ -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');
} }
}, },

2
dashboard-ui/scripts/medialibrarypage.js
View file

@ -1,4 +1,4 @@
define(['jQuery'], function ($) { define(['jQuery', 'emby-icons'], function ($) {
function changeCollectionType(page, virtualFolder) { function changeCollectionType(page, virtualFolder) {

1
dashboard-ui/scripts/site.js
View file

@ -3263,7 +3263,6 @@ var AppInfo = {};
} }
onWebComponentsReady(); onWebComponentsReady();
})(); })();
function pageClassOn(eventName, className, fn) { function pageClassOn(eventName, className, fn) {