[Vorstellung] Meine dritte VIS

[Kuddel]

@toki1973 was genau meinst du ?

[toki1973]

Ah ich habe Widgets für die VIS gefunden die Datum und Uhrzeit anzeigen.

[Kuddel]

Ich habe mein Menü erweitert und jetzt auch für Subitems Icons hinterlegt:

Für Interessierte hier der Widget-Export:

Spoiler

[{"tpl":"tplVis-materialdesign-TopAppBar-Navigation","data":{"oid":"javascript.0.VIS-Steuerung.Aktuelle_VIS_Seite","g_fixed":true,"g_visibility":false,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":true,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","navItemCount":"11","submenuCounts_0":"0","submenuCounts_1":"6","topAppBarLayout":"dense","titleTopAppBar":"Menü","topAppBarZ_index":"100","vibrateTopAppBarOnMobilDevices":"0","drawerLayout":"modal","drawerItemLayout":"standard","listItemDividerStyle":"standard","z_index":"101","showHeader":"true","headerLabel":"<h4 class='mdc-drawer__title'>Menü</h4><h6 class='mdc-drawer__subtitle'></h6>","showLabels":"true","listItemAlignment":"left","backdropLabelBackgroundHeight":"","vibrateDrawerOnMobilDevices":"0","drawerSubItemLayout":"standard","listSubItemAlignment":"left","showSubItemsLabels":"true","iconDrawer0":"home","iconDrawer1":"{\"itemImage\": \"/icons-mfd-png/edit_settings.png\", \"subItems\": [\"/vis.0/VIS_v3/Meine_Icons/Sonstige/iobroker.png\",\"/vis.0/VIS_v3/Meine_Icons/Sonstige/homematic_1.png\",\"/icons-mfd-png/edit_settings.png\",\"/icons-mfd-png/it_network.png\",\"/icons-mfd-png/audio_playlist.png\",\"/vis.0/VIS_v3/Meine_Icons/Sonstige/vmware_logo.jpg\"]}","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"name":"!Menü","showIndexNum":false,"colorTopAppBarBackground":"#212121","showSelectedItemAsTitle":true,"submenuCounts_2":"4","submenuCounts_3":"2","submenuCounts_4":"2","submenuCounts_5":"0","submenuCounts_6":"0","submenuCounts_7":"2","submenuCounts_8":"2","submenuCounts_9":"0","submenuCounts_10":"3","submenuCounts_11":"2","submenuCounts_12":"0","submenuCounts_13":"0","submenuCounts_14":"0","iconDrawer2":"{\"itemImage\": \"/icons-mfd-png/control_building_eg.png\", \"subItems\": [\"/icons-mfd-png/scene_office.png\",\"/icons-mfd-png/fts_door.png\",\"/icons-mfd-png/scene_cooking_alternat.png\",\"/icons-mfd-png/scene_living.png\"]}","iconDrawer3":"{\"itemImage\": \"/icons-mfd-png/control_building_og.png\", \"subItems\": [\"/icons-mfd-png/scene_sleeping_alternat.png\",\"/icons-mfd-png/scene_dressing_room.png\"]}","iconDrawer4":"{\"itemImage\": \"/icons-mfd-png/sani_irrigation.png\", \"subItems\": [\"/icons-mfd-png/scene_garden.png\",\"/icons-mfd-png/sani_irrigation_pop_up_on.png\"]}","iconDrawer5":"/icons-mfd-png/weather_sleet.png","iconDrawer6":"/icons-mfd-png/scene_robo_vac_cleaner.png","iconDrawer7":"{\"itemImage\": \"/icons-mfd-png/it_camera.png\", \"subItems\": [\"/icons-mfd-png/it_camera.png\",\"/icons-mfd-png/it_camera.png\"]}","iconDrawer8":"{\"itemImage\": \"/icons-mfd-png/audio_volume_high.png\", \"subItems\": [\"/icons-mfd-png/audio_volume_high.png\",\"/icons-mfd-png/audio_volume_high.png\"]}","iconDrawer9":"/icons-mfd-png/scene_gas_station.png","iconDrawer10":"{\"itemImage\": \"/icons-mfd-png/it_television.png\", \"subItems\": [\"/icons-mfd-png/it_television.png\",\"/icons-mfd-png/it_radio.png\",\"/vis.0/VIS_v3/Meine_Icons/Sonstige/kodi.png\"]}","iconDrawer11":"/icons-mfd-png/it_wifi.png","iconDrawer12":"/vis/widgets/materialdesign/img/IoBroker_Logo.png","iconDrawer13":"/vis/widgets/materialdesign/img/IoBroker_Logo.png","iconDrawer14":"/vis/widgets/materialdesign/img/IoBroker_Logo.png","colorDrawerBackground":"black","colorDrawerItemBackground":"#212121","colorDrawerHeaderBackground":"black","colorListItemHover":"","colorListItemSelected":"","colorListItemText":"white","colorListItemTextSelected":"white","colorListItemHeaders":"white","colorListItemDivider":"","colorSubItemToggleIcon":"white","colorDrawerSubBackground":"","labels0":"Startseite","headers0":"","dividers0":false,"iconDrawerColor0":"white","headers1":"","labels1":"{\"itemText\": \"System\", \"subItems\": [\"ioBroker\", \"HomeMatic\", \"Geräte\", \"Netzwerk\", \"Logs\", \"VMware\"]}","labels2":"{\"itemText\": \"Erdgeschoss\", \"subItems\": [\"Büro\", \"Flur\", \"Küche\", \"Wohnzimmer\"]}","labels3":"{\"itemText\": \"Obergeschoss\", \"subItems\": [\"Schlafzimmer\", \"Ankleide\"]}","labels4":"{\"itemText\": \"Garten\", \"subItems\": [\"Garten\", \"Bewässerung\"]}","listItemHeaderTextSize":"small","headers2":"","drawerIconHeight":"50","labels5":"Wetter","labels6":"NoNo","labels7":"{\"itemText\": \"Kameras\", \"subItems\": [\"Übersicht\", \"Haustür\"]}","labels8":"{\"itemText\": \"Echos\", \"subItems\": [\"Geräte\", \"Gruppen\"]}","labels9":"Spritpreise","labels10":"{\"itemText\": \"Mutlimedia\", \"subItems\": [\"TV\", \"Radio\", \"Kodi\"]}","headers10":"","colorDrawerSubItemBackground":"#303030","views":null,"labels11":"{\"itemText\": \"Verkehrsinfos\", \"subItems\": [\"S-Bahn\", \"Motorrad\"]}","headers11":"","headers6":"","iconDrawerColor1":"white"},"style":{"left":"0px","top":"0px","width":"1235px","height":"35px","z-index":"1","border-radius":"","border-width":"","border-style":"","border-color":""},"widgetSet":"materialdesign"}]

[JackDaniel]

Hi,

erst mal danke das du uns an deiner tollen Arbeit so aktiv teilhaben lässt
Ich versuche mich gerade an meiner ersten Vis, und da finde ich deine Ausführung für den Roborock einfach spitze.
Ich hab auch schon alles am laufen bis auf einen Fehler dem ich nicht auf die Spur komme
Wenn ich egal ob Raum oder Komplettreinigung die Reinigung Pausiere geht kein erneutes Starten mehr über die Vis, einzige was bei mir dann noch funktioniert ist das zurückschicken zur Ladestation.
Könnte bitte jemand das mal versuchen zu reproduzieren?
Danke im Voraus.

Saluti
Daniel

[hofmannha]

@Kuddel
Hallo Kuddel,
das ist ja super!!!
Aber bei mir zeigt das Menü nicht alle Icons an, obwohl sie vorhanden sind z.B. iobroker.

Gruß

[Kuddel]

@hofmannha wenn die Icons nicht angezeigt werden, ist irgendwo noch ein fehler. z.b. im Pfad oder es fehlt ein "

[hofmannha]

@Kuddel
Habe ich auch gedacht. Das ist nicht der Fall. Ich habe es sogar mit einem Icon versucht. Der Pfad und der Name stimmt. Mehrfach habe ich überprüft.

[hofmannha]

@Kuddel
Moin Kuddel,
Was ist daran falsch?

{"itemImage": "/icons-mfd-png/edit_settings.png", "subItems": ["/vis.0/Meine_Icons/Sonstige/iobroker.png","/vis.0/Meine_Icons/Sonstige/homematic_1.png","/icons-mfd-png/edit_settings.png","/icons-mfd-png/it_network.png","/icons-mfd-png/audio_playlist.png","/vis.0/Meine_Icons/Sonstige/vmware_logo.jpg"]}

Die Icons in dem Verzeichnis "/icons-mfd-png" werden alle angezeigt, selbst wenn ich davon ein Icon aus diesem Verzeichnis
bei oBroker einfüge funktioniert es. Also kann es nur mit dem Pfad zu tun haben, aber der stimmt.
Ich bin am verzweifeln.

[hofmannha]

@Kuddel

[Kuddel]

@hofmannha hast du die Icons per ftp oder ioBroker Dateimanager hinzugefügt ?

Es geht nur noch per Dateimanager, sonst kann der ioBroker auf die icons nicht zugreifen

[hofmannha]

@Kuddel sagte in [Vorstellung] Meine dritte VIS:

ioBroker Dateimanager

mit ioBroker Dateimanager

[hofmannha]

@hofmannha sagte in [Vorstellung] Meine dritte VIS:

@Kuddel sagte in [Vorstellung] Meine dritte VIS:

ioBroker Dateimanager

mit ioBroker Dateimanager

komisch ist doch, dass alle Icons aus dem Ordner mfd... angezeigt werden.
Bei dem Ordner vis.0/Meine_Icons/ da tauchen die Probleme auf

[Kuddel]

@hofmannha den einzigen Unterscheid den ich noch sehe, dass ich den Ordner Meine_Icons direkt im Ordner von meiner VIS habe.

vis.0/VIS_v3/Meine_Icons/......

[Glasfaser]

@hofmannha

Lege mal über den Dateimanager ein Ordner Test an und ziehe dort ein Bild rein.
Dann zeige mir bitte die Ordnerstruktur ... wie du sie Schon oben gezeigt hast .
Und teste auch mal damit

[hofmannha]

@Kuddel
brauchst nicht mehr suchen. Jetzt gehts es. Sorry, mein Fehler

[Glasfaser]

@hofmannha sagte in [Vorstellung] Meine dritte VIS:

Jetzt gehts es

Und .... woran lag es !???

[hofmannha]

@Glasfaser
ich hatte den Ordner Meine_Icons per ftp umbenannt und nicht mit dem Dateimanager

[KNX2020]

@Kuddel
super Visualisierung, ich war schon von Version 2 begeistert und habe dort sehr viel übernommen. zufällig bin ich gerade hierrauf gestoßen und muss sagen v3 gefällt mir noch besser - insbesondere die Navigation!!... Du schreibst, die nächste Vis wird fürs Handy optimiert... nur aus Interesse - veröffentlichst Du diese ebenfalls ...

[Kuddel]

@KNX2020 ich habe vor meine VIS_v3 so umzubauen, das man sie auf einem Tabelt und einem handy benutzen kann.

Da dieses Vorhaben aber sehr komplex ist, dauert es noch, bis ich mich eingearbeitet habe.

Wenn die VIS fertig ist, wird sie natürlich auch veröffentlicht

[vsa]

Hallo Kuddel,

wow, das finde ich ech super, auch dass du deine ganzen Mühen hier in der Community bereitstellst.
Ich hatte die letzten Wochen erst ioBroker aufgesetzt und die ersten Skripte benutzt um bestimmte DInge in meinem Smarthome zu automatisieren. Bisher war ich auch ganz happy damit - bis ich deine VIS sah Jetzt gibts auch ein Will-haben-Effekt und bemühe mich mal in eine VIS hineinzudenken

Die Skripte verstehe ich so ganz langsam. Das Handling dazu in ioBroker nur mäßig.

Noch bin ich Anfänger und hoffe hier auch etwas dabei zu lernen. Schon die erste Hürde an der ich momentan nicht weiterkomme... Nach Deiner Anleitung bis ich bis zum letzten Punkt gekommen:
Import - Punkt 3 und Punkt 4.

Meine Skripte habe ich exportiert (sie waren alle in common, und habe Deine Skripte dazu gepackt. Mein Archiv heißt Skripte.zip
Beim importieren legt nun ioBroker neben der vorhandenen Common-Struktur eine weitere Struktur namens Skripte-allg an und darunter befinden sich dann alle Skripte (deine und meine).

Das kann nicht ganz so im Sinne des Erfinders sein, oder kann ich das so lassen?

VG vsa