Test Adapter Aura

icebear

@lesiflo
Danke für deine Erklärung, jetzt habs ichs kapiert und funktioniert jetzt auch.

icebear

@dering sagte:

Erstelle dazu gerne im github ein Feature-Request https://github.com/hdering/ioBroker.aura/issues, dann baue ich das gerne ein.

Perfekt, vielen Dank für die schnelle Umsetzung, es funktioniert jetzt.

dering

Hallo zusammen,

ich melde mich mal wieder mit neuen Features, die seit dem letzten Update dazu gekommen sind.

🤖 KI-Assistent für Dashboards (Beta)
Das größte Stück: Aura bringt jetzt einen eingebauten MCP-Server mit. Damit kann man sein Dashboard von einer KI bauen und umbauen lassen – „leg mir einen Tab Wohnzimmer an mit Licht, Rollladen und Temperatur", „mach die Kacheln schmaler", „kopier den Tab fürs Schlafzimmer". Widgets, Tabs, Bereiche, Popups, Gruppen und wiederverwendbare Vorlagen sind alle ansprechbar. Ein Schalter und ein Token in den Instanz-Einstellungen, fertig. Noch Beta, aber schon erstaunlich brauchbar.

🔒 PIN-Schutz
Bereiche und Tabs lassen sich mit einem Code schützen – egal ob man über das Menü, die Tab-Leiste, eine Klick-Aktion oder ein Lesezeichen dorthin kommt. Praktisch für das Wandtablet im Flur.

🎨 Bedingungen (Conditions) deutlich ausgebaut
Regeln färben nicht mehr nur die ganze Kachel: Titel, Icon und Wert lassen sich einzeln steuern – Text, Farbe, Icon, Größe, Sichtbarkeit. Dazu ein pulsierender Rahmen statt der blinkenden Karte, Randstärke/Radius/Transparenz – und eine Regel kann jetzt auch eine Meldung verschicken, bei Listen sogar eine pro auslösender Zeile.

📋 Listen sind erwachsen geworden
Die Zeilen-Darstellungen können jetzt alles, was die einzelnen Widgets können: Schalter, Schieberegler, Rollladen (inkl. Lamellen), Tasten, Datumsfeld und neu ein Auswahlfeld – jeweils mit dem kompletten Optionssatz. Dazu Icons pro Zeile oder listenweit, Trennlinien, ein Sortier-Dialog mit Kriterien-Kette, bessere Filter und Bedingungen pro Zeile. Eine dynamische Liste ersetzt damit oft ein halbes Dashboard.

📊 Diagramme
Gestapelte Flächen, Werte direkt an den Datenpunkten, gemischte Serien aus History und JSON auf einer Zeitachse (z. B. Messwerte + PV-Prognose), Zahlenformat pro Serie, Datumsfeld in der Tagesnavigation – und etliche Fixes rund um Verbrauchsbalken, zurücksetzende Zähler und Achsen.

🧩 Platzhalter, die rechnen
Im HTML- und Wert-Widget gibt es jetzt vis-kompatible Bindings inklusive Rechnungen und Zeitstempeln: {id;round(1)}, {a:id1;b:id2;a * b}, {id.lc;date(HH:mm)}.

Und quer durch die Widgets
Thermostat mit runder Skala, Mediaplayer erkennt jetzt jeden Adapter mit Standard-Media-Rollen (Yamaha, Denon, Volumio …), Bild-Widget zeigt rohes SVG (z. B. Gäste-WLAN-QR-Code), Karussell mit Beschriftung pro Zustand, Verteilung/Füllstand mit Referenz aus einem Datenpunkt und Warnfarbe, Statusübersicht erkennt Drehgriffkontakte.

Meldungen selbst haben auch noch nachgelegt: HTML in Titel und Text, Sendezeit auf der Karte, sendTo-Beispiele im Admin und [[dp]]-Platzhalter, die beim Auslösen eingefroren werden – das Archiv zeigt also den Wert von damals, nicht den von jetzt.

Installation und Doku: https://github.com/hdering/ioBroker.aura – Feedback und Issues sehr willkommen, die meisten der oben genannten Punkte kamen genau von dort.

OliverIO

