mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
Merge pull request #314 from oddstr13/pr-keyboard-navigation-1
Initial support for keyboard navigation (for webOS remote etc.)
This commit is contained in:
commit
f936c04d15
3 changed files with 59 additions and 0 deletions
36
src/components/keyboardnavigation.js
Normal file
36
src/components/keyboardnavigation.js
Normal file
|
@ -0,0 +1,36 @@
|
|||
define(['inputmanager', 'focusManager'], function(inputmanager, focusManager) {
|
||||
'use strict';
|
||||
|
||||
console.log("keyboardnavigation");
|
||||
|
||||
function enable() {
|
||||
document.addEventListener('keydown', function(e) {
|
||||
var capture = true;
|
||||
|
||||
switch (e.keyCode) {
|
||||
case 37: // ArrowLeft
|
||||
inputmanager.handle('left');
|
||||
break;
|
||||
case 38: // ArrowUp
|
||||
inputmanager.handle('up');
|
||||
break;
|
||||
case 39: // ArrowRight
|
||||
inputmanager.handle('right');
|
||||
break;
|
||||
case 40: // ArrowDown
|
||||
inputmanager.handle('down');
|
||||
break;
|
||||
default:
|
||||
capture = false;
|
||||
}
|
||||
if (capture) {
|
||||
console.log("Disabling default event handling");
|
||||
e.preventDefault();
|
||||
}
|
||||
});
|
||||
|
||||
}
|
||||
return {
|
||||
enable: enable,
|
||||
};
|
||||
});
|
|
@ -322,6 +322,25 @@ define(["loading", "appRouter", "layoutManager", "connectionManager", "cardBuild
|
|||
itemBirthLocation.classList.remove("hide"), itemBirthLocation.innerHTML = globalize.translate("BirthPlaceValue").replace("{0}", gmap)
|
||||
} else itemBirthLocation.classList.add("hide");
|
||||
setPeopleHeader(page, item), loading.hide()
|
||||
|
||||
try {
|
||||
require(["focusManager"], function(focusManager) {
|
||||
[".btnResume", ".btnPlay"].every(function (cls) {
|
||||
|
||||
var elems = page.querySelectorAll(cls);
|
||||
|
||||
for (var i = 0; i < elems.length; i++) {
|
||||
if (focusManager.isCurrentlyFocusable(elems[i])) {
|
||||
focusManager.focus(elems[i]);
|
||||
return false;
|
||||
}
|
||||
}
|
||||
return true;
|
||||
});
|
||||
});
|
||||
} catch (e) {
|
||||
console.log(e);
|
||||
}
|
||||
}
|
||||
|
||||
function logoImageUrl(item, apiClient, options) {
|
||||
|
|
|
@ -484,6 +484,9 @@ var AppInfo = {};
|
|||
onGlobalizeInit(browser);
|
||||
});
|
||||
});
|
||||
require(["keyboardnavigation"], function(keyboardnavigation) {
|
||||
keyboardnavigation.enable();
|
||||
});
|
||||
});
|
||||
});
|
||||
}
|
||||
|
@ -877,6 +880,7 @@ var AppInfo = {};
|
|||
define("serverNotifications", [componentsPath + "/serverNotifications/serverNotifications"], returnFirstDependency);
|
||||
define("appFooter-shared", ["appFooter"], createSharedAppFooter);
|
||||
define("skinManager", [componentsPath + "/skinManager"], returnFirstDependency);
|
||||
define("keyboardnavigation", [componentsPath + "/keyboardnavigation"], returnFirstDependency);
|
||||
define("connectionManager", [], function () {
|
||||
return ConnectionManager;
|
||||
});
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue