From 263801677aecb829b33454f8f0c0287a74c77c7b Mon Sep 17 00:00:00 2001
From: Dinesh Reddy J <dinesh.reddy.ext@juspay.in>
Date: Sun, 12 Mar 2023 21:57:13 +0530
Subject: [PATCH] Added Jellyfin Widget to show number of movies,Series,
Episodes songs #264
---
src/widgets/emby/component.jsx | 63 +++++++++++++++++++++++++++++++---
src/widgets/emby/widget.js | 9 +++++
2 files changed, 67 insertions(+), 5 deletions(-)
diff --git a/src/widgets/emby/component.jsx b/src/widgets/emby/component.jsx
index a61cd7aa..e7d65a34 100644
--- a/src/widgets/emby/component.jsx
+++ b/src/widgets/emby/component.jsx
@@ -2,6 +2,7 @@ import { useTranslation } from "next-i18next";
import { BsVolumeMuteFill, BsFillPlayFill, BsPauseFill, BsCpu, BsFillCpuFill } from "react-icons/bs";
import { MdOutlineSmartDisplay } from "react-icons/md";
+import Block from "components/services/widget/block";
import Container from "components/services/widget/container";
import { formatProxyUrlWithSegments } from "utils/proxy/api-helpers";
import useWidgetAPI from "utils/proxy/use-widget-api";
@@ -161,18 +162,45 @@ export default function Component({ service }) {
refreshInterval: 5000,
});
+ const {
+ data: countData,
+ error: countError,
+ } = useWidgetAPI(widget, "Count", {
+ refreshInterval: 60000,});
+
async function handlePlayCommand(session, command) {
const url = formatProxyUrlWithSegments(widget, "PlayControl", {
sessionId: session.Id,
command,
});
await fetch(url).then(() => {
- sessionMutate();
+ sessionMutate;
});
}
- if (sessionsError) {
- return <Container error={sessionsError} />;
+ if (sessionsError || countError) {
+ return <Container error={sessionsError || countError} />;
+ }
+
+ if (!sessionsData && countData) {
+ return (
+ <>
+ <Container>
+ <Block label="Movies" value={t("common.number", { value: countData.MovieCount })} />
+ <Block label="Series" value={t("common.number", { value: countData.SeriesCount })} />
+ <Block label="Episodes" value={t("common.number", { value: countData.EpisodeCount })} />
+ <Block label="Songs" value={t("common.number", { value: countData.SongCount })} />
+ </Container>
+ <div className="flex flex-col pb-1">
+ <div className="text-theme-700 dark:text-theme-200 text-xs relative h-5 w-full rounded-md bg-theme-200/50 dark:bg-theme-900/20 mt-1">
+ <span className="absolute left-2 text-xs mt-[2px]">-</span>
+ </div>
+ <div className="text-theme-700 dark:text-theme-200 text-xs relative h-5 w-full rounded-md bg-theme-200/50 dark:bg-theme-900/20 mt-1">
+ <span className="absolute left-2 text-xs mt-[2px]">-</span>
+ </div>
+ </div>
+ </>
+ );
}
if (!sessionsData) {
@@ -200,8 +228,15 @@ export default function Component({ service }) {
return 0;
});
- if (playing.length === 0) {
+ if (playing.length === 0 && countData) {
return (
+ <>
+ <Container>
+ <Block label="Movies" value={t("common.number", { value: countData.MovieCount })} />
+ <Block label="Series" value={t("common.number", { value: countData.SeriesCount })} />
+ <Block label="Episodes" value={t("common.number", { value: countData.EpisodeCount })} />
+ <Block label="Songs" value={t("common.number", { value: countData.SongCount })} />
+ </Container>
<div className="flex flex-col pb-1 mx-1">
<div className="text-theme-700 dark:text-theme-200 text-xs relative h-5 w-full rounded-md bg-theme-200/50 dark:bg-theme-900/20 mt-1">
<span className="absolute left-2 text-xs mt-[2px]">{t("emby.no_active")}</span>
@@ -210,22 +245,39 @@ export default function Component({ service }) {
<span className="absolute left-2 text-xs mt-[2px]">-</span>
</div>
</div>
+ </>
);
}
- if (playing.length === 1) {
+ if (playing.length === 1 && countData) {
const session = playing[0];
return (
+ <>
+ <Container>
+ <Block label="Movies" value={t("common.number", { value: countData.MovieCount })} />
+ <Block label="Series" value={t("common.number", { value: countData.SeriesCount })} />
+ <Block label="Episodes" value={t("common.number", { value: countData.EpisodeCount })} />
+ <Block label="Songs" value={t("common.number", { value: countData.SongCount })} />
+ </Container>
<div className="flex flex-col pb-1 mx-1">
<SingleSessionEntry
playCommand={(currentSession, command) => handlePlayCommand(currentSession, command)}
session={session}
/>
</div>
+ </>
);
}
+ if (countData && playing.length === -1)
return (
+ <>
+ <Container>
+ <Block label="Movies" value={t("common.number", { value: countData.MovieCount })} />
+ <Block label="Series" value={t("common.number", { value: countData.SeriesCount })} />
+ <Block label="Episodes" value={t("common.number", { value: countData.EpisodeCount })} />
+ <Block label="Songs" value={t("common.number", { value: countData.SongCount })} />
+ </Container>
<div className="flex flex-col pb-1 mx-1">
{playing.map((session) => (
<SessionEntry
@@ -235,5 +287,6 @@ export default function Component({ service }) {
/>
))}
</div>
+ </>
);
}
diff --git a/src/widgets/emby/widget.js b/src/widgets/emby/widget.js
index 27fc749b..bbf13a30 100644
--- a/src/widgets/emby/widget.js
+++ b/src/widgets/emby/widget.js
@@ -8,6 +8,15 @@ const widget = {
Sessions: {
endpoint: "Sessions",
},
+ Count: {
+ endpoint: "Items/Counts",
+ segments: [
+ "MovieCount",
+ "SeriesCount",
+ "EpisodeCount",
+ "SongCount"
+ ]
+ },
PlayControl: {
method: "POST",
endpoint: "Sessions/{sessionId}/Playing/{command}",