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 @xdelta last edited by

      @xdelta Also mit dem ICON davor funktioniert nicht.

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

        @mcu
        Danke!
        Und genau dies ging aber zweifelsfrei mit der 2.1 - also anstelle des state-Textes ein Icon.
        Dann muss ich wohl bei der 2.1 bleiben... 😧

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

          @xdelta Ich denke mal, dass zefau das anpassen wird. Also Geduld. Wird schon.

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

            @mcu
            OK, ich warte gerne! Diese Visualisierung ist einfach zu toll und könnte kaum dynamischer in der Entwicklung sein. Ich hoffe es wird fleissig gespendet von allen!

            Zefau M 3 Replies Last reply Reply Quote 1
            • Zefau
              Zefau @xdelta last edited by

              @xdelta geht ab 2.2 nicht mehr aufgrund des Wechsels auf Iconify

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

                @xdelta https://github.com/Zefau/ioBroker.jarvis/issues/563

                Zefau created this issue in Zefau/ioBroker.jarvis

                closed Move icons to iconify #563

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

                  @xdelta
                  Beispiel blink mit ICON.gif

                  So?

                  .background-test {
                     display: inline-block;
                     width: 1em;
                     height: 1em;
                     vertical-align: -0.125em;
                     background: url('https://api.iconify.design/bi/bell-fill.svg') no-repeat
                         center center / contain;
                  }
                  
                  {"false":"<span class='background-test blink'></span>","true":"<a href='https://www.google.de'>GoogleDE</a>"}
                  

                  Warum reicht Dir eigentlich nicht das blinkende ICON vorne?

                  Beispiel blink mit ICON vorne.gif

                  {"false":"<span class='alarm blink'></span>","true":"<a href='https://www.google.de'>GoogleDE</a>"}
                  

                  Mit Farbe:

                  .alarm {
                     display: inline-block;
                     width: 1em;
                     height: 1em;
                     vertical-align: -0.125em;
                     background: url('https://api.iconify.design/mdi:shield-home.svg?color=red') no-repeat center center / contain;
                  }
                  
                  

                  Beispiel blink mit Alarm.gif

                  X 1 Reply Last reply Reply Quote 1
                  • B
                    blackangel15741 @MCU last edited by blackangel15741

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

                    Sortierung mit 2.2.0-beta.48in Ordnung:
                    8fae7bbb-8dbf-412c-97f9-ed9f4ea499a4-image.png

                    Danke für die Meldung
                    Aber sortiert so wie man es vorgibt ist es noch nicht. Habe Wert für "aus" und "lüften" definiert und jetzt steht lüften ganz oben und aus ganz unten. Kann man das noch anders anordnen?

                    Die Markierungen für die Temperatur Badezimmer ist auf dem Tablet zu sehen, auf dem Smartphone s20plus leider nicht. Woran liegt das?

                    20210226_175432.jpg

                    20210226_175321.jpg

                    Screenshot_20210226-175609_Fully Kiosk Browser.jpg

                    20210226_175711.jpg

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

                      @blackangel15741 Was mir auffällt: Du schreibst Aus (groß) lüften (klein). Schreib mal beides klein und dann beides groß und vergleiche. Danke.
                      Wie sind die Einstellungen zum Levelbody vom Badezimmer und Badezimmer WT?

                      1 Reply Last reply Reply Quote 0
                      • B
                        blackangel15741 @MCU last edited by blackangel15741

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

                        Sortierung mit 2.2.0-beta.48in Ordnung:
                        8fae7bbb-8dbf-412c-97f9-ed9f4ea499a4-image.png

                        Also ob klein oder gross die Position von aus und lüften verändert sich nicht.
                        Habe heute die neueste Version installiert.

                        20210226_184516.jpg

                        Level Badezimmer

                        20210226_184904.jpg

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

                          @blackangel15741 Ich würde min und max Werte etwas enger fassen:
                          Nicht von 5-30, sondern 18-25 oder so?
                          Badezimmer WT von 0-35?

                          3726d38e-ebdf-4d1c-9d46-ec522e644ce8-image.png

                          B 1 Reply Last reply Reply Quote 0
                          • B
                            blackangel15741 @MCU last edited by

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

                            @blackangel15741 Ich würde min und max Werte etwas enger fassen:
                            Nicht von 5-30, sondern 18-25 oder so?
                            Badezimmer WT von 0-35?

                            3726d38e-ebdf-4d1c-9d46-ec522e644ce8-image.png

                            Naja, ich denke mit dem slider zu arbeiten ist auf dem Handy mit einer Hand und der Displaygröße nicht so sinnvoll. Eher nur auf dem Tabet.
                            Wenn man eine Instanz für Tablet und eine für Handy macht, wäre es natürlich nutzbar auf dem Tablet.
                            Auf dem Handy dann eher mit DropdownAction.
                            Aber wie gesagt habe ja nur 5 Makierungen zum testen genommen, damit es beim Handy nicht zu eng wird aber da wird nichts angezeigt.

                            Noch eine Idee wegen dem aus und lüften?
                            Mit den Wörtern kann man eher was anfangen, wenn man die Steuerung zum Beispiel als Gast nutzt.

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

                              @blackangel15741 Du kannst auch bei Temperaturauswahl mit Dropdownlisten arbeiten. Kennst du ja.

                              B 1 Reply Last reply Reply Quote 0
                              • X
                                xdelta @MCU last edited by

                                @mcu

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

                                @xdelta
                                Beispiel blink mit ICON.gif

                                So?

                                .background-test {
                                   display: inline-block;
                                   width: 1em;
                                   height: 1em;
                                   vertical-align: -0.125em;
                                   background: url('https://api.iconify.design/bi/bell-fill.svg') no-repeat
                                       center center / contain;
                                }
                                
                                {"false":"<span class='background-test blink'></span>","true":"<a href='https://www.google.de'>GoogleDE</a>"}
                                

                                Warum reicht Dir eigentlich nicht das blinkende ICON vorne?

                                Beispiel blink mit ICON vorne.gif

                                {"false":"<span class='alarm blink'></span>","true":"<a href='https://www.google.de'>GoogleDE</a>"}
                                

                                Mit Farbe:

                                .alarm {
                                   display: inline-block;
                                   width: 1em;
                                   height: 1em;
                                   vertical-align: -0.125em;
                                   background: url('https://api.iconify.design/mdi:shield-home.svg?color=red') no-repeat center center / contain;
                                }
                                
                                

                                Beispiel blink mit Alarm.gif

                                Danke Dir!
                                Ich hatte schon befürchtet, dass mir nun keine andere Möglichkeit mehr bleibt, als für jedes einzelne Icon/State eine eigene Klasse zu definieren. Der Aufwand dafür ist natürlich viel höher...und etwas demotivierend. Ich bekomme es leider auch nicht hin, die fonts lokal einzubinden, denn ich möchte nicht, dass jedes Icon separat von extern geladen werden muss.

                                Warum auch rechts als State Icons? Ich mag den Text visuell überhaupt nicht, deshalb habe ich praktisch alle States mit (rot/grünen) Icons versehen...
                                Im Prizip bin ich erst auf die Idee gekommen, als ich das "Adaper Status" Widget gesehen habe - dort sind auch rechts die grünen Kreise mit dem OK Haken. Daran habe ich mein komplettes Design angepasst....

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

                                  @xdelta Jedes Icon in jarvis wird extern geladen. Würde ich sagen.

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

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

                                    @xdelta Jedes Icon in jarvis wird extern geladen. Würde ich sagen.

                                    Aha, das erklärt warum der fonts Ordner nun leer ist...

                                    So sieht das bei mir übrigens aus:

                                    3a448a3e-b770-4268-a889-827c95fb8857-grafik.png
                                    aa95507e-30eb-42d0-98b5-beaf63566663-grafik.png

                                    7f82931b-4091-4ac0-a021-40dae9de2a70-grafik.png

                                    a315126f-01c9-4d10-b516-c8df63bb6278-grafik.png

                                    Dann muss ich mal schauen, ob ich das nun alles umbaue....

                                    Nochmal danke für deine (unermüdliche) Hilfe MCU !!

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

                                      @xdelta Für mich ist noch der graue Hintergrund vom ICON ein Thema. Ich weiss noch nicht, wie ich den abschalten kann.

                                      X 1 Reply Last reply Reply Quote 0
                                      • B
                                        blackangel15741 @MCU last edited by blackangel15741

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

                                        @blackangel15741 Du kannst auch bei Temperaturauswahl mit Dropdownlisten arbeiten. Kennst du ja.

                                        Ja, da ist ja die Anordnung nicht so wie gewollt.
                                        Habe den Bereich von 18-28 Grad eingeschränkt die Markierungen werden auch angezeigt aber im Gegensatz zum Tablet, wird auf dem Handy keine Gradzahl/ Temperaturwert angezeigt.

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

                                          @blackangel15741 Zeig doch mal den LevelBody von Badezimmer WT. Das war ja nur bei Badezimmer WT so?
                                          Ich denke für das Handy sollten dort nur Werte (0.5, 5) oder (1, 10) drin stehen.

                                          B 1 Reply Last reply Reply Quote 0
                                          • B
                                            blackangel15741 @MCU last edited by

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

                                            @blackangel15741 Zeig doch mal den LevelBody von Badezimmer WT. Das war ja nur bei Badezimmer WT so?
                                            Ich denke für das Handy sollten dort nur Werte (0.5, 5) oder (1, 10) drin stehen.

                                            Siehe oben, erstmal nur als Test hier Badezimmer

                                            20210226_184904.jpg

                                            Badezimmer WT ist nur provisorisch gespeichert.

                                            Hat das eigentlich ein Grund, warum beim
                                            BlindLevelAction jetzt die Stopptaste fehlt? In der früheren Version war hoch/ stopp/ runter vorhanden.

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            885
                                            Online

                                            31.6k
                                            Users

                                            79.5k
                                            Topics

                                            1.3m
                                            Posts

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