NEWS
Aura – Modernes Dashboard für ioBroker (Beta-Tester gesucht)
-
-
@sigi234 Dann statt fill -> w
.aura-widget-w-1777112519114 .flex-1 > div { height: 100% !important; } -
-
.aura-widget-w-1777112519114 { padding: 4px !important; overflow: hidden !important; } .aura-widget-w-1777112519114 > .flex { height: 100% !important; min-height: 0 !important; } /* Text links bleibt sichtbar */ .aura-widget-w-1777112519114 p { display: block !important; font-size: 10px !important; line-height: 12px !important; margin: 0 !important; padding: 0 !important; text-align: left !important; } /* Batterie-Bereich */ .aura-widget-w-1777112519114 .flex-1 { padding: 0 !important; width: 100% !important; height: 100% !important; min-width: 0 !important; min-height: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* SVG zentriert lassen */ .aura-widget-w-1777112519114 svg { display: block !important; width: 100% !important; height: 100% !important; overflow: visible !important; transform: none !important; } /* Batterie breiter, aber zentriert */ .aura-widget-w-1777112519114 svg > rect, .aura-widget-w-1777112519114 svg > line, .aura-widget-w-1777112519114 svg clipPath rect { transform-box: view-box !important; transform-origin: 114px 45px !important; transform: translateX(16px) scaleX(1.9) !important; } /* Batterie höher */ .aura-widget-w-1777112519114 svg rect[x="5"][width="218"], .aura-widget-w-1777112519114 svg clipPath rect, .aura-widget-w-1777112519114 svg rect[clip-path] { y: 6px !important; height: 78px !important; rx: 10px !important; } /* Trennlinien an Höhe anpassen */ .aura-widget-w-1777112519114 svg line { y1: 6px !important; y2: 84px !important; } /* Batteriepol */ .aura-widget-w-1777112519114 svg rect[x="226"] { y: 25px !important; height: 40px !important; rx: 5px !important; } /* Prozentwert exakt zentrieren */ .aura-widget-w-1777112519114 svg text { x: 130px !important; y: 45px !important; text-anchor: middle !important; dominant-baseline: middle !important; transform: none !important; font-size: 28px !important; font-weight: 700 !important; } .aura-widget-w-1777112519114 svg text tspan { font-size: 16px !important; } /* Zeitstempel */ .aura-widget-w-1777112519114 .nodrag { font-size: 7px !important; bottom: 2px !important; right: 4px !important; } -
Hallo,
kann ich beim Widget Füllstandanzeige (Batterie) das Icon in der Größe ändern?
Ja es ist schmal eingestellt, aber ich möchte es so.
-
-
-
-
@sigi234
https://github.com/hdering/ioBroker.aura/issues/129Ok, meinte aber das wegen den Dateimamager.
-
@sigi234
https://github.com/hdering/ioBroker.aura/issues/129Ok, meinte aber das wegen den Dateimamager.
-
Hallo zusammen,
ich möchte euch heute mein neues Projekt vorstellen: Aura – ein modernes Visualisierungs-Dashboard für ioBroker.
Warum ein neues Dashboard?Ich war treuer Nutzer von Jarvis, jedoch wird Jarvis scheinbar nicht mehr aktiv weiterentwickelt, und die klassische VIS ist mir persönlich zu statisch und zu aufwändig in der Konfiguration. Ich wollte etwas, das schnell eingerichtet ist, modern aussieht und auf dem Tablet genauso gut funktioniert wie im Browser.
Aura ist komplett neu entwickelt – KI-gestützt mit Claude von Anthropic. Das hat die Entwicklungsgeschwindigkeit deutlich erhöht, aber natürlich steckt das Projekt noch in den Kinderschuhen.
Was kann Aura?
- Flexibles Grid-Layout mit Drag & Drop
- Mehrere Tabs / Seiten
- Dark Mode, Light Mode und diverse Themes (inkl. Catppuccin, Apple Liquid Glass)
- Widgets:
- Schalter, Dimmer, Thermostat
- Gauge, Füllstandsanzeige (Tank/Wasser/Gas)
- Diagramm (EChart, Linien/Balken/Pie)
- Kalender (iCal/Google Calendar)
- Wetter
- Uhr
- Kamera / iFrame
- EVCC (Wallbox / Solar)
- Müllabfuhr-Anzeige
- Gruppe (verschachtelte Widgets)
- und weitere...
- Widget-Konfiguration direkt im Browser, kein YAML, kein JSON-Editieren
- Admin-Interface für Layouts, Themes und Einstellungen
Installation
Noch nicht im offiziellen ioBroker-Repository. Manuell über die URL im ioBroker Admin:
Admin → Adapter → Von URL installieren (GitHub-Icon oben rechts) → folgende URL eingeben:
https://github.com/hdering/iobroker.aura
Updates
Da Aura von einer externen URL installiert wird und nicht im offiziellen ioBroker-Repository ist, werden Updates nicht automatisch eingespielt. Um auf die neueste Version zu aktualisieren, bitte folgenden Befehl auf dem ioBroker-Server ausführen.
Per SSH oder direkt auf dem Server ins ioBroker-Verzeichnis wechseln (meist /opt/iobroker) und dann:
npm install iobroker.aura@latest --force && iobroker upload aura && iobroker restart aura
Den aktuellen Stand und alle Änderungen findet ihr hier:
👉 https://github.com/hdering/iobroker.aura/releases
Was ich suche
Beta-Tester, die das Dashboard ausprobieren und Feedback geben. Speziell interessiert mich:
- Welche Widgets fehlen euch?
- Was funktioniert nicht wie erwartet?
- Wie verhält es sich auf euren Geräten (Tablet, Smartphone, PC)?
Bugs und Feature-Wünsche bitte hier melden:
👉 https://github.com/hdering/iobroker.aura/issues
Gerne direkt als GitHub Issue – so kann ich alles strukturiert nachverfolgen. Wer keinen GitHub-Account hat, kann auch hier im Thread antworten.
Hinweis
Das Projekt ist ein Hobby-Projekt im frühen Stadium. Es kann noch zu Fehlern kommen, und die Konfigurationsstruktur kann sich noch ändern. Produktiver Einsatz auf eigene Verantwortung.
Über jedes Feedback freue ich mich!
Viele Grüße,
hderingEin paar Screenshots:
Frontend



Backend:

-
-
-
Hallo zusammen,
ich möchte euch heute mein neues Projekt vorstellen: Aura – ein modernes Visualisierungs-Dashboard für ioBroker.
Warum ein neues Dashboard?Ich war treuer Nutzer von Jarvis, jedoch wird Jarvis scheinbar nicht mehr aktiv weiterentwickelt, und die klassische VIS ist mir persönlich zu statisch und zu aufwändig in der Konfiguration. Ich wollte etwas, das schnell eingerichtet ist, modern aussieht und auf dem Tablet genauso gut funktioniert wie im Browser.
Aura ist komplett neu entwickelt – KI-gestützt mit Claude von Anthropic. Das hat die Entwicklungsgeschwindigkeit deutlich erhöht, aber natürlich steckt das Projekt noch in den Kinderschuhen.
Was kann Aura?
- Flexibles Grid-Layout mit Drag & Drop
- Mehrere Tabs / Seiten
- Dark Mode, Light Mode und diverse Themes (inkl. Catppuccin, Apple Liquid Glass)
- Widgets:
- Schalter, Dimmer, Thermostat
- Gauge, Füllstandsanzeige (Tank/Wasser/Gas)
- Diagramm (EChart, Linien/Balken/Pie)
- Kalender (iCal/Google Calendar)
- Wetter
- Uhr
- Kamera / iFrame
- EVCC (Wallbox / Solar)
- Müllabfuhr-Anzeige
- Gruppe (verschachtelte Widgets)
- und weitere...
- Widget-Konfiguration direkt im Browser, kein YAML, kein JSON-Editieren
- Admin-Interface für Layouts, Themes und Einstellungen
Installation
Noch nicht im offiziellen ioBroker-Repository. Manuell über die URL im ioBroker Admin:
Admin → Adapter → Von URL installieren (GitHub-Icon oben rechts) → folgende URL eingeben:
https://github.com/hdering/iobroker.aura
Updates
Da Aura von einer externen URL installiert wird und nicht im offiziellen ioBroker-Repository ist, werden Updates nicht automatisch eingespielt. Um auf die neueste Version zu aktualisieren, bitte folgenden Befehl auf dem ioBroker-Server ausführen.
Per SSH oder direkt auf dem Server ins ioBroker-Verzeichnis wechseln (meist /opt/iobroker) und dann:
npm install iobroker.aura@latest --force && iobroker upload aura && iobroker restart aura
Den aktuellen Stand und alle Änderungen findet ihr hier:
👉 https://github.com/hdering/iobroker.aura/releases
Was ich suche
Beta-Tester, die das Dashboard ausprobieren und Feedback geben. Speziell interessiert mich:
- Welche Widgets fehlen euch?
- Was funktioniert nicht wie erwartet?
- Wie verhält es sich auf euren Geräten (Tablet, Smartphone, PC)?
Bugs und Feature-Wünsche bitte hier melden:
👉 https://github.com/hdering/iobroker.aura/issues
Gerne direkt als GitHub Issue – so kann ich alles strukturiert nachverfolgen. Wer keinen GitHub-Account hat, kann auch hier im Thread antworten.
Hinweis
Das Projekt ist ein Hobby-Projekt im frühen Stadium. Es kann noch zu Fehlern kommen, und die Konfigurationsstruktur kann sich noch ändern. Produktiver Einsatz auf eigene Verantwortung.
Über jedes Feedback freue ich mich!
Viele Grüße,
hderingEin paar Screenshots:
Frontend



Backend:

-
-
https://github.com/hdering/ioBroker.aura/tree/v0.4.21
Hey! Du scheinst an dieser Unterhaltung interessiert zu sein, hast aber noch kein Konto.
Hast du es satt, bei jedem Besuch durch die gleichen Beiträge zu scrollen? Wenn du dich für ein Konto anmeldest, kommst du immer genau dorthin zurück, wo du zuvor warst, und kannst dich über neue Antworten benachrichtigen lassen (entweder per E-Mail oder Push-Benachrichtigung). Du kannst auch Lesezeichen speichern und Beiträge positiv bewerten, um anderen Community-Mitgliedern deine Wertschätzung zu zeigen.
Mit deinem Input könnte dieser Beitrag noch besser werden 💗
Registrieren Anmelden