@dering sagte:

🧩 Platzhalter, die rechnen
Im HTML- und Wert-Widget gibt es jetzt vis-kompatible Bindings inklusive Rechnungen und Zeitstempeln: {id;round(1)}, {a:id1;b:id2;a * b}, {id.lc;date(HH:mm)}.

Wenn du es noch ändern kannst, würde ich auf doppelte Klammern gehen
also {{ ... }}, wie auch in react.
In den vis templates ist es leider das Problem, das wenn man kompaktes json oder css Regeln hat, die immer vom vis Mechanismus als binding erkannt wird.
Mit den doppelten Klammern kann man das besser matchen.
Woraround war, das jede Klammer auf eine eigene Zeile kommt, aber das ist nicht schön und kompakt.

ioT4db

@dering wow, was Du Aura in der kurzen Zeit alles hast angedeihen lassen, einfach Mega.
Ich war etwas verwundert, dass in letzten Monatsrückblicken nichts über Aura stand. Meiner Meinung nach hätte das dort einen Platz verdient, damit noch mehr User davon mitbekommen. Vielleicht kannst Du ja nochmal @bluefox fragen, ob er es einfach nicht auf dem Schirm hatte und es vlt sogar noch nachträgt.

VG

dering

@oliverio

Doppelte Klammern gibt es schon: {{ 0_userdata.0.a * 0_userdata.0.b }} — IDs direkt im Ausdruck, keine Deklarationen nötig. Die einfachen Klammern sind nur die Paste-Kompatibilität zu vis.

Das vis-Problem tritt bei aura aber nicht auf: ein {…} mit Leerzeichen ist nie ein Binding, und name:wert gilt nur als Bindung, wenn wert wirklich eine State-ID ist. {color:red;background:blue} bleibt kompakt und unverändert stehen. Was nicht parst, wird wörtlich ausgegeben — es verschwindet nichts.

Falls dir doch ein Fall unterkommt, in dem kompaktes JSON/CSS gefressen wird: schick ihn her, das ist dann ein Bug in der Abgrenzung, kein Grund für eine neue Syntax.

Agrippinenser

ich möchte Daten der Vorjahres und des aktuellen Jahres je Monat nebeneinander darstellen und nutze das Diagramm(Erweitert) Widget.
Wie muss dazu json aussehen? Ich habe hier für aktuelles Jahr und Vorjahr einen Datenpunkt mit diesem Inhalt angelegt:

[
  {
    "label": "01",
    "value": "486.1276999999973"
  },
  {
    "label": "02",
    "value": "431.4953000000023"
  },
  {
    "label": "03",
    "value": "402.8855000000003"
  },

So wird so aber keine Grafik erzeugt.

dering

@Agrippinenser
hast du ein abschließendes ]?

[{ "label": "12:00", "value": 42 },
 { "label": "13:00", "value": 87 }]

Agrippinenser

@dering sagte:

hast du ein abschließendes ]?

