Skip to content
  • 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
Logo
  1. ioBroker Community Home
  2. Deutsch
  3. Praktische Anwendungen (Showcase)
  4. [Vorstellung] Meine dritte VIS

NEWS

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    8.1k

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    13
    1
    1.8k

  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    15
    1
    2.1k

[Vorstellung] Meine dritte VIS

Scheduled Pinned Locked Moved Praktische Anwendungen (Showcase)
visvis projekte
640 Posts 83 Posters 184.6k 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.
  • 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
              • S Offline
                S Offline
                samot13
                wrote on last edited by
                #467

                @ Kuddel: Ich verwende 0.4.42
                Ich werde es mal mit der älteren Versuchen oder ich schaue mir die Änderungen vom Link mal an.

                Danke für die Info
                @ Glasfaser: Danke für den Link

                1 Reply Last reply
                0
                • maximal1981M Offline
                  maximal1981M Offline
                  maximal1981
                  wrote on last edited by
                  #468

                  Hallo,

                  erstmal echt super Arbeit.

                  Gefällt mir echt gut, und versuche die Datenpunkte an meine anzupassen.

                  Bin erst auf der Startseite über das Wetter-Widget hinaus gekommen, und stehe schon an.

                  Ich suche wie ein Irrer die Befüllung der javascript.0.zeiten.*. bin entweder blind oder hab diese irgendwie nicht im Projekt, oder gelöscht. Bitte um Unterstützung.

                  mfg maximal1981

                  K 1 Reply Last reply
                  0
                  • maximal1981M maximal1981

                    Hallo,

                    erstmal echt super Arbeit.

                    Gefällt mir echt gut, und versuche die Datenpunkte an meine anzupassen.

                    Bin erst auf der Startseite über das Wetter-Widget hinaus gekommen, und stehe schon an.

                    Ich suche wie ein Irrer die Befüllung der javascript.0.zeiten.*. bin entweder blind oder hab diese irgendwie nicht im Projekt, oder gelöscht. Bitte um Unterstützung.

                    mfg maximal1981

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

                    @maximal1981 hast du denn bzgl. der Datenobjekte ein Skript von mir importiert ?

                    blockly_export_zeiten.txt

                    maximal1981M 1 Reply Last reply
                    0
                    • K Kuddel

                      @maximal1981 hast du denn bzgl. der Datenobjekte ein Skript von mir importiert ?

                      blockly_export_zeiten.txt

                      maximal1981M Offline
                      maximal1981M Offline
                      maximal1981
                      wrote on last edited by
                      #470

                      @kuddel doch, hab nur mal alle deaktiviert, da ich sonst natürlich lauter Fehler wegen falschen Datenpunkten habe, und dann die "zeiten_v01" übersehen/-lesen.

                      Danke für die Antwort.
                      Mein Problem ist, dass ich keine Ahnung habe welche Scripts mit welchen Widgets zusammenspielen.

                      eine Vermutung ist z.B. für die Rollo-Steuerung auf der Main benötigt man folgendes:

                      • zeiten_v01 (muss mal eine Nacht an sein, damit alle nötigen Werte vorhanden sind = Vermutung)
                      • rolladen_tag_nacht

                      gibt es irgendwie im ioBroker die Möglichkeit Abhängigkeit aufzulösen, bzw. welche Varaiblen wo vorhanden sind um die übergeordneten Scripts zu finden?

                      C K 2 Replies Last reply
                      0
                      • maximal1981M maximal1981

                        @kuddel doch, hab nur mal alle deaktiviert, da ich sonst natürlich lauter Fehler wegen falschen Datenpunkten habe, und dann die "zeiten_v01" übersehen/-lesen.

                        Danke für die Antwort.
                        Mein Problem ist, dass ich keine Ahnung habe welche Scripts mit welchen Widgets zusammenspielen.

                        eine Vermutung ist z.B. für die Rollo-Steuerung auf der Main benötigt man folgendes:

                        • zeiten_v01 (muss mal eine Nacht an sein, damit alle nötigen Werte vorhanden sind = Vermutung)
                        • rolladen_tag_nacht

                        gibt es irgendwie im ioBroker die Möglichkeit Abhängigkeit aufzulösen, bzw. welche Varaiblen wo vorhanden sind um die übergeordneten Scripts zu finden?

                        C Offline
                        C Offline
                        ChrisXY
                        wrote on last edited by ChrisXY
                        #471

                        Habe auch das Menü kaputt. Leider verstehe ich nicht genau was ich da ändern/anpassen muss. Jemand eine Anleitung oder ein ausgebessertes menü??

                        GlasfaserG 1 Reply Last reply
                        0
                        • C ChrisXY

                          Habe auch das Menü kaputt. Leider verstehe ich nicht genau was ich da ändern/anpassen muss. Jemand eine Anleitung oder ein ausgebessertes menü??

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

                          @chrisxy sagte in [Vorstellung] Meine dritte VIS:

                          Habe auch das Menü kaputt.

                          da ist nicht´s kaputt.

                          Ein paar Beiträge über deinem ist ein Link zum passenden Thread !

                          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
                          • maximal1981M maximal1981

                            @kuddel doch, hab nur mal alle deaktiviert, da ich sonst natürlich lauter Fehler wegen falschen Datenpunkten habe, und dann die "zeiten_v01" übersehen/-lesen.

                            Danke für die Antwort.
                            Mein Problem ist, dass ich keine Ahnung habe welche Scripts mit welchen Widgets zusammenspielen.

                            eine Vermutung ist z.B. für die Rollo-Steuerung auf der Main benötigt man folgendes:

                            • zeiten_v01 (muss mal eine Nacht an sein, damit alle nötigen Werte vorhanden sind = Vermutung)
                            • rolladen_tag_nacht

                            gibt es irgendwie im ioBroker die Möglichkeit Abhängigkeit aufzulösen, bzw. welche Varaiblen wo vorhanden sind um die übergeordneten Scripts zu finden?

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

                            @maximal1981 die zeiten an sich können ohne Abhängigkeiten erstellt werden, wie z.B. Tageslänge.

                            Auf der Main kann man einstellen, wann die Rollos hoch- / herunterfahren sollen.

                            Dafür ist dann das Skript rolladen_tag_nacht, welches die DPs aus dem Zeiten Skirpt verwendet

                            maximal1981M 1 Reply Last reply
                            0
                            • K Kuddel

                              @maximal1981 die zeiten an sich können ohne Abhängigkeiten erstellt werden, wie z.B. Tageslänge.

                              Auf der Main kann man einstellen, wann die Rollos hoch- / herunterfahren sollen.

                              Dafür ist dann das Skript rolladen_tag_nacht, welches die DPs aus dem Zeiten Skirpt verwendet

                              maximal1981M Offline
                              maximal1981M Offline
                              maximal1981
                              wrote on last edited by maximal1981
                              #474

                              @kuddel du hast meine Frage falsch interpretiert, aber habe die Lösungen teilweise schon selbst gefunden.
                              Aber ein paar Fragen hab ich (gibt sicher mehr, aber die fallen mir gerade ein 🤠) :

                              • ich bekomme die Akkustand_History nicht hin. ist ein extrem langer flot-Link. Muss man dafür vermutlich auch Datenpunkte in einer History speichern, wenn ja mit welchen settings, und wie baut man dann den Chart-Link auf?

                              • bei der Darstellung vom Vis egal am Laptop oder Tablet habe ich nach rechts noch ca. einen halben Screen zum Scrollen. Kann man das kürzen bzw. nach dem Ende abschneiden?

                              • bei der Darstellung am Tablet mit Fully-Browser (am Laptop auch aber da ist es mir egal) hab ich das Problem, dass das Vis größer ist als der Screen. Man kann es zwar zoomen, aber nach einem reload bzw. Seitenwechsel ist der manuelle Zoom von gefüllt 90 % natürlich wieder auf 100 %. Vermutlich kann man das wo einstellen, finde es aber nicht.

                              • kann es sein, dass du für den Fully-Browser um ca. 7 € eine Lifetime Lizenz gekauft hast, und diese eigentlich auch mehr oder weniger für die 100 %ige Kompatibilität benötigt wird?

                              • wenn ich auf den Saugroboter-View wechsle, geht er nach 1 sec wieder auf die Startseite zurück. Des Weiteren hab ich den View Jump üer die Zahlen auch noch nicht verstanden, wie/wo wird das über die Zahl umgesetzt?

                              Für alle anderen:

                              • um Variablen in den Scripts zu finden, gibt es im ioBroker unter Scripts - wo man dann common, java, smarthome, sowie seine eigenen Scripts sieht - oben rechts eine Lupe. Dort dann den Varaiblennamen oder Teile davon eingeben, und es werden alles Scripts aufgelistet, welche diesen enthalten, egal ob zum Setzen, Trigger oder Bedingung

                              • in den einzelnen Views gibt es unzählige Widgets die übereinander liegen. z.B. bei Müllabfuhr in ... sind es 3 Widgets, bei Akkuanzeige sogar 5. Ich habe bis dato immer alle weggeschoben, jedoch kann man das viel leichter wenn man die aktiven Widgets durcharbeitet^^

                              • zur allgemeinen Erleichterung habe ich noch die Scripts und das Vis in einem Ordner abgelegt, und suche mir dort mittels SearchMyFiles Abhängigkeiten heraus, wenn ich mich gar nicht durchblicke wie was zusammenspielt

                              hoffe den einem oder anderen Vis/Script-Neuling hilft die Ausführung um auch hier mal Fuß zu fassen und nicht gleich verzweifelt. Hätte auch schon fast aufgegeben, wenn mir nicht Kuddels Vis so gefallen würde 😍 🤛

                              K 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

                                W Offline
                                W Offline
                                WeiserWolf
                                wrote on last edited by
                                #475

                                @kuddel
                                Die VIS ist einfach genial. Da ich grade erst mit iobroker anfange, habe ich gedacht ich nehme mir eine fertiges VIS und alles wird gut, naja purer Anfängerwahnsinn 🙂
                                Naja ich bin jetzt dazu übergegangen mir erst einmal einzelne Teile kopieren zu wollen in mein Projekt.
                                In erster Linie geht es um Anwesenheit und die IP-Kamera.
                                würde das gehen, wenn ich mir einzelne views in mein Projekt hole (die nötigen Adapter habe ich installiert)? Mir ist nur nicht wirklich klar, wie und wo was zu machen ist, um die
                                abzufragenden Geräte zu definieren. Kommt das alles aus dem UniFi-Controller?
                                Ich hatte mir den Master-Kurs von haus-automatisierung gegönnt, aber es hat mich irgendwie nicht weitergebracht, weil das Themas VIS überhaupt nicht behandelt wurde.

                                Aber das kommt davon, wenn man als Kreisligist meint, man könnte in der Champions-League mitspielen und auch noch gewinnen 😄

                                Wäre schön, wenn ich nicht gleich gesteinigt werde und jemand bereit ist mir da ein bisschen zu helfen. Danke schonmal 🙂

                                Gruß
                                Wolf

                                K 1 Reply Last reply
                                0
                                • maximal1981M maximal1981

                                  @kuddel du hast meine Frage falsch interpretiert, aber habe die Lösungen teilweise schon selbst gefunden.
                                  Aber ein paar Fragen hab ich (gibt sicher mehr, aber die fallen mir gerade ein 🤠) :

                                  • ich bekomme die Akkustand_History nicht hin. ist ein extrem langer flot-Link. Muss man dafür vermutlich auch Datenpunkte in einer History speichern, wenn ja mit welchen settings, und wie baut man dann den Chart-Link auf?

                                  • bei der Darstellung vom Vis egal am Laptop oder Tablet habe ich nach rechts noch ca. einen halben Screen zum Scrollen. Kann man das kürzen bzw. nach dem Ende abschneiden?

                                  • bei der Darstellung am Tablet mit Fully-Browser (am Laptop auch aber da ist es mir egal) hab ich das Problem, dass das Vis größer ist als der Screen. Man kann es zwar zoomen, aber nach einem reload bzw. Seitenwechsel ist der manuelle Zoom von gefüllt 90 % natürlich wieder auf 100 %. Vermutlich kann man das wo einstellen, finde es aber nicht.

                                  • kann es sein, dass du für den Fully-Browser um ca. 7 € eine Lifetime Lizenz gekauft hast, und diese eigentlich auch mehr oder weniger für die 100 %ige Kompatibilität benötigt wird?

                                  • wenn ich auf den Saugroboter-View wechsle, geht er nach 1 sec wieder auf die Startseite zurück. Des Weiteren hab ich den View Jump üer die Zahlen auch noch nicht verstanden, wie/wo wird das über die Zahl umgesetzt?

                                  Für alle anderen:

                                  • um Variablen in den Scripts zu finden, gibt es im ioBroker unter Scripts - wo man dann common, java, smarthome, sowie seine eigenen Scripts sieht - oben rechts eine Lupe. Dort dann den Varaiblennamen oder Teile davon eingeben, und es werden alles Scripts aufgelistet, welche diesen enthalten, egal ob zum Setzen, Trigger oder Bedingung

                                  • in den einzelnen Views gibt es unzählige Widgets die übereinander liegen. z.B. bei Müllabfuhr in ... sind es 3 Widgets, bei Akkuanzeige sogar 5. Ich habe bis dato immer alle weggeschoben, jedoch kann man das viel leichter wenn man die aktiven Widgets durcharbeitet^^

                                  • zur allgemeinen Erleichterung habe ich noch die Scripts und das Vis in einem Ordner abgelegt, und suche mir dort mittels SearchMyFiles Abhängigkeiten heraus, wenn ich mich gar nicht durchblicke wie was zusammenspielt

                                  hoffe den einem oder anderen Vis/Script-Neuling hilft die Ausführung um auch hier mal Fuß zu fassen und nicht gleich verzweifelt. Hätte auch schon fast aufgegeben, wenn mir nicht Kuddels Vis so gefallen würde 😍 🤛

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

                                  @maximal1981 sagte in [Vorstellung] Meine dritte VIS:

                                  @kuddel du hast meine Frage falsch interpretiert, aber habe die Lösungen teilweise schon selbst gefunden.
                                  Aber ein paar Fragen hab ich (gibt sicher mehr, aber die fallen mir gerade ein 🤠) :

                                  • ich bekomme die Akkustand_History nicht hin. ist ein extrem langer flot-Link. Muss man dafür vermutlich auch Datenpunkte in einer History speichern, wenn ja mit welchen settings, und wie baut man dann den Chart-Link auf?
                                    -> Ja der DP muss vom History Adapter geloggt werden, sonst kann Flot nichts anzeigen

                                  • bei der Darstellung vom Vis egal am Laptop oder Tablet habe ich nach rechts noch ca. einen halben Screen zum Scrollen. Kann man das kürzen bzw. nach dem Ende abschneiden?
                                    -> Du musst einfach nur die Breite vom Widget "!View_Anzeige" auf Seite 0000_Startseite ändern

                                  • bei der Darstellung am Tablet mit Fully-Browser (am Laptop auch aber da ist es mir egal) hab ich das Problem, dass das Vis größer ist als der Screen. Man kann es zwar zoomen, aber nach einem reload bzw. Seitenwechsel ist der manuelle Zoom von gefüllt 90 % natürlich wieder auf 100 %. Vermutlich kann man das wo einstellen, finde es aber nicht.
                                    -> Den Zoom kann man im FullyBrowser einstellenm, damit die VIS korrekt angezeigt wird. Musst du mal suchen. Wei so auch nicht genau, wo man das machen kann.

                                  • kann es sein, dass du für den Fully-Browser um ca. 7 € eine Lifetime Lizenz gekauft hast, und diese eigentlich auch mehr oder weniger für die 100 %ige Kompatibilität benötigt wird?
                                    -> Ja ich habe mal eine Liznez für 5€ gekauft, ob das aber eine Lifetime ist, weiß ich nicht. Auf jeden Fall gingen bei mir ein paar Feature nicht ohne Lizenz

                                  • wenn ich auf den Saugroboter-View wechsle, geht er nach 1 sec wieder auf die Startseite zurück. Des Weiteren hab ich den View Jump üer die Zahlen auch noch nicht verstanden, wie/wo wird das über die Zahl umgesetzt?
                                    Im DP "javascript.0.VIS-Steuerung.Aktuelle_VIS_Seite" steht die aktuelle VIS Seite als Zahl. Dieser DP wird auch im Widget "!View_Anzeigen" auf Seite 0000_Startseite verwendet. Dort muss man alle Views eintragen. Zb 0 = Starseite. Ändern man also die Zahl im DP, weiß das Widget, welcher View angezeigt werden soll.

                                  Für alle anderen:

                                  • um Variablen in den Scripts zu finden, gibt es im ioBroker unter Scripts - wo man dann common, java, smarthome, sowie seine eigenen Scripts sieht - oben rechts eine Lupe. Dort dann den Varaiblennamen oder Teile davon eingeben, und es werden alles Scripts aufgelistet, welche diesen enthalten, egal ob zum Setzen, Trigger oder Bedingung

                                  • in den einzelnen Views gibt es unzählige Widgets die übereinander liegen. z.B. bei Müllabfuhr in ... sind es 3 Widgets, bei Akkuanzeige sogar 5. Ich habe bis dato immer alle weggeschoben, jedoch kann man das viel leichter wenn man die aktiven Widgets durcharbeitet^^

                                  • zur allgemeinen Erleichterung habe ich noch die Scripts und das Vis in einem Ordner abgelegt, und suche mir dort mittels SearchMyFiles Abhängigkeiten heraus, wenn ich mich gar nicht durchblicke wie was zusammenspielt

                                  hoffe den einem oder anderen Vis/Script-Neuling hilft die Ausführung um auch hier mal Fuß zu fassen und nicht gleich verzweifelt. Hätte auch schon fast aufgegeben, wenn mir nicht Kuddels Vis so gefallen würde 😍 🤛

                                  Ich habe deine Fragen mal direkt im zitierten Block beantwortet

                                  1 Reply Last reply
                                  0
                                  • W WeiserWolf

                                    @kuddel
                                    Die VIS ist einfach genial. Da ich grade erst mit iobroker anfange, habe ich gedacht ich nehme mir eine fertiges VIS und alles wird gut, naja purer Anfängerwahnsinn 🙂
                                    Naja ich bin jetzt dazu übergegangen mir erst einmal einzelne Teile kopieren zu wollen in mein Projekt.
                                    In erster Linie geht es um Anwesenheit und die IP-Kamera.
                                    würde das gehen, wenn ich mir einzelne views in mein Projekt hole (die nötigen Adapter habe ich installiert)? Mir ist nur nicht wirklich klar, wie und wo was zu machen ist, um die
                                    abzufragenden Geräte zu definieren. Kommt das alles aus dem UniFi-Controller?
                                    Ich hatte mir den Master-Kurs von haus-automatisierung gegönnt, aber es hat mich irgendwie nicht weitergebracht, weil das Themas VIS überhaupt nicht behandelt wurde.

                                    Aber das kommt davon, wenn man als Kreisligist meint, man könnte in der Champions-League mitspielen und auch noch gewinnen 😄

                                    Wäre schön, wenn ich nicht gleich gesteinigt werde und jemand bereit ist mir da ein bisschen zu helfen. Danke schonmal 🙂

                                    Gruß
                                    Wolf

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

                                    @weiserwolf die Anwesenheit regele ich primär über den Radar2 Adapter. Dort wird nach den Handys gesucht.
                                    Das funktioniert auch komplett ohne Unifi Adapter.

                                    Du kannst dir natürlich einzelne WIdgets oder Seiten exportieren und bei dir einfügen. So habe ich es bei meiner zweiten VIS auch gemacht.

                                    Importiere dir einfach meine komplette VIS und öffne sie im Editor.
                                    Dann machst du einen neuen Tab mit dem Editor und deiner VIS auf und kannst dann kopieren wie du lustig bist

                                    W 1 Reply Last reply
                                    0
                                    • K Kuddel

                                      @weiserwolf die Anwesenheit regele ich primär über den Radar2 Adapter. Dort wird nach den Handys gesucht.
                                      Das funktioniert auch komplett ohne Unifi Adapter.

                                      Du kannst dir natürlich einzelne WIdgets oder Seiten exportieren und bei dir einfügen. So habe ich es bei meiner zweiten VIS auch gemacht.

                                      Importiere dir einfach meine komplette VIS und öffne sie im Editor.
                                      Dann machst du einen neuen Tab mit dem Editor und deiner VIS auf und kannst dann kopieren wie du lustig bist

                                      W Offline
                                      W Offline
                                      WeiserWolf
                                      wrote on last edited by
                                      #478

                                      @kuddel Das Prinzip habe ich angewendet. Ich habe deien VIS 1:1 importiert und alle Adapter installiert die du verwendest (also bevor ich das Projekt importiere). Manche Icons fehlen (z.B. beim Wetter, weil deine IP nicht zu meiner passt, logisch) das kriege ich auch geregelt. Beim Wetter der Mond beispielsweise: Wie kann ich hier die Icons anpassen? Kann ich die originalen einfach überschreiben?
                                      Diesen Code hier habe ich als Script angelegt und einmalig ausführen lassen. War das so richtig?

                                      javascript.0.VIS-Steuerung.Aktuelle_VIS_Seite 
                                      

                                      Ich habe versucht die Anwesenheitserkennung nachzuvollziehen und auf meine Bedürfnisse anzupassen, aber ich steige überhaupt nicht durch irgendwie. Das Widget Daniel verweist auf: javascript.0.VIS-Steuerung.Aktuelle_VIS_Seite mit Wert 4. Was sagt die "4" in dem Fall eigentlich aus? Die Zeit der letzten Statusänderung verweist auf "javascript.0.Anwesenheit.Daniel" wo finde ich das wieder?
                                      Entweder ich habe hier irgendwas grundsätzlich nicht verstanden und bin einfach zu blöd, oder hier ist beim Import etwas schief gelaufen. 😵

                                      K 1 Reply Last reply
                                      0
                                      • W WeiserWolf

                                        @kuddel Das Prinzip habe ich angewendet. Ich habe deien VIS 1:1 importiert und alle Adapter installiert die du verwendest (also bevor ich das Projekt importiere). Manche Icons fehlen (z.B. beim Wetter, weil deine IP nicht zu meiner passt, logisch) das kriege ich auch geregelt. Beim Wetter der Mond beispielsweise: Wie kann ich hier die Icons anpassen? Kann ich die originalen einfach überschreiben?
                                        Diesen Code hier habe ich als Script angelegt und einmalig ausführen lassen. War das so richtig?

                                        javascript.0.VIS-Steuerung.Aktuelle_VIS_Seite 
                                        

                                        Ich habe versucht die Anwesenheitserkennung nachzuvollziehen und auf meine Bedürfnisse anzupassen, aber ich steige überhaupt nicht durch irgendwie. Das Widget Daniel verweist auf: javascript.0.VIS-Steuerung.Aktuelle_VIS_Seite mit Wert 4. Was sagt die "4" in dem Fall eigentlich aus? Die Zeit der letzten Statusänderung verweist auf "javascript.0.Anwesenheit.Daniel" wo finde ich das wieder?
                                        Entweder ich habe hier irgendwas grundsätzlich nicht verstanden und bin einfach zu blöd, oder hier ist beim Import etwas schief gelaufen. 😵

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

                                        @weiserwolf dein Codeschnipsel ist nur ein DP und kein Script.

                                        Mit dem DP wird gesteuert, welche Seite im VIS angezeigt wird.

                                        Die Mond Icons muss du importieren und dann enstprechend dem Pfad im Widget anpassen.

                                        "javascript.0.Anwesenheit.Daniel" ist der DP, der sagt, ob ich anwesend bin oder nicht.

                                        Auf der Startseite ist das Widget aber auch ein Navigations-Widget. Deswegen die 4 für den DP "javascript.0.VIS-Steuerung.Aktuelle_VIS_Seite ".

                                        D.h. wenn du auf das Icon klickst, landest auf Seite 4 (Geräte)

                                        Die Farbe (anwesend = gründ / abwesend = rot) wird über ein Binding bei der Rahemfarbe des Widget gesteuert.

                                        Da findes du auch "javascript.0.Anwesenheit.Daniel" wieder.

                                        Ich schlage vor, dass wir ein Thema nach dem anderen bearbeiten.

                                        1. Mond / Wetter etc.
                                        2. Anwesenheit
                                        1 Reply Last reply
                                        0
                                        • W Offline
                                          W Offline
                                          WeiserWolf
                                          wrote on last edited by WeiserWolf
                                          #480

                                          @kuddel Also ich glaube ich habe meine Fehler grade gefunden was die Wetter-Geschichte angeht. Ich werde diesbezüglich noch etwas probieren. Deine lokale IP wird nicht zu meiner passen 🙂

                                          Zum Thema Anwesenheit hattest du gesagt UniFi brauche ich nicht unbedingt, das wird über Rader 2.0 gemacht.
                                          Ich habe alles was bei dir mit javascript.0 etc gefüllt war, durch "radar2.0.iPhone12Pro._here" ersetzt um überhaupt mal eine Anzeige zu bekommen. funktioniert auch in gewissem Rahmen, aber nach 3 Minuten sind die Geräte grundsätzlich abwesend.
                                          Also werde ich alles wieder rückgängig machen und versuchen den UniFi Adapter ans laufen zu bekommen, damit ich überhaupt die Objekte aus dem Anwesenheitsskript in Blocky zu erhalten um diese dann auf meine Geräte umzuschreiben.
                                          Ich glaube es hapert einfach am Verständnis...

                                          In Abhängigkeit der Anwesenheit kann ich doch bestimmt (wenn es dann mal funktioniert) auch einen API Befehl im Netzwerk absetzen oder? Ich möchte damit gerne den Home-Mode der Surveillance-Station auf meiner Synology steuern. Aber okay soweit bin ich noch lange nicht.

                                          Der Codeschnipsel ist nur ein DP, hast du gesagt, aber mal so für ganz doofe: Was mache ich damit? :man-shrugging:

                                          edit:
                                          Ich habe das mit den Icons tatsächlich hinbekommen, aber dafür habe ich keine Ahnung wie du die Nachtlänge ermittelst. Seit ich alle Skripte importiert habe schmiert mir der Adapter dauern ab. Ich finde auch die -ich nenne es mal - variable nicht. 😞

                                          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

                                          739

                                          Online

                                          32.4k

                                          Users

                                          81.4k

                                          Topics

                                          1.3m

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

                                          • Don't have an account? Register

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