Compare commits
24 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
0932d9611d | ||
|
|
5e616db0ae | ||
|
|
538b0f2110 | ||
|
|
e717c07c54 | ||
|
|
0fa2d01ca3 | ||
|
|
5299b2a9d5 | ||
|
|
4f244988b9 | ||
|
|
5635a8f05e | ||
|
|
c901da4b0c | ||
|
|
c45cd0281f | ||
|
|
0c3e74829a | ||
|
|
e6b769f099 | ||
|
|
77371f7b98 | ||
|
|
988b800b6d | ||
|
|
4c6514ba9f | ||
|
|
6910eba7d6 | ||
|
|
3585b47b6c | ||
|
|
8170abdc94 | ||
|
|
535c0e17bf | ||
|
|
df1cee0eeb | ||
|
|
16cc56030f | ||
|
|
13ecbac96e | ||
|
|
8bca6f9052 | ||
|
|
217db2a66d |
@@ -12,7 +12,7 @@
|
|||||||
<!-- <TreatWarningsAsErrors>false</TreatWarningsAsErrors> -->
|
<!-- <TreatWarningsAsErrors>false</TreatWarningsAsErrors> -->
|
||||||
<Title>Jellyfin Media Bar Enhanced Plugin</Title>
|
<Title>Jellyfin Media Bar Enhanced Plugin</Title>
|
||||||
<Authors>CodeDevMLH</Authors>
|
<Authors>CodeDevMLH</Authors>
|
||||||
<Version>1.5.0.8</Version>
|
<Version>1.5.0.19</Version>
|
||||||
<RepositoryUrl>https://github.com/CodeDevMLH/jellyfin-plugin-media-bar-enhanced</RepositoryUrl>
|
<RepositoryUrl>https://github.com/CodeDevMLH/jellyfin-plugin-media-bar-enhanced</RepositoryUrl>
|
||||||
</PropertyGroup>
|
</PropertyGroup>
|
||||||
|
|
||||||
|
|||||||
@@ -161,7 +161,7 @@
|
|||||||
|
|
||||||
.homeSectionsContainer {
|
.homeSectionsContainer {
|
||||||
position: relative;
|
position: relative;
|
||||||
top: 65vh;
|
margin-top: 65vh;
|
||||||
z-index: 6;
|
z-index: 6;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -605,7 +605,11 @@ const SlideUtils = {
|
|||||||
getOrCreateSlidesContainer() {
|
getOrCreateSlidesContainer() {
|
||||||
let container = document.getElementById("slides-container");
|
let container = document.getElementById("slides-container");
|
||||||
if (!container) {
|
if (!container) {
|
||||||
container = this.createElement("div", { id: "slides-container" });
|
container = this.createElement("div", {
|
||||||
|
id: "slides-container",
|
||||||
|
className: "focuscontainer-y",
|
||||||
|
tabIndex: "-1"
|
||||||
|
});
|
||||||
document.body.appendChild(container);
|
document.body.appendChild(container);
|
||||||
}
|
}
|
||||||
return container;
|
return container;
|
||||||
@@ -1932,7 +1936,7 @@ const SlideCreator = {
|
|||||||
createPlayButton(itemId) {
|
createPlayButton(itemId) {
|
||||||
const playText = LocalizationUtils.getLocalizedString('Play', 'Play');
|
const playText = LocalizationUtils.getLocalizedString('Play', 'Play');
|
||||||
return SlideUtils.createElement("button", {
|
return SlideUtils.createElement("button", {
|
||||||
className: "detailButton btnPlay play-button",
|
className: "detailButton btnPlay play-button focusable",
|
||||||
innerHTML: `
|
innerHTML: `
|
||||||
<span class="play-text">${playText}</span>
|
<span class="play-text">${playText}</span>
|
||||||
`,
|
`,
|
||||||
@@ -1952,7 +1956,7 @@ const SlideCreator = {
|
|||||||
*/
|
*/
|
||||||
createDetailButton(itemId) {
|
createDetailButton(itemId) {
|
||||||
return SlideUtils.createElement("button", {
|
return SlideUtils.createElement("button", {
|
||||||
className: "detailButton detail-button",
|
className: "detailButton detail-button focusable",
|
||||||
tabIndex: "0",
|
tabIndex: "0",
|
||||||
onclick: (e) => {
|
onclick: (e) => {
|
||||||
e.preventDefault();
|
e.preventDefault();
|
||||||
@@ -1978,7 +1982,7 @@ const SlideCreator = {
|
|||||||
const isFavorite = item.UserData && item.UserData.IsFavorite === true;
|
const isFavorite = item.UserData && item.UserData.IsFavorite === true;
|
||||||
|
|
||||||
const button = SlideUtils.createElement("button", {
|
const button = SlideUtils.createElement("button", {
|
||||||
className: `favorite-button ${isFavorite ? "favorited" : ""}`,
|
className: `favorite-button focusable ${isFavorite ? "favorited" : ""}`,
|
||||||
tabIndex: "0",
|
tabIndex: "0",
|
||||||
onclick: async (e) => {
|
onclick: async (e) => {
|
||||||
e.preventDefault();
|
e.preventDefault();
|
||||||
@@ -1998,7 +2002,7 @@ const SlideCreator = {
|
|||||||
createTrailerButton(url) {
|
createTrailerButton(url) {
|
||||||
const trailerText = LocalizationUtils.getLocalizedString('Trailer', 'Trailer');
|
const trailerText = LocalizationUtils.getLocalizedString('Trailer', 'Trailer');
|
||||||
return SlideUtils.createElement("button", {
|
return SlideUtils.createElement("button", {
|
||||||
className: "detailButton trailer-button",
|
className: "detailButton trailer-button focusable",
|
||||||
innerHTML: `<span class="material-icons">movie</span> <span class="trailer-text">${trailerText}</span>`,
|
innerHTML: `<span class="material-icons">movie</span> <span class="trailer-text">${trailerText}</span>`,
|
||||||
tabIndex: "0",
|
tabIndex: "0",
|
||||||
onclick: (e) => {
|
onclick: (e) => {
|
||||||
@@ -2655,18 +2659,13 @@ const SlideshowManager = {
|
|||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
// Only trap keys if focus is on body (neutral) or inside our container.
|
const activeElement = document.activeElement;
|
||||||
// To allow standard TV navigation to work for other elements (e.g. library cards).
|
const isSlideshowFocused = container.contains(activeElement) || activeElement === container;
|
||||||
const activeEl = document.activeElement;
|
|
||||||
const isBody = activeEl === document.body || !activeEl;
|
if (!isSlideshowFocused) {
|
||||||
const isInContainer = container.contains(activeEl) || activeEl === container;
|
|
||||||
|
|
||||||
if (!isBody && !isInContainer) {
|
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
const focusElement = document.activeElement;
|
|
||||||
|
|
||||||
switch (e.key) {
|
switch (e.key) {
|
||||||
case "ArrowRight":
|
case "ArrowRight":
|
||||||
SlideshowManager.nextSlide();
|
SlideshowManager.nextSlide();
|
||||||
|
|||||||
@@ -9,12 +9,12 @@
|
|||||||
"imageUrl": "https://git.mahom03-spacecloud.de/CodeDevMLH/jellyfin-plugin-media-bar-enhanced/raw/branch/main/logo.png",
|
"imageUrl": "https://git.mahom03-spacecloud.de/CodeDevMLH/jellyfin-plugin-media-bar-enhanced/raw/branch/main/logo.png",
|
||||||
"versions": [
|
"versions": [
|
||||||
{
|
{
|
||||||
"version": "1.5.0.8",
|
"version": "1.5.0.19",
|
||||||
"changelog": "- fix: keyboard controls in TV mode\n- Add sorting options for content\n- Update mediaBarEnhanced.js and mediaBarEnhanced.css with version 4.0.1 from original repo",
|
"changelog": "- fix: keyboard controls in TV mode\n- Add sorting options for content\n- Update mediaBarEnhanced.js and mediaBarEnhanced.css with version 4.0.1 from original repo",
|
||||||
"targetAbi": "10.11.0.0",
|
"targetAbi": "10.11.0.0",
|
||||||
"sourceUrl": "https://git.mahom03-spacecloud.de/CodeDevMLH/jellyfin-plugin-media-bar-enhanced/releases/download/v1.5.0.8/Jellyfin.Plugin.MediaBarEnhanced.zip",
|
"sourceUrl": "https://git.mahom03-spacecloud.de/CodeDevMLH/jellyfin-plugin-media-bar-enhanced/releases/download/v1.5.0.19/Jellyfin.Plugin.MediaBarEnhanced.zip",
|
||||||
"checksum": "f0541cd85271cda5ce9fb786b69e8376",
|
"checksum": "ddb2bc4c04a389671c398dca3f38b801",
|
||||||
"timestamp": "2026-02-09T13:11:29Z"
|
"timestamp": "2026-02-09T16:33:55Z"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"version": "1.3.0.3",
|
"version": "1.3.0.3",
|
||||||
|
|||||||
Reference in New Issue
Block a user