Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. VIS Sammlung von Views - gibt's das schon wo?

    NEWS

    • Neuer Blog: Fotos und Eindrücke aus Solingen

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    VIS Sammlung von Views - gibt's das schon wo?

    This topic has been deleted. Only users with topic management privileges can see it.
    • D
      dtp last edited by

      @Homoran:

      Hier können komplette Views gepostet werden. `

      Hallo Rainer,

      danke für den Link. Aktuell sind meine Views noch nicht so ganz fertig. Daher würde ich mit dem Hochladen gerne noch etwas warten wollen. Insbesondere die Anzeige der Servicemeldungen muss noch etwas überarbeitet werden, weil es ja in vis das entsprechende DashUI-Widget nicht mehr gibt. Ich arbeite hier aktuell mit dem Inhalt einer Systemvariablen der CCU, die ich für das Versenden von Push-Nachrichten verwende. Dieser Inhalt wird nur dann angezeigt, wenn eine Servicemeldung vorliegt. Aber so ganz will das noch nicht.

      Gruß,

      Thorsten

      1 Reply Last reply Reply Quote 0
      • Bluefox
        Bluefox last edited by

        Ich stelle langsam die Views online.

        Hier ist erste: https://iobroker.biz:8080/vis/index.html?bluefox_home

        Eine ist noch im Prozess.

        Schickt eure anonymisierte Views damit alle abschauen können wie es gemacht ist 🙂

        1 Reply Last reply Reply Quote 0
        • eric2905
          eric2905 last edited by

          Meine bekommst Du heute Abend

          Gruß,

          Eric

          1 Reply Last reply Reply Quote 0
          • Bluefox
            Bluefox last edited by

            @eric2905:

            Meine bekommst Du heute Abend

            Gruß,

            Eric `
            Super! Es geht langsam los 🙂

            1 Reply Last reply Reply Quote 0
            • eric2905
              eric2905 last edited by

              @Bluefox:

              Super! Es geht langsam los 🙂 `
              Mail ist raus (2 MB Anhang)

              Gruß,

              Eric

              1 Reply Last reply Reply Quote 0
              • S
                Sven2013 last edited by

                Wenn es Interesse gibt würde ich meine views auch zur Verfügung stellen. Ich habe ganz viele Ideen aus dem Forum verbaut. Vielleicht kann es ja jemand gebrauchen?

                Gruß Sven ~~![](</s><URL url=)<link_text text="http://uploads.tapatalk-cdn.com/2016071 ... ff555e.jpg">http://uploads.tapatalk-cdn.com/20160719/cd03edb60c0978377a3579ef0eff555e.jpg</link_text>" />

                Gesendet von iPhone mit Tapatalk~~

                P 1 Reply Last reply Reply Quote 0
                • Bluefox
                  Bluefox last edited by

                  @Sven2013:

                  Wenn es Interesse gibt würde ich meine views auch zur Verfügung stellen. Ich habe ganz viele Ideen aus dem Forum verbaut. Vielleicht kann es ja jemand gebrauchen?

                  Gruß Sven ~~![](</s><URL url=)<link_text text="http://uploads.tapatalk-cdn.com/2016071 ... ff555e.jpg">http://uploads.tapatalk-cdn.com/20160719/cd03edb60c0978377a3579ef0eff555e.jpg</link_text>" />

                  Gesendet von iPhone mit Tapatalk~~ ` her damit 🙂

                  1 Reply Last reply Reply Quote 0
                  • etv
                    etv last edited by

                    Ich würde ja meine auch gerne hergeben, aber bei mir klappt der Export leider nicht. Alles am letzten Stand, aber wenn ich exportieren will (egal ob normal oder anonymisiert) gehen auf dem Raspi UND auch auf dem Synology die CPU Werte hoch auf 80-100℅ und danach schmiert der ioBroker komplett ab…nur ein restart bringt ihn wieder zum Leben. Hab den Export am Abend nochmal probiert und dann etwa 2 Stunden laufen lassen...

                    hat nix gebracht - ioBroker bleibt "abgeschmiert"...

                    Grüße

                    Tom

                    1 Reply Last reply Reply Quote 0
                    • Bluefox
                      Bluefox last edited by

                      @etv:

                      Ich würde ja meine auch gerne hergeben, aber bei mir klappt der Export leider nicht. Alles am letzten Stand, aber wenn ich exportieren will (egal ob normal oder anonymisiert) gehen auf dem Raspi UND auch auf dem Synology die CPU Werte hoch auf 80-100℅ und danach schmiert der ioBroker komplett ab…nur ein restart bringt ihn wieder zum Leben. Hab den Export am Abend nochmal probiert und dann etwa 2 Stunden laufen lassen...

                      hat nix gebracht - ioBroker bleibt "abgeschmiert"...

                      Grüße

                      Tom `
                      Hast du ein großes Projekt?

                      Wie gros ist dein Projekt Verzeichnis?

                      1 Reply Last reply Reply Quote 0
                      • etv
                        etv last edited by

                        @Bluefox:

                        Hast du ein großes Projekt?

                        Wie gros ist dein Projekt Verzeichnis? `

                        Ja es ist schon recht groß - hab 14 Seiten, viele Icons und so - auf dem Telefon zeigt er mir Daten mit um die 200 MB an - kann ich jetzt nicht genau sagen, weil ich (danke für den App-Update!!) gerade den resync mache - naja - der dauert bei mir wie an anderer Stelle schon geschrieben auch um die 2 Stunden - deswegen hab ich ja auch gestern Abend dann so lange gewartet.

                        Aber beim iobroker App-resync geht der iobroker im Browser ganz normal weiter - beim Export der Views is es leider "finster" - keine Reaktion mehr auf keiner Seite…

                        Grüße

                        Tom

                        1 Reply Last reply Reply Quote 0
                        • Bluefox
                          Bluefox last edited by

                          @etv:

                          @Bluefox:

                          Hast du ein großes Projekt?

                          Wie gros ist dein Projekt Verzeichnis? `

                          Ja es ist schon recht groß - hab 14 Seiten, viele Icons und so - auf dem Telefon zeigt er mir Daten mit um die 200 MB an - kann ich jetzt nicht genau sagen, weil ich (danke für den App-Update!!) gerade den resync mache - naja - der dauert bei mir wie an anderer Stelle schon geschrieben auch um die 2 Stunden - deswegen hab ich ja auch gestern Abend dann so lange gewartet.

                          Aber beim iobroker App-resync geht der iobroker im Browser ganz normal weiter - beim Export der Views is es leider "finster" - keine Reaktion mehr auf keiner Seite…

                          Grüße

                          Tom `
                          Dann gibt es noch die Möglichkeit, dass ich einfach händisch (wie früher) deine Views anpassen kann.

                          Wenn du mir ZIP mit deinem Projekt schickst, dann werde ich die Datei selbst anonymisieren.

                          1 Reply Last reply Reply Quote 0
                          • etv
                            etv last edited by

                            …alles klar, werd den Ordner mal.runter kopieren und dir dann einen Link schicken!

                            Grüße

                            Tom

                            1 Reply Last reply Reply Quote 0
                            • R
                              roland90427 last edited by

                              @bluefox

                              Hallo bluefox,

                              ich habe einen View (bluefox_FlurTab: PIN_Alarm) von Dir gesehen. Deine Views sowie die anderen Views aus https://iobroker.biz sind einfach toll.

                              Leider suchte ich mir als Newbie bislang vergeblich im Forum einen Wolf, wie man so einen PIN_Alarm realisieren kann. Vor allem das Java-Script, wie man aus einzelnen Tastendrücken einen PIN-String zusammensetzen kann, ist mir schleierhaft.

                              Könntest Du bitte das Script in das Forum stellen.

                              Vielen herzlichen Dank.

                              @alle: Ihr habt alle eine Super-Arbeit mit einem Super IOT-Produkt gemacht.

                              1 Reply Last reply Reply Quote 0
                              • Homoran
                                Homoran Global Moderator Administrators last edited by

                                Hallo Roland, und Willkommen im Forum!

                                Bluefox ist in wohlverdientem Urlaub und wird sich hoffentlich nicht melden 😉

                                Ganz allgemein würde ich dir empfehlen nicht mit der Kirsche auf dem Sahnehäubchen anzufangen sondern zum üben erst einmal mit Basics zu beginnen.

                                Dann einen View langsam wachsen lassen und weitere Funktionen hinzufügen.

                                Gruß

                                Rainer

                                1 Reply Last reply Reply Quote 0
                                • C
                                  cybertron last edited by

                                  Hallo Roland,

                                  erst einmal 'Herzlich Willkommen' hier im Kreise der ioBroker-Bessenen.

                                  Die Flur_Tab-View, welche Du gesehen hast ist vom mir.

                                  Die View mit der Pin-Eingabe ist für eine eventuell mal kommende Alarmanlage bzw. für diverse Funktionen, bei welcher ich eine Pin-Eingabe verwenden möchte. Einen wirkliches Script dafür gibt es allerdings noch nicht. lediglich einen kleinen Ansatz, mit dem ich mich mal so ein klein wenig versucht habe, mich in die js-Welt zu denken.

                                  Das Ganze ist noch alles ziemlich wirr und die Experten werden wohl die Hände über dem Kopf zusammenschlagen :lol: :roll:

                                  Aber ich setz die Denkanstöße gern hier rein.

                                  Die Variable Überwachung greift auf eine Aussenhautüberwachung (Projekt aus dem Homematic-Forum) zurück.

                                  Die Pin-Eingabe wird durch die Taste unten rechts eingeleitet.

                                  Wenn Eingabebereit, dann wird das 'Display' grau hinterlegt.

                                  Bei jeder erkannten Zifferntaste erscheint im Display ein Stern.

                                  zum Bestätigen muss wieder die Taste unten rechts gedrückt werden. Hier liegen in der View 2 Tasten übereinander (Beginn & Bestätigung)

                                  Nach erfolgreicher Eingabe erscheint im Display "unscharf" auf grünem Hintergrund und die Taste unten rechts verschwindet für ein paar Sekunden.

                                  Danach ist die View wieder im Ausgangszustand.

                                  Nur bitte bedenken, das Ganze ist nur ein Entwicklungsmodell. Es funktioniert zwar augenscheinlich, ist aber kein fertiges garantiert lauffähiges Script.

                                  ! ````
                                  // *****************************************************************************
                                  //
                                  // Alarmanlage über ioBroker.vis
                                  //
                                  //
                                  // Funktionen: 1. Scharfschalten mit Prüfen auf offene Verschlüsse (Fenster/Tür)
                                  // 2. Unscharf über PIN
                                  //
                                  //
                                  //
                                  //
                                  //
                                  //
                                  // *****************************************************************************
                                  ! // -----------------------------------------------------------------------------
                                  // allgemeine Variablen
                                  // -----------------------------------------------------------------------------
                                  var logging = false; // Logging on/off
                                  var instanz = 'javascript.0'; instanz = instanz + '.'; //
                                  //
                                  var pfad0 = 'Alarmanlage.Status.'; // Pfad innerhalb der Instanz - Status allgemien
                                  var pfad1 = 'Alarmanlage.CountDown.Scharfschalten.'; // Pfad innerhalb der Instanz
                                  var pfad2 = 'Alarmanlage.CountDown.Unscharfschalten.'; // Pfad innerhalb der Instanz
                                  var pfad3 = 'Alarmanlage.Pin.Unscharfschalten.'; // Pfad innerhalb der Instanz
                                  ! // -----------------------------------------------------------------------------
                                  // Variablen für Pin-Abfrage
                                  // -----------------------------------------------------------------------------
                                  var PinReturn = 0; // Status der Returntaste (0 - #-Taste sichtbar || 1 - Returntaste sichtbar)
                                  var PinTast = ""; // Inhalt der Eingabe
                                  var PinTemp =""; // Puffer für eingegebe Ziffern
                                  var PinLae = 0; // Pin-Länge bei Eingabe
                                  ! var PinState = false ; // Eingabestatus - Eingabe beginnt nach Taste '#' und wird mit Taste '#' abgeschlossen
                                  var PinFehl =false; // Statusflag für fehlerhafte Eingabe
                                  var PinAnz = ""; // Angezeiger 'Displaytext' z.B. ****
                                  var PinAnzStat = 0; // Status der PinAnzeige im Display (0-Ruhe | 1-Start [grau] | 2-richtig [gruen] | 3-falsch [rot])
                                  ! var PinSoll = 1607;
                                  ! // -----------------------------------------------------------------------------
                                  // Variablen für Alarmstatus
                                  // -----------------------------------------------------------------------------
                                  ! var Ueberwachung = "hm-rega.0.26414";
                                  ! // -----------------------------------------------------------------------------
                                  // Objekte
                                  // -----------------------------------------------------------------------------
                                  // Counter für Scharfschaltung
                                  createState(pfad1 + 'countdown', 60, {name: 'Timerzeit'});
                                  createState(pfad1 + 'afterCount', false, {name: 'Bolean nach Timerablauf'});
                                  createState(pfad1 + 'countTrigger', false, {name: 'Trigger für Count'});
                                  ! // Counter für Unscharf-Schalten
                                  createState(pfad2 + 'countdown', 60, {name: 'Timerzeit'});
                                  createState(pfad2 + 'afterCount', false, {name: 'Bolean nach Timerablauf'});
                                  createState(pfad2 + 'countTrigger', false, {name: 'Trigger für Count'});
                                  ! // Objekte für Pin-Eingabe
                                  createState(pfad3 + 'PinSelect', "" , {name: 'Pin-Eingabe'});
                                  createState(pfad3 + 'Pin', '0000' , {name: 'Pin'});
                                  createState(pfad3 + 'PinFehler', false , {name: 'Pin-Fehler'});
                                  createState(pfad3 + 'PinAnzStat', 0 , {name: 'PinAnzeigeStatus'});
                                  createState(pfad3 + 'PinAnz', '' , {name: 'Pin-Anzeige'});
                                  createState(pfad3 + 'PinReturn', '' , {name: 'Pin-ReturnTaste'});
                                  ! // Objekte für Status
                                  createState(pfad0 + 'Status', 3, {name: 'Status für Scharfmeldung'});
                                  createState(pfad0 + 'ScharfStatus', false, {name: 'Status für Scharfschaltung'});
                                  ! // $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
                                  // $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
                                  // $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
                                  // $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
                                  ! // #############################################################################
                                  // # #
                                  // # Scharfschalten #
                                  // # #
                                  // #############################################################################
                                  ! // Counter für Scharfschaltung
                                  on((instanz + pfad1 + 'countTrigger'), function (obj) {
                                  if (obj.newState.val === true || obj.newState.val === 'true' || obj.newState.val == 1) {
                                  setState(pfad1 + 'countdown', 60);
                                  setState(pfad1 + 'afterCount', false);
                                  countscharf();
                                  }
                                  });
                                  ! on((instanz + pfad1 + 'afterCount'), function (obj) {
                                  if (obj.newState.val === true || obj.newState.val === 'true' || obj.newState.val == 1) {

                                  }    
                                  

                                  });

                                  ! function countscharf() {
                                  setTimeout(function () {
                                  var timer = getState(pfad1 + 'countdown').val || 60;
                                  if (timer > 1) {
                                  setState(pfad1 + 'countTrigger', false);
                                  setState(pfad1 + 'countdown', timer - 1);
                                  countscharf();
                                  } else {
                                  setState(pfad1 + 'countdown', 0);
                                  setState(pfad1 + 'afterCount', true);
                                  setState(Ueberwachung, true);
                                  }
                                  }, 1000);
                                  }
                                  ! function pruefscharf() {

                                  }

                                  ! // #############################################################################
                                  // # #
                                  // # Unscharfschalten #
                                  // # #
                                  // #############################################################################
                                  ! //Counter für Unscharf-Schalten
                                  on((instanz + pfad2 + 'countTrigger'), function (obj) {
                                  if (obj.newState.val === true || obj.newState.val === 'true' || obj.newState.val == 1) {
                                  setState(pfad2 + 'countdown', 60);
                                  setState(pfad2 + 'afterCount', false);
                                  countunscharf();
                                  }
                                  });
                                  ! function countunscharf() {
                                  setTimeout(function () {
                                  var timer = getState(pfad2 + 'countdown').val || 60;
                                  if (timer > 1) {
                                  setState(pfad2 + 'countTrigger', false);
                                  setState(pfad2 + 'countdown', timer - 1);
                                  countunscharf();
                                  } else {
                                  setState(pfad2 + 'countdown', 0);
                                  setState(pfad2 + 'afterCount', true);
                                  }
                                  }, 1000);
                                  }
                                  ! // #############################################################################
                                  // # #
                                  // # Pin-Abfrage #
                                  // # #
                                  // #############################################################################
                                  ! on((instanz + pfad3 + 'PinSelect'), function (obj) {
                                  if (obj.newState.val === '#') {
                                  PinStart();
                                  }
                                  if (obj.newState.val === 0 || obj.newState.val === 1 || obj.newState.val === 2 || obj.newState.val === 3 || obj.newState.val === 4 || obj.newState.val === 5 || obj.newState.val === 6 || obj.newState.val === 7 || obj.newState.val === 8 || obj.newState.val === 9) {
                                  PinTast = obj.newState.val;
                                  PinEingabe();
                                  }
                                  if (obj.newState.val === '/r>) {
                                  PinPruef();
                                  }
                                  if (obj.newState.val === '') {
                                  PinReset();
                                  }
                                  });
                                  ! function PinStart () {
                                  PinReturn = 1;
                                  PinLae = 0;
                                  PinAnzStat = 1;
                                  PinAnz = "";
                                  setState(pfad3 + 'PinAnzStat', PinAnzStat);
                                  setState(pfad3 + 'PinAnz', PinAnz);
                                  setState(pfad3 + 'PinReturn', PinReturn);
                                  }
                                  function PinEingabe () {
                                  PinTemp = (PinTemp + PinTast);
                                  PinAnz = (PinAnz + '
                                  ');
                                  setState(pfad3 + 'PinAnz',PinAnz);
                                  PinLae = (PinLae +1) ;
                                  log ('PinTast = ' + PinTast);
                                  log ('PinTemp = ' + PinTemp);
                                  log ('PinLae = ' + PinLae);
                                  log ('PinSoll = ' + PinSoll);
                                  ! }
                                  ! function PinPruef() {
                                  if (PinTemp === '1234') {
                                  log ('PinEingabe erfolgreich');
                                  PinAnzStat = 2;
                                  setState(pfad3 + 'PinAnzStat', PinAnzStat);
                                  PinReturn = 3;
                                  setState(pfad3 + 'PinReturn', PinReturn);
                                  PinAnz = 'unscharf';
                                  setState(Ueberwachung,false);
                                  setState(pfad3 + 'PinAnz',PinAnz);
                                  setTimeout(function() {
                                  PinAnz = '';
                                  setState(pfad3 + 'PinAnz',PinAnz);
                                  PinReset();
                                  }, 5 * 1000);
                                  ! } else {
                                  log ('PinEingabe Fehler');
                                  }
                                  }
                                  ! function PinReset() {
                                  PinReturn = 0;
                                  PinLae=0;
                                  PinAnzStat=0;
                                  PinAnz="";
                                  PinTemp="";
                                  setState(pfad3 + 'PinAnz', PinReturn);
                                  setState(pfad3 + 'PinAnzStat', PinAnzStat);
                                  setState(pfad3 + 'PinAnz', PinAnz);
                                  setState(pfad3 + 'PinReturn', PinReturn);
                                  }

                                  
                                  Gruss
                                  
                                  Silvio
                                  
                                  geändert von Homoran -> Script in spoiler
                                  1 Reply Last reply Reply Quote 0
                                  • R
                                    roland90427 last edited by

                                    Hallo Silvio, hallo Rainer,

                                    zunächst erst mal vielen herzlichen Dank für Eure schnelle Antwort und auch für das Script. Dadurch weiss ich jetzt wie ich Werte von den Widgets im javascript verwenden kann.

                                    Mir kommen als ioBroker-Anfänger die VIS-bezogenen Funktionen in javascript noch wie ein Buch mit 7 Siegeln vor. Ich habe zwar über das Forum eine gesamt-Doku (https://github.com/ioBroker/ioBroker.javascript) gefunden, aber wie man sie anwendet ist mir noch nicht so klar.

                                    An Programmiererfahrung mangelt es mir nicht. Aber ich bin guter Hoffnung daß ich die richtige Anwendung der Funktionen noch kapiere und ich dann auch die Community unterstützen kann 🙂

                                    Viele Grüße

                                    Roland

                                    1 Reply Last reply Reply Quote 0
                                    • K
                                      kirbsi last edited by

                                      Ihr habt alle tolle Views. Wenn ich zu Hause bin stelle ich meine auch mal rein. Habt ihr noch Ideen wie man eine IT Übersicht toll darstellen kann? Das geht mir seit Wochen durch den Kopf aber so richtig komm ich auf keine gute Idee.

                                      1 Reply Last reply Reply Quote 0
                                      • F
                                        Fugazzy last edited by

                                        Hier nun einmal meine neue Visualisierung (optimiert für iPAD)

                                        LEVEL usw. lassen sich über Wischgesten einstellen, Detailierungsfenster für DWD-Warung, LowBat, und ServiceMeldungen bei Bedarf einblenden.

                                        Die Wischgesten scheinen aber noch nicht immer ganz richtig zu funktionieren.
                                        429_visu-flat2.tiff
                                        429_visu-flat.tiff

                                        1 Reply Last reply Reply Quote 0
                                        • M
                                          Mstar last edited by

                                          Hallo Jeeper.at,

                                          über welchen Schalter/Skript hast du denn das Traffic-Overlay bei Google Maps aktivieren können (gesehen bei deiner Auflistung der Views)? Ich habe bereits einige Zeit damit zugebracht, selbst eine Lösung zu finden, komme aber nicht so richtig voran. Auch sonst sind das sehr schön aufgeräumte Oberflächen, mit denen du dein Projekt umgesetzt hast.

                                          Grüße,

                                          Mstar

                                          1 Reply Last reply Reply Quote 0
                                          • Jeeper.at
                                            Jeeper.at last edited by

                                            Hallo, für das Traffic API musst du auf der Google Maps Seite einen Account anlegen. Das ist nämlich nicht gratis. Ok, 25000 Aufrufe pro Monat sind schon gratis, damit komme ich natürlich aus. Aber falls du das Ganze in eine Webseite einbindest und die Zugriffszahlen steigen dann will Google ja wissen woher sie Geld bekommen.

                                            Guck mal dort.

                                            https://developers.google.com/maps/docu … ffic?hl=de

                                            1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            409
                                            Online

                                            31.8k
                                            Users

                                            80.0k
                                            Topics

                                            1.3m
                                            Posts

                                            88
                                            226
                                            157224
                                            Loading More Posts
                                            • Oldest to Newest
                                            • Newest to Oldest
                                            • Most Votes
                                            Reply
                                            • Reply as topic
                                            Log in to reply
                                            Community
                                            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                            The ioBroker Community 2014-2023
                                            logo