mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
more jquery removal
This commit is contained in:
parent
d4f197006a
commit
e98495d8b8
6 changed files with 29 additions and 26 deletions
|
@ -1,4 +1,4 @@
|
||||||
<div id="channelsPage" data-role="page" data-dom-cache="true" class="page libraryPage channelsPage pageWithAbsoluteTabs" data-contextname="${HeaderChannels}" data-require="scripts/channels,scripts/channelslatest,scripts/sections">
|
<div id="channelsPage" data-role="page" data-dom-cache="true" class="page libraryPage channelsPage" data-contextname="${HeaderChannels}" data-require="scripts/channels,scripts/channelslatest,scripts/sections">
|
||||||
|
|
||||||
<div class="libraryViewNav">
|
<div class="libraryViewNav">
|
||||||
<button class="pageTabButton is-active" data-index="0">${TabLatest}</button>
|
<button class="pageTabButton is-active" data-index="0">${TabLatest}</button>
|
||||||
|
|
|
@ -1,4 +1,4 @@
|
||||||
<div id="indexPage" style="outline: none;" data-role="page" data-dom-cache="true" class="page homePage libraryPage allLibraryPage backdropPage pageWithAbsoluteTabs" data-title="${ButtonHome}" data-backdroptype="movie,series,game,book">
|
<div id="indexPage" style="outline: none;" data-role="page" data-dom-cache="true" class="page homePage libraryPage allLibraryPage backdropPage" data-title="${ButtonHome}" data-backdroptype="movie,series,game,book">
|
||||||
|
|
||||||
<div class="libraryViewNav">
|
<div class="libraryViewNav">
|
||||||
<button class="pageTabButton is-active" data-index="0">${TabHome}</button>
|
<button class="pageTabButton is-active" data-index="0">${TabHome}</button>
|
||||||
|
|
|
@ -1,4 +1,4 @@
|
||||||
<div id="moviesPage" data-role="page" data-dom-cache="true" class="page libraryPage backdropPage pageWithAbsoluteTabs collectionEditorPage" data-backdroptype="movie">
|
<div id="moviesPage" data-role="page" data-dom-cache="true" class="page libraryPage backdropPage collectionEditorPage" data-backdroptype="movie">
|
||||||
|
|
||||||
<div class="libraryViewNav">
|
<div class="libraryViewNav">
|
||||||
<button class="pageTabButton is-active" data-index="0">${TabSuggestions}</button>
|
<button class="pageTabButton is-active" data-index="0">${TabSuggestions}</button>
|
||||||
|
|
|
@ -1,4 +1,4 @@
|
||||||
<div id="musicRecommendedPage" data-dom-cache="true" data-role="page" class="page libraryPage backdropPage pageWithAbsoluteTabs" data-backdroptype="musicartist">
|
<div id="musicRecommendedPage" data-dom-cache="true" data-role="page" class="page libraryPage backdropPage" data-backdroptype="musicartist">
|
||||||
|
|
||||||
<div class="libraryViewNav">
|
<div class="libraryViewNav">
|
||||||
<button class="pageTabButton is-active" data-index="0">${TabSuggestions}</button>
|
<button class="pageTabButton is-active" data-index="0">${TabSuggestions}</button>
|
||||||
|
|
|
@ -1,4 +1,4 @@
|
||||||
define(['appSettings', 'datetime', 'jQuery', 'mediaInfo', 'scrollStyles', 'paper-icon-button-light'], function (appSettings, datetime, $, mediaInfo) {
|
define(['appSettings', 'datetime', 'mediaInfo', 'jQuery', 'scrollStyles', 'paper-icon-button-light'], function (appSettings, datetime, mediaInfo, $) {
|
||||||
|
|
||||||
function createVideoPlayer(self) {
|
function createVideoPlayer(self) {
|
||||||
|
|
||||||
|
@ -42,8 +42,12 @@
|
||||||
self.exitFullScreen();
|
self.exitFullScreen();
|
||||||
}
|
}
|
||||||
|
|
||||||
fadeOut(document.querySelector('#videoPlayer'));
|
var videoPlayerElement = document.querySelector('#videoPlayer');
|
||||||
$('#videoPlayer').removeClass('fullscreenVideo').removeClass('idlePlayer');
|
|
||||||
|
fadeOut(videoPlayerElement);
|
||||||
|
videoPlayerElement.classList.remove('fullscreenVideo');
|
||||||
|
videoPlayerElement.classList.remove('idlePlayer');
|
||||||
|
|
||||||
$('.hiddenOnIdle').removeClass("inactive");
|
$('.hiddenOnIdle').removeClass("inactive");
|
||||||
$("video").remove();
|
$("video").remove();
|
||||||
|
|
||||||
|
@ -64,7 +68,7 @@
|
||||||
document.msExitFullscreen();
|
document.msExitFullscreen();
|
||||||
}
|
}
|
||||||
|
|
||||||
$('#videoPlayer').removeClass('fullscreenVideo');
|
document.querySelector('#videoPlayer').classList.remove('fullscreenVideo');
|
||||||
};
|
};
|
||||||
|
|
||||||
self.isFullScreen = function () {
|
self.isFullScreen = function () {
|
||||||
|
@ -127,7 +131,7 @@
|
||||||
items: menuItems,
|
items: menuItems,
|
||||||
// history.back() will cause the video player to stop
|
// history.back() will cause the video player to stop
|
||||||
enableHistory: false,
|
enableHistory: false,
|
||||||
positionTo: $('.videoSubtitleButton')[0],
|
positionTo: document.querySelector('.videoSubtitleButton'),
|
||||||
callback: function (id) {
|
callback: function (id) {
|
||||||
|
|
||||||
var index = parseInt(id);
|
var index = parseInt(id);
|
||||||
|
@ -180,7 +184,7 @@
|
||||||
items: menuItems,
|
items: menuItems,
|
||||||
// history.back() will cause the video player to stop
|
// history.back() will cause the video player to stop
|
||||||
enableHistory: false,
|
enableHistory: false,
|
||||||
positionTo: $('.videoQualityButton')[0],
|
positionTo: document.querySelector('.videoQualityButton'),
|
||||||
callback: function (id) {
|
callback: function (id) {
|
||||||
|
|
||||||
var bitrate = parseInt(id);
|
var bitrate = parseInt(id);
|
||||||
|
@ -246,7 +250,7 @@
|
||||||
items: menuItems,
|
items: menuItems,
|
||||||
// history.back() will cause the video player to stop
|
// history.back() will cause the video player to stop
|
||||||
enableHistory: false,
|
enableHistory: false,
|
||||||
positionTo: $('.videoAudioButton')[0],
|
positionTo: document.querySelector('.videoAudioButton'),
|
||||||
callback: function (id) {
|
callback: function (id) {
|
||||||
|
|
||||||
var index = parseInt(id);
|
var index = parseInt(id);
|
||||||
|
@ -853,6 +857,7 @@
|
||||||
|
|
||||||
function onPopState() {
|
function onPopState() {
|
||||||
// Stop playback on browser back button nav
|
// Stop playback on browser back button nav
|
||||||
|
window.removeEventListener("popstate", onPopState);
|
||||||
self.stop();
|
self.stop();
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
@ -904,15 +909,15 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
$(document).on('webkitfullscreenchange', onFullScreenChange);
|
document.addEventListener('webkitfullscreenchange', onFullScreenChange);
|
||||||
$(document).on('mozfullscreenchange', onFullScreenChange);
|
document.addEventListener('mozfullscreenchange', onFullScreenChange);
|
||||||
$(document).on('msfullscreenchange', onFullScreenChange);
|
document.addEventListener('msfullscreenchange', onFullScreenChange);
|
||||||
$(document).on('fullscreenchange', onFullScreenChange);
|
document.addEventListener('fullscreenchange', onFullScreenChange);
|
||||||
|
|
||||||
$(window).one("popstate", onPopState);
|
window.addEventListener("popstate", onPopState);
|
||||||
|
|
||||||
if (hideElementsOnIdle) {
|
if (hideElementsOnIdle) {
|
||||||
$(document.body).on("mousemove", onMouseMove);
|
document.body.addEventListener("mousemove", onMouseMove);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -928,15 +933,15 @@
|
||||||
Events.off(mediaRenderer, 'click', onClick);
|
Events.off(mediaRenderer, 'click', onClick);
|
||||||
Events.off(mediaRenderer, 'dblclick', onDoubleClick);
|
Events.off(mediaRenderer, 'dblclick', onDoubleClick);
|
||||||
|
|
||||||
$(document).off('webkitfullscreenchange', onFullScreenChange);
|
document.removeEventListener('webkitfullscreenchange', onFullScreenChange);
|
||||||
$(document).off('mozfullscreenchange', onFullScreenChange);
|
document.removeEventListener('mozfullscreenchange', onFullScreenChange);
|
||||||
$(document).off('msfullscreenchange', onFullScreenChange);
|
document.removeEventListener('msfullscreenchange', onFullScreenChange);
|
||||||
$(document).off('fullscreenchange', onFullScreenChange);
|
document.removeEventListener('fullscreenchange', onFullScreenChange);
|
||||||
|
|
||||||
// Stop playback on browser back button nav
|
// Stop playback on browser back button nav
|
||||||
$(window).off("popstate", onPopState);
|
window.removeEventListener("popstate", onPopState);
|
||||||
|
|
||||||
$(document.body).off("mousemove", onMouseMove);
|
document.body.removeEventListener("mousemove", onMouseMove);
|
||||||
|
|
||||||
var itemVideo = document.querySelector('.itemVideo');
|
var itemVideo = document.querySelector('.itemVideo');
|
||||||
if (itemVideo) {
|
if (itemVideo) {
|
||||||
|
@ -1066,8 +1071,6 @@
|
||||||
$('#video-pauseButton', videoControls).show();
|
$('#video-pauseButton', videoControls).show();
|
||||||
$('.videoTrackControl').addClass('hide');
|
$('.videoTrackControl').addClass('hide');
|
||||||
|
|
||||||
var videoElement = $('#videoElement', mediaPlayerContainer);
|
|
||||||
|
|
||||||
$('.videoQualityButton', videoControls).show();
|
$('.videoQualityButton', videoControls).show();
|
||||||
|
|
||||||
if (mediaStreams.filter(function (s) {
|
if (mediaStreams.filter(function (s) {
|
||||||
|
|
|
@ -1,4 +1,4 @@
|
||||||
<div id="tvRecommendedPage" data-dom-cache="true" data-role="page" class="page libraryPage backdropPage pageWithAbsoluteTabs" data-backdroptype="series">
|
<div id="tvRecommendedPage" data-dom-cache="true" data-role="page" class="page libraryPage backdropPage" data-backdroptype="series">
|
||||||
|
|
||||||
<div class="libraryViewNav">
|
<div class="libraryViewNav">
|
||||||
<button class="pageTabButton is-active" data-index="0">${TabSuggestions}</button>
|
<button class="pageTabButton is-active" data-index="0">${TabSuggestions}</button>
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue