mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
dam indent
This commit is contained in:
Sarab Singh
parent
f229d0c5ee
commit
4b4879f8a2
1 changed files with 162 additions and 162 deletions
|
|
@ -1,183 +1,183 @@
|
||||||
import datetime from 'datetime';
|
import datetime from 'datetime';
|
||||||
import itemHelper from 'itemHelper';
|
import itemHelper from 'itemHelper';
|
||||||
import 'emby-progressbar';
|
import 'emby-progressbar';
|
||||||
import 'css!./indicators.css';
|
import 'css!./indicators.css';
|
||||||
import 'material-icons';
|
import 'material-icons';
|
||||||
|
|
||||||
export function enableProgressIndicator(item) {
|
export function enableProgressIndicator(item) {
|
||||||
if (item.MediaType === 'Video' && item.Type !== 'TvChannel') {
|
if (item.MediaType === 'Video' && item.Type !== 'TvChannel') {
|
||||||
return true;
|
return true;
|
||||||
}
|
|
||||||
|
|
||||||
if (item.Type === 'AudioBook' || item.Type === 'AudioPodcast') {
|
|
||||||
return true;
|
|
||||||
}
|
|
||||||
|
|
||||||
return false;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export function getProgressHtml(pct, options) {
|
if (item.Type === 'AudioBook' || item.Type === 'AudioPodcast') {
|
||||||
let containerClass = 'itemProgressBar';
|
return true;
|
||||||
if(options && options.containerClass) {
|
|
||||||
containerClass += ' ' + options.containerClass
|
|
||||||
}
|
|
||||||
|
|
||||||
return '<div class="' + containerClass + '"><div class="itemProgressBarForeground" style="width:' + pct + '%;"></div></div>';
|
|
||||||
}
|
}
|
||||||
|
|
||||||
function getAutoTimeProgressHtml(pct, options, isRecording, start, end) {
|
return false;
|
||||||
let containerClass = 'itemProgressBar';
|
}
|
||||||
if(options && options.containerClass) {
|
|
||||||
containerClass += ' ' + options.containerClass
|
|
||||||
}
|
|
||||||
|
|
||||||
let foregroundClass = 'itemProgressBarForeground';
|
export function getProgressHtml(pct, options) {
|
||||||
if (isRecording) {
|
let containerClass = 'itemProgressBar';
|
||||||
foregroundClass += ' itemProgressBarForeground-recording';
|
if(options && options.containerClass) {
|
||||||
}
|
containerClass += ' ' + options.containerClass
|
||||||
|
|
||||||
return '<div is="emby-progressbar" data-automode="time" data-starttime="' + start + '" data-endtime="' + end + '" class="' + containerClass + '"><div class="' + foregroundClass + '" style="width:' + pct + '%;"></div></div>';
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export function getProgressBarHtml(item, options) {
|
return '<div class="' + containerClass + '"><div class="itemProgressBarForeground" style="width:' + pct + '%;"></div></div>';
|
||||||
let pct;
|
}
|
||||||
if (enableProgressIndicator(item) && item.Type !== 'Recording') {
|
|
||||||
const userData = options && options.userData ? options.userData : item.UserData;
|
|
||||||
|
|
||||||
if (userData) {
|
function getAutoTimeProgressHtml(pct, options, isRecording, start, end) {
|
||||||
pct = userData.PlayedPercentage;
|
let containerClass = 'itemProgressBar';
|
||||||
if (pct && pct < 100) {
|
if(options && options.containerClass) {
|
||||||
return getProgressHtml(pct, options);
|
containerClass += ' ' + options.containerClass
|
||||||
}
|
}
|
||||||
|
|
||||||
|
let foregroundClass = 'itemProgressBarForeground';
|
||||||
|
if (isRecording) {
|
||||||
|
foregroundClass += ' itemProgressBarForeground-recording';
|
||||||
|
}
|
||||||
|
|
||||||
|
return '<div is="emby-progressbar" data-automode="time" data-starttime="' + start + '" data-endtime="' + end + '" class="' + containerClass + '"><div class="' + foregroundClass + '" style="width:' + pct + '%;"></div></div>';
|
||||||
|
}
|
||||||
|
|
||||||
|
export function getProgressBarHtml(item, options) {
|
||||||
|
let pct;
|
||||||
|
if (enableProgressIndicator(item) && item.Type !== 'Recording') {
|
||||||
|
const userData = options && options.userData ? options.userData : item.UserData;
|
||||||
|
|
||||||
|
if (userData) {
|
||||||
|
pct = userData.PlayedPercentage;
|
||||||
|
if (pct && pct < 100) {
|
||||||
|
return getProgressHtml(pct, options);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
if ((item.Type === 'Program' || item.Type === 'Timer' || item.Type === 'Recording') && item.StartDate && item.EndDate) {
|
if ((item.Type === 'Program' || item.Type === 'Timer' || item.Type === 'Recording') && item.StartDate && item.EndDate) {
|
||||||
let startDate = 0;
|
let startDate = 0;
|
||||||
let endDate = 1;
|
let endDate = 1;
|
||||||
|
|
||||||
|
try {
|
||||||
|
startDate = datetime.parseISO8601Date(item.StartDate).getTime();
|
||||||
|
endDate = datetime.parseISO8601Date(item.EndDate).getTime();
|
||||||
|
} catch (err) {
|
||||||
|
console.error(err);
|
||||||
|
}
|
||||||
|
|
||||||
|
const now = new Date().getTime();
|
||||||
|
const total = endDate - startDate;
|
||||||
|
pct = 100 * ((now - startDate) / total);
|
||||||
|
|
||||||
|
if (pct > 0 && pct < 100) {
|
||||||
|
const isRecording = item.Type === 'Timer' || item.Type === 'Recording' || item.TimerId;
|
||||||
|
return getAutoTimeProgressHtml(pct, options, isRecording, startDate, endDate);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
return '';
|
||||||
|
}
|
||||||
|
|
||||||
|
export function enablePlayedIndicator(item) {
|
||||||
|
return itemHelper.canMarkPlayed(item);
|
||||||
|
}
|
||||||
|
|
||||||
|
export function getPlayedIndicatorHtml(item) {
|
||||||
|
if (enablePlayedIndicator(item)) {
|
||||||
|
let userData = item.UserData || {};
|
||||||
|
if (userData.UnplayedItemCount) {
|
||||||
|
return '<div class="countIndicator indicator">' + userData.UnplayedItemCount + '</div>';
|
||||||
|
}
|
||||||
|
|
||||||
|
if (userData.PlayedPercentage && userData.PlayedPercentage >= 100 || (userData.Played)) {
|
||||||
|
return '<div class="playedIndicator indicator"><span class="material-icons indicatorIcon check"></span></div>';
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
return '';
|
||||||
|
}
|
||||||
|
|
||||||
|
export function getChildCountIndicatorHtml(item, options) {
|
||||||
|
const minCount = options && options.minCount ? options.minCount : 0;
|
||||||
|
|
||||||
|
if (item.ChildCount && item.ChildCount > minCount) {
|
||||||
|
return '<div class="countIndicator indicator">' + item.ChildCount + '</div>';
|
||||||
|
}
|
||||||
|
|
||||||
|
return '';
|
||||||
|
}
|
||||||
|
|
||||||
|
export function getTimerIndicator(item) {
|
||||||
|
let status;
|
||||||
|
|
||||||
|
if (item.Type === 'SeriesTimer') {
|
||||||
|
return '<span class="material-icons timerIndicator indicatorIcon fiber_smart_record"></span>';
|
||||||
|
} else if (item.TimerId || item.SeriesTimerId) {
|
||||||
|
status = item.Status || 'Cancelled';
|
||||||
|
} else if (item.Type === 'Timer') {
|
||||||
|
status = item.Status;
|
||||||
|
} else {
|
||||||
|
return '';
|
||||||
|
}
|
||||||
|
|
||||||
|
if (item.SeriesTimerId) {
|
||||||
|
if (status !== 'Cancelled') {
|
||||||
|
return '<span class="material-icons timerIndicator indicatorIcon fiber_smart_record"></span>';
|
||||||
|
}
|
||||||
|
|
||||||
|
return '<span class="material-icons timerIndicator timerIndicator-inactive indicatorIcon fiber_smart_record"></span>';
|
||||||
|
}
|
||||||
|
|
||||||
|
return '<span class="material-icons timerIndicator indicatorIcon fiber_manual_record"></span>';
|
||||||
|
}
|
||||||
|
|
||||||
|
export function getSyncIndicator(item) {
|
||||||
|
if (item.SyncPercent === 100) {
|
||||||
|
return '<div class="syncIndicator indicator fullSyncIndicator"><span class="material-icons indicatorIcon file_download"></span></div>';
|
||||||
|
} else if (item.SyncPercent != null) {
|
||||||
|
return '<div class="syncIndicator indicator emptySyncIndicator"><span class="material-icons indicatorIcon file_download"></span></div>';
|
||||||
|
}
|
||||||
|
|
||||||
|
return '';
|
||||||
|
}
|
||||||
|
|
||||||
|
export function getTypeIndicator(item) {
|
||||||
|
const iconT = {
|
||||||
|
'Video' : 'videocam',
|
||||||
|
'Folder' : 'folder',
|
||||||
|
'PhotoAlbum' : 'photo_album',
|
||||||
|
'Photo' : 'photo'
|
||||||
|
}
|
||||||
|
|
||||||
|
const icon = iconT[item.Type];
|
||||||
|
return icon ? '<div class="indicator videoIndicator"><span class="material-icons indicatorIcon '+ icon +'"></span></div>' : '';
|
||||||
|
}
|
||||||
|
|
||||||
|
export function getMissingIndicator(item) {
|
||||||
|
if (item.Type === 'Episode' && item.LocationType === 'Virtual') {
|
||||||
|
if (item.PremiereDate) {
|
||||||
try {
|
try {
|
||||||
startDate = datetime.parseISO8601Date(item.StartDate).getTime();
|
const premiereDate = datetime.parseISO8601Date(item.PremiereDate).getTime();
|
||||||
endDate = datetime.parseISO8601Date(item.EndDate).getTime();
|
if (premiereDate > new Date().getTime()) {
|
||||||
|
return '<div class="unairedIndicator">Unaired</div>';
|
||||||
|
}
|
||||||
} catch (err) {
|
} catch (err) {
|
||||||
console.error(err);
|
console.error(err);
|
||||||
}
|
}
|
||||||
|
|
||||||
const now = new Date().getTime();
|
|
||||||
const total = endDate - startDate;
|
|
||||||
pct = 100 * ((now - startDate) / total);
|
|
||||||
|
|
||||||
if (pct > 0 && pct < 100) {
|
|
||||||
const isRecording = item.Type === 'Timer' || item.Type === 'Recording' || item.TimerId;
|
|
||||||
return getAutoTimeProgressHtml(pct, options, isRecording, startDate, endDate);
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
return '<div class="missingIndicator">Missing</div>';
|
||||||
return '';
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export function enablePlayedIndicator(item) {
|
return '';
|
||||||
return itemHelper.canMarkPlayed(item);
|
}
|
||||||
}
|
|
||||||
|
|
||||||
export function getPlayedIndicatorHtml(item) {
|
export default {
|
||||||
if (enablePlayedIndicator(item)) {
|
getProgressHtml: getProgressHtml,
|
||||||
let userData = item.UserData || {};
|
getProgressBarHtml: getProgressBarHtml,
|
||||||
if (userData.UnplayedItemCount) {
|
getPlayedIndicatorHtml: getPlayedIndicatorHtml,
|
||||||
return '<div class="countIndicator indicator">' + userData.UnplayedItemCount + '</div>';
|
getChildCountIndicatorHtml: getChildCountIndicatorHtml,
|
||||||
}
|
enableProgressIndicator: enableProgressIndicator,
|
||||||
|
getTimerIndicator: getTimerIndicator,
|
||||||
if (userData.PlayedPercentage && userData.PlayedPercentage >= 100 || (userData.Played)) {
|
enablePlayedIndicator: enablePlayedIndicator,
|
||||||
return '<div class="playedIndicator indicator"><span class="material-icons indicatorIcon check"></span></div>';
|
getSyncIndicator: getSyncIndicator,
|
||||||
}
|
getTypeIndicator: getTypeIndicator,
|
||||||
}
|
getMissingIndicator: getMissingIndicator
|
||||||
|
};
|
||||||
return '';
|
|
||||||
}
|
|
||||||
|
|
||||||
export function getChildCountIndicatorHtml(item, options) {
|
|
||||||
const minCount = options && options.minCount ? options.minCount : 0;
|
|
||||||
|
|
||||||
if (item.ChildCount && item.ChildCount > minCount) {
|
|
||||||
return '<div class="countIndicator indicator">' + item.ChildCount + '</div>';
|
|
||||||
}
|
|
||||||
|
|
||||||
return '';
|
|
||||||
}
|
|
||||||
|
|
||||||
export function getTimerIndicator(item) {
|
|
||||||
let status;
|
|
||||||
|
|
||||||
if (item.Type === 'SeriesTimer') {
|
|
||||||
return '<span class="material-icons timerIndicator indicatorIcon fiber_smart_record"></span>';
|
|
||||||
} else if (item.TimerId || item.SeriesTimerId) {
|
|
||||||
status = item.Status || 'Cancelled';
|
|
||||||
} else if (item.Type === 'Timer') {
|
|
||||||
status = item.Status;
|
|
||||||
} else {
|
|
||||||
return '';
|
|
||||||
}
|
|
||||||
|
|
||||||
if (item.SeriesTimerId) {
|
|
||||||
if (status !== 'Cancelled') {
|
|
||||||
return '<span class="material-icons timerIndicator indicatorIcon fiber_smart_record"></span>';
|
|
||||||
}
|
|
||||||
|
|
||||||
return '<span class="material-icons timerIndicator timerIndicator-inactive indicatorIcon fiber_smart_record"></span>';
|
|
||||||
}
|
|
||||||
|
|
||||||
return '<span class="material-icons timerIndicator indicatorIcon fiber_manual_record"></span>';
|
|
||||||
}
|
|
||||||
|
|
||||||
export function getSyncIndicator(item) {
|
|
||||||
if (item.SyncPercent === 100) {
|
|
||||||
return '<div class="syncIndicator indicator fullSyncIndicator"><span class="material-icons indicatorIcon file_download"></span></div>';
|
|
||||||
} else if (item.SyncPercent != null) {
|
|
||||||
return '<div class="syncIndicator indicator emptySyncIndicator"><span class="material-icons indicatorIcon file_download"></span></div>';
|
|
||||||
}
|
|
||||||
|
|
||||||
return '';
|
|
||||||
}
|
|
||||||
|
|
||||||
export function getTypeIndicator(item) {
|
|
||||||
const iconT = {
|
|
||||||
'Video' : 'videocam',
|
|
||||||
'Folder' : 'folder',
|
|
||||||
'PhotoAlbum' : 'photo_album',
|
|
||||||
'Photo' : 'photo'
|
|
||||||
}
|
|
||||||
|
|
||||||
const icon = iconT[item.Type];
|
|
||||||
return icon ? '<div class="indicator videoIndicator"><span class="material-icons indicatorIcon '+ icon +'"></span></div>' : '';
|
|
||||||
}
|
|
||||||
|
|
||||||
export function getMissingIndicator(item) {
|
|
||||||
if (item.Type === 'Episode' && item.LocationType === 'Virtual') {
|
|
||||||
if (item.PremiereDate) {
|
|
||||||
try {
|
|
||||||
const premiereDate = datetime.parseISO8601Date(item.PremiereDate).getTime();
|
|
||||||
if (premiereDate > new Date().getTime()) {
|
|
||||||
return '<div class="unairedIndicator">Unaired</div>';
|
|
||||||
}
|
|
||||||
} catch (err) {
|
|
||||||
console.error(err);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return '<div class="missingIndicator">Missing</div>';
|
|
||||||
}
|
|
||||||
|
|
||||||
return '';
|
|
||||||
}
|
|
||||||
|
|
||||||
export default {
|
|
||||||
getProgressHtml: getProgressHtml,
|
|
||||||
getProgressBarHtml: getProgressBarHtml,
|
|
||||||
getPlayedIndicatorHtml: getPlayedIndicatorHtml,
|
|
||||||
getChildCountIndicatorHtml: getChildCountIndicatorHtml,
|
|
||||||
enableProgressIndicator: enableProgressIndicator,
|
|
||||||
getTimerIndicator: getTimerIndicator,
|
|
||||||
enablePlayedIndicator: enablePlayedIndicator,
|
|
||||||
getSyncIndicator: getSyncIndicator,
|
|
||||||
getTypeIndicator: getTypeIndicator,
|
|
||||||
getMissingIndicator: getMissingIndicator
|
|
||||||
};
|
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue