mirror of
https://github.com/jellyfin/jellyfin-web.git
synced 2024-11-18 03:18:19 -07:00
126 lines
3.1 KiB
JavaScript
126 lines
3.1 KiB
JavaScript
(function ($, document) {
|
|
|
|
function getRecordingGroupHtml(group) {
|
|
|
|
var html = '';
|
|
|
|
html += '<paper-icon-item>';
|
|
|
|
html += '<paper-fab mini class="blue" icon="live-tv" item-icon></paper-fab>';
|
|
|
|
html += '<paper-item-body two-line>';
|
|
html += '<a href="livetvrecordinglist.html?groupid=' + group.Id + '" class="clearLink">';
|
|
|
|
html += '<div>';
|
|
html += group.Name;
|
|
html += '</div>';
|
|
|
|
html += '<div secondary>';
|
|
if (group.RecordingCount == 1) {
|
|
html += Globalize.translate('ValueItemCount', group.RecordingCount);
|
|
} else {
|
|
html += Globalize.translate('ValueItemCountPlural', group.RecordingCount);
|
|
}
|
|
html += '</div>';
|
|
|
|
html += '</a>';
|
|
html += '</paper-item-body>';
|
|
html += '</paper-icon-item>';
|
|
|
|
return html;
|
|
}
|
|
|
|
function renderRecordingGroups(page, groups) {
|
|
|
|
if (groups.length) {
|
|
$('#recordingGroups', page).show();
|
|
} else {
|
|
$('#recordingGroups', page).hide();
|
|
}
|
|
|
|
var html = '';
|
|
|
|
html += '<div class="paperList">';
|
|
|
|
for (var i = 0, length = groups.length; i < length; i++) {
|
|
|
|
html += getRecordingGroupHtml(groups[i]);
|
|
}
|
|
|
|
html += '</div>';
|
|
|
|
page.querySelector('#recordingGroupItems').innerHTML = html;
|
|
|
|
Dashboard.hideLoadingMsg();
|
|
}
|
|
|
|
function renderRecordings(elem, recordings) {
|
|
|
|
if (recordings.length) {
|
|
elem.classList.remove('hide');
|
|
} else {
|
|
elem.classList.add('hide');
|
|
}
|
|
|
|
var recordingItems = elem.querySelector('.recordingItems');
|
|
recordingItems.innerHTML = LibraryBrowser.getPosterViewHtml({
|
|
items: recordings,
|
|
shape: "auto",
|
|
showTitle: true,
|
|
showParentTitle: true,
|
|
centerText: true,
|
|
coverImage: true,
|
|
lazy: true,
|
|
overlayPlayButton: true
|
|
|
|
});
|
|
|
|
ImageLoader.lazyChildren(recordingItems);
|
|
}
|
|
|
|
function reload(page) {
|
|
|
|
Dashboard.showLoadingMsg();
|
|
|
|
ApiClient.getLiveTvRecordings({
|
|
|
|
userId: Dashboard.getCurrentUserId(),
|
|
IsInProgress: true
|
|
|
|
}).then(function (result) {
|
|
|
|
renderRecordings(page.querySelector('#activeRecordings'), result.Items);
|
|
|
|
});
|
|
|
|
ApiClient.getLiveTvRecordings({
|
|
|
|
userId: Dashboard.getCurrentUserId(),
|
|
limit: 12,
|
|
IsInProgress: false
|
|
|
|
}).then(function (result) {
|
|
|
|
renderRecordings(page.querySelector('#latestRecordings'), result.Items);
|
|
});
|
|
|
|
ApiClient.getLiveTvRecordingGroups({
|
|
|
|
userId: Dashboard.getCurrentUserId()
|
|
|
|
}).then(function (result) {
|
|
|
|
require(['paper-fab', 'paper-item-body', 'paper-icon-item'], function () {
|
|
renderRecordingGroups(page, result.Items);
|
|
});
|
|
});
|
|
}
|
|
|
|
window.LiveTvPage.renderRecordingsTab = function (page, tabContent) {
|
|
|
|
if (LibraryBrowser.needsRefresh(tabContent)) {
|
|
reload(tabContent);
|
|
}
|
|
};
|
|
|
|
})(jQuery, document); |