Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨

[Peks200]

Da ich mit iQontrol langsam an die Grenzen gestoßen bin was das UI angeht habe ich mich mit VIS 2 beschäftigt und mich dort ein bisschen ausgetobt :)
Hier seht ihr das Ergebnis und kann gerne als Inspiration genutzt werden um eine VIS optisch in Richtung "Smartphone App" aufzubauen.

Wichtig war mir ein durchgängig einheitliches Design und alles in der VIS bedienen zu können.

[fuerchtischlumpf]

@peks200 richtig gut geworden, ich möchte meine VIS-2 auch wie eine App aufbauen! Hast du Responive benutzt und welche Widgets hast du für die Diagramme verwendet?

Gruß Fürchti

[skvarel]

Hier nur ein kleiner Auszug.

Es sind rund 30 Views mit über 1.500 Widgets ... bis auf die Uhr sind es alles inventwo Widgest und inventwo Icons.

Die Screenshots sind zu/an unterschiedlichen Zeiten/Tagen entstanden. Daher ist die 'Stromampel' mal rot und mal grün.

Startseite:

KG:

EG:

OG:

inventwo Büro:

Garten:

Heizung:

Strom:

Fenster & Türen:

Mähroboter:

Katzenklappe:

Video-Zentrale:

Garten Temperaturen:

Abfallkalender:

Netzwerk:

eCar:

Customizer um die VIS in der Runtime zu designen:

[cbrocker]

@skvarel Hey Sven,
wirklich beeindruckend, was eure Widgets alles hergeben.

Kann man also tatsächlich alles (von deinen VISs) mit den paar Widgets abbilden?

Grüße Christoph

[skvarel]

@cbrocker .. ja ;)

99% sind mit dem Universal Widget gemacht. Der Rest sind drei/vier Tabellen und ein paar Schieberegler.

Das neue Universal Widget ist im Gegensatz zu VIS1 sehr mächtig geworden.

[Peks200]

@fuerchtischlumpf said in Zeigt her eure Vis2:

Responive

Ja, für die Diagramme habe ich das Material Widget verwendet und mit CSS Code angepasst.
#wXXXX .echarts-for-react path
{
fill-opacity: 1;
stroke-opacity: 1;
}
#wXXXX div[aria-label]
{
opacity: 0;
}

[cbrocker]

@skvarel
danke, das ist mal sehr vielversprechend.
In der VIS1 habe ich schon paar eurer Vis1-Widgets, die super funktionieren.

Dann werde ich mich mal so langsam an die Vis2 ranmachen.

Noch ne andere Frage, du hast ja einige ESP32-Cams. Was für eine Software hast
du da drauf geflasht?

[skvarel]

@cbrocker .. ich habe auf alles ESP32-Cam die 'Tasmota 15.0.1 (release-webcam)' drauf.

4 reolink, 4 ESP32-CAM und eine USB-Cam über go2rtc und dann per iFrame in der VIS

[fuerchtischlumpf]

@peks200 said in Zeigt her eure Vis2:

#wXXXX .echarts-for-react path
{
fill-opacity: 1;
stroke-opacity: 1;
}
#wXXXX div[aria-label]
{
opacity: 0;
}

Danke für den Hinweis, woher weißt du welche Codes was in den Widgets beeinflussen, das Wissen fehlt mir leider komplett!

[quinti]

Hallo,
ich habe mal angefangen meine Wetterstation nachzubilden.

Ziel ist die Funktionen der Wetterstation swoeit als möglich nachzubilden. Klickbar ist bisher nur der Graphbutton.
Ist alles noch alpha....
Es fehlt auch noch die Kompassrose für die Windrichtung.
mehr Infos hier:
github

[cbrocker]

@skvarel
danke für die Tips und Anregungen.

Ich habe bisher eine Vivotek und eine Instar über Synology in der VIS,
möchte aber auch noch ein paar ESP32-CAMs einfügen

Schöne Woche

[io2345]

@peks200 said in Zeigt her eure Vis2:

...kann gerne als Inspiration genutzt werden um eine VIS optisch in Richtung "Smartphone App" aufzubauen.

Könntest du bitte beispielhaft einen Export der "Home" Seite bereitstellen? Hatte schon mal per PM gefragt, aber ist wohl untergegangen.
Danke!

[Dk]

@Peks200 Das sieht ja einfach mal mega gut aus. Würdest du einen Export der Vis, bzw von einer Seite davon, als Starthilfe teilen? :=)

[colu]

@skvarel Auf den Screenshots sieht es so als ob sich ein neues Fenster auf der Hauptseite öffnet, stimmt das? und wenn ja, wie kann man das einstellen? :)

[colu]

@Peks200 Wow das sieht richtig gut aus. Was hast du denn für Widget dafür genutzt?

[skvarel]

@colu sagte in Zeigt her eure Vis2:

@skvarel Auf den Screenshots sieht es so als ob sich ein neues Fenster auf der Hauptseite öffnet, stimmt das? und wenn ja, wie kann man das einstellen? :)

Ja, ich nutze viel PopUps

[ioBrokerMike]

@skvarel

Moin ein Frage habe ich zu den PopUp's.
Wenn das PopUp aktiviert wird kann man einen DP mit " Wert true " setzen.
Ist das auch möglich wenn das PopUp deaktiviert wird?

[colu]

@skvarel
oh man, wenn man es einmal gesehen hat fragt man sich echt wieso man da nicht selbst drauf gekommen ist... :D
vielen lieben Dank, jetzt kann ich endlich meine Idee umsetzen.

[colu]

Ich hätte noch eine zweite Frage bezüglich der Fenster/Türen darstellung.
Ich habe über den Szenen Adapter mir einen Sammelstatus hierfür erstelllt. True=auf / false=zu und sobald nur ein Fenster offen ist erhält die Szene den status uncertain.

Wie kann ich das denn mit den Widgets ändern?
Ich habe nur Text/symbol aktiv und Text/symbol inaktiv gefunden - ist das überhaupt möglich?