ja, beide sind so aufgebaut: ( wobei Label des aktuellen Jahr 01-08 und des Vorjahr 01-12 ist.

[
  {
    "label": "01",
    "value": "486.1276999999973"
  },
  {
    "label": "02",
    "value": "431.4953000000023"
  },
  {
    "label": "03",
    "value": "402.8855000000003"
  },
  {
    "label": "04",
    "value": "366.4457000000002"
  },
  {
    "label": "05",
    "value": "356.8279999999977"
  },
  {
    "label": "06",
    "value": "327.6875"
  },
  {
    "label": "07",
    "value": "326.859800000002"
  },
  {
    "label": "08",
    "value": "320.52289999999994"
  }
]

dering

Im Screenshot sagt der rote Text eigentlich was das Problem ist. Im Modus Zeitreihe muss im JSON ein Zeitstempel enthalten sein. Du musst auf den Modus JSON wechseln, dann sieht es so aus:

in der nächsten Version (0.52.5) ist ein Hinweis eingebaut.

Agrippinenser

@dering sagte:

Modus JSON wechseln

ja, hatte ich gelesen. Leider habe ich die 4 Schalter oben links übersehen. Hatte den Schalter irgendwo rechts gesucht.
Funktioniert nun vielen Dank !

FredF

@dering super wie es hier weiter geht.
Eine bescheidene Frage: Aus welchem Grunde nutzt du nicht den MCP Server den ioBroker selbst anbietet?

dering

@FredF Der iobroker-mcp kennt ja nicht die Möglichkeiten die Aura anbietet. Der aura-mcp liefert dir das und die KI weiß dann was damit anzufangen.
Man sollte aber beides verwenden. Mit dem iobroker-mcp bekommst du alle Datenpunkte und mit dem aura-mcp baust du dann ein Dashboard.

sigi234

Hallo,

kann mir wer erklären wie das mit dem AI assistant (MCP) geht ein Dasboard zu erstellen?

TbsJah

An die Frage schließe ich mich an

dering

@sigi234 @tbsjah
https://hdering.github.io/ioBroker.aura/einstellungen/mcp

JoJo58

@sigi234 @dering @tbsjah

Ich musste auch etwas suchen und hatte es falsch verstanden. Ich habe Claude Desktop installiert und das war falsch, der konnte auch nichts damit anfangen, wenn ich ihm sage er soll einen MCP Server hinzufügen.
Man muss wirklich "Claude Code" haben. Ich habe das denn direkt über PowerShell installiert:

irm https://claude.ai/install.ps1 | iex

Dann kommt der Hinweis das man claude.exe noch zur Path Variablen hinzufügen muss.

Claude dann über PS gestartet und da kommt dann auch die Abfrage, wie man sich anmelden will, da ich kein Pro oder so habe, habe ich API genommen, den nutze ich eh schon.
Angemeldet, ein paar Dinge bestätigt, Claude neu gestartet und dann gings los.

Als erstes sollte ein Tab MCP-Test mit einem Widget angelegt werden. Da es noch kein Layout gab, kam die Rückfrage, ob eines angelegt werden soll usw., danach wurde es auch gemacht.
Zu Beginn muss man oft bestätigen, das man das zulassen will, aber das finde ich schon korrekt und muss sein.
Als das Dashboard und der Tab angelegt waren, habe ich eine etwas schwierigere Aufgabe gestellt. 4 Widgets mit den Außentemperaturen.
Es gab Nachfragen und ich hatte mehrere Änderungswünsche, aber es wurde alles umgesetzt und ein weiterer Tab wurde angelegt und dann wurde es witzig (oder spuki?), ich habe zugesehen, wie die Widgets erstellt wurden, die Werte ankamen, die Größe und Position geändert wurde usw..

Ich bin begeistert, muss aber sagen, da ich über API abgerechnet werde, ist mir das dann doch etwas zu teuer. Wenn ich es weiter nutze, werde ich mir ein Claude Pro Konto zulegen, das kostet monatlich und da ist Code mit drin.

Also wie schon gesagt, ich bin immer wieder begeistert von Aura und der ganzen Entwicklung die der Adapter da hinlegt.

Gruß, Johannes

beetle-fan

Ich nutze seit neustem auch AURA und bin wirklich begeistern vom UI. Klar sind bei Vis2 die Möglichkeiten sicherlich noch viel größer/weiter, mir gefällt aber insb. das optische Ergebnis der AURA Dashboards - das sieht einfach von sich aus (für mich) ansprechender aus.

Ich würde gerne ein älteres iPad Air als Dashboard-Gerät nutzen. Wenn ich das Dashboard über die URL aufrufe steht da allerdings immer "nicht verbunden" und es zeigt nichts an? An meinem iPad Pro funktioniert es hingegen, genauso wie am Laptop. Hat jemand eine Idee, woran das liegen kann?

Agrippinenser

Ich habe einige Widgets kopiert, eingefügt und anschließend angepasst. Seitdem wird in allen Dashboards unten links diese ID dargestellt. Irgendetwas ist dabei schief gegangen.

Wie bekomme ich das korrigiert ?

JoJo58

@Agrippinenser

Im Backend links auf Einstellungen und dann den Haken bei "ID-Badge auf jedem Gerät anzeigen" rausnehmen.

Gruß, Johannes

Community Forum

NEWS

Test Adapter Aura

Support us

244

33.1k

83.8k

1.4m