Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Tester
    4. jarvis v2.2.0 - just another remarkable vis

    NEWS

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

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    jarvis v2.2.0 - just another remarkable vis

    This topic has been deleted. Only users with topic management privileges can see it.
    • Flo XXX
      Flo XXX @Stefan Otten last edited by

      @stefan-otten

      Hallo,

      das ist zwar off topic - aber darf ich fragen welchen "smarten" Saunaofen du hast? Wir wollen uns auch eine Sauna anschaffen... 😉
      oder hast du das einfach mittels Scripts gelöst... eingeschaltet bis soll Temperatur erreicht? usw...

      Danke!

      mfg

      Stefan Otten 1 Reply Last reply Reply Quote 0
      • Santos
        Santos @Flopsi last edited by

        @flopsi
        Sie wurde automatisch angeordnet, hängt vom Gerät ab.

        1 Reply Last reply Reply Quote 0
        • Santos
          Santos @Guest last edited by

          @lommi said in jarvis v2.2.0 - just another remarkable vis:

          @mcu sagte in jarvis v2.2.0 - just another remarkable vis:

          @lommi Stell sie dann bitte hier ein. Danke.

          wirklich ungerne stelle ich GOOGLE Wissen rein, daher den Verweis auf das 😉
          Wer Icon so darstellen will, wird das mit dem Verweis schon finden.

          BSPW:

          @keyframes bubble {
              0%   { transform:scale(0.2); opacity:1.0; }
              50%  { transform:scale(2.0); opacity:1.0; }
              100% { transform:scale(1.0); opacity:1.0; }
          }
          

          Geil, ich will es auch umsetzen. An welcher Stelle wird es eingesetzt?

          X 1 Reply Last reply Reply Quote 0
          • M
            MCU @Stefan Otten last edited by

            @stefan-otten Es ist ein Maxwert von 90 festgelegt? Vielleicht im DP? Anzahl der Markierung auf 9 setzen.

            Stefan Otten 1 Reply Last reply Reply Quote 0
            • X
              xdelta @Santos last edited by

              @santos said in jarvis v2.2.0 - just another remarkable vis:

              @lommi said in jarvis v2.2.0 - just another remarkable vis:

              @mcu sagte in jarvis v2.2.0 - just another remarkable vis:

              @lommi Stell sie dann bitte hier ein. Danke.

              wirklich ungerne stelle ich GOOGLE Wissen rein, daher den Verweis auf das 😉
              Wer Icon so darstellen will, wird das mit dem Verweis schon finden.

              BSPW:

              @keyframes bubble {
                  0%   { transform:scale(0.2); opacity:1.0; }
                  50%  { transform:scale(2.0); opacity:1.0; }
                  100% { transform:scale(1.0); opacity:1.0; }
              }
              

              Geil, ich will es auch umsetzen. An welcher Stelle wird es eingesetzt?

              Das legst du bei den Styles an. Und das "bubbles" kommt dann hinter die Icon Klasse (z.B. mdi-home bubbles)

              Santos 1 Reply Last reply Reply Quote 0
              • Stefan Otten
                Stefan Otten @MCU last edited by

                @mcu said in jarvis v2.2.0 - just another remarkable vis:

                @stefan-otten Es ist ein Maxwert von 90 festgelegt? Vielleicht im DP? Anzahl der Markierung auf 9 setzen.

                Ahhhh super Danke, das war es.
                Da hätte ich auch drauf kommen können.

                1 Reply Last reply Reply Quote 0
                • Stefan Otten
                  Stefan Otten @Flo XXX last edited by

                  @flo-xxx said in jarvis v2.2.0 - just another remarkable vis:

                  @stefan-otten

                  Hallo,

                  das ist zwar off topic - aber darf ich fragen welchen "smarten" Saunaofen du hast? Wir wollen uns auch eine Sauna anschaffen... 😉
                  oder hast du das einfach mittels Scripts gelöst... eingeschaltet bis soll Temperatur erreicht? usw...

                  Danke!

                  mfg

                  Ich habe die original Saunasteuerung mit einem Sonoff TH16 gekapert 😉
                  Den Temperaturfühler in der Sauna montiert und über ein Blockly-Script überwache icn dann alles und schalte den TH16. Der wiederum steuert das Saunaofen-Schütz. Habe also die originale Temp-Steuerung gegen die Sonoff getauscht.

                  M 1 Reply Last reply Reply Quote 0
                  • M
                    MCU @Stefan Otten last edited by

                    @stefan-otten Kannst du das bitte für andere hier ein wenig mit Bildern darstellen. Und evtl auch die Blocklys und javascripte?
                    Vielen Dank.

                    Stefan Otten 1 Reply Last reply Reply Quote 0
                    • Stefan Otten
                      Stefan Otten @MCU last edited by

                      @mcu said in jarvis v2.2.0 - just another remarkable vis:

                      @stefan-otten Kannst du das bitte für andere hier ein wenig mit Bildern darstellen. Und evtl auch die Blocklys und javascripte?
                      Vielen Dank.

                      Mache ich die Tage mal
                      Aber in einem anderen (Neuen) Beitrag.
                      Verlinke dann hier.

                      Flo XXX 1 Reply Last reply Reply Quote 1
                      • M
                        MCU last edited by

                        @zefau 2.2.0 Geräte Bearbeitung:

                        Klickt man in ein Feld zur Eingabe erscheint unter dem ausgewähltem Feld: boolean, Adressen verwalten?

                        33c0ab7c-691f-446c-96b7-bbe961f5f34d-image.png

                        Kommt man mit der Maus auf das boolean erhält man :

                        23bcaf3b-3bc8-4524-ac02-c4cc598523d6-image.png

                        1 Reply Last reply Reply Quote 0
                        • Santos
                          Santos @xdelta last edited by

                          @xdelta said in jarvis v2.2.0 - just another remarkable vis:

                          bubbles

                          Ich habe es zuerst bei Styles angelegt
                          Screenshot 2021-03-01 213045.png

                          Dann beim Sensor eingefügt
                          Screenshot 2021-03-01 213025.png

                          Es wird aber gar kein Icon angezeigt
                          Screenshot 2021-03-01 213202.png

                          M 1 Reply Last reply Reply Quote 0
                          • M
                            MCU @Santos last edited by MCU

                            @santos Bin mir nicht sicher ob temperature das richtige Icon ist, aber sonst:
                            Geändert auf thermometer
                            Muss ein wenig mehr in die Styles:

                            .bubbles {animation: bubble 2s infinite;}
                            
                            @keyframes bubble {
                                0%   { transform:scale(0.2); opacity:1.0; }
                                50%  { transform:scale(2.0); opacity:1.0; }
                                100% { transform:scale(1.0); opacity:1.0; }
                            }
                            
                            {"<1":"mdi-thermometer bubbles"}
                            

                            Zum Testen:

                            {"default":"mdi-thermometer bubbles"}
                            

                            Bubbles Beispiel.gif

                            Problem, bei einigen Icons funktioniert es mit dem bubbles nicht: Beispiel:
                            (eigentlich sollte das Gelbe Icon auch mit dem bubbles Effekt laufen, haben beide die gleiche Einstellung)
                            Bubbles Problem nur bestimmte Icons.gif

                            1 Reply Last reply Reply Quote 2
                            • kBroker
                              kBroker last edited by

                              Ich bekomme es nicht hin, das Zeitformat für den LastChangeBody zu ändern.

                              Egal was ich als Wert eingebe, es kommt immer die Fehlermeldung "Falsches Zeitformat".
                              "DistanceToNow" scheint der einzig gültige Wert zu sein.

                              Laut der date-fns Doku, auf die Jarvis verweist, müsste "DistanceStrict" z.B. funktionieren, aber in keiner Variante geht es.

                              Liegt es an mir oder Jarvis?

                              M 1 Reply Last reply Reply Quote 0
                              • M
                                MCU @kBroker last edited by MCU

                                @kbroker sagte in jarvis v2.2.0 - just another remarkable vis:

                                date-fns

                                Welche Vorteile haben die anderen Formate?

                                @Zefau
                                Kann ich bestätigen. Zurzeit ist nur distancetonow (Zeitformat LastChangeBody) ein gültiger Wert.
                                Habe versucht mit distancetonowstrict und distancestrict. Beide ergeben falsches Zeitformat.

                                Legst du dazu ein Issue an: https://github.com/Zefau/ioBroker.jarvis/issues ?

                                Santos 1 Reply Last reply Reply Quote 0
                                • M
                                  MCU last edited by MCU

                                  Rainbow-Text Effekt nur für Anzeigevarianten:

                                  {"open":"geöffnet","closed":"<span class='rainbow-text' >geschlossen</span>"}
                                  

                                  Einträge für Styles Pro:

                                  
                                  .rainbow-text {
                                   background: linear-gradient(55deg,#FFD33D 0,#FB8532 16.02%,#EA4A5A 28.06%,#8A63D2 56.92%,#2188FF 72.93%,#34D058 84%,#FFD33D 100%);
                                   background-size: auto;
                                   background-clip: border-box;
                                   background-clip: text;
                                   display: inline-block;
                                   color: transparent;
                                   text-fill-color: transparent;
                                   -webkit-background-clip: text;
                                   -webkit-text-fill-color: transparent;
                                   animation: shine 1.5s alternate infinite;
                                   animation-duration: 4s;
                                   background-size: 200%;
                                  }
                                  
                                  @keyframes shine {
                                   0% {
                                    background-position:200% center
                                   }
                                   50% {
                                    background-position:100% center
                                   }
                                   100% {
                                    background-position:200% center
                                   }
                                  } 
                                  

                                  Ergebnis:

                                  Rainbow-Text Beispiel.gif

                                  Pulsierendes Rechteck in rot:

                                  .impuls {
                                   animation: rechteck-puls 1s infinite;
                                  }
                                  
                                  @keyframes rechteck-puls {
                                    0% {
                                      box-shadow: 0 0 0 0px rgba(255, 0, 0, 0.9);
                                    }
                                    100% {
                                      box-shadow: 0 0 0 10px rgba(255, 0, 0, 0);
                                    }
                                  }
                                  

                                  NUR für Anzeigevarianten möglich:

                                  {"true":"<span class='impuls'>an</span>"}
                                  

                                  Ergebnis:

                                  Alarm mit rotem Puls.gif

                                  C 1 Reply Last reply Reply Quote 4
                                  • Flo XXX
                                    Flo XXX @Stefan Otten last edited by

                                    @stefan-otten

                                    Hallo,

                                    ok, danke für die Info!

                                    lg

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

                                      Mir werden die werte 0 und 100 als NaN erkannt dadurch funktioniert die abfrage auch nicht mehr

                                      objekte.png
                                      jarvis.png
                                      gerät.png

                                      M 1 Reply Last reply Reply Quote 0
                                      • Santos
                                        Santos @MCU last edited by

                                        @mcu Das ist richtig schön, all diese Gestaltungsmöglichkeiten! Ich finde sie klasse!
                                        Könnte man es nicht in eine Wiki schieben, damit es alle nutzen können?
                                        Für mich war das Design von Jarvis zuerst eher langweilig, denn ich kenne mich mit JSON nicht aus. Nachdem Du gezeigt hast, wie man verschiedene Effekte reinbringt, wird die VIS Anzeige lebendiger!

                                        1 Reply Last reply Reply Quote 2
                                        • Santos
                                          Santos last edited by

                                          Ich kriege mein Problem immer noch nicht in Griff! Zwar gibt es seit dem Update die Möglichkeit Anzahl der Spalten für verschieden große Bildschirme anzuzeigen, diese Option nutzt mir jedoch nichts. Denn die einzelnen Abstände zwischen den angezeigten Werten und Icons sind immer noch zu groß. Ich würde gern sie etwas kompakter halten.
                                          Screenshot 2021-03-02 215918.png

                                          M 1 Reply Last reply Reply Quote 0
                                          • M
                                            MCU @mpl1338 last edited by

                                            @mpl1338
                                            Stell hier mal die Einträge um:

                                            4b27191e-e49e-4335-a6f9-e60bc5f9b1e0-image.png

                                            {"min":"100","max":"0"}
                                            
                                            M 1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            925
                                            Online

                                            31.6k
                                            Users

                                            79.5k
                                            Topics

                                            1.3m
                                            Posts

                                            jarvis material material ui materialdesign vis visualisierung visualization
                                            316
                                            6126
                                            3436469
                                            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