Skip to content
  • Home
  • Recent
  • Tags
  • 0 Unread 0
  • Categories
  • Unreplied
  • Popular
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Praktische Anwendungen (Showcase)
  4. [Vorstellung] Meine dritte VIS

NEWS

  • Monatsrückblick Januar/Februar 2026 ist online!
    BluefoxB
    Bluefox
    16
    1
    332

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    17
    1
    4.8k

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    13
    1
    1.3k

[Vorstellung] Meine dritte VIS

Scheduled Pinned Locked Moved Praktische Anwendungen (Showcase)
visvis projekte
640 Posts 83 Posters 197.3k Views 117 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • Masterg 23M Masterg 23

    Ich hätte eine Frage: Ganz oben bei der Beschreibung steht:

    "Damit die Navigation und alle Widgets funktionieren, wird vor dem Import der DP benötigt"
    "javascript.0.VIS-Steuerung.Aktuelle_VIS_Seite"

    Was ist mit DP gemeint? Ich bin frisch dabei, mich mit VIS auseinander zusetzen und hab in relativ kurzer Zeit meine eigene VIS gebastelt. Nun wollte ich mich hier ein wenig inspirieren.

    Vielen Dank schon für die eure Hilfe :)

    EDIT: ist mit DP Datenpunkt gemeint? Falls ja was soll man als Logikwert auswählen?

    GlasfaserG Offline
    GlasfaserG Offline
    Glasfaser
    wrote on last edited by
    #447

    @masterg-23

    https://forum.iobroker.net/topic/30497/vorstellung-meine-dritte-vis/7

    Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..

    1 Reply Last reply
    0
    • K 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:


      Startseite
      90372124-cd0b-40d0-ae6e-b8286ee25672-grafik.png

      Menü
      52f11cf6-b7f3-49c8-9344-b1a0f89d0eaa-grafik.png
      e766325b-8727-48c0-b6e7-9f773f4f246b-grafik.png

      BVB Details
      423488b3-1367-4ebf-b28e-8b730970dfae-grafik.png

      Tablet Details
      ac924af2-ac1c-4069-a59e-6a68c8775a3f-grafik.png

      System -> ioBroker
      eb9f518b-c318-4a00-a66e-6879959792a4-grafik.png

      System -> Homematic
      1aaaed6f-8e59-4cdc-8bfd-c26185f1c28b-grafik.png

      System -> Netzwerk
      622fd166-ec5b-4ff3-9cbe-d5a81fd5332b-grafik.png

      System -> Geräte
      f20ab8dd-18f2-446e-94ac-55a74765e1ca-grafik.png

      Details VU
      9cdd9c50-f62a-4e3c-b01a-f911d2e8388d-grafik.png

      System -> Logs
      e190e53e-2a68-4e6d-ae7e-a48d069f809f-grafik.png

      System -> VMware
      34ffe501-5b74-4b2c-9092-2e1a8ed9f99e-grafik.png

      Erdgeschoss -> Wohnzimmer
      18c3b9dc-75e4-41c9-9338-ef3c827f4c86-grafik.png

      Garten -> Bewässerung
      160a9338-d885-42be-8ae8-2d0daa67a8f1-grafik.png

      Wetter
      840f00c2-b9bb-4f94-be9d-9bb5b0330947-grafik.png

      Staubsauger
      1343f5bc-1514-44d2-8754-9a6eff483708-grafik.png

      Echo Geräte
      aebe9414-69fe-46ef-86b9-9125b66e2f1d-grafik.png

      Mutlimedia -> TV
      d3549b5b-2178-48de-aa40-86c03343a04d-grafik.png

      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:

      ad5673c8-1694-4fe5-9839-ca55c4dd920d-grafik.png
      aba96ff9-f4c4-4291-a479-95ce40906c5b-grafik.png

      Anleitung zum Import der kompletten VIS inkl. meiner Icons:


      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:


      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

      S Offline
      S Offline
      saeft_2003
      Most Active
      wrote on last edited by
      #448

      @kuddel

      Sieht echt super aus :+1: Könntest du mir den view "staubsauger" einzeln exportieren?

      K 1 Reply Last reply
      0
      • S saeft_2003

        @kuddel

        Sieht echt super aus :+1: Könntest du mir den view "staubsauger" einzeln exportieren?

        K Offline
        K Offline
        Kuddel
        wrote on last edited by
        #449

        @saeft_2003 bitte importiere dir mein ganzes projekt und ziehe die da die einzelnen Seiten für den Staubsauger raus.

        Ich müsste sonst auch alle Seiten einzeln exportieren und hier hochladen

        1 Reply Last reply
        0
        • S Offline
          S Offline
          saeft_2003
          Most Active
          wrote on last edited by
          #450

          @kuddel

          OK ich wollte noch fragen wo die anderen staubsauger icons herkommen die wo du hochgeladen sind nur diese:

          Unbenannt.jpg

          K 1 Reply Last reply
          0
          • S saeft_2003

            @kuddel

            OK ich wollte noch fragen wo die anderen staubsauger icons herkommen die wo du hochgeladen sind nur diese:

            Unbenannt.jpg

            K Offline
            K Offline
            Kuddel
            wrote on last edited by
            #451

            @saeft_2003 meine Staubsauger-Icons kommen von diesem Adapter:

            f4ee5798-5817-4fec-8bc1-83a3f9dc73d4-grafik.png

            1 Reply Last reply
            0
            • S Offline
              S Offline
              saeft_2003
              Most Active
              wrote on last edited by
              #452

              @kuddel

              Alles klar Danke!

              1 Reply Last reply
              0
              • S Offline
                S Offline
                saeft_2003
                Most Active
                wrote on last edited by
                #453

                @kuddel sagte in [Vorstellung] Meine dritte VIS:

                @saeft_2003 bitte importiere dir mein ganzes projekt und ziehe die da die einzelnen Seiten für den Staubsauger raus.

                Ich müsste sonst auch alle Seiten einzeln exportieren und hier hochladen

                Das habe ich jetzt nochmal probiert, es wird aber immer deine vis-views.json mit dem demo view überschrieben wenn ich dein Projekt öffne :-(

                1 Reply Last reply
                0
                • K 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:


                  Startseite
                  90372124-cd0b-40d0-ae6e-b8286ee25672-grafik.png

                  Menü
                  52f11cf6-b7f3-49c8-9344-b1a0f89d0eaa-grafik.png
                  e766325b-8727-48c0-b6e7-9f773f4f246b-grafik.png

                  BVB Details
                  423488b3-1367-4ebf-b28e-8b730970dfae-grafik.png

                  Tablet Details
                  ac924af2-ac1c-4069-a59e-6a68c8775a3f-grafik.png

                  System -> ioBroker
                  eb9f518b-c318-4a00-a66e-6879959792a4-grafik.png

                  System -> Homematic
                  1aaaed6f-8e59-4cdc-8bfd-c26185f1c28b-grafik.png

                  System -> Netzwerk
                  622fd166-ec5b-4ff3-9cbe-d5a81fd5332b-grafik.png

                  System -> Geräte
                  f20ab8dd-18f2-446e-94ac-55a74765e1ca-grafik.png

                  Details VU
                  9cdd9c50-f62a-4e3c-b01a-f911d2e8388d-grafik.png

                  System -> Logs
                  e190e53e-2a68-4e6d-ae7e-a48d069f809f-grafik.png

                  System -> VMware
                  34ffe501-5b74-4b2c-9092-2e1a8ed9f99e-grafik.png

                  Erdgeschoss -> Wohnzimmer
                  18c3b9dc-75e4-41c9-9338-ef3c827f4c86-grafik.png

                  Garten -> Bewässerung
                  160a9338-d885-42be-8ae8-2d0daa67a8f1-grafik.png

                  Wetter
                  840f00c2-b9bb-4f94-be9d-9bb5b0330947-grafik.png

                  Staubsauger
                  1343f5bc-1514-44d2-8754-9a6eff483708-grafik.png

                  Echo Geräte
                  aebe9414-69fe-46ef-86b9-9125b66e2f1d-grafik.png

                  Mutlimedia -> TV
                  d3549b5b-2178-48de-aa40-86c03343a04d-grafik.png

                  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:

                  ad5673c8-1694-4fe5-9839-ca55c4dd920d-grafik.png
                  aba96ff9-f4c4-4291-a479-95ce40906c5b-grafik.png

                  Anleitung zum Import der kompletten VIS inkl. meiner Icons:


                  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:


                  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

                  S Offline
                  S Offline
                  Silentblob
                  wrote on last edited by Silentblob
                  #454

                  @kuddel woher holt der sich die Wetter Icons bei dir? Bei mir bleiben die empty.
                  Hat sich erledigt. Hab es gefunden :smiley:

                  1 Reply Last reply
                  0
                  • K 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:


                    Startseite
                    90372124-cd0b-40d0-ae6e-b8286ee25672-grafik.png

                    Menü
                    52f11cf6-b7f3-49c8-9344-b1a0f89d0eaa-grafik.png
                    e766325b-8727-48c0-b6e7-9f773f4f246b-grafik.png

                    BVB Details
                    423488b3-1367-4ebf-b28e-8b730970dfae-grafik.png

                    Tablet Details
                    ac924af2-ac1c-4069-a59e-6a68c8775a3f-grafik.png

                    System -> ioBroker
                    eb9f518b-c318-4a00-a66e-6879959792a4-grafik.png

                    System -> Homematic
                    1aaaed6f-8e59-4cdc-8bfd-c26185f1c28b-grafik.png

                    System -> Netzwerk
                    622fd166-ec5b-4ff3-9cbe-d5a81fd5332b-grafik.png

                    System -> Geräte
                    f20ab8dd-18f2-446e-94ac-55a74765e1ca-grafik.png

                    Details VU
                    9cdd9c50-f62a-4e3c-b01a-f911d2e8388d-grafik.png

                    System -> Logs
                    e190e53e-2a68-4e6d-ae7e-a48d069f809f-grafik.png

                    System -> VMware
                    34ffe501-5b74-4b2c-9092-2e1a8ed9f99e-grafik.png

                    Erdgeschoss -> Wohnzimmer
                    18c3b9dc-75e4-41c9-9338-ef3c827f4c86-grafik.png

                    Garten -> Bewässerung
                    160a9338-d885-42be-8ae8-2d0daa67a8f1-grafik.png

                    Wetter
                    840f00c2-b9bb-4f94-be9d-9bb5b0330947-grafik.png

                    Staubsauger
                    1343f5bc-1514-44d2-8754-9a6eff483708-grafik.png

                    Echo Geräte
                    aebe9414-69fe-46ef-86b9-9125b66e2f1d-grafik.png

                    Mutlimedia -> TV
                    d3549b5b-2178-48de-aa40-86c03343a04d-grafik.png

                    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:

                    ad5673c8-1694-4fe5-9839-ca55c4dd920d-grafik.png
                    aba96ff9-f4c4-4291-a479-95ce40906c5b-grafik.png

                    Anleitung zum Import der kompletten VIS inkl. meiner Icons:


                    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:


                    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

                    S Offline
                    S Offline
                    Silentblob
                    wrote on last edited by
                    #455

                    @kuddel ich versuche anhand deines Bildes des Sonnenstands bei mir zu integrieren. Habe dein Script auch mit den Zeiten dafür genommen. Dennoch kommt keine Abfrage dazu? Läuft das noch über einen bestimmten Adapter?
                    Danke für eine Rückantwort Screenshot_20210301-135219_Chrome.jpg

                    K 1 Reply Last reply
                    0
                    • S Silentblob

                      @kuddel ich versuche anhand deines Bildes des Sonnenstands bei mir zu integrieren. Habe dein Script auch mit den Zeiten dafür genommen. Dennoch kommt keine Abfrage dazu? Läuft das noch über einen bestimmten Adapter?
                      Danke für eine Rückantwort Screenshot_20210301-135219_Chrome.jpg

                      K Offline
                      K Offline
                      Kuddel
                      wrote on last edited by
                      #456

                      @silentblob sofern du in den Einstellungen deine Position (Längen- und Breitengrad) eingetragen hast, dann sollte das Skript funzen.

                      Einen anderen Adapter nutze ich nicht.

                      Im Skript selber sind ein paar Trigger um 0 Uhr oder so, vllt. mal die Blöcke manuell auslösen

                      S 1 Reply Last reply
                      0
                      • K Kuddel

                        @silentblob sofern du in den Einstellungen deine Position (Längen- und Breitengrad) eingetragen hast, dann sollte das Skript funzen.

                        Einen anderen Adapter nutze ich nicht.

                        Im Skript selber sind ein paar Trigger um 0 Uhr oder so, vllt. mal die Blöcke manuell auslösen

                        S Offline
                        S Offline
                        Silentblob
                        wrote on last edited by wendy2702
                        #457

                        @kuddel ok. Ich habe mir aus dem Script nur den Punkt Raubkopiert und als Script gestartet.

                        // Zeiten
                        //  Sonne
                        createState('javascript.0.zeiten.sonnenuntergang', false, {type: 'string',name: 'sonnenuntergang'});
                        createState('javascript.0.zeiten.sonnenaufgang', false, {type: 'string',name: 'sonnenaufgang'});
                        createState('javascript.0.zeiten.sonnenaufgang_stunde', false, {type: 'string',name: 'sonnenaufgang_stunde'});
                        createState('javascript.0.zeiten.sonnenaufgang_minute', false, {type: 'string',name: 'sonnenaufgang_minute'});
                        createState('javascript.0.zeiten.rolladen_cron_restart', false, {type: 'string',name: 'rolladen_cron_restart', unit: 'Uhr'});
                        //  Rolladen
                        createState('javascript.0.zeiten.rolladen_oeffnen', false, {type: 'string',name: 'rolladen_oeffnen'});
                        createState('javascript.0.zeiten.rolladen_oeffnen_verzoegerung', false, {type: 'string',name: 'rolladen_oeffnen_verzoegerung'});
                        createState('javascript.0.zeiten.rolladen_schliessen', false, {type: 'string',name: 'rolladen_schliessen'});
                        createState('javascript.0.zeiten.rolladen_schliessen_verzoegerung', false, {type: 'string',name: 'rolladen_schliessen_verzoegerung'});
                        //  Nacht
                        createState('javascript.0.zeiten.nachtlaenge', false, {type: 'string',name: 'nachtlaenge'});
                        createState('javascript.0.zeiten.nachtlaenge_in_minuten', false, {type: 'string',name: 'nachtlaenge_in_minuten'});
                        createState('javascript.0.zeiten.nachtlaenge_keinlicht', false, {type: 'string',name: 'nachtlaenge_keinlicht'});
                        createState('javascript.0.zeiten.nachtlaenge_fortschritt', false, {type: 'string',name: 'nachtlaenge_fortschritt'});
                        // Tag
                        createState('javascript.0.zeiten.tageslaenge', false, {type: 'string',name: 'tageslaenge'});
                        createState('javascript.0.zeiten.tageslaenge_differenz', false, {type: 'string',name: 'tageslaenge_differenz'});
                        createState('javascript.0.zeiten.tageslaenge_fortschritt', false, {type: 'string',name: 'tageslaenge_fortschritt'});
                        createState('javascript.0.zeiten.tageslaenge_in_minuten', false, {type: 'string',name: 'tageslaenge_in_minuten'});
                        createState('javascript.0.zeiten.tageslaenge_in_minuten_gestern', false, {type: 'string',name: 'tageslaenge_in_minuten_gestern'});
                        createState('javascript.0.zeiten.tageslaenge_tageslicht', false, {type: 'string',name: 'tageslaenge_tageslicht'});
                        createState('javascript.0.zeiten.tageslaenge_tageslicht_in_minuten', false, {type: 'string',name: 'tageslaenge_tageslicht_in_minuten'});
                        createState('javascript.0.zeiten.tageslaenge_timer_restart', false, {type: 'boolean',name:'tageslaenge_timer_restart'});
                        

                        MOD EDIT: SCRIPT IN CODE TAGS </> GEÄNDERT

                        K 1 Reply Last reply
                        0
                        • S Silentblob

                          @kuddel ok. Ich habe mir aus dem Script nur den Punkt Raubkopiert und als Script gestartet.

                          // Zeiten
                          //  Sonne
                          createState('javascript.0.zeiten.sonnenuntergang', false, {type: 'string',name: 'sonnenuntergang'});
                          createState('javascript.0.zeiten.sonnenaufgang', false, {type: 'string',name: 'sonnenaufgang'});
                          createState('javascript.0.zeiten.sonnenaufgang_stunde', false, {type: 'string',name: 'sonnenaufgang_stunde'});
                          createState('javascript.0.zeiten.sonnenaufgang_minute', false, {type: 'string',name: 'sonnenaufgang_minute'});
                          createState('javascript.0.zeiten.rolladen_cron_restart', false, {type: 'string',name: 'rolladen_cron_restart', unit: 'Uhr'});
                          //  Rolladen
                          createState('javascript.0.zeiten.rolladen_oeffnen', false, {type: 'string',name: 'rolladen_oeffnen'});
                          createState('javascript.0.zeiten.rolladen_oeffnen_verzoegerung', false, {type: 'string',name: 'rolladen_oeffnen_verzoegerung'});
                          createState('javascript.0.zeiten.rolladen_schliessen', false, {type: 'string',name: 'rolladen_schliessen'});
                          createState('javascript.0.zeiten.rolladen_schliessen_verzoegerung', false, {type: 'string',name: 'rolladen_schliessen_verzoegerung'});
                          //  Nacht
                          createState('javascript.0.zeiten.nachtlaenge', false, {type: 'string',name: 'nachtlaenge'});
                          createState('javascript.0.zeiten.nachtlaenge_in_minuten', false, {type: 'string',name: 'nachtlaenge_in_minuten'});
                          createState('javascript.0.zeiten.nachtlaenge_keinlicht', false, {type: 'string',name: 'nachtlaenge_keinlicht'});
                          createState('javascript.0.zeiten.nachtlaenge_fortschritt', false, {type: 'string',name: 'nachtlaenge_fortschritt'});
                          // Tag
                          createState('javascript.0.zeiten.tageslaenge', false, {type: 'string',name: 'tageslaenge'});
                          createState('javascript.0.zeiten.tageslaenge_differenz', false, {type: 'string',name: 'tageslaenge_differenz'});
                          createState('javascript.0.zeiten.tageslaenge_fortschritt', false, {type: 'string',name: 'tageslaenge_fortschritt'});
                          createState('javascript.0.zeiten.tageslaenge_in_minuten', false, {type: 'string',name: 'tageslaenge_in_minuten'});
                          createState('javascript.0.zeiten.tageslaenge_in_minuten_gestern', false, {type: 'string',name: 'tageslaenge_in_minuten_gestern'});
                          createState('javascript.0.zeiten.tageslaenge_tageslicht', false, {type: 'string',name: 'tageslaenge_tageslicht'});
                          createState('javascript.0.zeiten.tageslaenge_tageslicht_in_minuten', false, {type: 'string',name: 'tageslaenge_tageslicht_in_minuten'});
                          createState('javascript.0.zeiten.tageslaenge_timer_restart', false, {type: 'boolean',name:'tageslaenge_timer_restart'});
                          

                          MOD EDIT: SCRIPT IN CODE TAGS </> GEÄNDERT

                          K Offline
                          K Offline
                          Kuddel
                          wrote on last edited by
                          #458

                          @silentblob das Skript erstellt aber nur die Datenpunkte und berechnet noch nichts

                          S 1 Reply Last reply
                          0
                          • K Kuddel

                            @silentblob das Skript erstellt aber nur die Datenpunkte und berechnet noch nichts

                            S Offline
                            S Offline
                            Silentblob
                            wrote on last edited by
                            #459

                            @kuddel ah ok. Das heißt was muss ich machen :smile:

                            K 1 Reply Last reply
                            0
                            • S Silentblob

                              @kuddel ah ok. Das heißt was muss ich machen :smile:

                              K Offline
                              K Offline
                              Kuddel
                              wrote on last edited by
                              #460

                              @silentblob benörigst noch ein weiteres Skript, dass die neu erstellten DPs mit Daten befüllt:

                              blockly_export.txt

                              Das Skript importieren und warten bis die Trigger alle einmal ausgeführt worden sind.

                              1 Reply Last reply
                              0
                              • K 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:


                                Startseite
                                90372124-cd0b-40d0-ae6e-b8286ee25672-grafik.png

                                Menü
                                52f11cf6-b7f3-49c8-9344-b1a0f89d0eaa-grafik.png
                                e766325b-8727-48c0-b6e7-9f773f4f246b-grafik.png

                                BVB Details
                                423488b3-1367-4ebf-b28e-8b730970dfae-grafik.png

                                Tablet Details
                                ac924af2-ac1c-4069-a59e-6a68c8775a3f-grafik.png

                                System -> ioBroker
                                eb9f518b-c318-4a00-a66e-6879959792a4-grafik.png

                                System -> Homematic
                                1aaaed6f-8e59-4cdc-8bfd-c26185f1c28b-grafik.png

                                System -> Netzwerk
                                622fd166-ec5b-4ff3-9cbe-d5a81fd5332b-grafik.png

                                System -> Geräte
                                f20ab8dd-18f2-446e-94ac-55a74765e1ca-grafik.png

                                Details VU
                                9cdd9c50-f62a-4e3c-b01a-f911d2e8388d-grafik.png

                                System -> Logs
                                e190e53e-2a68-4e6d-ae7e-a48d069f809f-grafik.png

                                System -> VMware
                                34ffe501-5b74-4b2c-9092-2e1a8ed9f99e-grafik.png

                                Erdgeschoss -> Wohnzimmer
                                18c3b9dc-75e4-41c9-9338-ef3c827f4c86-grafik.png

                                Garten -> Bewässerung
                                160a9338-d885-42be-8ae8-2d0daa67a8f1-grafik.png

                                Wetter
                                840f00c2-b9bb-4f94-be9d-9bb5b0330947-grafik.png

                                Staubsauger
                                1343f5bc-1514-44d2-8754-9a6eff483708-grafik.png

                                Echo Geräte
                                aebe9414-69fe-46ef-86b9-9125b66e2f1d-grafik.png

                                Mutlimedia -> TV
                                d3549b5b-2178-48de-aa40-86c03343a04d-grafik.png

                                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:

                                ad5673c8-1694-4fe5-9839-ca55c4dd920d-grafik.png
                                aba96ff9-f4c4-4291-a479-95ce40906c5b-grafik.png

                                Anleitung zum Import der kompletten VIS inkl. meiner Icons:


                                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:


                                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

                                Jens MeyerJ Offline
                                Jens MeyerJ Offline
                                Jens Meyer
                                wrote on last edited by
                                #461

                                @kuddel
                                hallo, erstmal top für die mühe aieht richtig gut aus,nun habe ich mir mal das mit der vu+ angesehen und finde das super..
                                ich bin über den punkt 11104_TV_Aufnahmen gestolpert
                                kann aber das script nicht finden...("oid": "javascript.0.sonstige.vu_aufnahmen_liste",)
                                kannst das eventuell noch zur verfügung stellen
                                wäre super
                                danke

                                K 1 Reply Last reply
                                0
                                • Jens MeyerJ Jens Meyer

                                  @kuddel
                                  hallo, erstmal top für die mühe aieht richtig gut aus,nun habe ich mir mal das mit der vu+ angesehen und finde das super..
                                  ich bin über den punkt 11104_TV_Aufnahmen gestolpert
                                  kann aber das script nicht finden...("oid": "javascript.0.sonstige.vu_aufnahmen_liste",)
                                  kannst das eventuell noch zur verfügung stellen
                                  wäre super
                                  danke

                                  K Offline
                                  K Offline
                                  Kuddel
                                  wrote on last edited by
                                  #462

                                  @jens-meyer hier der javascript export

                                  // import
                                  const moment = require("moment");
                                  const momentDurationFormatSetup = require("moment-duration-format");
                                  moment.locale("de");
                                  
                                  let enigma2AdapterRecordListId = 'enigma2.0.enigma2.MOVIE_LIST';
                                  
                                  on({ id: enigma2AdapterRecordListId }, formatList);
                                  function formatList() {
                                     try {
                                         let list = JSON.parse(getState(enigma2AdapterRecordListId).val);
                                         let myList = [];
                                  
                                         if (list && list !== null && list !== undefined && list !== '') {
                                             for (var i = 0; i <= list.length - 1; i++) {
                                                 let listItem = list[i]
                                                 let recordTime = moment(listItem.recordingtime * 1000);
                                                 let recordDateFormatted = `${recordTime.format('ddd')} ${recordTime.format('DD.MM.')}`;
                                                 let recordTimeFormatted = `${recordTime.format('LT')}`
                                                 if (moment().isSame(recordTime, 'day')) {
                                                     recordDateFormatted = `Heute ${recordTime.format('DD.MM.')}`;
                                                 } else if (moment().add(-1, 'day').isSame(recordTime, 'day')) {
                                                     recordDateFormatted = `Gestern ${recordTime.format('DD.MM.')}`;
                                                 }
                                  
                                                 let rawtitle = listItem.eventname;
                                                 let title = rawtitle;
                                                 let subtitle = listItem.subtitle;
                                  
                                                 if (title.includes(' - ')) {
                                                     title = rawtitle.substring(0, rawtitle.indexOf(' - ')).trim();
                                                     subtitle = rawtitle.substring(rawtitle.indexOf(' - ') + 2, rawtitle.length).trim();
                                  
                                                     if (subtitle === undefined) {
                                                         subtitle = '';
                                                     }
                                                 }
                                  
                                  
                                                 myList.push(
                                                     {
                                                         channelImage: `http://192.168.4.24:8080/picon/${listItem.serviceRefName}.png`,
                                                         channel: listItem.servicename,
                                                         title: title,
                                                         recordDateFormatted: recordDateFormatted,
                                                         recordTimeFormatted: recordTimeFormatted,
                                                         dauer: listItem.length,
                                                         groesse: listItem.filesize_readable,
                                                         recordTime: listItem.recordingtime //In der VIS ausgeblendet
                                  
                                                         //lenght: listItem.length + ' min, ' + listItem.filesize_readable,
                                                         
                                                         //subtitle: subtitle,
                                                         //size: listItem.filesize_readable,
                                  
                                                     }
                                                 )
                                             }
                                             setState('javascript.0.sonstige.vu_aufnahmen_liste', JSON.stringify(myList), true);
                                         }
                                  
                                     } catch (err) {
                                         console.error(`[formatList] error: ${err.message}`);
                                         console.error(`[formatList] stack: ${err.stack}`);
                                     }
                                  }
                                  
                                  formatList();
                                  

                                  Die IP vom Receiver und die DPs müssen noch angepasst werden

                                  Jens MeyerJ 1 Reply Last reply
                                  0
                                  • K Kuddel

                                    @jens-meyer hier der javascript export

                                    // import
                                    const moment = require("moment");
                                    const momentDurationFormatSetup = require("moment-duration-format");
                                    moment.locale("de");
                                    
                                    let enigma2AdapterRecordListId = 'enigma2.0.enigma2.MOVIE_LIST';
                                    
                                    on({ id: enigma2AdapterRecordListId }, formatList);
                                    function formatList() {
                                       try {
                                           let list = JSON.parse(getState(enigma2AdapterRecordListId).val);
                                           let myList = [];
                                    
                                           if (list && list !== null && list !== undefined && list !== '') {
                                               for (var i = 0; i <= list.length - 1; i++) {
                                                   let listItem = list[i]
                                                   let recordTime = moment(listItem.recordingtime * 1000);
                                                   let recordDateFormatted = `${recordTime.format('ddd')} ${recordTime.format('DD.MM.')}`;
                                                   let recordTimeFormatted = `${recordTime.format('LT')}`
                                                   if (moment().isSame(recordTime, 'day')) {
                                                       recordDateFormatted = `Heute ${recordTime.format('DD.MM.')}`;
                                                   } else if (moment().add(-1, 'day').isSame(recordTime, 'day')) {
                                                       recordDateFormatted = `Gestern ${recordTime.format('DD.MM.')}`;
                                                   }
                                    
                                                   let rawtitle = listItem.eventname;
                                                   let title = rawtitle;
                                                   let subtitle = listItem.subtitle;
                                    
                                                   if (title.includes(' - ')) {
                                                       title = rawtitle.substring(0, rawtitle.indexOf(' - ')).trim();
                                                       subtitle = rawtitle.substring(rawtitle.indexOf(' - ') + 2, rawtitle.length).trim();
                                    
                                                       if (subtitle === undefined) {
                                                           subtitle = '';
                                                       }
                                                   }
                                    
                                    
                                                   myList.push(
                                                       {
                                                           channelImage: `http://192.168.4.24:8080/picon/${listItem.serviceRefName}.png`,
                                                           channel: listItem.servicename,
                                                           title: title,
                                                           recordDateFormatted: recordDateFormatted,
                                                           recordTimeFormatted: recordTimeFormatted,
                                                           dauer: listItem.length,
                                                           groesse: listItem.filesize_readable,
                                                           recordTime: listItem.recordingtime //In der VIS ausgeblendet
                                    
                                                           //lenght: listItem.length + ' min, ' + listItem.filesize_readable,
                                                           
                                                           //subtitle: subtitle,
                                                           //size: listItem.filesize_readable,
                                    
                                                       }
                                                   )
                                               }
                                               setState('javascript.0.sonstige.vu_aufnahmen_liste', JSON.stringify(myList), true);
                                           }
                                    
                                       } catch (err) {
                                           console.error(`[formatList] error: ${err.message}`);
                                           console.error(`[formatList] stack: ${err.stack}`);
                                       }
                                    }
                                    
                                    formatList();
                                    

                                    Die IP vom Receiver und die DPs müssen noch angepasst werden

                                    Jens MeyerJ Offline
                                    Jens MeyerJ Offline
                                    Jens Meyer
                                    wrote on last edited by
                                    #463

                                    @kuddel
                                    vielen dank...top!

                                    1 Reply Last reply
                                    0
                                    • S Offline
                                      S Offline
                                      samot13
                                      wrote on last edited by
                                      #464

                                      @Kuddel

                                      Hallo Kuddel,

                                      ich habe versucht deine visu zu importieren aber ich habe Probleme mit dem Submenues.

                                      3652a6a4-af4b-4f94-8ca2-cef7bae78884-grafik.png

                                      Hast du, bzw. einer eine Idee was da schief läuft?

                                      Ich habe den iobroker neu aufgesetzt.
                                      Gibt es bekannte Probleme mit Nodes12 ?

                                      Danke und Gruß
                                      samot13

                                      K GlasfaserG 2 Replies Last reply
                                      0
                                      • S samot13

                                        @Kuddel

                                        Hallo Kuddel,

                                        ich habe versucht deine visu zu importieren aber ich habe Probleme mit dem Submenues.

                                        3652a6a4-af4b-4f94-8ca2-cef7bae78884-grafik.png

                                        Hast du, bzw. einer eine Idee was da schief läuft?

                                        Ich habe den iobroker neu aufgesetzt.
                                        Gibt es bekannte Probleme mit Nodes12 ?

                                        Danke und Gruß
                                        samot13

                                        K Offline
                                        K Offline
                                        Kuddel
                                        wrote on last edited by
                                        #465

                                        @samot13 welche Version vom Adapter "Material Design Widgets" verwendest du ?

                                        Meine VIS läuft mit Version 0.2.54.

                                        Ich weiß, dass es bei neueren Version zu Probleme mit dem Menü kommt.

                                        Hatte leider noch keine Zeit, das Ganze zu aktualisieren

                                        1 Reply Last reply
                                        0
                                        • S samot13

                                          @Kuddel

                                          Hallo Kuddel,

                                          ich habe versucht deine visu zu importieren aber ich habe Probleme mit dem Submenues.

                                          3652a6a4-af4b-4f94-8ca2-cef7bae78884-grafik.png

                                          Hast du, bzw. einer eine Idee was da schief läuft?

                                          Ich habe den iobroker neu aufgesetzt.
                                          Gibt es bekannte Probleme mit Nodes12 ?

                                          Danke und Gruß
                                          samot13

                                          GlasfaserG Offline
                                          GlasfaserG Offline
                                          Glasfaser
                                          wrote on last edited by
                                          #466

                                          @samot13 sagte in [Vorstellung] Meine dritte VIS:

                                          Probleme mit dem Submenues.

                                          hier ist es erklärt was man ändern muß :

                                          https://forum.iobroker.net/topic/29660/material-design-widgets-top-app-bar-widget/207?_=1617005272342

                                          Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..

                                          1 Reply Last reply
                                          0
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          615

                                          Online

                                          32.7k

                                          Users

                                          82.5k

                                          Topics

                                          1.3m

                                          Posts
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Login

                                          • Don't have an account? Register

                                          • Login or register to search.
                                          • First post
                                            Last post
                                          0
                                          • Home
                                          • Recent
                                          • Tags
                                          • Unread 0
                                          • Categories
                                          • Unreplied
                                          • Popular
                                          • GitHub
                                          • Docu
                                          • Hilfe