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

    • Neuer Blog: Fotos und Eindrücke aus Solingen

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

    • ioBroker goes Matter ... Matter Adapter in Stable

    jarvis v2.2.0 - just another remarkable vis

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

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

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

      Kannst Du mal testweise an der Stelle wo bei dir bei true "Alles geschlossen" angezeigt wird (und blinkt), irgendein Icon anzeigen lassen?

      Exakt dies ist mein Problem mit der v2.2. Ich bekomme bei den states rechts keine Icons mehr angezeigt, lediglich den state als Text.

      Funktioniert (als Anzeigevariante):

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

      Funktioniert bei mir nur mit der v2.1 (nicht mit der v2.2)

      {"false":"<span class='mdi-home blink'>Alles geschlossen</span>","true":"<a href='https://www.google.de'>GoogleDE</a>
      
      M 1 Reply Last reply Reply Quote 0
      • 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
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            689
                                            Online

                                            31.9k
                                            Users

                                            80.1k
                                            Topics

                                            1.3m
                                            Posts

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