Compare commits
5 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
14a5075e22 | ||
|
|
accb316a81 | ||
|
|
51c5cdf5bf | ||
|
|
306eff757b | ||
|
|
b8f28a5735 |
@@ -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.19</Version>
|
<Version>1.5.0.21</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>
|
||||||
|
|
||||||
|
|||||||
@@ -607,8 +607,7 @@ const SlideUtils = {
|
|||||||
if (!container) {
|
if (!container) {
|
||||||
container = this.createElement("div", {
|
container = this.createElement("div", {
|
||||||
id: "slides-container",
|
id: "slides-container",
|
||||||
className: "focuscontainer-y",
|
className: "noautofocus"
|
||||||
tabIndex: "-1"
|
|
||||||
});
|
});
|
||||||
document.body.appendChild(container);
|
document.body.appendChild(container);
|
||||||
}
|
}
|
||||||
@@ -1936,7 +1935,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 focusable",
|
className: "detailButton btnPlay play-button",
|
||||||
innerHTML: `
|
innerHTML: `
|
||||||
<span class="play-text">${playText}</span>
|
<span class="play-text">${playText}</span>
|
||||||
`,
|
`,
|
||||||
@@ -1956,7 +1955,7 @@ const SlideCreator = {
|
|||||||
*/
|
*/
|
||||||
createDetailButton(itemId) {
|
createDetailButton(itemId) {
|
||||||
return SlideUtils.createElement("button", {
|
return SlideUtils.createElement("button", {
|
||||||
className: "detailButton detail-button focusable",
|
className: "detailButton detail-button",
|
||||||
tabIndex: "0",
|
tabIndex: "0",
|
||||||
onclick: (e) => {
|
onclick: (e) => {
|
||||||
e.preventDefault();
|
e.preventDefault();
|
||||||
@@ -1982,7 +1981,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 focusable ${isFavorite ? "favorited" : ""}`,
|
className: `favorite-button ${isFavorite ? "favorited" : ""}`,
|
||||||
tabIndex: "0",
|
tabIndex: "0",
|
||||||
onclick: async (e) => {
|
onclick: async (e) => {
|
||||||
e.preventDefault();
|
e.preventDefault();
|
||||||
@@ -2002,7 +2001,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 focusable",
|
className: "detailButton trailer-button",
|
||||||
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) => {
|
||||||
@@ -2662,33 +2661,42 @@ const SlideshowManager = {
|
|||||||
const activeElement = document.activeElement;
|
const activeElement = document.activeElement;
|
||||||
const isSlideshowFocused = container.contains(activeElement) || activeElement === container;
|
const isSlideshowFocused = container.contains(activeElement) || activeElement === container;
|
||||||
|
|
||||||
if (!isSlideshowFocused) {
|
const isTvMode = window.layoutManager && window.layoutManager.tv;
|
||||||
|
|
||||||
|
const isInputElement = activeElement && (activeElement.tagName === 'INPUT' || activeElement.tagName === 'TEXTAREA' || activeElement.isContentEditable);
|
||||||
|
|
||||||
|
if (isInputElement) {
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
switch (e.key) {
|
switch (e.key) {
|
||||||
case "ArrowRight":
|
case "ArrowRight":
|
||||||
|
if (isTvMode && !isSlideshowFocused) return;
|
||||||
SlideshowManager.nextSlide();
|
SlideshowManager.nextSlide();
|
||||||
e.preventDefault();
|
e.preventDefault();
|
||||||
break;
|
break;
|
||||||
|
|
||||||
case "ArrowLeft":
|
case "ArrowLeft":
|
||||||
|
if (isTvMode && !isSlideshowFocused) return;
|
||||||
SlideshowManager.prevSlide();
|
SlideshowManager.prevSlide();
|
||||||
e.preventDefault();
|
e.preventDefault();
|
||||||
break;
|
break;
|
||||||
|
|
||||||
case " ": // Space bar
|
case " ": // Space bar
|
||||||
|
if (isTvMode && !isSlideshowFocused) return;
|
||||||
this.togglePause();
|
this.togglePause();
|
||||||
e.preventDefault();
|
e.preventDefault();
|
||||||
break;
|
break;
|
||||||
|
|
||||||
case "m": // Mute toggle
|
case "m": // Mute toggle
|
||||||
case "M":
|
case "M":
|
||||||
|
if (isTvMode && !isSlideshowFocused) return;
|
||||||
this.toggleMute();
|
this.toggleMute();
|
||||||
e.preventDefault();
|
e.preventDefault();
|
||||||
break;
|
break;
|
||||||
|
|
||||||
case "Enter":
|
case "Enter":
|
||||||
|
if (!isSlideshowFocused) return;
|
||||||
const currentItemId = STATE.slideshow.itemIds[STATE.slideshow.currentSlideIndex];
|
const currentItemId = STATE.slideshow.itemIds[STATE.slideshow.currentSlideIndex];
|
||||||
if (currentItemId) {
|
if (currentItemId) {
|
||||||
if (window.Emby && window.Emby.Page) {
|
if (window.Emby && window.Emby.Page) {
|
||||||
|
|||||||
@@ -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.19",
|
"version": "1.5.0.21",
|
||||||
"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.19/Jellyfin.Plugin.MediaBarEnhanced.zip",
|
"sourceUrl": "https://git.mahom03-spacecloud.de/CodeDevMLH/jellyfin-plugin-media-bar-enhanced/releases/download/v1.5.0.21/Jellyfin.Plugin.MediaBarEnhanced.zip",
|
||||||
"checksum": "ddb2bc4c04a389671c398dca3f38b801",
|
"checksum": "9a28102dbd4b62abdc8ef72abd7c6574",
|
||||||
"timestamp": "2026-02-09T16:33:55Z"
|
"timestamp": "2026-02-09T22:29:09Z"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"version": "1.3.0.3",
|
"version": "1.3.0.3",
|
||||||
|
|||||||
Reference in New Issue
Block a user