Feature: LubeLogger widget

docs/widgets/services/index.md

@@ -59,6 +59,7 @@ You can also find a list of all available service widgets in the sidebar navigat
 - [Kopia](kopia.md)
 - [Lidarr](lidarr.md)
 - [Linkwarden](linkwarden.md)
+- [Lubelogger](lubelogger.md)
 - [Mastodon](mastodon.md)
 - [Mealie](mealie.md)
 - [Medusa](medusa.md)

docs/widgets/services/lubelogger.md

@@ -0,0 +1,16 @@
+---
+title: LubeLogger
+description: LubeLogger Widget Configuration
+---
+
+Learn more about [LubeLogger](https://github.com/hargata/lubelog).
+
+Allowed fields: `["vehicles", "serviceRecords", "reminders"]`.
+
+```yaml
+widget:
+  type: lubelogger
+  url: https://lubelogger.host.or.ip
+  username: lubeloggerusername
+  password: lubeloggerpassword
+```

public/locales/en/common.json

@@ -945,5 +945,10 @@
       "average": "Average",
       "high": "High",
       "disaster": "Disaster"
+    },
+    "lubelogger": {
+      "vehicles": "Vehicles",
+      "serviceRecords": "Service Records",
+      "reminders": "Reminders"
     }
 }

src/widgets/components.js

@@ -56,6 +56,7 @@ const components = {
   kopia: dynamic(() => import("./kopia/component")),
   lidarr: dynamic(() => import("./lidarr/component")),
   linkwarden: dynamic(() => import("./linkwarden/component")),
+  lubelogger: dynamic(() => import("./lubelogger/component")),
   mailcow: dynamic(() => import("./mailcow/component")),
   mastodon: dynamic(() => import("./mastodon/component")),
   mealie: dynamic(() => import("./mealie/component")),

src/widgets/lubelogger/component.jsx

@@ -0,0 +1,36 @@
+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 { widget } = service;
+  const { data: vehicleInfo, error } = useWidgetAPI(widget, "vehicleinfo");
+
+  if (error) {
+    return <Container service={service} error={error} />;
+  }
+
+  if (!vehicleInfo) {
+    return (
+      <Container service={service}>
+        <Block label="lubelogger.vehicles" />
+        <Block label="lubelogger.serviceRecords" />
+        <Block label="lubelogger.reminders" />
+      </Container>
+    );
+  }
+
+  const totalReminders = vehicleInfo.reduce(
+    (acc, val) => acc + val.veryUrgentReminderCount + val.urgentReminderCount + val.notUrgentReminderCount,
+    0,
+  );
+  const totalServiceRecords = vehicleInfo.reduce((acc, val) => acc + val.serviceRecordCount, 0);
+
+  return (
+    <Container service={service}>
+      <Block label="lubelogger.vehicles" value={vehicleInfo.length} />
+      <Block label="lubelogger.serviceRecords" value={totalServiceRecords} />
+      <Block label="lubelogger.reminders" value={totalReminders} />
+    </Container>
+  );
+}

src/widgets/lubelogger/widget.js

@@ -0,0 +1,14 @@
+import genericProxyHandler from "utils/proxy/handlers/generic";
+
+const widget = {
+  api: "{url}/api/{endpoint}",
+  proxyHandler: genericProxyHandler,
+
+  mappings: {
+    vehicleinfo: {
+      endpoint: "vehicle/info",
+    },
+  },
+};
+
+export default widget;

src/widgets/widgets.js

@@ -48,6 +48,7 @@ import komga from "./komga/widget";
 import kopia from "./kopia/widget";
 import lidarr from "./lidarr/widget";
 import linkwarden from "./linkwarden/widget";
+import lubelogger from "./lubelogger/widget";
 import mailcow from "./mailcow/widget";
 import mastodon from "./mastodon/widget";
 import mealie from "./mealie/widget";
@@ -174,6 +175,7 @@ const widgets = {
   kopia,
   lidarr,
   linkwarden,
+  lubelogger,
   mailcow,
   mastodon,
   mealie,