mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
update dialogs
This commit is contained in:
parent
ab738fae14
commit
46043aae83
53 changed files with 478 additions and 374 deletions
|
@ -1,99 +1,43 @@
|
|||
define(['datetime', 'tvguide'], function (datetime) {
|
||||
define(['datetime', 'listView'], function (datetime, listView) {
|
||||
|
||||
function isSameDay(date1, date2) {
|
||||
|
||||
return date1.toDateString() === date2.toDateString();
|
||||
}
|
||||
|
||||
function renderPrograms(page, result) {
|
||||
|
||||
var html = '';
|
||||
|
||||
var currentIndexValue;
|
||||
|
||||
var now = new Date();
|
||||
var currentItems = [];
|
||||
var currentStartDate = null;
|
||||
|
||||
for (var i = 0, length = result.Items.length; i < length; i++) {
|
||||
|
||||
var program = result.Items[i];
|
||||
var item = result.Items[i];
|
||||
|
||||
var startDate = datetime.parseISO8601Date(program.StartDate, true);
|
||||
var startDateText = LibraryBrowser.getFutureDateText(startDate);
|
||||
var itemStartDate = datetime.parseISO8601Date(item.StartDate);
|
||||
if (!currentStartDate || !isSameDay(currentStartDate, itemStartDate)) {
|
||||
|
||||
var endDate = datetime.parseISO8601Date(program.EndDate, true);
|
||||
if (currentItems.length) {
|
||||
|
||||
if (startDateText != currentIndexValue) {
|
||||
html += '<h1>' + datetime.getLocaleDateStringParts(itemStartDate).join(' ') + '</h1>';
|
||||
|
||||
html += '<div is="emby-itemscontainer" class="vertical-list">' + listView.getListViewHtml({
|
||||
items: currentItems,
|
||||
enableUserDataButtons: false,
|
||||
showParentTitle: true,
|
||||
image: false,
|
||||
showProgramTimeColumn: true
|
||||
|
||||
}) + '</div>';
|
||||
}
|
||||
|
||||
currentStartDate = itemStartDate;
|
||||
currentItems = [];
|
||||
|
||||
html += '<h1 tvProgramSectionHeader" style="margin-bottom:1em;margin-top:2em;">' + startDateText + '</h1>';
|
||||
currentIndexValue = startDateText;
|
||||
}
|
||||
|
||||
html += '<a href="itemdetails.html?id=' + program.Id + '" class="tvProgram">';
|
||||
|
||||
var cssClass = "tvProgramTimeSlot";
|
||||
|
||||
if (now >= startDate && now < endDate) {
|
||||
cssClass += " tvProgramCurrentTimeSlot";
|
||||
}
|
||||
|
||||
html += '<div class="' + cssClass + '">';
|
||||
html += '<div class="tvProgramTimeSlotInner">' + datetime.getDisplayTime(startDate) + '</div>';
|
||||
html += '</div>';
|
||||
|
||||
cssClass = "tvProgramInfo";
|
||||
|
||||
if (program.IsKids) {
|
||||
cssClass += " childProgramInfo";
|
||||
}
|
||||
else if (program.IsSports) {
|
||||
cssClass += " sportsProgramInfo";
|
||||
}
|
||||
else if (program.IsNews) {
|
||||
cssClass += " newsProgramInfo";
|
||||
}
|
||||
else if (program.IsMovie) {
|
||||
cssClass += " movieProgramInfo";
|
||||
}
|
||||
|
||||
html += '<div data-programid="' + program.Id + '" class="' + cssClass + '">';
|
||||
|
||||
var name = program.Name;
|
||||
|
||||
html += '<div class="tvProgramName">' + name + '</div>';
|
||||
|
||||
html += '<div class="tvProgramTime">';
|
||||
|
||||
if (program.IsLive) {
|
||||
html += '<span class="liveTvProgram">' + Globalize.translate('AttributeLive') + ' </span>';
|
||||
}
|
||||
else if (program.IsPremiere) {
|
||||
html += '<span class="premiereTvProgram">' + Globalize.translate('AttributePremiere') + ' </span>';
|
||||
}
|
||||
else if (program.IsSeries && !program.IsRepeat) {
|
||||
html += '<span class="newTvProgram">' + Globalize.translate('AttributeNew') + ' </span>';
|
||||
}
|
||||
|
||||
var minutes = program.RunTimeTicks / 600000000;
|
||||
|
||||
minutes = Math.round(minutes || 1) + ' min';
|
||||
|
||||
if (program.EpisodeTitle) {
|
||||
|
||||
html += program.EpisodeTitle + ' (' + minutes + ')';
|
||||
} else {
|
||||
html += minutes;
|
||||
}
|
||||
|
||||
if (program.SeriesTimerId) {
|
||||
html += '<div class="timerCircle seriesTimerCircle"></div>';
|
||||
html += '<div class="timerCircle seriesTimerCircle"></div>';
|
||||
html += '<div class="timerCircle seriesTimerCircle"></div>';
|
||||
}
|
||||
else if (program.TimerId) {
|
||||
|
||||
html += '<div class="timerCircle"></div>';
|
||||
}
|
||||
|
||||
html += '</div>';
|
||||
html += '<div class="programAccent"></div>';
|
||||
html += '</div>';
|
||||
|
||||
html += '</a>';
|
||||
currentItems.push(item);
|
||||
}
|
||||
|
||||
page.querySelector('#childrenContent').innerHTML = html;
|
||||
|
@ -106,7 +50,8 @@
|
|||
ChannelIds: channelId,
|
||||
UserId: Dashboard.getCurrentUserId(),
|
||||
HasAired: false,
|
||||
SortBy: "StartDate"
|
||||
SortBy: "StartDate",
|
||||
Limit: 200
|
||||
|
||||
}).then(function (result) {
|
||||
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue