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

[Kuddel]

Hallo zusammen,

nach meiner zweiten VIS folgt jetzt meine dritte VIS.

Die größte Neuerung ist ein komplett neues Menü mit Hilfe des Top App Bar Widget. Vielen Dank an dieser Stelle an @Scrounger.

Bestimmt sind immer noch ein paar Fehler drin, aber fertig wird man ja eh nie.

Vieles habe ich aus meiner zweiten VIS übernommen, so dass die Screenshots aus dem Thread oben auch fast noch alle aktuell sind.

Screenshots:

Spoiler

Startseite

Menü

BVB Details

Tablet Details

System -> ioBroker

System -> Homematic

System -> Netzwerk

System -> Geräte

Details VU

System -> Logs

System -> VMware

Erdgeschoss -> Wohnzimmer

Garten -> Bewässerung

Wetter

Staubsauger

Echo Geräte

Mutlimedia -> TV

Damit die Navigation und alle Widgets funktionieren, wird vor dem Import der DP

javascript.0.VIS-Steuerung.Aktuelle_VIS_Seite

benöigt.

Ebenso sind natürlich alle von mir verwendeten Widgets wichitg:

Anleitung zum Import der kompletten VIS inkl. meiner Icons:

Spoiler

2020-08-17-VIS_v3.zip
Meine_Icons.zip

1. meine_icons.zip entpacken
2. 2020-08-17-vis_v3.zip entpacken
3. Die beiden VIS-Datein und die den Icons Ordner zu einem neuen Zip Archiv zusammefügen
4. Wie gewohnt das neue Archiv im VIS Editor importieren

Anleitung zum Import meiner Skripte:

Spoiler

Voraussetzung für den Skript Import

• Adapter: Mail, Pushover
• Objekte für meine Skripts

Objekte anlegen

Alle Objekte, mit denen ich in meinen Skripten arbeite, können mit einem Javascript erstellt werden:
objekte.txt

• Den Inhalt der TXT-Datei in ein neues Javascript kopieren
• Das Skript starten
• Alle Objekte werden angelegt
• Das Skript wieder stoppen

Import

1. Download der Datei 2020-03-17-scripts.zip
2. Eigene Skripte in Zip Datei exportieren
3. Beide Archive entpacken und dann die Skripte / Gruppen in einem gemeinsamen Archiv zusammenführen
4. Import des neu erstellten Archivs

Bei Fragen einfach im Thread stellen ;-)

Das nächste Projekt wird dann eine VIS fürs Smartphone

[helfi9999]

@Kuddel wie immer super gemacht.

Habe 2 Fragen:

1. würdest du die System Log geben sowie die passende Script's?
   2.würdest du die Tablet Details?

Danke schon mal im Vorfeld.

helfi9999

[hofmannha]

@Kuddel
Hallo Kuddel,
einfach Spitze. Das ist der Hammer.
Gruß

[Kuddel]

@helfi9999

+++ Export der Log Seiten +++

Beispiel-Screenshots:

Spoiler

JavaScript
logs_sammeln.txt

CSS Einstellungen

Spoiler

.log-info{ color: #0B610B; font-weight: bold; }

.log-warn { color: #ffaa00; font-weight: bold; }

.log-error{ color: red; font-weight: bold;}

Die einzelnen Seiten als View-Export:
2500_Logs.txt
2501_Logs_Alexa.txt
2501_Logs_Alexa_Details.txt
2502_Logs_ioBroker.txt
2502_Logs_ioBroker_Details.txt
2503_Logs_ioBroker_Warn.txt
2503_Logs_ioBroker_Warn_Details.txt
2504_Logs_ioBroker_Error.txt
2504_Logs_ioBroker_Error_Details.txt

[helfi9999]

@Kuddel vielen Dank

[G4l4h4d]

@Kuddel
Danke für die tolle Vorlage. Würde das Menü gerne bei mir einbinden, allerdings komme ich mit dem Datenpunkt nicht so ganz klar. Hab dafür auch keine Doku gefunden.
Könntest du mir das bitte nochmal erklären.

Danke!

[Glasfaser]

@G4l4h4d

Im Widget Menu (Top App Bar) und im Widget View_Anzeige (View in Widget 8 ) müssen beide Datenpunkte/Schalter übereinstimmen.

Beispiel deine Datenpunkt XY selbst erstellt heißt : 0_userdata.0.vis.Menue.value

Das Widget Menu steuert mit Zahlen (0... bis zb. 32 ) und übergibt Sie dann in den Datenpunkt XY, worauf das Widget View_Anzeige auf die zugehörige Nummer auf das eingestellte View umschaltet bzw. dann sichtbar wird.

Widget Menu (Top App Bar)
.

.
Widget View_Anzeige (View in Widget 8 )
.

.
Hier ist der Thread dazu : Material Design Widgets: Top App Bar Widget

[Kuddel]

@G4l4h4d der Ausführung von @Glasfaser habe ich nichts hinzuzufügen

[0018]

@Kuddel Wie holst du die Systemdaten deiner VU?

[Kuddel]

@0018 CPU und RAM Usage per SSH Abfrage und den Rest liefert der Enigma2 Adapter

[Beowolf]

@Kuddel ,

Das ist mein erstes "komplett View" welches ich importiere.

Eine Frage dazu. Wenn ich auf den TAB "1007_Home Heizung" gehe, erscheint das kleine Feld "Heizkörper". Wenn ich dort auf die kleinen quadratischen Flächen klicke, steht in der Beschreibung auf der rechten Seite unter "Allgemein" im Feld Quelle "/icons-mfd-png/scene_living.png"

Weder die Datei noch das Verzeichnis gibt es.

Was mache ich falsch?

Grüße
Manfred

[Kuddel]

@Beowolf das der Pfad zum Icon.

Das Icon wird mit dem Adapter icons-mfd-png installiert

[Beowolf]

Ich habe nur das Verzeichnis "/icons-mfd-png.admin"

[Kuddel]

@Beowolf dann schlage ich vor, dass du den Adapter noch einmal neu installierst.

Wird das Icon denn überhaupt angezeigt ?

[Beowolf]

Jepp, jetzt sind sie da. Danke

[G4l4h4d]

@Glasfaser
Muss jetzt nochmal Nachfragen, Hab meinen Datenpunkt erstellt

und auch zugewiesen
Widget (Top App Bar)

Widget (View in Widget 8 )

Leider zeigt mir das Widget aber keine Seiten an.
Wo könnte denn mein Fehler liegen?

Danke im Voraus!

[Kuddel]

@G4l4h4d hast du die Seite umbenannt ?

Bei mir heißt sie 1000_Startseiten_view ?

[G4l4h4d]

@Kuddel
Hallo Kuddel, ich habe deine View nicht kopiert.
Ich habe meine eigene und wollte nur das neue Navigationsmenü hinzufügen.
Meine Seiten sind anders benannt als deine.

[Kuddel]

@G4l4h4d achso okay.

was sagt denn die Runtime ?

Kommt da eine rote Anzeige mit "View not found"?

[Beowolf]

Gibt es für "daswetter.com" einen Zauberzugang?

https://www.daswetter.com/api/

Egal was ich mache und welchen Browser ich versuche, es kommt immer der Hinweis das Cookies erforderlich sind. Ich habe sie wieder gelöscht und neu bestätigt/erlaubt usw.. Die API-Seite wird aber nicht geladen.