mirrors/jellyfin-web
1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00
Code Activity

more jquery removal

Browse source
This commit is contained in:
Luke Pulverenti 2016-06-04 12:10:10 -04:00
parent d4f197006a
commit e98495d8b8
6 changed files with 29 additions and 26 deletions
Download patch file Download diff file Expand all files Collapse all files

2
dashboard-ui/channels.html
View file

@ -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>

2
dashboard-ui/home.html
View file

@ -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>

2
dashboard-ui/movies.html
View file

@ -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>

2
dashboard-ui/music.html
View file

@ -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>

45
dashboard-ui/scripts/mediaplayer-video.js
View file

@ -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) {

2
dashboard-ui/tv.html
View file

@ -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>