mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
Add prefer optional chaining rule
This commit is contained in:
parent
ec0adb895b
commit
f35a8151e0
61 changed files with 152 additions and 152 deletions
|
@ -73,6 +73,7 @@ module.exports = {
|
|||
'padded-blocks': ['error', 'never'],
|
||||
'prefer-const': ['error', { 'destructuring': 'all' }],
|
||||
'@typescript-eslint/prefer-for-of': ['error'],
|
||||
'@typescript-eslint/prefer-optional-chain': ['error'],
|
||||
'quotes': ['error', 'single', { 'avoidEscape': true, 'allowTemplateLiterals': false }],
|
||||
'radix': ['error'],
|
||||
'@typescript-eslint/semi': ['error'],
|
||||
|
|
|
@ -37,7 +37,7 @@ class Backdrop {
|
|||
parent.appendChild(backdropImage);
|
||||
|
||||
if (!enableAnimation()) {
|
||||
if (existingBackdropImage && existingBackdropImage.parentNode) {
|
||||
if (existingBackdropImage?.parentNode) {
|
||||
existingBackdropImage.parentNode.removeChild(existingBackdropImage);
|
||||
}
|
||||
internalBackdrop(true);
|
||||
|
@ -51,7 +51,7 @@ class Backdrop {
|
|||
if (backdropImage === self.currentAnimatingElement) {
|
||||
self.currentAnimatingElement = null;
|
||||
}
|
||||
if (existingBackdropImage && existingBackdropImage.parentNode) {
|
||||
if (existingBackdropImage?.parentNode) {
|
||||
existingBackdropImage.parentNode.removeChild(existingBackdropImage);
|
||||
}
|
||||
};
|
||||
|
|
|
@ -546,7 +546,7 @@ function getCardImageUrl(item, apiClient, options, shape) {
|
|||
imgType = 'Backdrop';
|
||||
imgTag = item.ParentBackdropImageTags[0];
|
||||
itemId = item.ParentBackdropItemId;
|
||||
} else if (item.ImageTags && item.ImageTags.Primary && (item.Type !== 'Episode' || item.ChildCount !== 0)) {
|
||||
} else if (item.ImageTags?.Primary && (item.Type !== 'Episode' || item.ChildCount !== 0)) {
|
||||
imgType = 'Primary';
|
||||
imgTag = item.ImageTags.Primary;
|
||||
height = width && primaryImageAspectRatio ? Math.round(width / primaryImageAspectRatio) : null;
|
||||
|
@ -591,10 +591,10 @@ function getCardImageUrl(item, apiClient, options, shape) {
|
|||
} else if (item.Type === 'Season' && item.ImageTags && item.ImageTags.Thumb) {
|
||||
imgType = 'Thumb';
|
||||
imgTag = item.ImageTags.Thumb;
|
||||
} else if (item.BackdropImageTags && item.BackdropImageTags.length) {
|
||||
} else if (item.BackdropImageTags?.length) {
|
||||
imgType = 'Backdrop';
|
||||
imgTag = item.BackdropImageTags[0];
|
||||
} else if (item.ImageTags && item.ImageTags.Thumb) {
|
||||
} else if (item.ImageTags?.Thumb) {
|
||||
imgType = 'Thumb';
|
||||
imgTag = item.ImageTags.Thumb;
|
||||
} else if (item.SeriesThumbImageTag && options.inheritThumb !== false) {
|
||||
|
@ -605,7 +605,7 @@ function getCardImageUrl(item, apiClient, options, shape) {
|
|||
imgType = 'Thumb';
|
||||
imgTag = item.ParentThumbImageTag;
|
||||
itemId = item.ParentThumbItemId;
|
||||
} else if (item.ParentBackdropImageTags && item.ParentBackdropImageTags.length && options.inheritThumb !== false) {
|
||||
} else if (item.ParentBackdropImageTags?.length && options.inheritThumb !== false) {
|
||||
imgType = 'Backdrop';
|
||||
imgTag = item.ParentBackdropImageTags[0];
|
||||
itemId = item.ParentBackdropItemId;
|
||||
|
@ -634,7 +634,7 @@ function getCardImageUrl(item, apiClient, options, shape) {
|
|||
|
||||
return {
|
||||
imgUrl: imgUrl,
|
||||
blurhash: (blurHashes[imgType] || {})[imgTag],
|
||||
blurhash: blurHashes[imgType]?.[imgTag],
|
||||
forceName: forceName,
|
||||
coverImage: coverImage
|
||||
};
|
||||
|
@ -1422,7 +1422,7 @@ function buildCard(index, item, apiClient, options) {
|
|||
className += ' card-withuserdata';
|
||||
}
|
||||
|
||||
const positionTicksData = item.UserData && item.UserData.PlaybackPositionTicks ? (' data-positionticks="' + item.UserData.PlaybackPositionTicks + '"') : '';
|
||||
const positionTicksData = item.UserData?.PlaybackPositionTicks ? (' data-positionticks="' + item.UserData.PlaybackPositionTicks + '"') : '';
|
||||
const collectionIdData = options.collectionId ? (' data-collectionid="' + options.collectionId + '"') : '';
|
||||
const playlistIdData = options.playlistId ? (' data-playlistid="' + options.playlistId + '"') : '';
|
||||
const mediaTypeData = item.MediaType ? (' data-mediatype="' + item.MediaType + '"') : '';
|
||||
|
|
|
@ -26,7 +26,7 @@ function buildChapterCardsHtml(item, chapters, options) {
|
|||
}
|
||||
}
|
||||
|
||||
const mediaStreams = ((item.MediaSources || [])[0] || {}).MediaStreams || [];
|
||||
const mediaStreams = (item.MediaSources || [])[0]?.MediaStreams || [];
|
||||
const videoStream = mediaStreams.filter(({ Type }) => {
|
||||
return Type === 'Video';
|
||||
})[0] || {};
|
||||
|
|
|
@ -675,12 +675,12 @@ function Guide(options) {
|
|||
});
|
||||
|
||||
const activeElement = document.activeElement;
|
||||
const itemId = activeElement && activeElement.getAttribute ? activeElement.getAttribute('data-id') : null;
|
||||
const itemId = activeElement?.getAttribute ? activeElement.getAttribute('data-id') : null;
|
||||
let channelRowId = null;
|
||||
|
||||
if (activeElement) {
|
||||
channelRowId = dom.parentWithClass(activeElement, 'channelPrograms');
|
||||
channelRowId = channelRowId && channelRowId.getAttribute ? channelRowId.getAttribute('data-channelid') : null;
|
||||
channelRowId = channelRowId?.getAttribute ? channelRowId.getAttribute('data-channelid') : null;
|
||||
}
|
||||
|
||||
renderChannelHeaders(context, channels, apiClient);
|
||||
|
|
|
@ -76,7 +76,7 @@ export function loadSections(elem, apiClient, user, userSettings) {
|
|||
});
|
||||
} else {
|
||||
let noLibDescription;
|
||||
if (user['Policy'] && user['Policy']['IsAdministrator']) {
|
||||
if (user.Policy?.IsAdministrator) {
|
||||
noLibDescription = globalize.translate('NoCreatedLibraries', '<br><a id="button-createLibrary" class="button-link">', '</a>');
|
||||
} else {
|
||||
noLibDescription = globalize.translate('AskAdminToCreateLibrary');
|
||||
|
|
|
@ -68,7 +68,7 @@ export function handleHlsJsMediaError(instance, reject) {
|
|||
|
||||
let now = Date.now();
|
||||
|
||||
if (window.performance && window.performance.now) {
|
||||
if (window.performance?.now) {
|
||||
now = performance.now(); // eslint-disable-line compat/compat
|
||||
}
|
||||
|
||||
|
|
|
@ -41,7 +41,7 @@ function onFileReaderError(evt) {
|
|||
function setFiles(page, files) {
|
||||
const file = files[0];
|
||||
|
||||
if (!file || !file.type.match('image.*')) {
|
||||
if (!file?.type.match('image.*')) {
|
||||
page.querySelector('#imageOutput').innerHTML = '';
|
||||
page.querySelector('#fldUpload').classList.add('hide');
|
||||
currentFile = null;
|
||||
|
|
|
@ -9,7 +9,7 @@ worker.addEventListener(
|
|||
'message',
|
||||
({ data: { pixels, hsh, width, height } }) => {
|
||||
const elems = targetDic[hsh];
|
||||
if (elems && elems.length) {
|
||||
if (elems?.length) {
|
||||
for (const elem of elems) {
|
||||
drawBlurhash(elem, pixels, width, height);
|
||||
}
|
||||
|
|
|
@ -12,7 +12,7 @@ export function enableProgressIndicator(item) {
|
|||
|
||||
export function getProgressHtml(pct, options) {
|
||||
let containerClass = 'itemProgressBar';
|
||||
if (options && options.containerClass) {
|
||||
if (options?.containerClass) {
|
||||
containerClass += ' ' + options.containerClass;
|
||||
}
|
||||
|
||||
|
@ -21,7 +21,7 @@ export function getProgressHtml(pct, options) {
|
|||
|
||||
function getAutoTimeProgressHtml(pct, options, isRecording, start, end) {
|
||||
let containerClass = 'itemProgressBar';
|
||||
if (options && options.containerClass) {
|
||||
if (options?.containerClass) {
|
||||
containerClass += ' ' + options.containerClass;
|
||||
}
|
||||
|
||||
|
@ -36,7 +36,7 @@ function getAutoTimeProgressHtml(pct, options, isRecording, start, end) {
|
|||
export function getProgressBarHtml(item, options) {
|
||||
let pct;
|
||||
if (enableProgressIndicator(item) && item.Type !== 'Recording') {
|
||||
const userData = options && options.userData ? options.userData : item.UserData;
|
||||
const userData = options?.userData ? options.userData : item.UserData;
|
||||
|
||||
if (userData) {
|
||||
pct = userData.PlayedPercentage;
|
||||
|
@ -90,7 +90,7 @@ export function getPlayedIndicatorHtml(item) {
|
|||
}
|
||||
|
||||
export function getChildCountIndicatorHtml(item, options) {
|
||||
const minCount = options && options.minCount ? options.minCount : 0;
|
||||
const minCount = options?.minCount ? options.minCount : 0;
|
||||
|
||||
if (item.ChildCount && item.ChildCount > minCount) {
|
||||
return '<div class="countIndicator indicator">' + datetime.toLocaleString(item.ChildCount) + '</div>';
|
||||
|
|
|
@ -117,7 +117,7 @@ export function canEdit(user, item) {
|
|||
}
|
||||
|
||||
export function isLocalItem(item) {
|
||||
return item && item.Id && typeof item.Id === 'string' && item.Id.indexOf('local') === 0;
|
||||
return item?.Id && typeof item.Id === 'string' && item.Id.indexOf('local') === 0;
|
||||
}
|
||||
|
||||
export function canIdentify (user, item) {
|
||||
|
|
|
@ -61,7 +61,7 @@ function getMediaSourceHtml(user, item, version) {
|
|||
if (version.Container) {
|
||||
html += `${createAttribute(globalize.translate('MediaInfoContainer'), version.Container)}<br/>`;
|
||||
}
|
||||
if (version.Formats && version.Formats.length) {
|
||||
if (version.Formats?.length) {
|
||||
html += `${createAttribute(globalize.translate('MediaInfoFormat'), version.Formats.join(','))}<br/>`;
|
||||
}
|
||||
if (version.Path && user && user.Policy.IsAdministrator) {
|
||||
|
|
|
@ -79,7 +79,7 @@ function searchForIdentificationResults(page) {
|
|||
SearchInfo: lookupInfo
|
||||
};
|
||||
|
||||
if (currentItem && currentItem.Id) {
|
||||
if (currentItem?.Id) {
|
||||
lookupInfo.ItemId = currentItem.Id;
|
||||
} else {
|
||||
lookupInfo.IncludeDisabledProviders = true;
|
||||
|
|
|
@ -134,7 +134,7 @@ class ItemsRefresher {
|
|||
}
|
||||
}
|
||||
|
||||
if (this.needsRefresh || (options && options.refresh)) {
|
||||
if (this.needsRefresh || (options?.refresh)) {
|
||||
return this.refreshItems();
|
||||
}
|
||||
|
||||
|
|
|
@ -495,7 +495,7 @@ function setImageFetchersIntoOptions(parent, options) {
|
|||
}
|
||||
|
||||
function setImageOptionsIntoOptions(options) {
|
||||
const originalTypeOptions = (currentLibraryOptions || {}).TypeOptions || [];
|
||||
const originalTypeOptions = currentLibraryOptions?.TypeOptions || [];
|
||||
for (const originalTypeOption of originalTypeOptions) {
|
||||
let typeOptions = getTypeOptions(options, originalTypeOption.Type);
|
||||
|
||||
|
|
|
@ -86,7 +86,7 @@ function getImageUrl(item, size) {
|
|||
type: 'Primary'
|
||||
};
|
||||
|
||||
if (item.ImageTags && item.ImageTags.Primary) {
|
||||
if (item.ImageTags?.Primary) {
|
||||
options.tag = item.ImageTags.Primary;
|
||||
itemId = item.Id;
|
||||
} else if (item.AlbumId && item.AlbumPrimaryImageTag) {
|
||||
|
@ -235,7 +235,7 @@ export function getListViewHtml(options) {
|
|||
|
||||
const playlistItemId = item.PlaylistItemId ? (` data-playlistitemid="${item.PlaylistItemId}"`) : '';
|
||||
|
||||
const positionTicksData = item.UserData && item.UserData.PlaybackPositionTicks ? (` data-positionticks="${item.UserData.PlaybackPositionTicks}"`) : '';
|
||||
const positionTicksData = item.UserData?.PlaybackPositionTicks ? (` data-positionticks="${item.UserData.PlaybackPositionTicks}"`) : '';
|
||||
const collectionIdData = options.collectionId ? (` data-collectionid="${options.collectionId}"`) : '';
|
||||
const playlistIdData = options.playlistId ? (` data-playlistid="${options.playlistId}"`) : '';
|
||||
const mediaTypeData = item.MediaType ? (` data-mediatype="${item.MediaType}"`) : '';
|
||||
|
|
|
@ -93,7 +93,7 @@ function onListItemClick(e) {
|
|||
|
||||
if (listItem) {
|
||||
const index = parseInt(listItem.getAttribute('data-index'), 10);
|
||||
const pathInfos = (currentOptions.library.LibraryOptions || {}).PathInfos || [];
|
||||
const pathInfos = currentOptions.library.LibraryOptions?.PathInfos || [];
|
||||
const pathInfo = index == null ? {} : pathInfos[index] || {};
|
||||
const originalPath = pathInfo.Path || (index == null ? null : currentOptions.library.Locations[index]);
|
||||
const btnRemovePath = dom.parentWithClass(e.target, 'btnRemovePath');
|
||||
|
@ -139,7 +139,7 @@ function refreshLibraryFromServer(page) {
|
|||
}
|
||||
|
||||
function renderLibrary(page, options) {
|
||||
let pathInfos = (options.library.LibraryOptions || {}).PathInfos || [];
|
||||
let pathInfos = options.library.LibraryOptions?.PathInfos || [];
|
||||
|
||||
if (!pathInfos.length) {
|
||||
pathInfos = options.library.Locations.map(p => {
|
||||
|
|
|
@ -759,7 +759,7 @@ function fillItemInfo(context, item, parentalRatingOptions) {
|
|||
context.querySelector('#txtName').value = item.Name || '';
|
||||
context.querySelector('#txtOriginalName').value = item.OriginalTitle || '';
|
||||
context.querySelector('#txtOverview').value = item.Overview || '';
|
||||
context.querySelector('#txtTagline').value = (item.Taglines && item.Taglines.length ? item.Taglines[0] : '');
|
||||
context.querySelector('#txtTagline').value = (item.Taglines?.length ? item.Taglines[0] : '');
|
||||
context.querySelector('#txtSortName').value = item.ForcedSortName || '';
|
||||
context.querySelector('#txtCommunityRating').value = item.CommunityRating || '';
|
||||
|
||||
|
@ -826,7 +826,7 @@ function fillItemInfo(context, item, parentalRatingOptions) {
|
|||
|
||||
context.querySelector('#txtAirTime').value = item.AirTime || '';
|
||||
|
||||
const placeofBirth = item.ProductionLocations && item.ProductionLocations.length ? item.ProductionLocations[0] : '';
|
||||
const placeofBirth = item.ProductionLocations?.length ? item.ProductionLocations[0] : '';
|
||||
context.querySelector('#txtPlaceOfBirth').value = placeofBirth;
|
||||
|
||||
context.querySelector('#txtOriginalAspectRatio').value = item.AspectRatio || '';
|
||||
|
|
|
@ -233,7 +233,7 @@ function bindEvents(elem) {
|
|||
positionSlider.getBubbleText = function (value) {
|
||||
const state = lastPlayerState;
|
||||
|
||||
if (!state || !state.NowPlayingItem || !currentRuntimeTicks) {
|
||||
if (!state?.NowPlayingItem || !currentRuntimeTicks) {
|
||||
return '--:--';
|
||||
}
|
||||
|
||||
|
@ -476,7 +476,7 @@ function imageUrl(item, options) {
|
|||
options = options || {};
|
||||
options.type = options.type || 'Primary';
|
||||
|
||||
if (item.ImageTags && item.ImageTags[options.type]) {
|
||||
if (item.ImageTags?.[options.type]) {
|
||||
options.tag = item.ImageTags[options.type];
|
||||
return ServerConnections.getApiClient(item.ServerId).getScaledImageUrl(item.PrimaryImageItemId || item.Id, options);
|
||||
}
|
||||
|
|
|
@ -35,7 +35,7 @@ function seriesImageUrl(item, options = {}) {
|
|||
function imageUrl(item, options = {}) {
|
||||
options.type = options.type || 'Primary';
|
||||
|
||||
if (item.ImageTags && item.ImageTags[options.type]) {
|
||||
if (item.ImageTags?.[options.type]) {
|
||||
options.tag = item.ImageTags[options.type];
|
||||
|
||||
return ServerConnections.getApiClient(item.ServerId).getScaledImageUrl(item.Id, options);
|
||||
|
|
|
@ -23,7 +23,7 @@ export function getNowPlayingNames(nowPlayingItem, includeNonNameInfo) {
|
|||
|
||||
let bottomText = '';
|
||||
|
||||
if (nowPlayingItem.ArtistItems && nowPlayingItem.ArtistItems.length) {
|
||||
if (nowPlayingItem.ArtistItems?.length) {
|
||||
bottomItem = {
|
||||
Id: nowPlayingItem.ArtistItems[0].Id,
|
||||
Name: nowPlayingItem.ArtistItems[0].Name,
|
||||
|
@ -34,7 +34,7 @@ export function getNowPlayingNames(nowPlayingItem, includeNonNameInfo) {
|
|||
bottomText = nowPlayingItem.ArtistItems.map(function (a) {
|
||||
return a.Name;
|
||||
}).join(', ');
|
||||
} else if (nowPlayingItem.Artists && nowPlayingItem.Artists.length) {
|
||||
} else if (nowPlayingItem.Artists?.length) {
|
||||
bottomText = nowPlayingItem.Artists.join(', ');
|
||||
} else if (nowPlayingItem.SeriesName || nowPlayingItem.Album) {
|
||||
bottomText = topText;
|
||||
|
|
|
@ -163,12 +163,12 @@ function backdropImageUrl(apiClient, item, options) {
|
|||
options.quality = 100;
|
||||
}
|
||||
|
||||
if (item.BackdropImageTags && item.BackdropImageTags.length) {
|
||||
if (item.BackdropImageTags?.length) {
|
||||
options.tag = item.BackdropImageTags[0];
|
||||
return apiClient.getScaledImageUrl(item.Id, options);
|
||||
}
|
||||
|
||||
if (item.ParentBackdropImageTags && item.ParentBackdropImageTags.length) {
|
||||
if (item.ParentBackdropImageTags?.length) {
|
||||
options.tag = item.ParentBackdropImageTags[0];
|
||||
return apiClient.getScaledImageUrl(item.ParentBackdropItemId, options);
|
||||
}
|
||||
|
@ -773,7 +773,7 @@ class PlaybackManager {
|
|||
|
||||
self.setActivePlayer = function (player, targetInfo) {
|
||||
if (player === 'localplayer' || player.name === 'localplayer') {
|
||||
if (self._currentPlayer && self._currentPlayer.isLocalPlayer) {
|
||||
if (self._currentPlayer?.isLocalPlayer) {
|
||||
return;
|
||||
}
|
||||
setCurrentPlayerInternal(null, null);
|
||||
|
@ -795,7 +795,7 @@ class PlaybackManager {
|
|||
|
||||
self.trySetActivePlayer = function (player, targetInfo) {
|
||||
if (player === 'localplayer' || player.name === 'localplayer') {
|
||||
if (self._currentPlayer && self._currentPlayer.isLocalPlayer) {
|
||||
if (self._currentPlayer?.isLocalPlayer) {
|
||||
return;
|
||||
}
|
||||
return;
|
||||
|
@ -967,7 +967,7 @@ class PlaybackManager {
|
|||
return player.isPlaying();
|
||||
}
|
||||
|
||||
return player != null && player.currentSrc() != null;
|
||||
return player?.currentSrc() != null;
|
||||
};
|
||||
|
||||
self.isPlayingMediaType = function (mediaType, player) {
|
||||
|
@ -989,7 +989,7 @@ class PlaybackManager {
|
|||
self.isPlayingLocally = function (mediaTypes, player) {
|
||||
player = player || self._currentPlayer;
|
||||
|
||||
if (!player || !player.isLocalPlayer) {
|
||||
if (!player?.isLocalPlayer) {
|
||||
return false;
|
||||
}
|
||||
|
||||
|
@ -1068,7 +1068,7 @@ class PlaybackManager {
|
|||
self.setAspectRatio = function (val, player) {
|
||||
player = player || self._currentPlayer;
|
||||
|
||||
if (player && player.setAspectRatio) {
|
||||
if (player?.setAspectRatio) {
|
||||
player.setAspectRatio(val);
|
||||
}
|
||||
};
|
||||
|
@ -1076,7 +1076,7 @@ class PlaybackManager {
|
|||
self.getSupportedAspectRatios = function (player) {
|
||||
player = player || self._currentPlayer;
|
||||
|
||||
if (player && player.getSupportedAspectRatios) {
|
||||
if (player?.getSupportedAspectRatios) {
|
||||
return player.getSupportedAspectRatios();
|
||||
}
|
||||
|
||||
|
@ -1086,7 +1086,7 @@ class PlaybackManager {
|
|||
self.getAspectRatio = function (player) {
|
||||
player = player || self._currentPlayer;
|
||||
|
||||
if (player && player.getAspectRatio) {
|
||||
if (player?.getAspectRatio) {
|
||||
return player.getAspectRatio();
|
||||
}
|
||||
};
|
||||
|
@ -1131,7 +1131,7 @@ class PlaybackManager {
|
|||
|
||||
self.getSupportedPlaybackRates = function (player) {
|
||||
player = player || self._currentPlayer;
|
||||
if (player && player.getSupportedPlaybackRates) {
|
||||
if (player?.getSupportedPlaybackRates) {
|
||||
return player.getSupportedPlaybackRates();
|
||||
}
|
||||
return [];
|
||||
|
@ -1351,7 +1351,7 @@ class PlaybackManager {
|
|||
|
||||
self.getMaxStreamingBitrate = function (player) {
|
||||
player = player || self._currentPlayer;
|
||||
if (player && player.getMaxStreamingBitrate) {
|
||||
if (player?.getMaxStreamingBitrate) {
|
||||
return player.getMaxStreamingBitrate();
|
||||
}
|
||||
|
||||
|
@ -1370,7 +1370,7 @@ class PlaybackManager {
|
|||
|
||||
self.enableAutomaticBitrateDetection = function (player) {
|
||||
player = player || self._currentPlayer;
|
||||
if (player && player.enableAutomaticBitrateDetection) {
|
||||
if (player?.enableAutomaticBitrateDetection) {
|
||||
return player.enableAutomaticBitrateDetection();
|
||||
}
|
||||
|
||||
|
@ -1386,7 +1386,7 @@ class PlaybackManager {
|
|||
|
||||
self.setMaxStreamingBitrate = function (options, player) {
|
||||
player = player || self._currentPlayer;
|
||||
if (player && player.setMaxStreamingBitrate) {
|
||||
if (player?.setMaxStreamingBitrate) {
|
||||
return player.setMaxStreamingBitrate(options);
|
||||
}
|
||||
|
||||
|
@ -1443,7 +1443,7 @@ class PlaybackManager {
|
|||
document.webkitCancelFullscreen();
|
||||
} else {
|
||||
const elem = document.querySelector('video');
|
||||
if (elem && elem.webkitEnterFullscreen) {
|
||||
if (elem?.webkitEnterFullscreen) {
|
||||
elem.webkitEnterFullscreen();
|
||||
}
|
||||
}
|
||||
|
@ -2078,7 +2078,7 @@ class PlaybackManager {
|
|||
|
||||
const mediaSource = self.currentMediaSource(player);
|
||||
|
||||
if (mediaSource && mediaSource.RunTimeTicks) {
|
||||
if (mediaSource?.RunTimeTicks) {
|
||||
return mediaSource.RunTimeTicks;
|
||||
}
|
||||
|
||||
|
@ -2614,7 +2614,7 @@ class PlaybackManager {
|
|||
|
||||
if (mediaSource.MediaStreams && player.useFullSubtitleUrls) {
|
||||
mediaSource.MediaStreams.forEach(stream => {
|
||||
if (stream.DeliveryUrl && stream.DeliveryUrl.startsWith('/')) {
|
||||
if (stream.DeliveryUrl?.startsWith('/')) {
|
||||
stream.DeliveryUrl = apiClient.getUrl(stream.DeliveryUrl);
|
||||
}
|
||||
});
|
||||
|
@ -3444,7 +3444,7 @@ class PlaybackManager {
|
|||
|
||||
const streamInfo = getPlayerData(player).streamInfo;
|
||||
|
||||
if (streamInfo && streamInfo.started && !streamInfo.ended) {
|
||||
if (streamInfo?.started && !streamInfo.ended) {
|
||||
reportPlayback(self, state, player, reportPlaylist, serverId, 'reportPlaybackProgress', progressEventName);
|
||||
}
|
||||
|
||||
|
@ -3515,7 +3515,7 @@ class PlaybackManager {
|
|||
|
||||
const nextItem = this._playQueueManager.getNextItemInfo();
|
||||
|
||||
if (!nextItem || !nextItem.item) {
|
||||
if (!nextItem?.item) {
|
||||
return Promise.reject();
|
||||
}
|
||||
|
||||
|
@ -3656,7 +3656,7 @@ class PlaybackManager {
|
|||
async playTrailers(item) {
|
||||
const player = this._currentPlayer;
|
||||
|
||||
if (player && player.playTrailers) {
|
||||
if (player?.playTrailers) {
|
||||
return player.playTrailers(item);
|
||||
}
|
||||
|
||||
|
@ -3668,7 +3668,7 @@ class PlaybackManager {
|
|||
items = await apiClient.getLocalTrailers(apiClient.getCurrentUserId(), item.Id);
|
||||
}
|
||||
|
||||
if (!items || !items.length) {
|
||||
if (!items?.length) {
|
||||
items = (item.RemoteTrailers || []).map((t) => {
|
||||
return {
|
||||
Name: t.Name || (item.Name + ' Trailer'),
|
||||
|
@ -3750,7 +3750,7 @@ class PlaybackManager {
|
|||
}
|
||||
|
||||
setPlaybackRate(value, player = this._currentPlayer) {
|
||||
if (player && player.setPlaybackRate) {
|
||||
if (player?.setPlaybackRate) {
|
||||
player.setPlaybackRate(value);
|
||||
|
||||
// Save the new playback rate in the browser session, to restore when playing a new video.
|
||||
|
@ -3759,7 +3759,7 @@ class PlaybackManager {
|
|||
}
|
||||
|
||||
getPlaybackRate(player = this._currentPlayer) {
|
||||
if (player && player.getPlaybackRate) {
|
||||
if (player?.getPlaybackRate) {
|
||||
return player.getPlaybackRate();
|
||||
}
|
||||
|
||||
|
@ -3767,7 +3767,7 @@ class PlaybackManager {
|
|||
}
|
||||
|
||||
instantMix(item, player = this._currentPlayer) {
|
||||
if (player && player.instantMix) {
|
||||
if (player?.instantMix) {
|
||||
return player.instantMix(item);
|
||||
}
|
||||
|
||||
|
@ -3788,7 +3788,7 @@ class PlaybackManager {
|
|||
}
|
||||
|
||||
shuffle(shuffleItem, player = this._currentPlayer) {
|
||||
if (player && player.shuffle) {
|
||||
if (player?.shuffle) {
|
||||
return player.shuffle(shuffleItem);
|
||||
}
|
||||
|
||||
|
@ -3805,7 +3805,7 @@ class PlaybackManager {
|
|||
|
||||
const mediaSource = this.currentMediaSource(player);
|
||||
|
||||
const mediaStreams = (mediaSource || {}).MediaStreams || [];
|
||||
const mediaStreams = mediaSource?.MediaStreams || [];
|
||||
return mediaStreams.filter(function (s) {
|
||||
return s.Type === 'Audio';
|
||||
}).sort(itemHelper.sortTracks);
|
||||
|
@ -3821,7 +3821,7 @@ class PlaybackManager {
|
|||
|
||||
const mediaSource = this.currentMediaSource(player);
|
||||
|
||||
const mediaStreams = (mediaSource || {}).MediaStreams || [];
|
||||
const mediaStreams = mediaSource?.MediaStreams || [];
|
||||
return mediaStreams.filter(function (s) {
|
||||
return s.Type === 'Subtitle';
|
||||
}).sort(itemHelper.sortTracks);
|
||||
|
@ -3960,7 +3960,7 @@ class PlaybackManager {
|
|||
}
|
||||
|
||||
displayContent(options, player = this._currentPlayer) {
|
||||
if (player && player.displayContent) {
|
||||
if (player?.displayContent) {
|
||||
player.displayContent(options);
|
||||
}
|
||||
}
|
||||
|
|
|
@ -1,4 +1,3 @@
|
|||
|
||||
import { playbackManager } from './playbackmanager';
|
||||
import layoutManager from '../layoutManager';
|
||||
import Events from '../../utils/events.ts';
|
||||
|
@ -19,7 +18,7 @@ Events.on(playbackManager, 'playbackstart', function (e, player) {
|
|||
|
||||
if (isLocalVideo && layoutManager.mobile) {
|
||||
/* eslint-disable-next-line compat/compat */
|
||||
const lockOrientation = window.screen.lockOrientation || window.screen.mozLockOrientation || window.screen.msLockOrientation || (window.screen.orientation && window.screen.orientation.lock);
|
||||
const lockOrientation = window.screen.lockOrientation || window.screen.mozLockOrientation || window.screen.msLockOrientation || (window.screen.orientation?.lock);
|
||||
|
||||
if (lockOrientation) {
|
||||
try {
|
||||
|
@ -40,7 +39,7 @@ Events.on(playbackManager, 'playbackstart', function (e, player) {
|
|||
Events.on(playbackManager, 'playbackstop', function (e, playbackStopInfo) {
|
||||
if (orientationLocked && !playbackStopInfo.nextMediaType) {
|
||||
/* eslint-disable-next-line compat/compat */
|
||||
const unlockOrientation = window.screen.unlockOrientation || window.screen.mozUnlockOrientation || window.screen.msUnlockOrientation || (window.screen.orientation && window.screen.orientation.unlock);
|
||||
const unlockOrientation = window.screen.unlockOrientation || window.screen.mozUnlockOrientation || window.screen.msUnlockOrientation || (window.screen.orientation?.unlock);
|
||||
|
||||
if (unlockOrientation) {
|
||||
try {
|
||||
|
|
|
@ -248,7 +248,7 @@ export function show(options) {
|
|||
const player = options.player;
|
||||
const currentItem = playbackManager.currentItem(player);
|
||||
|
||||
if (!currentItem || !currentItem.ServerId) {
|
||||
if (!currentItem?.ServerId) {
|
||||
return showWithUser(options, player, null);
|
||||
}
|
||||
|
||||
|
|
|
@ -3,9 +3,9 @@ export function getDisplayPlayMethod(session) {
|
|||
return null;
|
||||
}
|
||||
|
||||
if (session.TranscodingInfo && session.TranscodingInfo.IsVideoDirect && session.TranscodingInfo.IsAudioDirect) {
|
||||
if (session.TranscodingInfo?.IsVideoDirect && session.TranscodingInfo.IsAudioDirect) {
|
||||
return 'Remux';
|
||||
} else if (session.TranscodingInfo && session.TranscodingInfo.IsVideoDirect) {
|
||||
} else if (session.TranscodingInfo?.IsVideoDirect) {
|
||||
return 'DirectStream';
|
||||
} else if (session.PlayState.PlayMethod === 'Transcode') {
|
||||
return 'Transcode';
|
||||
|
|
|
@ -166,7 +166,7 @@ function getTranscodingStats(session, player, displayPlayMethod) {
|
|||
value: session.TranscodingInfo.Framerate + ' fps'
|
||||
});
|
||||
}
|
||||
if (session.TranscodingInfo.TranscodeReasons && session.TranscodingInfo.TranscodeReasons.length) {
|
||||
if (session.TranscodingInfo.TranscodeReasons?.length) {
|
||||
sessionStats.push({
|
||||
label: globalize.translate('LabelReasonForTranscoding'),
|
||||
value: session.TranscodingInfo.TranscodeReasons.map(translateReason).join('<br/>')
|
||||
|
|
|
@ -170,7 +170,7 @@ function showEditor(itemId, serverId) {
|
|||
Events.off(currentRecordingFields, 'recordingchanged', onRecordingChanged);
|
||||
executeCloseAction(closeAction, itemId, serverId);
|
||||
|
||||
if (currentRecordingFields && currentRecordingFields.hasChanged()) {
|
||||
if (currentRecordingFields?.hasChanged()) {
|
||||
resolve();
|
||||
} else {
|
||||
reject();
|
||||
|
|
|
@ -119,7 +119,7 @@ function imageUrl(item, options) {
|
|||
options = options || {};
|
||||
options.type = options.type || 'Primary';
|
||||
|
||||
if (item.ImageTags && item.ImageTags[options.type]) {
|
||||
if (item.ImageTags?.[options.type]) {
|
||||
options.tag = item.ImageTags[options.type];
|
||||
return ServerConnections.getApiClient(item.ServerId).getScaledImageUrl(item.PrimaryImageItemId || item.Id, options);
|
||||
}
|
||||
|
@ -800,7 +800,7 @@ export default function () {
|
|||
positionSlider.getBubbleText = function (value) {
|
||||
const state = lastPlayerState;
|
||||
|
||||
if (!state || !state.NowPlayingItem || !currentRuntimeTicks) {
|
||||
if (!state?.NowPlayingItem || !currentRuntimeTicks) {
|
||||
return '--:--';
|
||||
}
|
||||
|
||||
|
|
|
@ -320,7 +320,7 @@ class AppRouter {
|
|||
path: ctx.path
|
||||
};
|
||||
}).catch((result) => {
|
||||
if (!result || !result.cancelled) {
|
||||
if (!result?.cancelled) {
|
||||
onNewViewNeeded();
|
||||
}
|
||||
});
|
||||
|
@ -402,7 +402,7 @@ class AppRouter {
|
|||
const isCurrentRouteStartup = this.currentRouteInfo ? this.currentRouteInfo.route.startup : true;
|
||||
const shouldExitApp = ctx.isBack && route.isDefaultRoute && isCurrentRouteStartup;
|
||||
|
||||
if (!shouldExitApp && (!apiClient || !apiClient.isLoggedIn()) && !route.anonymous) {
|
||||
if (!shouldExitApp && (!apiClient?.isLoggedIn()) && !route.anonymous) {
|
||||
console.debug('[appRouter] route does not allow anonymous access: redirecting to login');
|
||||
this.#beginConnectionWizard();
|
||||
return;
|
||||
|
@ -416,7 +416,7 @@ class AppRouter {
|
|||
return;
|
||||
}
|
||||
|
||||
if (apiClient && apiClient.isLoggedIn()) {
|
||||
if (apiClient?.isLoggedIn()) {
|
||||
console.debug('[appRouter] user is authenticated');
|
||||
|
||||
if (route.roles) {
|
||||
|
|
|
@ -33,7 +33,7 @@ function playAllFromHere(card, serverId, queue) {
|
|||
}
|
||||
|
||||
const itemsContainer = dom.parentWithClass(card, 'itemsContainer');
|
||||
if (itemsContainer && itemsContainer.fetchData) {
|
||||
if (itemsContainer?.fetchData) {
|
||||
const queryOptions = queue ? { StartIndex: startIndex } : {};
|
||||
|
||||
return itemsContainer.fetchData(queryOptions).then(result => {
|
||||
|
|
|
@ -41,7 +41,7 @@ function getImageUrl(item, options, apiClient) {
|
|||
return apiClient.getScaledImageUrl(item, options);
|
||||
}
|
||||
|
||||
if (item.ImageTags && item.ImageTags[options.type]) {
|
||||
if (item.ImageTags?.[options.type]) {
|
||||
options.tag = item.ImageTags[options.type];
|
||||
return apiClient.getScaledImageUrl(item.Id, options);
|
||||
}
|
||||
|
@ -70,7 +70,7 @@ function getBackdropImageUrl(item, options, apiClient) {
|
|||
options.quality = 100;
|
||||
}
|
||||
|
||||
if (item.BackdropImageTags && item.BackdropImageTags.length) {
|
||||
if (item.BackdropImageTags?.length) {
|
||||
options.tag = item.BackdropImageTags[0];
|
||||
return apiClient.getScaledImageUrl(item.Id, options);
|
||||
}
|
||||
|
@ -87,7 +87,7 @@ function getImgUrl(item, user) {
|
|||
const apiClient = ServerConnections.getApiClient(item.ServerId);
|
||||
const imageOptions = {};
|
||||
|
||||
if (item.BackdropImageTags && item.BackdropImageTags.length) {
|
||||
if (item.BackdropImageTags?.length) {
|
||||
return getBackdropImageUrl(item, imageOptions, apiClient);
|
||||
} else {
|
||||
if (item.MediaType === 'Photo' && user && user.Policy.EnableContentDownloading) {
|
||||
|
|
|
@ -65,7 +65,7 @@ class TabbedView {
|
|||
const previousIndex = e.detail.previousIndex;
|
||||
|
||||
const previousTabController = previousIndex == null ? null : self.tabControllers[previousIndex];
|
||||
if (previousTabController && previousTabController.onPause) {
|
||||
if (previousTabController?.onPause) {
|
||||
previousTabController.onPause();
|
||||
}
|
||||
|
||||
|
@ -93,7 +93,7 @@ class TabbedView {
|
|||
|
||||
if (!currentTabController) {
|
||||
mainTabsManager.selectedTabIndex(this.initialTabIndex);
|
||||
} else if (currentTabController && currentTabController.onResume) {
|
||||
} else if (currentTabController?.onResume) {
|
||||
currentTabController.onResume({});
|
||||
}
|
||||
}
|
||||
|
@ -101,7 +101,7 @@ class TabbedView {
|
|||
onPause() {
|
||||
const currentTabController = this.currentTabController;
|
||||
|
||||
if (currentTabController && currentTabController.onPause) {
|
||||
if (currentTabController?.onPause) {
|
||||
currentTabController.onPause();
|
||||
}
|
||||
}
|
||||
|
|
|
@ -86,7 +86,7 @@ document.addEventListener('viewshow', function (e) {
|
|||
const state = e.detail.state || {};
|
||||
const item = state.item;
|
||||
|
||||
if (item && item.ServerId) {
|
||||
if (item?.ServerId) {
|
||||
loadThemeMedia(item);
|
||||
return;
|
||||
}
|
||||
|
|
|
@ -47,7 +47,7 @@ const ViewManagerPage: FunctionComponent<ViewManagerPageProps> = ({
|
|||
|
||||
viewManager.tryRestoreView(viewOptions)
|
||||
.catch(async (result?: RestoreViewFailResponse) => {
|
||||
if (!result || !result.cancelled) {
|
||||
if (!result?.cancelled) {
|
||||
const [ controllerFactory, viewHtml ] = await Promise.all([
|
||||
import(/* webpackChunkName: "[request]" */ `../../controllers/${controller}`),
|
||||
import(/* webpackChunkName: "[request]" */ `../../controllers/${view}`)
|
||||
|
|
|
@ -47,7 +47,7 @@ function showPlaybackInfo(btn, session) {
|
|||
text.push(globalize.translate('MediaIsBeingConverted'));
|
||||
text.push(DashboardPage.getSessionNowPlayingStreamInfo(session));
|
||||
|
||||
if (session.TranscodingInfo && session.TranscodingInfo.TranscodeReasons && session.TranscodingInfo.TranscodeReasons.length) {
|
||||
if (session.TranscodingInfo?.TranscodeReasons?.length) {
|
||||
text.push('<br/>');
|
||||
text.push(globalize.translate('LabelReasonForTranscoding'));
|
||||
session.TranscodingInfo.TranscodeReasons.forEach(function (transcodeReason) {
|
||||
|
@ -90,7 +90,7 @@ function showOptionsMenu(btn, session) {
|
|||
});
|
||||
}
|
||||
|
||||
if (session.TranscodingInfo && session.TranscodingInfo.TranscodeReasons && session.TranscodingInfo.TranscodeReasons.length) {
|
||||
if (session.TranscodingInfo?.TranscodeReasons?.length) {
|
||||
menuItems.push({
|
||||
name: globalize.translate('ViewPlaybackInfo'),
|
||||
id: 'transcodinginfo'
|
||||
|
@ -402,7 +402,7 @@ window.DashboardPage = {
|
|||
} else if (displayPlayMethod === 'DirectStream') {
|
||||
html += globalize.translate('DirectStreaming');
|
||||
} else if (displayPlayMethod === 'Transcode') {
|
||||
if (session.TranscodingInfo && session.TranscodingInfo.Framerate) {
|
||||
if (session.TranscodingInfo?.Framerate) {
|
||||
html += `${globalize.translate('Framerate')}: ${session.TranscodingInfo.Framerate}fps`;
|
||||
}
|
||||
|
||||
|
@ -481,7 +481,7 @@ window.DashboardPage = {
|
|||
let topText = escapeHtml(itemHelper.getDisplayName(nowPlayingItem));
|
||||
let bottomText = '';
|
||||
|
||||
if (nowPlayingItem.Artists && nowPlayingItem.Artists.length) {
|
||||
if (nowPlayingItem.Artists?.length) {
|
||||
bottomText = topText;
|
||||
topText = escapeHtml(nowPlayingItem.Artists[0]);
|
||||
} else {
|
||||
|
@ -493,7 +493,7 @@ window.DashboardPage = {
|
|||
}
|
||||
}
|
||||
|
||||
if (nowPlayingItem.ImageTags && nowPlayingItem.ImageTags.Logo) {
|
||||
if (nowPlayingItem.ImageTags?.Logo) {
|
||||
imgUrl = ApiClient.getScaledImageUrl(nowPlayingItem.Id, {
|
||||
tag: nowPlayingItem.ImageTags.Logo,
|
||||
maxHeight: 24,
|
||||
|
@ -571,7 +571,7 @@ window.DashboardPage = {
|
|||
|
||||
const btnSessionPlayPauseIcon = btnSessionPlayPause.querySelector('.material-icons');
|
||||
btnSessionPlayPauseIcon.classList.remove('play_arrow', 'pause');
|
||||
btnSessionPlayPauseIcon.classList.add(session.PlayState && session.PlayState.IsPaused ? 'play_arrow' : 'pause');
|
||||
btnSessionPlayPauseIcon.classList.add(session.PlayState?.IsPaused ? 'play_arrow' : 'pause');
|
||||
|
||||
row.querySelector('.sessionNowPlayingTime').innerText = DashboardPage.getSessionNowPlayingTime(session);
|
||||
row.querySelector('.sessionUserName').innerHTML = DashboardPage.getUsersHtml(session);
|
||||
|
@ -620,7 +620,7 @@ window.DashboardPage = {
|
|||
getNowPlayingImageUrl: function (item) {
|
||||
/* Screen width is multiplied by 0.2, as the there is currently no way to get the width of
|
||||
elements that aren't created yet. */
|
||||
if (item && item.BackdropImageTags && item.BackdropImageTags.length) {
|
||||
if (item?.BackdropImageTags?.length) {
|
||||
return ApiClient.getScaledImageUrl(item.Id, {
|
||||
maxWidth: Math.round(dom.getScreenWidth() * 0.20),
|
||||
type: 'Backdrop',
|
||||
|
@ -628,7 +628,7 @@ window.DashboardPage = {
|
|||
});
|
||||
}
|
||||
|
||||
if (item && item.ParentBackdropImageTags && item.ParentBackdropImageTags.length) {
|
||||
if (item?.ParentBackdropImageTags?.length) {
|
||||
return ApiClient.getScaledImageUrl(item.ParentBackdropItemId, {
|
||||
maxWidth: Math.round(dom.getScreenWidth() * 0.20),
|
||||
type: 'Backdrop',
|
||||
|
@ -636,7 +636,7 @@ window.DashboardPage = {
|
|||
});
|
||||
}
|
||||
|
||||
if (item && item.BackdropImageTag) {
|
||||
if (item?.BackdropImageTag) {
|
||||
return ApiClient.getScaledImageUrl(item.BackdropItemId, {
|
||||
maxWidth: Math.round(dom.getScreenWidth() * 0.20),
|
||||
type: 'Backdrop',
|
||||
|
@ -644,7 +644,7 @@ window.DashboardPage = {
|
|||
});
|
||||
}
|
||||
|
||||
const imageTags = (item || {}).ImageTags || {};
|
||||
const imageTags = item?.ImageTags || {};
|
||||
|
||||
if (item && imageTags.Thumb) {
|
||||
return ApiClient.getScaledImageUrl(item.Id, {
|
||||
|
@ -654,7 +654,7 @@ window.DashboardPage = {
|
|||
});
|
||||
}
|
||||
|
||||
if (item && item.ParentThumbImageTag) {
|
||||
if (item?.ParentThumbImageTag) {
|
||||
return ApiClient.getScaledImageUrl(item.ParentThumbItemId, {
|
||||
maxWidth: Math.round(dom.getScreenWidth() * 0.20),
|
||||
type: 'Thumb',
|
||||
|
@ -662,7 +662,7 @@ window.DashboardPage = {
|
|||
});
|
||||
}
|
||||
|
||||
if (item && item.ThumbImageTag) {
|
||||
if (item?.ThumbImageTag) {
|
||||
return ApiClient.getScaledImageUrl(item.ThumbItemId, {
|
||||
maxWidth: Math.round(dom.getScreenWidth() * 0.20),
|
||||
type: 'Thumb',
|
||||
|
@ -678,7 +678,7 @@ window.DashboardPage = {
|
|||
});
|
||||
}
|
||||
|
||||
if (item && item.PrimaryImageTag) {
|
||||
if (item?.PrimaryImageTag) {
|
||||
return ApiClient.getScaledImageUrl(item.PrimaryImageItemId, {
|
||||
maxWidth: Math.round(dom.getScreenWidth() * 0.20),
|
||||
type: 'Primary',
|
||||
|
@ -686,7 +686,7 @@ window.DashboardPage = {
|
|||
});
|
||||
}
|
||||
|
||||
if (item && item.AlbumPrimaryImageTag) {
|
||||
if (item?.AlbumPrimaryImageTag) {
|
||||
return ApiClient.getScaledImageUrl(item.AlbumId, {
|
||||
maxWidth: Math.round(dom.getScreenWidth() * 0.20),
|
||||
type: 'Primary',
|
||||
|
|
|
@ -415,7 +415,7 @@ function renderContainerProfiles(page, profiles) {
|
|||
html += '<a is="emby-linkbutton" href="#" class="lnkEditSubProfile" data-profileindex="' + i + '">';
|
||||
html += '<p>' + globalize.translate('ValueContainer', profile.Container || allText) + '</p>';
|
||||
|
||||
if (profile.Conditions && profile.Conditions.length) {
|
||||
if (profile.Conditions?.length) {
|
||||
html += '<p>';
|
||||
html += globalize.translate('ValueConditions', profile.Conditions.map(function (c) {
|
||||
return c.Property;
|
||||
|
@ -487,7 +487,7 @@ function renderCodecProfiles(page, profiles) {
|
|||
html += '<a is="emby-linkbutton" href="#" class="lnkEditSubProfile" data-profileindex="' + i + '">';
|
||||
html += '<p>' + globalize.translate('ValueCodec', profile.Codec || allText) + '</p>';
|
||||
|
||||
if (profile.Conditions && profile.Conditions.length) {
|
||||
if (profile.Conditions?.length) {
|
||||
html += '<p>';
|
||||
html += globalize.translate('ValueConditions', profile.Conditions.map(function (c) {
|
||||
return c.Property;
|
||||
|
@ -567,7 +567,7 @@ function renderResponseProfiles(page, profiles) {
|
|||
}
|
||||
}
|
||||
|
||||
if (profile.Conditions && profile.Conditions.length) {
|
||||
if (profile.Conditions?.length) {
|
||||
html += '<p>';
|
||||
html += globalize.translate('ValueConditions', profile.Conditions.map(function (c) {
|
||||
return c.Property;
|
||||
|
|
|
@ -406,7 +406,7 @@ function renderName(item, container, context) {
|
|||
if (item.AlbumArtists) {
|
||||
parentNameHtml.push(getArtistLinksHtml(item.AlbumArtists, item.ServerId, context));
|
||||
parentNameLast = true;
|
||||
} else if (item.ArtistItems && item.ArtistItems.length && item.Type === 'MusicVideo') {
|
||||
} else if (item.ArtistItems?.length && item.Type === 'MusicVideo') {
|
||||
parentNameHtml.push(getArtistLinksHtml(item.ArtistItems, item.ServerId, context));
|
||||
parentNameLast = true;
|
||||
} else if (item.SeriesName && item.Type === 'Episode') {
|
||||
|
@ -475,7 +475,7 @@ function renderName(item, container, context) {
|
|||
}
|
||||
|
||||
function setTrailerButtonVisibility(page, item) {
|
||||
if ((item.LocalTrailerCount || item.RemoteTrailers && item.RemoteTrailers.length) && playbackManager.getSupportedCommands().indexOf('PlayTrailers') !== -1) {
|
||||
if ((item.LocalTrailerCount || item.RemoteTrailers?.length) && playbackManager.getSupportedCommands().indexOf('PlayTrailers') !== -1) {
|
||||
hideAll(page, 'btnPlayTrailer', true);
|
||||
} else {
|
||||
hideAll(page, 'btnPlayTrailer');
|
||||
|
@ -505,7 +505,7 @@ function renderDetailPageBackdrop(page, item, apiClient) {
|
|||
let hasbackdrop = false;
|
||||
const itemBackdropElement = page.querySelector('#itemBackdrop');
|
||||
|
||||
if (item.BackdropImageTags && item.BackdropImageTags.length) {
|
||||
if (item.BackdropImageTags?.length) {
|
||||
imgUrl = apiClient.getScaledImageUrl(item.Id, {
|
||||
type: 'Backdrop',
|
||||
maxWidth: dom.getScreenWidth(),
|
||||
|
@ -523,7 +523,7 @@ function renderDetailPageBackdrop(page, item, apiClient) {
|
|||
});
|
||||
imageLoader.lazyImage(itemBackdropElement, imgUrl);
|
||||
hasbackdrop = true;
|
||||
} else if (item.ImageTags && item.ImageTags.Primary) {
|
||||
} else if (item.ImageTags?.Primary) {
|
||||
imgUrl = apiClient.getScaledImageUrl(item.Id, {
|
||||
type: 'Primary',
|
||||
maxWidth: dom.getScreenWidth(),
|
||||
|
@ -660,7 +660,7 @@ function logoImageUrl(item, apiClient, options) {
|
|||
options = options || {};
|
||||
options.type = 'Logo';
|
||||
|
||||
if (item.ImageTags && item.ImageTags.Logo) {
|
||||
if (item.ImageTags?.Logo) {
|
||||
options.tag = item.ImageTags.Logo;
|
||||
return apiClient.getScaledImageUrl(item.Id, options);
|
||||
}
|
||||
|
@ -1054,7 +1054,7 @@ function renderMiscInfo(page, item) {
|
|||
function renderTagline(page, item) {
|
||||
const taglineElement = page.querySelector('.tagline');
|
||||
|
||||
if (item.Taglines && item.Taglines.length) {
|
||||
if (item.Taglines?.length) {
|
||||
taglineElement.classList.remove('hide');
|
||||
taglineElement.innerHTML = '<bdi>' + escapeHtml(item.Taglines[0]) + '</bdi>';
|
||||
} else {
|
||||
|
@ -1263,7 +1263,7 @@ function renderSeriesAirTime(page, item) {
|
|||
return;
|
||||
}
|
||||
let html = '';
|
||||
if (item.AirDays && item.AirDays.length) {
|
||||
if (item.AirDays?.length) {
|
||||
if (item.AirDays.length == 7) {
|
||||
html += 'daily';
|
||||
} else {
|
||||
|
|
|
@ -229,7 +229,7 @@ export default function (view, params) {
|
|||
function onTabChange(evt) {
|
||||
const previousTabController = tabControllers[parseInt(evt.detail.previousIndex, 10)];
|
||||
|
||||
if (previousTabController && previousTabController.onHide) {
|
||||
if (previousTabController?.onHide) {
|
||||
previousTabController.onHide();
|
||||
}
|
||||
|
||||
|
@ -388,7 +388,7 @@ export default function (view, params) {
|
|||
inputManager.on(window, onInputCommand);
|
||||
});
|
||||
view.addEventListener('viewbeforehide', function () {
|
||||
if (currentTabController && currentTabController.onHide) {
|
||||
if (currentTabController?.onHide) {
|
||||
currentTabController.onHide();
|
||||
}
|
||||
|
||||
|
|
|
@ -666,7 +666,7 @@ export default function (view) {
|
|||
if (item.Type === 'TvChannel') {
|
||||
const program = item.CurrentProgram;
|
||||
|
||||
if (program && program.EndDate) {
|
||||
if (program?.EndDate) {
|
||||
try {
|
||||
const endDate = datetime.parseISO8601Date(program.EndDate);
|
||||
|
||||
|
@ -1685,7 +1685,7 @@ export default function (view) {
|
|||
ticks *= value;
|
||||
const item = currentItem;
|
||||
|
||||
if (item && item.Chapters && item.Chapters.length && item.Chapters[0].ImageTag) {
|
||||
if (item?.Chapters?.length && item.Chapters[0].ImageTag) {
|
||||
const html = getChapterBubbleHtml(ServerConnections.getApiClient(item.ServerId), item, item.Chapters, ticks);
|
||||
|
||||
if (html) {
|
||||
|
|
|
@ -12,7 +12,7 @@ if (Object.getOwnPropertyDescriptor && Object.defineProperty) {
|
|||
const descriptor = Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, 'value');
|
||||
|
||||
// descriptor returning null in webos
|
||||
if (descriptor && descriptor.configurable) {
|
||||
if (descriptor?.configurable) {
|
||||
const baseSetMethod = descriptor.set;
|
||||
descriptor.set = function (value) {
|
||||
baseSetMethod.call(this, value);
|
||||
|
|
|
@ -37,7 +37,7 @@ function onContextMenu(e) {
|
|||
const card = dom.parentWithAttribute(target, 'data-id');
|
||||
|
||||
// check for serverId, it won't be present on selectserver
|
||||
if (card && card.getAttribute('data-serverid')) {
|
||||
if (card?.getAttribute('data-serverid')) {
|
||||
inputManager.handleCommand('menu', {
|
||||
sourceElement: card
|
||||
});
|
||||
|
@ -357,7 +357,7 @@ ItemsContainerPrototype.resume = function (options) {
|
|||
}
|
||||
}
|
||||
|
||||
if (this.needsRefresh || (options && options.refresh)) {
|
||||
if (this.needsRefresh || (options?.refresh)) {
|
||||
return this.refreshItems();
|
||||
}
|
||||
|
||||
|
|
|
@ -132,7 +132,7 @@ EmbyPlaystateButtonPrototype.setItem = function (item) {
|
|||
this.setAttribute('data-serverid', item.ServerId);
|
||||
this.setAttribute('data-type', item.Type);
|
||||
|
||||
const played = item.UserData && item.UserData.Played;
|
||||
const played = item.UserData?.Played;
|
||||
setState(this, played);
|
||||
bindEvents(this);
|
||||
} else {
|
||||
|
|
|
@ -14,7 +14,7 @@ let supportsValueSetOverride = false;
|
|||
if (Object.getOwnPropertyDescriptor && Object.defineProperty) {
|
||||
const descriptor = Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, 'value');
|
||||
// descriptor returning null in webos
|
||||
if (descriptor && descriptor.configurable) {
|
||||
if (descriptor?.configurable) {
|
||||
supportsValueSetOverride = true;
|
||||
}
|
||||
}
|
||||
|
@ -167,7 +167,7 @@ function setMarker(range, valueMarker, marker, valueProgress) {
|
|||
}
|
||||
|
||||
function updateMarkers(range, currentValue) {
|
||||
if (range.markerInfo && range.markerInfo.length && range.markerElements && range.markerElements.length) {
|
||||
if (range.markerInfo?.length && range.markerElements?.length) {
|
||||
for (let i = 0, length = range.markerElements.length; i < length; i++) {
|
||||
if (range.markerInfo.length > i) {
|
||||
setMarker(range, mapFractionToValue(range, range.markerInfo[i].progress), range.markerElements[i], currentValue);
|
||||
|
|
|
@ -74,7 +74,7 @@ if (Object.getOwnPropertyDescriptor && Object.defineProperty) {
|
|||
const descriptor = Object.getOwnPropertyDescriptor(HTMLTextAreaElement.prototype, 'value');
|
||||
|
||||
// descriptor returning null in webos
|
||||
if (descriptor && descriptor.configurable) {
|
||||
if (descriptor?.configurable) {
|
||||
const baseSetMethod = descriptor.set;
|
||||
descriptor.set = function (value) {
|
||||
baseSetMethod.call(this, value);
|
||||
|
|
|
@ -33,7 +33,7 @@ if (HTMLElement.prototype.nativeFocus === undefined) {
|
|||
this.nativeFocus();
|
||||
|
||||
// Restore window scroll if preventScroll
|
||||
if (options && options.preventScroll) {
|
||||
if (options?.preventScroll) {
|
||||
window.scroll(scrollX, scrollY);
|
||||
}
|
||||
};
|
||||
|
|
|
@ -131,7 +131,7 @@ class NavDrawer {
|
|||
if (this.isPeeking) {
|
||||
this.onMenuTouchMove(e);
|
||||
} else {
|
||||
if (((getTouches(e)[0] || {}).clientX || 0) <= options.handleSize) {
|
||||
if ((getTouches(e)[0]?.clientX || 0) <= options.handleSize) {
|
||||
this.isPeeking = true;
|
||||
|
||||
if (e.type === 'touchstart') {
|
||||
|
|
|
@ -384,7 +384,7 @@ export class BookPlayer {
|
|||
}
|
||||
|
||||
canPlayItem(item) {
|
||||
return item.Path && item.Path.endsWith('epub');
|
||||
return item.Path?.endsWith('epub');
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -103,7 +103,7 @@ class CastPlayer {
|
|||
return;
|
||||
}
|
||||
|
||||
if (!chrome.cast || !chrome.cast.isAvailable) {
|
||||
if (!chrome.cast?.isAvailable) {
|
||||
setTimeout(this.initializeCastPlayer.bind(this), 1000);
|
||||
return;
|
||||
}
|
||||
|
@ -322,14 +322,14 @@ class CastPlayer {
|
|||
|
||||
const session = player.session;
|
||||
|
||||
if (session && session.receiver && session.receiver.friendlyName) {
|
||||
if (session?.receiver?.friendlyName) {
|
||||
receiverName = session.receiver.friendlyName;
|
||||
}
|
||||
|
||||
let apiClient;
|
||||
if (message.options && message.options.ServerId) {
|
||||
if (message.options?.ServerId) {
|
||||
apiClient = ServerConnections.getApiClient(message.options.ServerId);
|
||||
} else if (message.options && message.options.items && message.options.items.length) {
|
||||
} else if (message.options?.items?.length) {
|
||||
apiClient = ServerConnections.getApiClient(message.options.items[0].ServerId);
|
||||
} else {
|
||||
apiClient = ServerConnections.currentApiClient();
|
||||
|
@ -350,7 +350,7 @@ class CastPlayer {
|
|||
message.maxBitrate = bitrateSetting;
|
||||
}
|
||||
|
||||
if (message.options && message.options.items) {
|
||||
if (message.options?.items) {
|
||||
message.subtitleAppearance = userSettings.getSubtitleAppearanceSettings();
|
||||
message.subtitleBurnIn = appSettings.get('subtitleburnin') || '';
|
||||
}
|
||||
|
@ -451,10 +451,10 @@ function onVolumeDownKeyDown() {
|
|||
}
|
||||
|
||||
function normalizeImages(state) {
|
||||
if (state && state.NowPlayingItem) {
|
||||
if (state?.NowPlayingItem) {
|
||||
const item = state.NowPlayingItem;
|
||||
|
||||
if ((!item.ImageTags || !item.ImageTags.Primary) && item.PrimaryImageTag) {
|
||||
if ((!item.ImageTags?.Primary) && item.PrimaryImageTag) {
|
||||
item.ImageTags = item.ImageTags || {};
|
||||
item.ImageTags.Primary = item.PrimaryImageTag;
|
||||
}
|
||||
|
@ -599,7 +599,7 @@ class ChromecastPlayer {
|
|||
getTargets() {
|
||||
const targets = [];
|
||||
|
||||
if (this._castPlayer && this._castPlayer.hasReceivers) {
|
||||
if (this._castPlayer?.hasReceivers) {
|
||||
targets.push(this.getCurrentTargetInfo());
|
||||
}
|
||||
|
||||
|
@ -612,7 +612,7 @@ class ChromecastPlayer {
|
|||
|
||||
const castPlayer = this._castPlayer;
|
||||
|
||||
if (castPlayer.session && castPlayer.session.receiver && castPlayer.session.receiver.friendlyName) {
|
||||
if (castPlayer.session?.receiver?.friendlyName) {
|
||||
appName = castPlayer.session.receiver.friendlyName;
|
||||
}
|
||||
|
||||
|
|
|
@ -413,7 +413,7 @@ class HtmlAudioPlayer {
|
|||
const mediaElement = this._mediaElement;
|
||||
if (mediaElement) {
|
||||
const seekable = mediaElement.seekable;
|
||||
if (seekable && seekable.length) {
|
||||
if (seekable?.length) {
|
||||
let start = seekable.start(0);
|
||||
let end = seekable.end(0);
|
||||
|
||||
|
|
|
@ -1010,7 +1010,7 @@ export class HtmlVideoPlayer {
|
|||
}
|
||||
|
||||
if (elem.videoWidth === 0 && elem.videoHeight === 0) {
|
||||
const mediaSource = (this._currentPlayOptions || {}).mediaSource;
|
||||
const mediaSource = this._currentPlayOptions?.mediaSource;
|
||||
|
||||
// Only trigger this if there is media info
|
||||
// Avoid triggering in situations where it might not actually have a video stream (audio only live tv channel)
|
||||
|
@ -1536,7 +1536,7 @@ export class HtmlVideoPlayer {
|
|||
}
|
||||
}
|
||||
|
||||
if (selectedTrackEvent && selectedTrackEvent.Text) {
|
||||
if (selectedTrackEvent?.Text) {
|
||||
subtitleTextElement.innerHTML = DOMPurify.sanitize(
|
||||
normalizeTrackEventText(selectedTrackEvent.Text, true));
|
||||
subtitleTextElement.classList.remove('hide');
|
||||
|
@ -1812,7 +1812,7 @@ export class HtmlVideoPlayer {
|
|||
Windows.UI.ViewManagement.ApplicationView.getForCurrentView().tryEnterViewModeAsync(Windows.UI.ViewManagement.ApplicationViewMode.default);
|
||||
}
|
||||
} else {
|
||||
if (video && video.webkitSupportsPresentationMode && typeof video.webkitSetPresentationMode === 'function') {
|
||||
if (video?.webkitSupportsPresentationMode && typeof video.webkitSetPresentationMode === 'function') {
|
||||
video.webkitSetPresentationMode(isEnabled ? 'picture-in-picture' : 'inline');
|
||||
}
|
||||
}
|
||||
|
@ -1891,7 +1891,7 @@ export class HtmlVideoPlayer {
|
|||
const mediaElement = this.#mediaElement;
|
||||
if (mediaElement) {
|
||||
const seekable = mediaElement.seekable;
|
||||
if (seekable && seekable.length) {
|
||||
if (seekable?.length) {
|
||||
let start = seekable.start(0);
|
||||
let end = seekable.end(0);
|
||||
|
||||
|
|
|
@ -25,7 +25,7 @@ export default function () {
|
|||
|
||||
const elem = document.querySelector('.logoScreenSaverImage');
|
||||
|
||||
if (elem && elem.animate) {
|
||||
if (elem?.animate) {
|
||||
const random = randomInt(0, animations.length - 1);
|
||||
|
||||
animations[random](elem, 1);
|
||||
|
|
|
@ -312,7 +312,7 @@ export class PdfPlayer {
|
|||
}
|
||||
|
||||
canPlayItem(item) {
|
||||
return item.Path && item.Path.endsWith('pdf');
|
||||
return item.Path?.endsWith('pdf');
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -157,7 +157,7 @@ function subscribeToPlayerUpdates(instance) {
|
|||
}
|
||||
|
||||
function normalizeImages(state, apiClient) {
|
||||
if (state && state.NowPlayingItem) {
|
||||
if (state?.NowPlayingItem) {
|
||||
const item = state.NowPlayingItem;
|
||||
|
||||
if (!item.ImageTags || !item.ImageTags.Primary && item.PrimaryImageTag) {
|
||||
|
|
|
@ -12,7 +12,7 @@ export function enable(enabled) {
|
|||
if (enabled) {
|
||||
const currentPlayerInfo = playbackManager.getPlayerInfo();
|
||||
|
||||
if (currentPlayerInfo && currentPlayerInfo.id) {
|
||||
if (currentPlayerInfo?.id) {
|
||||
localStorage.setItem('autocastPlayerId', currentPlayerInfo.id);
|
||||
}
|
||||
} else {
|
||||
|
|
|
@ -3,7 +3,7 @@ import * as userSettings from './settings/userSettings';
|
|||
import browser from './browser';
|
||||
|
||||
function canPlayH264(videoTestElement) {
|
||||
return !!(videoTestElement.canPlayType && videoTestElement.canPlayType('video/mp4; codecs="avc1.42E01E, mp4a.40.2"').replace(/no/, ''));
|
||||
return !!(videoTestElement.canPlayType?.('video/mp4; codecs="avc1.42E01E, mp4a.40.2"').replace(/no/, ''));
|
||||
}
|
||||
|
||||
function canPlayHevc(videoTestElement, options) {
|
||||
|
|
|
@ -15,7 +15,7 @@ export function parentWithAttribute(elem, name, value) {
|
|||
while ((value ? elem.getAttribute(name) !== value : !elem.getAttribute(name))) {
|
||||
elem = elem.parentNode;
|
||||
|
||||
if (!elem || !elem.getAttribute) {
|
||||
if (!elem?.getAttribute) {
|
||||
return null;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -349,7 +349,7 @@ function isGamepadConnected() {
|
|||
const gamepads = navigator.getGamepads(); /* eslint-disable-line compat/compat */
|
||||
for (let i = 0, len = gamepads.length; i < len; i++) {
|
||||
const gamepad = gamepads[i];
|
||||
if (gamepad && gamepad.connected) {
|
||||
if (gamepad?.connected) {
|
||||
return true;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -37,7 +37,7 @@ function getDefaultLanguage() {
|
|||
if (navigator.userLanguage) {
|
||||
return navigator.userLanguage;
|
||||
}
|
||||
if (navigator.languages && navigator.languages.length) {
|
||||
if (navigator.languages?.length) {
|
||||
return navigator.languages[0];
|
||||
}
|
||||
|
||||
|
@ -217,12 +217,12 @@ function translateKey(key) {
|
|||
|
||||
function translateKeyFromModule(key, module) {
|
||||
let dictionary = getDictionary(module, getCurrentLocale());
|
||||
if (dictionary && dictionary[key]) {
|
||||
if (dictionary?.[key]) {
|
||||
return dictionary[key];
|
||||
}
|
||||
|
||||
dictionary = getDictionary(module, fallbackCulture);
|
||||
if (dictionary && dictionary[key]) {
|
||||
if (dictionary?.[key]) {
|
||||
return dictionary[key];
|
||||
}
|
||||
|
||||
|
|
|
@ -71,7 +71,7 @@ function renderHeader() {
|
|||
}
|
||||
|
||||
function getCurrentApiClient() {
|
||||
if (currentUser && currentUser.localUser) {
|
||||
if (currentUser?.localUser) {
|
||||
return ServerConnections.getApiClient(currentUser.localUser.ServerId);
|
||||
}
|
||||
|
||||
|
@ -127,7 +127,7 @@ function updateUserInHeader(user) {
|
|||
|
||||
let hasImage;
|
||||
|
||||
if (user && user.name) {
|
||||
if (user?.name) {
|
||||
if (user.imageUrl) {
|
||||
const url = user.imageUrl;
|
||||
updateHeaderUserButton(url);
|
||||
|
@ -143,7 +143,7 @@ function updateUserInHeader(user) {
|
|||
updateHeaderUserButton(null);
|
||||
}
|
||||
|
||||
if (user && user.localUser) {
|
||||
if (user?.localUser) {
|
||||
if (headerHomeButton) {
|
||||
headerHomeButton.classList.remove('hide');
|
||||
}
|
||||
|
@ -322,7 +322,7 @@ function refreshLibraryInfoInDrawer(user) {
|
|||
// libraries are added here
|
||||
html += '<div class="libraryMenuOptions"></div>';
|
||||
|
||||
if (user.localUser && user.localUser.Policy.IsAdministrator) {
|
||||
if (user.localUser?.Policy.IsAdministrator) {
|
||||
html += '<div class="adminMenuOptions">';
|
||||
html += '<h3 class="sidebarHeader">';
|
||||
html += globalize.translate('HeaderAdmin');
|
||||
|
|
|
@ -94,7 +94,7 @@ function ScreenSaverManager() {
|
|||
let isLoggedIn;
|
||||
const apiClient = ServerConnections.currentApiClient();
|
||||
|
||||
if (apiClient && apiClient.isLoggedIn()) {
|
||||
if (apiClient?.isLoggedIn()) {
|
||||
isLoggedIn = true;
|
||||
}
|
||||
|
||||
|
|
|
@ -33,7 +33,7 @@ export default async function fetchLocal(url: string, options?: FetchOptions) {
|
|||
|
||||
xhr.open('GET', url);
|
||||
|
||||
if (options && options.cache) {
|
||||
if (options?.cache) {
|
||||
xhr.setRequestHeader('Cache-Control', options.cache);
|
||||
}
|
||||
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue