mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
support headroom with guide
This commit is contained in:
parent
937b1a7a7c
commit
ff79304dee
70 changed files with 115 additions and 88 deletions
|
@ -3419,10 +3419,6 @@
|
|||
html += '</paper-radio-group>';
|
||||
html += '</div>';
|
||||
|
||||
//html += '<div class="buttons">';
|
||||
//html += '<paper-button dialog-dismiss>' + Globalize.translate('ButtonClose') + '</paper-button>';
|
||||
//html += '</div>';
|
||||
|
||||
dlg.innerHTML = html;
|
||||
document.body.appendChild(dlg);
|
||||
|
||||
|
|
|
@ -1,4 +1,28 @@
|
|||
define(['tvguide', 'embyRouter'], function (tvguide, embyRouter) {
|
||||
define(['tvguide', 'events'], function (tvguide, events) {
|
||||
|
||||
function onGuideLoaded() {
|
||||
|
||||
var context = this.options.element;
|
||||
|
||||
require(["headroom"], function () {
|
||||
|
||||
// construct an instance of Headroom, passing the element
|
||||
var headroom = new Headroom(context.querySelector('.tvGuideHeader'), {
|
||||
// or scroll tolerance per direction
|
||||
scroller: context.querySelector('.guideVerticalScroller'),
|
||||
|
||||
onPin: function () {
|
||||
context.classList.remove('headroomUnpinned');
|
||||
},
|
||||
// callback when unpinned, `this` is headroom object
|
||||
onUnpin: function () {
|
||||
context.classList.add('headroomUnpinned');
|
||||
}
|
||||
});
|
||||
// initialise
|
||||
headroom.init();
|
||||
});
|
||||
}
|
||||
|
||||
window.LiveTvPage.initGuideTab = function (page, tabContent) {
|
||||
|
||||
|
@ -6,15 +30,14 @@
|
|||
|
||||
window.LiveTvPage.renderGuideTab = function (page, tabContent) {
|
||||
|
||||
if (page.guideInstance) {
|
||||
if (LibraryBrowser.needsRefresh(tabContent)) {
|
||||
page.guideInstance.refresh();
|
||||
}
|
||||
} else {
|
||||
if (!page.guideInstance) {
|
||||
|
||||
page.guideInstance = new tvguide({
|
||||
element: tabContent,
|
||||
enableHeadRoom: true
|
||||
element: tabContent
|
||||
});
|
||||
|
||||
events.on(page.guideInstance, 'load', onGuideLoaded);
|
||||
|
||||
}
|
||||
};
|
||||
|
||||
|
|
|
@ -97,7 +97,7 @@
|
|||
|
||||
function showPlaybackOverlay(resolve, reject) {
|
||||
|
||||
require(['dialogHelper', 'paper-fab', 'paper-item-body', 'paper-icon-item'], function (dialogHelper) {
|
||||
require(['dialogHelper', 'paper-fab', 'paper-item-body', 'paper-icon-item', 'paper-button'], function (dialogHelper) {
|
||||
|
||||
var dlg = dialogHelper.createDialog({
|
||||
size: 'fullscreen-border'
|
||||
|
|
|
@ -1,4 +1,4 @@
|
|||
define(['libraryBrowser', 'jQuery', 'appSettings', 'scrollStyles'], function (LibraryBrowser, $, appSettings) {
|
||||
define(['libraryBrowser', 'jQuery', 'appSettings', 'scrollStyles', 'paper-button'], function (LibraryBrowser, $, appSettings) {
|
||||
|
||||
function getUserViews(userId) {
|
||||
|
||||
|
|
|
@ -2545,7 +2545,7 @@ var AppInfo = {};
|
|||
|
||||
defineRoute({
|
||||
path: '/movies.html',
|
||||
dependencies: ['paper-tabs', 'paper-checkbox', 'paper-fab', 'scripts/alphapicker'],
|
||||
dependencies: ['paper-tabs', 'paper-checkbox', 'paper-fab', 'scripts/alphapicker', 'paper-button'],
|
||||
autoFocus: false,
|
||||
controller: 'scripts/moviesrecommended'
|
||||
});
|
||||
|
|
|
@ -1,4 +1,4 @@
|
|||
define(['jQuery', 'paper-progress', 'paper-fab', 'paper-item-body', 'paper-icon-item', 'paper-icon-button'], function ($) {
|
||||
define(['jQuery', 'paper-progress', 'paper-fab', 'paper-item-body', 'paper-icon-item', 'paper-icon-button', 'paper-button'], function ($) {
|
||||
|
||||
function renderJob(page, job, dialogOptions) {
|
||||
|
||||
|
|
|
@ -1,4 +1,4 @@
|
|||
define(['appStorage', 'jQuery'], function (appStorage, $) {
|
||||
define(['appStorage', 'jQuery', 'paper-button'], function (appStorage, $) {
|
||||
|
||||
$.fn.taskButton = function (options) {
|
||||
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue