mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
Added show and hide cursor
This commit is contained in:
parent
3ffd2bc4b9
commit
d7526d955d
2 changed files with 17 additions and 14 deletions
|
@ -422,9 +422,6 @@ import 'css!assets/css/videoosd';
|
||||||
elem.classList.remove('hide');
|
elem.classList.remove('hide');
|
||||||
elem.classList.remove('videoOsdBottom-hidden');
|
elem.classList.remove('videoOsdBottom-hidden');
|
||||||
|
|
||||||
mouseManager.removeIdleClasses(); // Remove Idle Classes To Show Cursor
|
|
||||||
mouseManager.lastMouseInputTime = new Date().getTime(); // Reset Mouse Input Time
|
|
||||||
|
|
||||||
if (!layoutManager.mobile) {
|
if (!layoutManager.mobile) {
|
||||||
setTimeout(function () {
|
setTimeout(function () {
|
||||||
focusManager.focus(elem.querySelector('.btnPause'));
|
focusManager.focus(elem.querySelector('.btnPause'));
|
||||||
|
@ -440,7 +437,7 @@ import 'css!assets/css/videoosd';
|
||||||
clearHideAnimationEventListeners(elem);
|
clearHideAnimationEventListeners(elem);
|
||||||
elem.classList.add('videoOsdBottom-hidden');
|
elem.classList.add('videoOsdBottom-hidden');
|
||||||
|
|
||||||
mouseManager.addIdleClasses(); // Add Idle Classes To Hide Cursor
|
mouseManager.hideCursor();
|
||||||
|
|
||||||
dom.addEventListener(elem, transitionEndEventName, onHideAnimationComplete, {
|
dom.addEventListener(elem, transitionEndEventName, onHideAnimationComplete, {
|
||||||
once: true
|
once: true
|
||||||
|
|
|
@ -31,6 +31,18 @@ define(['inputManager', 'focusManager', 'browser', 'layoutManager', 'events', 'd
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function showCursor() {
|
||||||
|
isMouseIdle = false;
|
||||||
|
removeIdleClasses();
|
||||||
|
events.trigger(self, 'mouseactive');
|
||||||
|
}
|
||||||
|
|
||||||
|
function hideCursor() {
|
||||||
|
isMouseIdle = true;
|
||||||
|
addIdleClasses();
|
||||||
|
events.trigger(self, 'mouseidle');
|
||||||
|
}
|
||||||
|
|
||||||
var lastPointerMoveData;
|
var lastPointerMoveData;
|
||||||
function onPointerMove(e) {
|
function onPointerMove(e) {
|
||||||
var eventX = e.screenX;
|
var eventX = e.screenX;
|
||||||
|
@ -62,9 +74,7 @@ define(['inputManager', 'focusManager', 'browser', 'layoutManager', 'events', 'd
|
||||||
notifyApp();
|
notifyApp();
|
||||||
|
|
||||||
if (isMouseIdle) {
|
if (isMouseIdle) {
|
||||||
isMouseIdle = false;
|
showCursor();
|
||||||
removeIdleClasses();
|
|
||||||
events.trigger(self, 'mouseactive');
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -99,9 +109,7 @@ define(['inputManager', 'focusManager', 'browser', 'layoutManager', 'events', 'd
|
||||||
|
|
||||||
function onMouseInterval() {
|
function onMouseInterval() {
|
||||||
if (!isMouseIdle && mouseIdleTime() >= 5000) {
|
if (!isMouseIdle && mouseIdleTime() >= 5000) {
|
||||||
isMouseIdle = true;
|
hideCursor();
|
||||||
addIdleClasses();
|
|
||||||
events.trigger(self, 'mouseidle');
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -157,10 +165,8 @@ define(['inputManager', 'focusManager', 'browser', 'layoutManager', 'events', 'd
|
||||||
|
|
||||||
events.on(layoutManager, 'modechange', initMouse);
|
events.on(layoutManager, 'modechange', initMouse);
|
||||||
|
|
||||||
// Make Both Idle Class Functions And Last Mouse Input Time Accessible
|
self.hideCursor = hideCursor;
|
||||||
self.addIdleClasses = addIdleClasses;
|
self.showCursor = showCursor;
|
||||||
self.removeIdleClasses = removeIdleClasses;
|
|
||||||
self.lastMouseInputTime = lastMouseInputTime;
|
|
||||||
|
|
||||||
return self;
|
return self;
|
||||||
});
|
});
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue