NEWS
Zeigt her eure Vis2
-
Hallo in die Runde,
jetzt will ich auch mal kurz meine Mini Vis vorstellen. Dieses Mal nicht so aufwendig und umfangreich. Bauzeit ca. 3 Stunden. Es sind noch mehr Views vorhanden, die poste ich aber nicht da es die Kamerabilder vom Außenbereich zeigt.
Video als Bildschirmschoner, wird angezeigt wenn der Serverschrank geschlossen ist und der BWM im Raum aktiv ist.
Erste Seite, wenn die Tür geöffnet wird.
Adguard
USV
Netzwerk Unifi
Hier der Serverschrank
Und ja mein Duty Cycle ist gerade zu hoch ;) I know ;)
-
@nashra
bitte sehrenergieMain.txt
card_Leistung.txt
cardBatterie.txt
cardEnergieAktuell.txt
cardEnergiefluss.txt
cardEnergieInfo.txt
cardPrognose.txt
cardPV.txt
DialogPVInfo.txt
DialogCharts.txtDie PV Seite braucht noch den Slider von Inventwo.
CSS für die Lade/Entladeanimation ins Projekt kopieren.
Da fehlen jetzt noch scripte und wahrscheinlich noch mehr CSS für die Animationen der Svg's. Ausserdem nutze ich auch noch MDCss von Uhula, da werden Formatierungen fehlen. Probier einfach mal.
-
@io2345
im Editor "Seite importieren"-
den Inhalt der Textdateien ins Eingabefenster kopieren
-
Namen festlegen (wie Textdatei)
...fertig.
wie bereits oben geschrieben, da könnte CSS für die Animation der SVG's fehlen. Manchmal habe ich es im Widget mit drin, manchmal nicht.
-
-
@io2345
im Editor "Seite importieren"-
den Inhalt der Textdateien ins Eingabefenster kopieren
-
Namen festlegen (wie Textdatei)
...fertig.
wie bereits oben geschrieben, da könnte CSS für die Animation der SVG's fehlen. Manchmal habe ich es im Widget mit drin, manchmal nicht.
@ullij Prima, Danke. Das geht ja eigentlich ganz einfach.
Ist noch ziemlich leer, wahrscheinlich das "Grundgerüst". Und man muss die einzelnen Einträge noch seinen Datenpunkten zuweisen (würd ich vermuten). Mal sehen, wie das geht. Als kompletter Anfänger ist man da schon mal ganz schön gefordert...
Dann steht da noch: CSS für die Lade/Entladeanimation ins Projekt kopieren. Wo muss das genau hin?Ich glaub ich bräuchte einen Thread für simple Anfängerfragen - z.B. wie erreiche ich einen einzelnen Wert, der hinter einer Fläche liegt? Gibt es so einen Thread für vis-2?
-
-
@ullij Prima, Danke. Das geht ja eigentlich ganz einfach.
Ist noch ziemlich leer, wahrscheinlich das "Grundgerüst". Und man muss die einzelnen Einträge noch seinen Datenpunkten zuweisen (würd ich vermuten). Mal sehen, wie das geht. Als kompletter Anfänger ist man da schon mal ganz schön gefordert...
Dann steht da noch: CSS für die Lade/Entladeanimation ins Projekt kopieren. Wo muss das genau hin?Ich glaub ich bräuchte einen Thread für simple Anfängerfragen - z.B. wie erreiche ich einen einzelnen Wert, der hinter einer Fläche liegt? Gibt es so einen Thread für vis-2?
-
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.
-
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.
@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
-
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:
-
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:
@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
Proxmox Cluster mit ioBroker, Wireguard, HomeAssistant (Testsystem), paperlessNGX, MariaDB, PiHole, Grafana, InfluxDB, 1 x BKW 600 Wp, 2 x BKW 400 Wp, 2 x SolarFlow 800 Pro mit 11,52 kWh Akku und 3,48 kWp, OpenDTU, AhoyDTU, HmIP, Shellys, AVM LAN/WLAN
-
@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
-
@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
@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 .. 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.
@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?Proxmox Cluster mit ioBroker, Wireguard, HomeAssistant (Testsystem), paperlessNGX, MariaDB, PiHole, Grafana, InfluxDB, 1 x BKW 600 Wp, 2 x BKW 400 Wp, 2 x SolarFlow 800 Pro mit 11,52 kWh Akku und 3,48 kWp, OpenDTU, AhoyDTU, HmIP, Shellys, AVM LAN/WLAN
-
@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? -
@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;
}@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!
-
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 .. 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
-
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.
@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! -
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.
Support us
543
Online32.5k
Benutzer81.8k
Themen1.3m
Beiträge