Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

  1. ioBroker Community Home
  2. Deutsch
  3. Tester
  4. jarvis v2.2.0 - just another remarkable vis

NEWS

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    8.2k

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    13
    1
    1.9k

  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    15
    1
    2.2k

jarvis v2.2.0 - just another remarkable vis

Geplant Angeheftet Gesperrt Verschoben Tester
jarvismaterialmaterial uimaterialdesignvisvisualisierungvisualization
6.1k Beiträge 316 Kommentatoren 4.2m Aufrufe 273 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • R RkcCorian

    @Mcu: Danke für die Doku bzgl. Batterieladeanimation. Was mir noch fehlt (und woran ich hänge)... wie setze ich das ein. Kannst Du es noch um einen Screenshot / Info ergänzen wie ich die erstellte Animation in JARVIS nutzen kann?! Vielen Dank im Voraus!

    Geht um: https://mcuiobroker.gitbook.io/jarvis-infos/jarvis/beispiele/styles/effekte/charge#charge

    M Online
    M Online
    MCU
    schrieb am zuletzt editiert von
    #5608

    @rkccorian Nutzen kann man es wie den "blink" -Effekt. Also im Icon:

    {"default": "home charge"}
    

    NUC i7 64GB mit Proxmox ---- Jarvis Infos Aktualisierungen der Doku auf Instagram verfolgen -> mcuiobroker Instagram
    Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

    R 1 Antwort Letzte Antwort
    0
    • M MCU

      @rkccorian Nutzen kann man es wie den "blink" -Effekt. Also im Icon:

      {"default": "home charge"}
      
      R Offline
      R Offline
      RkcCorian
      schrieb am zuletzt editiert von RkcCorian
      #5609

      @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 Antwort Letzte Antwort
      0
      • M MCU

        @schuetzeschulz Ja es gibt halt noch Probleme in jarvis. Geduld. Aber Deine Einstellung ist nicht korrekt. Es fehlt der Wert.

        S Offline
        S Offline
        SchuetzeSchulz
        schrieb am zuletzt editiert von
        #5610

        @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 Antwort Letzte Antwort
        0
        • R 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 Online
          M Online
          MCU
          schrieb am zuletzt editiert von MCU
          #5611

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

          NUC i7 64GB mit Proxmox ---- Jarvis Infos Aktualisierungen der Doku auf Instagram verfolgen -> mcuiobroker Instagram
          Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

          R 1 Antwort Letzte Antwort
          0
          • S SchuetzeSchulz

            @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 Online
            M Online
            MCU
            schrieb am zuletzt editiert von MCU
            #5612

            @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

            NUC i7 64GB mit Proxmox ---- Jarvis Infos Aktualisierungen der Doku auf Instagram verfolgen -> mcuiobroker Instagram
            Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

            S 1 Antwort Letzte Antwort
            0
            • M 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 Offline
              R Offline
              RkcCorian
              schrieb am zuletzt editiert von
              #5613

              @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 Antwort Letzte Antwort
              0
              • R RkcCorian

                @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 Online
                M Online
                MCU
                schrieb am zuletzt editiert von
                #5614

                @rkccorian Genau kein Symbol. Nur noch die Animation.

                NUC i7 64GB mit Proxmox ---- Jarvis Infos Aktualisierungen der Doku auf Instagram verfolgen -> mcuiobroker Instagram
                Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

                R 1 Antwort Letzte Antwort
                0
                • M MCU

                  @rkccorian Genau kein Symbol. Nur noch die Animation.

                  R Offline
                  R Offline
                  RkcCorian
                  schrieb am zuletzt editiert von RkcCorian
                  #5615

                  @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 Antwort Letzte Antwort
                  0
                  • R 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 Online
                    M Online
                    MCU
                    schrieb am zuletzt editiert von MCU
                    #5616

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

                    NUC i7 64GB mit Proxmox ---- Jarvis Infos Aktualisierungen der Doku auf Instagram verfolgen -> mcuiobroker Instagram
                    Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

                    R 1 Antwort Letzte Antwort
                    0
                    • M MCU

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

                      R Offline
                      R Offline
                      RkcCorian
                      schrieb am zuletzt editiert von
                      #5617

                      @mcu Geht das als Hex / rgb?

                      M 1 Antwort Letzte Antwort
                      0
                      • R RkcCorian

                        @mcu Geht das als Hex / rgb?

                        M Online
                        M Online
                        MCU
                        schrieb am zuletzt editiert von MCU
                        #5618

                        @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%);
                        

                        NUC i7 64GB mit Proxmox ---- Jarvis Infos Aktualisierungen der Doku auf Instagram verfolgen -> mcuiobroker Instagram
                        Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

                        R 1 Antwort Letzte Antwort
                        0
                        • M 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 Offline
                          R Offline
                          RkcCorian
                          schrieb am zuletzt editiert von
                          #5619

                          @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 Antwort Letzte Antwort
                          0
                          • R RkcCorian

                            @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 Online
                            M Online
                            MCU
                            schrieb am zuletzt editiert von MCU
                            #5620

                            @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.

                            NUC i7 64GB mit Proxmox ---- Jarvis Infos Aktualisierungen der Doku auf Instagram verfolgen -> mcuiobroker Instagram
                            Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

                            R 1 Antwort Letzte Antwort
                            0
                            • M 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 Offline
                              R Offline
                              RkcCorian
                              schrieb am zuletzt editiert von
                              #5621

                              @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 Antwort Letzte Antwort
                              1
                              • R RkcCorian

                                @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 Online
                                M Online
                                MCU
                                schrieb am zuletzt editiert von MCU
                                #5622

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

                                NUC i7 64GB mit Proxmox ---- Jarvis Infos Aktualisierungen der Doku auf Instagram verfolgen -> mcuiobroker Instagram
                                Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

                                R 1 Antwort Letzte Antwort
                                1
                                • M MCU

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

                                  R Offline
                                  R Offline
                                  RkcCorian
                                  schrieb am zuletzt editiert von
                                  #5623

                                  @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 Antwort Letzte Antwort
                                  1
                                  • R Offline
                                    R Offline
                                    RkcCorian
                                    schrieb am zuletzt editiert von
                                    #5624

                                    @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 Antwort Letzte Antwort
                                    0
                                    • M Online
                                      M Online
                                      MCU
                                      schrieb am zuletzt editiert von MCU
                                      #5625

                                      @rkccorian Bei der Einheit:

                                      {"0":"Oben", "100":"Unten","default":" %"}
                                      

                                      NUC i7 64GB mit Proxmox ---- Jarvis Infos Aktualisierungen der Doku auf Instagram verfolgen -> mcuiobroker Instagram
                                      Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

                                      R 1 Antwort Letzte Antwort
                                      1
                                      • M MCU

                                        @rkccorian Bei der Einheit:

                                        {"0":"Oben", "100":"Unten","default":" %"}
                                        
                                        R Offline
                                        R Offline
                                        RkcCorian
                                        schrieb am zuletzt editiert von
                                        #5626

                                        @mcu Top, danke!!

                                        1 Antwort Letzte Antwort
                                        0
                                        • D Offline
                                          D Offline
                                          disaster123
                                          schrieb am zuletzt editiert von
                                          #5627

                                          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 Antwort Letzte Antwort
                                          0
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          763

                                          Online

                                          32.4k

                                          Benutzer

                                          81.4k

                                          Themen

                                          1.3m

                                          Beiträge
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Anmelden

                                          • Du hast noch kein Konto? Registrieren

                                          • Anmelden oder registrieren, um zu suchen
                                          • Erster Beitrag
                                            Letzter Beitrag
                                          0
                                          • Home
                                          • Aktuell
                                          • Tags
                                          • Ungelesen 0
                                          • Kategorien
                                          • Unreplied
                                          • Beliebt
                                          • GitHub
                                          • Docu
                                          • Hilfe