Merge branch 'main' into Mylar

src/components/widgets/unifi_console/unifi_console.jsx

@@ -20,7 +20,6 @@ export default function Widget({ options }) {
             <BiError className="w-8 h-8 text-theme-800 dark:text-theme-200" />
             <div className="flex flex-col ml-3 text-left">
               <span className="text-theme-800 dark:text-theme-200 text-sm">{t("widget.api_error")}</span>
-              <span className="text-theme-800 dark:text-theme-200 text-xs">-</span>
             </div>
           </div>
         </div>
@@ -28,7 +27,7 @@ export default function Widget({ options }) {
     );
   }
 
-  const defaultSite = statsData?.data?.find(s => s.name === "default");
+  const defaultSite = options.site ? statsData?.data.find(s => s.desc === options.site) : statsData?.data?.find(s => s.name === "default");
 
   if (!defaultSite) {
     return (
@@ -55,6 +54,8 @@ export default function Widget({ options }) {
   const name = wan.gw_name ?? defaultSite.desc;
   const uptime = wan["gw_system-stats"] ? wan["gw_system-stats"].uptime : null;
 
+  const dataEmpty = !(wan.show || lan.show || wlan.show || uptime);
+
   return (
     <div className="flex-none flex flex-row items-center mr-3 py-1.5">
       <div className="flex flex-col">
@@ -64,6 +65,14 @@ export default function Widget({ options }) {
             {name}
           </div>
         </div>
+        {dataEmpty && <div className="flex flex-row ml-3 text-[8px] justify-between">
+        <div className="flex flex-row items-center justify-end">
+          <div className="flex flex-row">
+            <BiError className="w-4 h-4 text-theme-800 dark:text-theme-200" />
+            <span className="text-theme-800 dark:text-theme-200 text-xs">{t("unifi.empty_data")}</span>
+          </div>
+        </div>
+      </div>}
         <div className="flex flex-row ml-3 text-[10px] justify-between">
           {uptime && <div className="flex flex-row" title={t("unifi.uptime")}>
             <div className="pr-0.5 text-theme-800 dark:text-theme-200">

src/utils/config/service-helpers.js

@@ -233,6 +233,7 @@ export function cleanServiceGroups(groups) {
           currency, // coinmarketcap widget
           symbols,
           defaultinterval,
+          site, // unifi widget
           namespace, // kubernetes widget
           app,
           podSelector,
@@ -256,6 +257,9 @@ export function cleanServiceGroups(groups) {
           if (server) cleanedService.widget.server = server;
           if (container) cleanedService.widget.container = container;
         }
+        if (type === "unifi") {
+          if (site) cleanedService.widget.site = site;
+        }
         if (type === "kubernetes") {
           if (namespace) cleanedService.widget.namespace = namespace;
           if (app) cleanedService.widget.app = app;

src/widgets/components.js

@@ -21,6 +21,7 @@ const components = {
   jackett: dynamic(() => import("./jackett/component")),
   jellyfin: dynamic(() => import("./emby/component")),
   jellyseerr: dynamic(() => import("./jellyseerr/component")),
+  komga: dynamic(() => import("./komga/component")),
   lidarr: dynamic(() => import("./lidarr/component")),
   mastodon: dynamic(() => import("./mastodon/component")),
   medusa: dynamic(() => import("./medusa/component")),

src/widgets/komga/component.jsx

@@ -0,0 +1,37 @@
+import { useTranslation } from "next-i18next";
+
+import Container from "components/services/widget/container";
+import Block from "components/services/widget/block";
+import useWidgetAPI from "utils/proxy/use-widget-api";
+
+export default function Component({ service }) {
+  const { t } = useTranslation();
+  const { widget } = service;
+
+  const { data: libraryData, error: libraryError } = useWidgetAPI(widget, "libraries");
+  const { data: seriesData, error: seriesError } = useWidgetAPI(widget, "series");
+  const { data: bookData, error: bookError } = useWidgetAPI(widget, "books");
+
+  if (libraryError || seriesError || bookError) {
+    const finalError = libraryError ?? seriesError ?? bookError;
+    return <Container error={finalError} />;
+  }
+
+  if (!libraryData || !seriesData || !bookData) {
+    return (
+      <Container service={service}>
+        <Block label="komga.libraries" />
+        <Block label="komga.series" />
+        <Block label="komga.books" />
+      </Container>
+    );
+  }
+
+  return (
+    <Container service={service}>
+      <Block label="komga.libraries" value={t("common.number", { value: libraryData.total })} />
+      <Block label="komga.series" value={t("common.number", { value: seriesData.totalElements })} />
+      <Block label="komga.books" value={t("common.number", { value: bookData.totalElements })} />
+    </Container>
+  );
+}

src/widgets/komga/widget.js

@@ -0,0 +1,30 @@
+import genericProxyHandler from "utils/proxy/handlers/generic";
+import { jsonArrayFilter } from "utils/proxy/api-helpers";
+
+const widget = {
+  api: "{url}/api/v1/{endpoint}",
+  proxyHandler: genericProxyHandler,
+
+  mappings: {
+    libraries: {
+      endpoint: "libraries",
+      map: (data) => ({
+        total: jsonArrayFilter(data, (item) => !item.unavailable).length,
+      }),
+    },
+    series: {
+      endpoint: "series",
+      validate: [
+        "totalElements"
+      ]
+    },
+    books: {
+      endpoint: "books",
+      validate: [
+        "totalElements"
+      ]
+    },
+  },
+};
+
+export default widget;

src/widgets/proxmoxbackupserver/component.jsx

@@ -22,7 +22,7 @@ export default function Component({ service }) {
     return (
       <Container service={service}>
         <Block label="proxmoxbackupserver.datastore_usage" />
-        <Block label="proxmoxbackupserver.failed_tasks" />
+        <Block label="proxmoxbackupserver.failed_tasks_24h" />
         <Block label="proxmoxbackupserver.cpu_usage" />
         <Block label="proxmoxbackupserver.memory_usage" />
       </Container>

src/widgets/unifi/component.jsx

@@ -15,7 +15,7 @@ export default function Component({ service }) {
         return <Container error={statsError} />;
     }
 
-    const defaultSite = statsData?.data?.find(s => s.name === "default");
+    const defaultSite = widget.site ? statsData?.data.find(s => s.desc === widget.site) : statsData?.data?.find(s => s.name === "default");
 
     if (!defaultSite) {
         return (
@@ -38,6 +38,14 @@ export default function Component({ service }) {
 
     const uptime = wan["gw_system-stats"] ? `${t("common.number", { value: wan["gw_system-stats"].uptime / 86400, maximumFractionDigits: 1 })} ${t("unifi.days")}` : null;
 
+    if (!(wan.show || lan.show || wlan.show || uptime)) {
+        return (
+            <Container service={service}>
+                <Block value={ t("unifi.empty_data") } />
+            </Container>
+        )
+    }
+
     return (
         <Container service={service}>
             {uptime && <Block label="unifi.uptime" value={ uptime } />}

src/widgets/widgets.js

@@ -15,6 +15,7 @@ import hdhomerun from "./hdhomerun/widget";
 import homebridge from "./homebridge/widget";
 import jackett from "./jackett/widget";
 import jellyseerr from "./jellyseerr/widget";
+import komga from "./komga/widget";
 import lidarr from "./lidarr/widget";
 import mastodon from "./mastodon/widget";
 import medusa from "./medusa/widget";
@@ -80,6 +81,7 @@ const widgets = {
   jackett,
   jellyfin: emby,
   jellyseerr,
+  komga,
   lidarr,
   mastodon,
   medusa,