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

    • Monatsrückblick - April 2025

    • Minor js-controller 7.0.7 Update in latest repo

    • Save The Date: ioBroker@Smart Living Forum Solingen, 14.06.

    jarvis v2.2.0 - just another remarkable vis

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

      @mcu Hmm... die Angabe vom "home" Symbol ist wegen der Syntax notwendig, wenngleich es durch die Animation überschrieben wird?!

      Hab es so probiert, klappt leider nicht bei mir 😐 Bilder sind erreichbar, hab die links selber probiert. alpha-106

      Meine Konfig
      => im Gerät

      {"default": "home animationBatteryCharge "}
      

      => im CSS

      .animationBatteryCharge {
      	color: transparent;
      	animation: animationBatteryCharging 3s infinite;
      }
      
      @keyframes animationBatteryCharging {
      	0% {
      		background-image: url(https://192.168.168.27/icons/battery-outline.svg);
      	}
      
      	33% {
      		background-image: url(https://192.168.168.27/icons/battery-low.svg);
      	}
      
      	66% {
      		background-image: url(https://192.168.168.27/icons/battery-medium.svg);
      	}
      
      	100% {
      		background-image: url(https://192.168.168.27/icons/battery-high.svg);
      	}
      }
      
      M 1 Reply Last reply Reply Quote 0
      • S
        SchuetzeSchulz @MCU last edited by

        @mcu
        Ah ok, wie würde es denn richtig aussehen?
        Etwa so?

        {hm-rpc.0.MEQ0028801.1.STATE = "true"} || {hm-rpc.0.MEQ0029513.1.STATE = "true"}
        

        Wie ist das eigentlich, gibt es eine Möglichkeit, eine Information zu bekommen wenn es eine neue Git-Version gibt?
        Oder muss man hier proaktiv schauen?
        Das mit den Bindings würde mich schon interessieren. Sonst läuft mein Jarvis extrem stabil und performant.

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

          @rkccorian Weil Deine Animation falsch definiert. 2 Okjektklammern am Anfang. Falsch gelesen.
          Vielleicht hat sich wieder was geändert. Nimm mal transparent !important

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

            @schuetzeschulz Ja besser. Nur nicht "true" sondern true.
            Also in Deinem Fall:

            {"{hm-rpc.0.MEQ0028801.1.STATE }= true || {hm-rpc.0.MEQ0029513.1.STATE} = true":"was soll dann passieren"}
            

            Zum Thema "proaktiv" , ja man muss nachschauen.
            Du kannst zwar mit "Watch" alle Nachrichten bekommen, was so geschrieben wird, es kommt aber keine Nachricht eine Neue Version ist vorhanden. Nur in der Nachricht selbst steht teilweise drin:"teste mal die neue Version von Zefau"
            a4250278-6417-4ba6-b2dd-1df8291f9f48-image.png

            S 1 Reply Last reply Reply Quote 0
            • R
              RkcCorian @MCU last edited by

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

              !important

              Dann ist kein Symbol mehr sichtbar. Warum ist das transparent drin? Wird das Symbol nicht durchsichtig und ist nicht mehr sichtbar?

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

                @rkccorian Genau kein Symbol. Nur noch die Animation.

                R 1 Reply Last reply Reply Quote 0
                • R
                  RkcCorian @MCU last edited by RkcCorian

                  @mcu Tja.... Dark Theme und schwarze Icons funktioniert nicht 🙈 Kann ich die Icon direkt über CSS einfärben oder muss ich die Bilder in der Wunschfarbe speichern?!

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

                    @rkccorian In den SVG bei path statt "currentColor" Deine Farbe setzen.

                    R 1 Reply Last reply Reply Quote 0
                    • R
                      RkcCorian @MCU last edited by

                      @mcu Geht das als Hex / rgb?

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

                        @rkccorian Ich glaube nur Named Color.
                        https://mcuiobroker.gitbook.io/jarvis-infos/jarvis/beispiele/styles/effekte/svg-animation-aus-icons
                        Vesuch mal HEX-Color.
                        Du kannst ja einen entsprechenden Feature Request einstellen. Man muss halt die Farbe vor dem Laden der Animation entsprechend ändern. Das kann nur im Programm selbst geschehen.
                        Bei Hex-Color nicht # verwenden sondern z.B.: %23FF0000

                        Man kann allerdings auch mit Filter arbeiten um eine andere Farbe zu bekommen: (aus schwarz mach blau)

                         filter: invert(8%) sepia(100%) saturate(7001%) hue-rotate(248deg) brightness(98%) contrast(145%);
                        
                        R 1 Reply Last reply Reply Quote 0
                        • R
                          RkcCorian @MCU last edited by

                          @mcu Hab's hinbekommen. Symbol unter iconify auswählen, Farbe wählen, Größe als 24x24, dann den SVG code Kopieren und über Editor in eine svg-Datei kopieren. Diese Datei lokal abspeichern und normal über einen Web-Server einbinden, wie von Dir beschrieben. Klappt wunderbar 🙂

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

                            @rkccorian Also, wenn in der Doku irgendetwas nicht stimmt oder etwas fehlt, immer direkt mitteilen, dann kann ich das Problem für andere anpassen bzw. vermeiden.
                            Hast du das mit HEX-Color probiert?
                            Du kannst den svg-Code auch direkt verwenden, musst es nicht in eine Datei schreiben.

                            R 1 Reply Last reply Reply Quote 0
                            • R
                              RkcCorian @MCU last edited by

                              @mcu Deswegen habe ich die Lösung oben geschrieben 😉
                              Jetzt nochmal mit Bildern...
                              cc2bde13-c3f7-4e90-9d90-80c10081aec3-image.png

                              a10356cd-452e-42cf-bd16-c905fd82c002-image.png

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

                                @rkccorian Nimmst du svg as data:URI kannst du es direkt eintragen:
                                6bc29ae7-cb94-49df-810f-e9c3e4d8b520-image.png

                                R 1 Reply Last reply Reply Quote 1
                                • R
                                  RkcCorian @MCU last edited by

                                  @mcu Ahhh, das ist noch besser. Den Übertrag hatte ich von der Doku her nicht geschnallt. Ggf. hilft das Bild wie von mir gezeigt mit Markierung was man woher und wohin kopieren muss. Vielen Dank!

                                  1 Reply Last reply Reply Quote 1
                                  • R
                                    RkcCorian last edited by

                                    @MCU : Gute Morgen! Gibt es die Möglichkeit, LEVEL von Rollläden mit der Einheit % anzuzeigen, wenn es eine Zahl ist, aber bei 0 und 100 nur Text. also Oben...1%....99%...Unten?, also bei 0 und 100 keine Einheit, sondern nur Text, aber ansonsten immer die Einheit?
                                    Viele Grüße!

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

                                      @rkccorian Bei der Einheit:

                                      {"0":"Oben", "100":"Unten","default":" %"}
                                      
                                      R 1 Reply Last reply Reply Quote 1
                                      • R
                                        RkcCorian @MCU last edited by

                                        @mcu Top, danke!!

                                        1 Reply Last reply Reply Quote 0
                                        • D
                                          disaster123 last edited by

                                          Moin moin ich wollte mich endlich mal wieder meiner nicht vorhandenen Visualisierung widmen. Starte ich nun noch mit Jarvis 2 oder lieber gleich mit 3? Gibt es irgendwo so komplett Beispiele oder examples die man ggf als Grundlage verwenden kann?

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

                                            @disaster123 v3. Siehe userinfo mcuiobroker....jarvis-infos
                                            V3 für Einsteiger
                                            https://mcuiobroker.gitbook.io/jarvis-infos/v3-fuer-einsteiger/vorwort
                                            aa3915b1-d14a-461b-8478-bfa468e09fce-image.png

                                            F 1 Reply Last reply Reply Quote 2
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            962
                                            Online

                                            31.6k
                                            Users

                                            79.4k
                                            Topics

                                            1.3m
                                            Posts

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