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 goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    • Minor js-controller 7.0.7 Update in latest repo

    jarvis v2.2.0 - just another remarkable vis

    This topic has been deleted. Only users with topic management privileges can see it.
    • M
      MCU @DNC74 last edited by MCU

      @dnc74 Setz mal im Gerät in die Anzeigevariante den entsprechenden Wert:
      032b8a85-955e-4e61-bfe3-8836e9538ce1-image.png
      Also:

      {"":"Leer","null":"Kein Wert","false":"schön","true":"egal"}
      
      DNC74 1 Reply Last reply Reply Quote 0
      • M
        MCU last edited by MCU

        @Zefau Thema Notification
        Vielleicht kannst du bei den Notifications auch eine Farbänderung für die Icons und die Bezeichnung der Tabs einführen.
        Also ein zusätzliches "display":"none":

        {"display":"none","alarmTab":{"tab":"bad-1","colorIcon":"red","colorName":"red","time":"5","type":"blink"}}
        

        time in Sekunden, 0 Sek -> dauerhaft
        type: blink, bubble (aufblähen), circle (Farbrahmen als Kreis), rectangle (FarbRahmen) , oder Kombinationen?, @keyframes die der User selbst definiert hat?

        Dies soll nur zu einer Farbveränderung vom TAB-Icon führen.
        Er soll nicht gleichzeitig den Focus ändern, nur dann, wenn auch "focusTab":"bad-1" angegeben wurde.

        Somit kann der User visualisieren, dass in dem TAB seine Aufmerksamkeit gewünscht ist.

        Weiter gedacht könnte man auch direkt die Widgets in einem Tab beeinflussen und dort auch Icons Widget-Überschriften änderbar machen.
        In dem Fall:

        {"display":"none","alarmWidget":{"widget":"Allgmeines","colorIcon":"red","colorName":"red","time":"5","type":"blink"}}
        

        a3c92f4a-ac1a-4409-9630-c50786d671f6-image.png

        Vielen Dank.

        1 Reply Last reply Reply Quote 1
        • Stefan Otten
          Stefan Otten last edited by

          Hallo,

          ich habe ein kleines Darstellungsproblem.
          Die Zahlen auf der Skala werden nicht wie konfiguriert (5,10) angezeigt.
          Habe den Datenpunkt in Jarvis auch schon neu angelegt, aber es gibt leider keine Veränderung.
          Hat jemand eine Idee?
          Bildschirmfoto 2021-03-01 um 08.11.43.png
          Bildschirmfoto 2021-03-01 um 08.13.02.png

          Flo XXX M 2 Replies Last reply Reply Quote 0
          • 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
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            887
                                            Online

                                            31.6k
                                            Users

                                            79.5k
                                            Topics

                                            1.3m
                                            Posts

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