Skip to content
  • Recent
  • Tags
  • 0 Unread 0
  • Categories
  • Unreplied
  • Popular
  • 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

  • Default (No Skin)
  • No Skin
Collapse
Logo
  1. ioBroker Community Home
  2. Deutsch
  3. Tester
  4. jarvis v2.2.0 - just another remarkable vis

NEWS

  • Wartung am 15.11. – Forum ab 22:00 Uhr nicht erreichbar
    BluefoxB
    Bluefox
    11
    2
    211

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

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

jarvis v2.2.0 - just another remarkable vis

jarvis v2.2.0 - just another remarkable vis

Scheduled Pinned Locked Moved Tester
jarvismaterialmaterial uimaterialdesignvisvisualisierungvisualization
6.1k Posts 316 Posters 4.2m Views 273 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • D disaster123

    @mcu jo korrekt - nur wieso? 😉

    M Offline
    M Offline
    MCU
    wrote on last edited by MCU
    #4489

    @disaster123 Also es wird mit v2.2.0 nicht mehr behoben. Freuen wir uns auf die Zukunft mit v3. Dies dauert jetzt noch ein paar Wochen (gehe ich mal von aus). Wenn Zefau die neue Version als Alpha,Beta rausbringt können wir wieder Anmerkungen geben und versuchen diese umsetzen zu lassen. Jetzt wird sich da nichts mehr tun für v2.2.0. Also abwarten.

    Hab vielleicht ein Workaround gefunden (für FIREFOX) :
    0f0ca9d2-c3db-4b8e-a806-12d1fdedca97-image.png

    7abc2226-5e23-4312-bc55-803ad618fd4e-image.png
    Schloss anklicken

    db14da83-2b9f-4c2b-a140-a82f4fb5e815-image.png

    Auf Verbindungsdetails klicken:
    Berechtigungen anklicken:
    8769b1dd-91e8-4dc8-a7d3-3df0af659fbb-image.png

    Benachrichtungen senden: Standard Verwenden wegnehmen und Erlauben anklicken.

    -> Dann erhält man auf dem PC eine Benachrichtigung. Handy kannst du ja mal testen.

    So wie es aussieht hat es mit der unsicheren Verbindung zu tun. Man müsste vielleicht umstellen auf https.

    Edge akzeptiert nur https:
    Im Browser Edge eingeben:
    edge://settings/content/notifications

    46632826-2858-4993-9065-0a7d3b6e1e60-image.png
    Man erhält dann auch:
    1fda0129-8c3d-480a-a9a1-f4a105bc03a7-image.png

    CHROME : Dort kommt die Abfrage für die Benachrichtigungen automatisch mit https.
    64596548-3c09-4827-8a32-b5728f22e802-image.png

    ANDROID FIREFOX funktioniert bei mir nicht, obwohl dort mit https die Benachrichtigungen aktiviert sind, erscheint keine Benachrichtigung, wenn die Firefox-App im Hintergrund läuft. (Hatte den Eindruck es funktioniert, da eine Benachrichtigung da war. Diese kommt aber erst, wenn die App wieder im Focus ist)

    ANDROID CHROME: da bekomme ich gar keine Browser Benachrichtigung, egal ob im Fokus oder nicht.

    NUC i7 64GB mit Proxmox ---- https://mcuiobroker.gitbook.io/jarvis-infos/ Aktualisierungen der Doku auf Instagram verfolgen -> https://www.instagram.com/mcuiobroker
    Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

    1 Reply Last reply
    2
    • T Offline
      T Offline
      triotec
      wrote on last edited by triotec
      #4490

      Hallo
      ich komme auf einmal nicht mehr jarvis. beim öffnen der website bekomme ich angehängte fehlermeldung.

      neustart iobroker und und komplett Neustart des servers brachte keine abhilfe

      jarvis 2.2.0
      js controller 3.2.16

      Jarvis.png

      The full text of the error you just encountered is:

      Objects are not valid as a React child (found: object with keys {en, de, ru, pt, nl, fr, it, es, pl, zh-cn}). If you meant to render a collection of children, use an array instead.

      M 1 Reply Last reply
      0
      • T triotec

        Hallo
        ich komme auf einmal nicht mehr jarvis. beim öffnen der website bekomme ich angehängte fehlermeldung.

        neustart iobroker und und komplett Neustart des servers brachte keine abhilfe

        jarvis 2.2.0
        js controller 3.2.16

        Jarvis.png

        The full text of the error you just encountered is:

        Objects are not valid as a React child (found: object with keys {en, de, ru, pt, nl, fr, it, es, pl, zh-cn}). If you meant to render a collection of children, use an array instead.

        M Offline
        M Offline
        MCU
        wrote on last edited by MCU
        #4491

        @triotec Browser-Daten gelöscht? Web-Adapter neu starten.
        Was wurde denn verändert? Updates eingespielt? Welcher Browser wird verwendet?

        NUC i7 64GB mit Proxmox ---- https://mcuiobroker.gitbook.io/jarvis-infos/ Aktualisierungen der Doku auf Instagram verfolgen -> https://www.instagram.com/mcuiobroker
        Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

        1 Reply Last reply
        0
        • D Offline
          D Offline
          dack23
          wrote on last edited by
          #4492

          Moin danke für die tolle vis

          Ich hab 2 Probleme

          1.ich hab bei alexa paar Routinen
          Zb Gruppe esstisch an und gruppe esstisch aus

          Wie kann ich das lösen das in jarvis mit einem Button an und aus geht

          2.ich hab für mei telegram ein blockly Script was mit einem Knopf druck tv Licht usw im Wohnzimmer aus macht und Flur und Schlafzimmer das Licht anschaltet wie kann ich das im jarvis triggern?

          Vielen Dank

          M 1 Reply Last reply
          0
          • T Offline
            T Offline
            triotec
            wrote on last edited by
            #4493

            @MCU
            Web Adapter wurde neu gestartet, auch iobroker komplett
            Browser > chrome und edge auf PC , Tablet und Handy
            geupdatet wurden nur einzelne Adapter ob das im zeitlich Zusammenhang war kann ich nicht sagen.

            M 1 Reply Last reply
            0
            • T triotec

              @MCU
              Web Adapter wurde neu gestartet, auch iobroker komplett
              Browser > chrome und edge auf PC , Tablet und Handy
              geupdatet wurden nur einzelne Adapter ob das im zeitlich Zusammenhang war kann ich nicht sagen.

              M Offline
              M Offline
              MCU
              wrote on last edited by MCU
              #4494

              @triotec Browser-Daten im Browser gelöscht?
              Das Verhalten ist auf allen Browsern dasgleiche? Jarvis Fehler erscheint?

              NUC i7 64GB mit Proxmox ---- https://mcuiobroker.gitbook.io/jarvis-infos/ Aktualisierungen der Doku auf Instagram verfolgen -> https://www.instagram.com/mcuiobroker
              Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

              1 Reply Last reply
              0
              • D dack23

                Moin danke für die tolle vis

                Ich hab 2 Probleme

                1.ich hab bei alexa paar Routinen
                Zb Gruppe esstisch an und gruppe esstisch aus

                Wie kann ich das lösen das in jarvis mit einem Button an und aus geht

                2.ich hab für mei telegram ein blockly Script was mit einem Knopf druck tv Licht usw im Wohnzimmer aus macht und Flur und Schlafzimmer das Licht anschaltet wie kann ich das im jarvis triggern?

                Vielen Dank

                M Offline
                M Offline
                MCU
                wrote on last edited by
                #4495

                @dack23
                zu1) sind das zwei verschiedene Routinen oder eine. Welcher Button IconButton, ButtonAction, SwitchAction?
                Jarvis kann immer nur die Zustände schalten die vorgegeben sind im Datenpunkt Trigger. Ist dort true/false vorhanden kann man diese Zustände mit SwitchAction schalten. True kann man mit IconButton und ButtonAction auslösen. Soll etwas anderes in dem Datenpunkt geschrieben werden muss man dieses mit einem Script (Blockly oder javascript selbst erledigen, oder teilweise mittels alias-Adapter) lösen.

                zu2) Das Script wird mittels Trigger auf einen Datenpunkt ausgelöst. Dieser Datenpunkt muss dann im "DatenpunktTrigger" und "Datenpunkt Anzeige" in Jarvis eingetragen werden und kann dann mittels SwitchAction geschaltet werden.

                NUC i7 64GB mit Proxmox ---- https://mcuiobroker.gitbook.io/jarvis-infos/ Aktualisierungen der Doku auf Instagram verfolgen -> https://www.instagram.com/mcuiobroker
                Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

                1 Reply Last reply
                0
                • T Offline
                  T Offline
                  triotec
                  wrote on last edited by
                  #4496

                  @MCU
                  das Verhalten und die Fehlermeldung ist auf allen Geräten und
                  Browsern das/die gleiche.

                  Browser Daten gelöscht und alles neu gestartet aber immer gleiches Problem.

                  wie gesagt der Fehler ist spontan entstanden. keine Änderungen am System durchgeführt. (evtl. Adapter Updates)

                  M 1 Reply Last reply
                  0
                  • T triotec

                    @MCU
                    das Verhalten und die Fehlermeldung ist auf allen Geräten und
                    Browsern das/die gleiche.

                    Browser Daten gelöscht und alles neu gestartet aber immer gleiches Problem.

                    wie gesagt der Fehler ist spontan entstanden. keine Änderungen am System durchgeführt. (evtl. Adapter Updates)

                    M Offline
                    M Offline
                    MCU
                    wrote on last edited by
                    #4497

                    @triotec Was Du noch versuchen kannst, ist ein upload von jarvis auf der Konsole:

                    iobroker upload jarvis
                    

                    NUC i7 64GB mit Proxmox ---- https://mcuiobroker.gitbook.io/jarvis-infos/ Aktualisierungen der Doku auf Instagram verfolgen -> https://www.instagram.com/mcuiobroker
                    Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

                    1 Reply Last reply
                    0
                    • U uwe72

                      @Zefau Frage:

                      6347607a-bf3d-4596-afb3-558eec8ee167-image.png

                      Über Json kann ich auch das Icon verändern, d.h. kann sagen bei Bedingung A zeige Icon A an und bei Bedingung B eben Icon B. Das funktioniert klasse.

                      Frage: Die Bedingung bezieht sich immer auf den Wert des Datenpunkt (Anzeige), richtig? Kriegt man dies irgendwie hin, dass ich eine Bedingung auf einen anderen Datenpunkt machen kann?

                      C Offline
                      C Offline
                      cybtrash
                      wrote on last edited by
                      #4498

                      @uwe72 said in jarvis v2.2.0 - just another remarkable vis:

                      @Zefau Frage:

                      6347607a-bf3d-4596-afb3-558eec8ee167-image.png

                      Über Json kann ich auch das Icon verändern, d.h. kann sagen bei Bedingung A zeige Icon A an und bei Bedingung B eben Icon B. Das funktioniert klasse.

                      Frage: Die Bedingung bezieht sich immer auf den Wert des Datenpunkt (Anzeige), richtig? Kriegt man dies irgendwie hin, dass ich eine Bedingung auf einen anderen Datenpunkt machen kann?

                      Schade dass hierauf nicht geantwortet wurde. Die "Bedingung auf einen anderen Datenpunkt" würde mir in einem speziellen Fall auch weiterhelfen, da ich einen Datenpunkt in Abhängigkeit eines anderen gerne unterschiedlich formatieren würde.

                      M 1 Reply Last reply
                      1
                      • C cybtrash

                        @uwe72 said in jarvis v2.2.0 - just another remarkable vis:

                        @Zefau Frage:

                        6347607a-bf3d-4596-afb3-558eec8ee167-image.png

                        Über Json kann ich auch das Icon verändern, d.h. kann sagen bei Bedingung A zeige Icon A an und bei Bedingung B eben Icon B. Das funktioniert klasse.

                        Frage: Die Bedingung bezieht sich immer auf den Wert des Datenpunkt (Anzeige), richtig? Kriegt man dies irgendwie hin, dass ich eine Bedingung auf einen anderen Datenpunkt machen kann?

                        Schade dass hierauf nicht geantwortet wurde. Die "Bedingung auf einen anderen Datenpunkt" würde mir in einem speziellen Fall auch weiterhelfen, da ich einen Datenpunkt in Abhängigkeit eines anderen gerne unterschiedlich formatieren würde.

                        M Offline
                        M Offline
                        MCU
                        wrote on last edited by
                        #4499

                        @cybtrash Zu diesem Sachverhalt gab es schon öfter ein Kommentar. Thema Bindings. Dies wird lt. Zefau erst mit v4 behandelt. Bedeutet es dauert noch sehr lange.

                        NUC i7 64GB mit Proxmox ---- https://mcuiobroker.gitbook.io/jarvis-infos/ Aktualisierungen der Doku auf Instagram verfolgen -> https://www.instagram.com/mcuiobroker
                        Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

                        1 Reply Last reply
                        0
                        • ZefauZ Offline
                          ZefauZ Offline
                          Zefau
                          wrote on last edited by Zefau
                          #4500

                          jarvis 3.0.0-alpha.0

                          Es geht los: Die Version v3 ist nun endlich da. Noch sehr frisch und alpha. Ich würde mich sehr über Tester freuen, aber würde es noch nicht für produktive Umgebungen empfehlen.

                          Bitte in diesem Thread keine Diskussion bzgl. v3, da dieser für v2 gedacht ist. Jegliche Diskussionen gerne über https://github.com/Zefau/ioBroker.jarvis/discussions/769 (ab der beta gibt es dann einen neuen Thread im Forum).

                          Issues gerne über https://github.com/Zefau/ioBroker.jarvis/issues/770 sammeln.

                          Zefau created this issue in Zefau/ioBroker.jarvis

                          closed v3 open topics and issues #770

                          Meine Adapter: https://zefau.github.io/iobroker/

                          sigi234S M J 3 Replies Last reply
                          3
                          • ZefauZ Zefau

                            jarvis 3.0.0-alpha.0

                            Es geht los: Die Version v3 ist nun endlich da. Noch sehr frisch und alpha. Ich würde mich sehr über Tester freuen, aber würde es noch nicht für produktive Umgebungen empfehlen.

                            Bitte in diesem Thread keine Diskussion bzgl. v3, da dieser für v2 gedacht ist. Jegliche Diskussionen gerne über https://github.com/Zefau/ioBroker.jarvis/discussions/769 (ab der beta gibt es dann einen neuen Thread im Forum).

                            Issues gerne über https://github.com/Zefau/ioBroker.jarvis/issues/770 sammeln.

                            Zefau created this issue in Zefau/ioBroker.jarvis

                            closed v3 open topics and issues #770

                            sigi234S Offline
                            sigi234S Offline
                            sigi234
                            Forum Testing Most Active
                            wrote on last edited by sigi234
                            #4501

                            Gelöscht

                            Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
                            Immer Daten sichern!

                            Thomas BraunT 1 Reply Last reply
                            0
                            • sigi234S sigi234

                              Gelöscht

                              Thomas BraunT Online
                              Thomas BraunT Online
                              Thomas Braun
                              Most Active
                              wrote on last edited by
                              #4502

                              @sigi234
                              jarvis zuvor stoppen?
                              Hier hab ich gerade die
                              iobroker.jarvis@3.0.0-alpha.0
                              installiert, jarvis war aber zuvor nicht installiert.

                              Linux-Werkzeugkasten:
                              https://forum.iobroker.net/topic/42952/der-kleine-iobroker-linux-werkzeugkasten
                              NodeJS Fixer Skript:
                              https://forum.iobroker.net/topic/68035/iob-node-fix-skript
                              iob_diag: curl -sLf -o diag.sh https://iobroker.net/diag.sh && bash diag.sh

                              sigi234S 1 Reply Last reply
                              0
                              • Thomas BraunT Thomas Braun

                                @sigi234
                                jarvis zuvor stoppen?
                                Hier hab ich gerade die
                                iobroker.jarvis@3.0.0-alpha.0
                                installiert, jarvis war aber zuvor nicht installiert.

                                sigi234S Offline
                                sigi234S Offline
                                sigi234
                                Forum Testing Most Active
                                wrote on last edited by
                                #4503

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

                                jarvis zuvor stoppen?

                                Danke, so geht es.

                                Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
                                Immer Daten sichern!

                                1 Reply Last reply
                                0
                                • ZefauZ Zefau

                                  jarvis 3.0.0-alpha.0

                                  Es geht los: Die Version v3 ist nun endlich da. Noch sehr frisch und alpha. Ich würde mich sehr über Tester freuen, aber würde es noch nicht für produktive Umgebungen empfehlen.

                                  Bitte in diesem Thread keine Diskussion bzgl. v3, da dieser für v2 gedacht ist. Jegliche Diskussionen gerne über https://github.com/Zefau/ioBroker.jarvis/discussions/769 (ab der beta gibt es dann einen neuen Thread im Forum).

                                  Issues gerne über https://github.com/Zefau/ioBroker.jarvis/issues/770 sammeln.

                                  Zefau created this issue in Zefau/ioBroker.jarvis

                                  closed v3 open topics and issues #770

                                  M Offline
                                  M Offline
                                  Meto304
                                  wrote on last edited by
                                  #4504

                                  @zefau ich würde gerne beim Testen unterstützen. Gibt es eine Möglichkeit zwei Instanzen mit unterschiedlichen Versionen zu nutzen? Gestern beim Versuch jarvis 3.0 auf dem Slave laufen zu lassen, ging danach gar nichts mehr.

                                  1 Reply Last reply
                                  0
                                  • ZefauZ Offline
                                    ZefauZ Offline
                                    Zefau
                                    wrote on last edited by
                                    #4505

                                    @meto304 das ist in iobroker meines Wissens nach nicht möglich. Du brauchst zwei iobroker Instanzen. Kann mich aber irren.

                                    Meine Adapter: https://zefau.github.io/iobroker/

                                    M 1 Reply Last reply
                                    0
                                    • ZefauZ Zefau

                                      @meto304 das ist in iobroker meines Wissens nach nicht möglich. Du brauchst zwei iobroker Instanzen. Kann mich aber irren.

                                      M Offline
                                      M Offline
                                      Meto304
                                      wrote on last edited by Meto304
                                      #4506

                                      @zefau ja habe meinen aktuellen docker geklont und darauf dann v3.0 installiert.. werde wohl etwas brauchen um mich zurechtzufinden.. aber freue mich auf die Änderungen..sieht vielversprechend aus

                                      1 Reply Last reply
                                      0
                                      • DNC74D DNC74

                                        @Zefau Klasse, funktioniert 👍

                                        So kann dann z.B. der Entsorgungskalender aussehen:

                                        • 1 Tag vor Abholung
                                          • das Icon wechselt auf das "Abhol-Icon" und fängt an in der passenden Farbe zu "glühen"
                                          • der Text für die Resttage wird fett geschrieben
                                        • am Tag der Abholung
                                          • das Icon blinkt zusätzlich für 10 Sekunden
                                          • der Text für die Resttage wird fett und in der sekundären Farbe geschrieben

                                        Entsorgungskalender.gif

                                          "ec4d61d9-112e-489d-8c3c-9159e03a6c52": {
                                            "id": "ec4d61d9-112e-489d-8c3c-9159e03a6c52",
                                            "function": "other",
                                            "states": {
                                              "daysLeft": {
                                                "state": {
                                                  "node": "trashschedule.0.type.Altpapier_blau.daysLeft"
                                                },
                                                "icon": {
                                                  "0": "delete-restore blink2s5x",
                                                  "1": "delete-restore",
                                                  "default": "delete-empty"
                                                },
                                                "unit": {
                                                  "default": "Tage",
                                                  "=1": "",
                                                  "=0": ""
                                                },
                                                "label": "verbeibende Tage",
                                                "bodyElement": null,
                                                "iconStyle": {
                                                  "default": {
                                                    "fontSize": "48px"
                                                  },
                                                  "<=1": {
                                                    "fontSize": "48px",
                                                    "text-shadow": "0 0 25px blue"
                                                  }
                                                },
                                                "stateStyle": {
                                                  "0": {
                                                    "color": "var(--secondary)",
                                                    "fontWeight": "bold"
                                                  },
                                                  "<=1": {
                                                    "fontWeight": "bold"
                                                  }
                                                },
                                                "display": {
                                                  "0": "heute",
                                                  "1": "morgen"
                                                }
                                              },
                                              "nextDate": {
                                                "state": {
                                                  "node": "trashschedule.0.type.Altpapier_blau.nextDateFormat"
                                                },
                                                "label": "Datum",
                                                "icon": "calendar",
                                                "iconStyle": ""
                                              }
                                            },
                                            "options": {},
                                            "attributes": {
                                              "_created": 1609527230666,
                                              "_updated": 1609599916081
                                            },
                                            "name": "Abfall Altpapier",
                                            "label": "Altpapier (blau)",
                                            "icon": "delete-empty",
                                            "hash": 1609599916082,
                                            "suppressPopup": true
                                          },
                                          "ec4d61d9-112e-489d-8c3c-9159e03a6c52_4cfab": {
                                            "id": "ec4d61d9-112e-489d-8c3c-9159e03a6c52_4cfab",
                                            "function": "other",
                                            "states": {
                                              "daysLeft": {
                                                "state": {
                                                  "node": "trashschedule.0.type.Bioabfall_gruen.daysLeft"
                                                },
                                                "icon": {
                                                  "0": "delete-restore blink2s5x",
                                                  "1": "delete-restore",
                                                  "default": "delete-empty"
                                                },
                                                "unit": {
                                                  "default": "Tage",
                                                  "=1": "",
                                                  "=0": ""
                                                },
                                                "label": "verbeibende Tage",
                                                "bodyElement": null,
                                                "iconStyle": {
                                                  "default": {
                                                    "fontSize": "48px"
                                                  },
                                                  "<=1": {
                                                    "fontSize": "48px",
                                                    "text-shadow": "0 0 25px green"
                                                  }
                                                },
                                                "stateStyle": {
                                                  "0": {
                                                    "color": "var(--secondary)",
                                                    "fontWeight": "bold"
                                                  },
                                                  "<=1": {
                                                    "fontWeight": "bold"
                                                  }
                                                },
                                                "display": {
                                                  "0": "heute",
                                                  "1": "morgen"
                                                }
                                              },
                                              "nextDate": {
                                                "state": {
                                                  "node": "trashschedule.0.type.Bioabfall_gruen.nextDateFormat"
                                                },
                                                "label": "Datum",
                                                "icon": "calendar",
                                                "iconStyle": ""
                                              }
                                            },
                                            "options": {},
                                            "attributes": {
                                              "_created": 1609527230666,
                                              "_updated": 1609605254477
                                            },
                                            "name": "Abfall Bio",
                                            "label": "Biotonne (grün)",
                                            "icon": "delete-empty",
                                            "hash": 1609605254477,
                                            "suppressPopup": true
                                          },
                                          "ec4d61d9-112e-489d-8c3c-9159e03a6c52_9099b": {
                                            "id": "ec4d61d9-112e-489d-8c3c-9159e03a6c52_9099b",
                                            "function": "other",
                                            "states": {
                                              "daysLeft": {
                                                "state": {
                                                  "node": "trashschedule.0.type.Restmuell_schwarz.daysLeft"
                                                },
                                                "icon": {
                                                  "0": "delete-restore blink2s5x",
                                                  "1": "delete-restore",
                                                  "default": "delete-empty"
                                                },
                                                "unit": {
                                                  "default": "Tage",
                                                  "=1": "",
                                                  "=0": ""
                                                },
                                                "label": "verbeibende Tage",
                                                "bodyElement": null,
                                                "iconStyle": {
                                                  "default": {
                                                    "fontSize": "48px"
                                                  },
                                                  "<=1": {
                                                    "fontSize": "48px",
                                                    "text-shadow": "0 0 25px var(--text)"
                                                  }
                                                },
                                                "stateStyle": {
                                                  "0": {
                                                    "color": "var(--secondary)",
                                                    "fontWeight": "bold"
                                                  },
                                                  "<=1": {
                                                    "fontWeight": "bold"
                                                  }
                                                },
                                                "display": {
                                                  "0": "heute",
                                                  "1": "morgen"
                                                }
                                              },
                                              "nextDate": {
                                                "state": {
                                                  "node": "trashschedule.0.type.Restmuell_schwarz.nextDateFormat"
                                                },
                                                "label": "Datum",
                                                "icon": "calendar",
                                                "iconStyle": ""
                                              }
                                            },
                                            "options": {},
                                            "attributes": {
                                              "_created": 1609527230666,
                                              "_updated": 1609610552738
                                            },
                                            "name": "Abfall Restmüll",
                                            "label": "Restmüll (schwarz)",
                                            "icon": "delete-empty",
                                            "hash": 1609610552739,
                                            "suppressPopup": true
                                          },
                                          "ec4d61d9-112e-489d-8c3c-9159e03a6c52_86c10": {
                                            "id": "ec4d61d9-112e-489d-8c3c-9159e03a6c52_86c10",
                                            "function": "other",
                                            "states": {
                                              "daysLeft": {
                                                "state": {
                                                  "node": "trashschedule.0.type.Wertstoff_rot.daysLeft"
                                                },
                                                "icon": {
                                                  "0": "delete-restore blink2s5x",
                                                  "1": "delete-restore",
                                                  "default": "delete-empty"
                                                },
                                                "unit": {
                                                  "default": "Tage",
                                                  "=1": "",
                                                  "=0": ""
                                                },
                                                "label": "verbeibende Tage",
                                                "bodyElement": null,
                                                "iconStyle": {
                                                  "default": {
                                                    "fontSize": "48px"
                                                  },
                                                  "<=1": {
                                                    "fontSize": "48px",
                                                    "text-shadow": "0 0 25px red"
                                                  }
                                                },
                                                "stateStyle": {
                                                  "0": {
                                                    "color": "var(--secondary)",
                                                    "fontWeight": "bold"
                                                  },
                                                  "<=1": {
                                                    "fontWeight": "bold"
                                                  }
                                                },
                                                "display": {
                                                  "0": "heute",
                                                  "1": "morgen"
                                                }
                                              },
                                              "nextDate": {
                                                "state": {
                                                  "node": "trashschedule.0.type.Wertstoff_rot.nextDateFormat"
                                                },
                                                "label": "Datum",
                                                "icon": "calendar",
                                                "iconStyle": ""
                                              }
                                            },
                                            "options": {},
                                            "attributes": {
                                              "_created": 1609527230666,
                                              "_updated": 1609531575579
                                            },
                                            "name": "Abfall Wertstoff",
                                            "label": "Wertstoff (rot)",
                                            "icon": "delete-empty",
                                            "hash": 1609531575580,
                                            "suppressPopup": true
                                          },
                                          "ec4d61d9-112e-489d-8c3c-9159e03a6c52_ff8a0": {
                                            "id": "ec4d61d9-112e-489d-8c3c-9159e03a6c52_ff8a0",
                                            "function": "other",
                                            "states": {
                                              "daysLeft": {
                                                "state": {
                                                  "node": "trashschedule.0.type.Sperrmuell.daysLeft"
                                                },
                                                "icon": {
                                                  "0": "delete-restore blink2s5x",
                                                  "1": "delete-restore",
                                                  "default": "delete-empty"
                                                },
                                                "unit": {
                                                  "default": "Tage",
                                                  "=1": "",
                                                  "=0": ""
                                                },
                                                "label": "verbeibende Tage",
                                                "bodyElement": null,
                                                "iconStyle": {
                                                  "default": {
                                                    "fontSize": "48px"
                                                  },
                                                  "<=1": {
                                                    "fontSize": "48px",
                                                    "text-shadow": "0 0 25px magenta"
                                                  }
                                                },
                                                "stateStyle": {
                                                  "0": {
                                                    "color": "var(--secondary)",
                                                    "fontWeight": "bold"
                                                  },
                                                  "<=1": {
                                                    "fontWeight": "bold"
                                                  }
                                                },        
                                                "display": {
                                                  "0": "heute",
                                                  "1": "morgen"
                                                }
                                              },
                                              "nextDate": {
                                                "state": {
                                                  "node": "trashschedule.0.type.Sperrmuell.nextDateFormat"
                                                },
                                                "label": "Datum",
                                                "icon": "calendar",
                                                "iconStyle": ""
                                              }
                                            },
                                            "options": {},
                                            "attributes": {
                                              "_created": 1609527230666,
                                              "_updated": 1609531539033
                                            },
                                            "name": "Abfall Sperrmüll",
                                            "label": "Sperrmüll",
                                            "icon": "delete-empty",
                                            "hash": 1609531539034,
                                            "suppressPopup": true
                                          }
                                        

                                        /* Blinking Icons */
                                        .blink {
                                           animation: blinker 2s linear infinite;
                                        }
                                        .blink1s {
                                           animation: blinker 1s linear infinite;
                                        }
                                        .blink2s5x {
                                           animation: blinker 2s linear 5;
                                        }
                                        
                                        @keyframes blinker {
                                           50% { opacity: 0; }
                                        }
                                        

                                        Danke @dabbeljuh 👍

                                        C Offline
                                        C Offline
                                        cybtrash
                                        wrote on last edited by cybtrash
                                        #4507

                                        @dnc74 said in jarvis v2.2.0 - just another remarkable vis:

                                        @Zefau Klasse, funktioniert 👍

                                        So kann dann z.B. der Entsorgungskalender aussehen:

                                        • 1 Tag vor Abholung
                                          • das Icon wechselt auf das "Abhol-Icon" und fängt an in der passenden Farbe zu "glühen"
                                          • der Text für die Resttage wird fett geschrieben
                                        • am Tag der Abholung
                                          • das Icon blinkt zusätzlich für 10 Sekunden
                                          • der Text für die Resttage wird fett und in der sekundären Farbe geschrieben

                                        Entsorgungskalender.gif

                                          "ec4d61d9-112e-489d-8c3c-9159e03a6c52": {
                                            "id": "ec4d61d9-112e-489d-8c3c-9159e03a6c52",
                                            "function": "other",
                                            "states": {
                                              "daysLeft": {
                                                "state": {
                                                  "node": "trashschedule.0.type.Altpapier_blau.daysLeft"
                                                },
                                                "icon": {
                                                  "0": "delete-restore blink2s5x",
                                                  "1": "delete-restore",
                                                  "default": "delete-empty"
                                                },
                                                "unit": {
                                                  "default": "Tage",
                                                  "=1": "",
                                                  "=0": ""
                                                },
                                                "label": "verbeibende Tage",
                                                "bodyElement": null,
                                                "iconStyle": {
                                                  "default": {
                                                    "fontSize": "48px"
                                                  },
                                                  "<=1": {
                                                    "fontSize": "48px",
                                                    "text-shadow": "0 0 25px blue"
                                                  }
                                                },
                                                "stateStyle": {
                                                  "0": {
                                                    "color": "var(--secondary)",
                                                    "fontWeight": "bold"
                                                  },
                                                  "<=1": {
                                                    "fontWeight": "bold"
                                                  }
                                                },
                                                "display": {
                                                  "0": "heute",
                                                  "1": "morgen"
                                                }
                                              },
                                              "nextDate": {
                                                "state": {
                                                  "node": "trashschedule.0.type.Altpapier_blau.nextDateFormat"
                                                },
                                                "label": "Datum",
                                                "icon": "calendar",
                                                "iconStyle": ""
                                              }
                                            },
                                            "options": {},
                                            "attributes": {
                                              "_created": 1609527230666,
                                              "_updated": 1609599916081
                                            },
                                            "name": "Abfall Altpapier",
                                            "label": "Altpapier (blau)",
                                            "icon": "delete-empty",
                                            "hash": 1609599916082,
                                            "suppressPopup": true
                                          },
                                          "ec4d61d9-112e-489d-8c3c-9159e03a6c52_4cfab": {
                                            "id": "ec4d61d9-112e-489d-8c3c-9159e03a6c52_4cfab",
                                            "function": "other",
                                            "states": {
                                              "daysLeft": {
                                                "state": {
                                                  "node": "trashschedule.0.type.Bioabfall_gruen.daysLeft"
                                                },
                                                "icon": {
                                                  "0": "delete-restore blink2s5x",
                                                  "1": "delete-restore",
                                                  "default": "delete-empty"
                                                },
                                                "unit": {
                                                  "default": "Tage",
                                                  "=1": "",
                                                  "=0": ""
                                                },
                                                "label": "verbeibende Tage",
                                                "bodyElement": null,
                                                "iconStyle": {
                                                  "default": {
                                                    "fontSize": "48px"
                                                  },
                                                  "<=1": {
                                                    "fontSize": "48px",
                                                    "text-shadow": "0 0 25px green"
                                                  }
                                                },
                                                "stateStyle": {
                                                  "0": {
                                                    "color": "var(--secondary)",
                                                    "fontWeight": "bold"
                                                  },
                                                  "<=1": {
                                                    "fontWeight": "bold"
                                                  }
                                                },
                                                "display": {
                                                  "0": "heute",
                                                  "1": "morgen"
                                                }
                                              },
                                              "nextDate": {
                                                "state": {
                                                  "node": "trashschedule.0.type.Bioabfall_gruen.nextDateFormat"
                                                },
                                                "label": "Datum",
                                                "icon": "calendar",
                                                "iconStyle": ""
                                              }
                                            },
                                            "options": {},
                                            "attributes": {
                                              "_created": 1609527230666,
                                              "_updated": 1609605254477
                                            },
                                            "name": "Abfall Bio",
                                            "label": "Biotonne (grün)",
                                            "icon": "delete-empty",
                                            "hash": 1609605254477,
                                            "suppressPopup": true
                                          },
                                          "ec4d61d9-112e-489d-8c3c-9159e03a6c52_9099b": {
                                            "id": "ec4d61d9-112e-489d-8c3c-9159e03a6c52_9099b",
                                            "function": "other",
                                            "states": {
                                              "daysLeft": {
                                                "state": {
                                                  "node": "trashschedule.0.type.Restmuell_schwarz.daysLeft"
                                                },
                                                "icon": {
                                                  "0": "delete-restore blink2s5x",
                                                  "1": "delete-restore",
                                                  "default": "delete-empty"
                                                },
                                                "unit": {
                                                  "default": "Tage",
                                                  "=1": "",
                                                  "=0": ""
                                                },
                                                "label": "verbeibende Tage",
                                                "bodyElement": null,
                                                "iconStyle": {
                                                  "default": {
                                                    "fontSize": "48px"
                                                  },
                                                  "<=1": {
                                                    "fontSize": "48px",
                                                    "text-shadow": "0 0 25px var(--text)"
                                                  }
                                                },
                                                "stateStyle": {
                                                  "0": {
                                                    "color": "var(--secondary)",
                                                    "fontWeight": "bold"
                                                  },
                                                  "<=1": {
                                                    "fontWeight": "bold"
                                                  }
                                                },
                                                "display": {
                                                  "0": "heute",
                                                  "1": "morgen"
                                                }
                                              },
                                              "nextDate": {
                                                "state": {
                                                  "node": "trashschedule.0.type.Restmuell_schwarz.nextDateFormat"
                                                },
                                                "label": "Datum",
                                                "icon": "calendar",
                                                "iconStyle": ""
                                              }
                                            },
                                            "options": {},
                                            "attributes": {
                                              "_created": 1609527230666,
                                              "_updated": 1609610552738
                                            },
                                            "name": "Abfall Restmüll",
                                            "label": "Restmüll (schwarz)",
                                            "icon": "delete-empty",
                                            "hash": 1609610552739,
                                            "suppressPopup": true
                                          },
                                          "ec4d61d9-112e-489d-8c3c-9159e03a6c52_86c10": {
                                            "id": "ec4d61d9-112e-489d-8c3c-9159e03a6c52_86c10",
                                            "function": "other",
                                            "states": {
                                              "daysLeft": {
                                                "state": {
                                                  "node": "trashschedule.0.type.Wertstoff_rot.daysLeft"
                                                },
                                                "icon": {
                                                  "0": "delete-restore blink2s5x",
                                                  "1": "delete-restore",
                                                  "default": "delete-empty"
                                                },
                                                "unit": {
                                                  "default": "Tage",
                                                  "=1": "",
                                                  "=0": ""
                                                },
                                                "label": "verbeibende Tage",
                                                "bodyElement": null,
                                                "iconStyle": {
                                                  "default": {
                                                    "fontSize": "48px"
                                                  },
                                                  "<=1": {
                                                    "fontSize": "48px",
                                                    "text-shadow": "0 0 25px red"
                                                  }
                                                },
                                                "stateStyle": {
                                                  "0": {
                                                    "color": "var(--secondary)",
                                                    "fontWeight": "bold"
                                                  },
                                                  "<=1": {
                                                    "fontWeight": "bold"
                                                  }
                                                },
                                                "display": {
                                                  "0": "heute",
                                                  "1": "morgen"
                                                }
                                              },
                                              "nextDate": {
                                                "state": {
                                                  "node": "trashschedule.0.type.Wertstoff_rot.nextDateFormat"
                                                },
                                                "label": "Datum",
                                                "icon": "calendar",
                                                "iconStyle": ""
                                              }
                                            },
                                            "options": {},
                                            "attributes": {
                                              "_created": 1609527230666,
                                              "_updated": 1609531575579
                                            },
                                            "name": "Abfall Wertstoff",
                                            "label": "Wertstoff (rot)",
                                            "icon": "delete-empty",
                                            "hash": 1609531575580,
                                            "suppressPopup": true
                                          },
                                          "ec4d61d9-112e-489d-8c3c-9159e03a6c52_ff8a0": {
                                            "id": "ec4d61d9-112e-489d-8c3c-9159e03a6c52_ff8a0",
                                            "function": "other",
                                            "states": {
                                              "daysLeft": {
                                                "state": {
                                                  "node": "trashschedule.0.type.Sperrmuell.daysLeft"
                                                },
                                                "icon": {
                                                  "0": "delete-restore blink2s5x",
                                                  "1": "delete-restore",
                                                  "default": "delete-empty"
                                                },
                                                "unit": {
                                                  "default": "Tage",
                                                  "=1": "",
                                                  "=0": ""
                                                },
                                                "label": "verbeibende Tage",
                                                "bodyElement": null,
                                                "iconStyle": {
                                                  "default": {
                                                    "fontSize": "48px"
                                                  },
                                                  "<=1": {
                                                    "fontSize": "48px",
                                                    "text-shadow": "0 0 25px magenta"
                                                  }
                                                },
                                                "stateStyle": {
                                                  "0": {
                                                    "color": "var(--secondary)",
                                                    "fontWeight": "bold"
                                                  },
                                                  "<=1": {
                                                    "fontWeight": "bold"
                                                  }
                                                },        
                                                "display": {
                                                  "0": "heute",
                                                  "1": "morgen"
                                                }
                                              },
                                              "nextDate": {
                                                "state": {
                                                  "node": "trashschedule.0.type.Sperrmuell.nextDateFormat"
                                                },
                                                "label": "Datum",
                                                "icon": "calendar",
                                                "iconStyle": ""
                                              }
                                            },
                                            "options": {},
                                            "attributes": {
                                              "_created": 1609527230666,
                                              "_updated": 1609531539033
                                            },
                                            "name": "Abfall Sperrmüll",
                                            "label": "Sperrmüll",
                                            "icon": "delete-empty",
                                            "hash": 1609531539034,
                                            "suppressPopup": true
                                          }
                                        

                                        /* Blinking Icons */
                                        .blink {
                                           animation: blinker 2s linear infinite;
                                        }
                                        .blink1s {
                                           animation: blinker 1s linear infinite;
                                        }
                                        .blink2s5x {
                                           animation: blinker 2s linear 5;
                                        }
                                        
                                        @keyframes blinker {
                                           50% { opacity: 0; }
                                        }
                                        

                                        Danke @dabbeljuh 👍

                                        Hallo,
                                        ich habe das nachgebaut, vielen Dank für die Idee und den Quellcode.

                                        Leider zeigt Jarvis 2.2.0 bei mir weiterhin die Einheit "Tage" an, wenn die Tonne z.B. morgen abgeholt wird. Das sollte ja so nicht sein wegen der Definition

                                        "unit": {
                                                  "=0": "",
                                                  "=1": "",
                                                  "default": "Tage"
                                                },
                                        

                                        Diese wird irgendwie ignoriert: Bio TAGE.png

                                        Kompletter Ausschnitt der Bio Tonnen Definition:

                                         "7acaecf0-e75f-4d9c-802e-ff2f4c36bc78": {
                                            "id": "7acaecf0-e75f-4d9c-802e-ff2f4c36bc78",
                                            "function": "other",
                                            "states": {
                                              "nextDate": {
                                                "label": "Datum",
                                                "icon": "calendar",
                                                "state": {
                                                  "node": "trashschedule.0.type.biotonne.nextDateFormat"
                                                }
                                              },
                                              "daysLeft": {
                                                "state": {
                                                  "node": "trashschedule.0.type.biotonne.daysLeft"
                                                },
                                                "bodyElement": null,
                                                "label": "verbleibende Tage",
                                                "icon": {
                                                  "0": "delete-restore blink2s5x",
                                                  "1": "delete-restore",
                                                  "default": "delete-empty"
                                                },
                                                "unit": {
                                                  "=0": "",
                                                  "=1": "",
                                                  "default": "Tage"
                                                },
                                                "iconStyle": {
                                                  "default": {
                                                    "fontSize": "48px",
                                                    "color": "#469429"
                                                  },
                                                  "<=1": {
                                                    "fontSize": "48px",
                                                    "text-shadow": "0 0 25px green",
                                                    "color": "#469429"
                                                  }
                                                },
                                                "stateStyle": {
                                                  "0": {
                                                    "color": "red",
                                                    "fontWeight": "bold"
                                                  },
                                                  "<=1": {
                                                    "fontWeight": "bold"
                                                  }
                                                },
                                                "display": {
                                                  "0": "heute",
                                                  "1": "morgen"
                                                }
                                              }
                                            },
                                            "options": {},
                                            "attributes": {
                                              "_created": 1622800173340,
                                              "_updated": 1623053109458
                                            },
                                            "name": "Abfall Bio",
                                            "suppressPopup": true,
                                            "icon": "delete-empty",
                                            "hash": 1623053109458
                                          },
                                        

                                        Weiterhin zeigt er bei undefinierten "daysLeft" (wenn die Abfuhr in sehr weiter ferne liegt und der Kalender diese noch nicht berücksichtigt hat) ein "false" an, aber der "Bug" ist ja schon bekannt (Github).

                                        Wo gehört eigentlich die CSS Klasse rein? Einfach unter "Styles" in Jarvis reinkopieren?

                                        M 1 Reply Last reply
                                        0
                                        • C cybtrash

                                          @dnc74 said in jarvis v2.2.0 - just another remarkable vis:

                                          @Zefau Klasse, funktioniert 👍

                                          So kann dann z.B. der Entsorgungskalender aussehen:

                                          • 1 Tag vor Abholung
                                            • das Icon wechselt auf das "Abhol-Icon" und fängt an in der passenden Farbe zu "glühen"
                                            • der Text für die Resttage wird fett geschrieben
                                          • am Tag der Abholung
                                            • das Icon blinkt zusätzlich für 10 Sekunden
                                            • der Text für die Resttage wird fett und in der sekundären Farbe geschrieben

                                          Entsorgungskalender.gif

                                            "ec4d61d9-112e-489d-8c3c-9159e03a6c52": {
                                              "id": "ec4d61d9-112e-489d-8c3c-9159e03a6c52",
                                              "function": "other",
                                              "states": {
                                                "daysLeft": {
                                                  "state": {
                                                    "node": "trashschedule.0.type.Altpapier_blau.daysLeft"
                                                  },
                                                  "icon": {
                                                    "0": "delete-restore blink2s5x",
                                                    "1": "delete-restore",
                                                    "default": "delete-empty"
                                                  },
                                                  "unit": {
                                                    "default": "Tage",
                                                    "=1": "",
                                                    "=0": ""
                                                  },
                                                  "label": "verbeibende Tage",
                                                  "bodyElement": null,
                                                  "iconStyle": {
                                                    "default": {
                                                      "fontSize": "48px"
                                                    },
                                                    "<=1": {
                                                      "fontSize": "48px",
                                                      "text-shadow": "0 0 25px blue"
                                                    }
                                                  },
                                                  "stateStyle": {
                                                    "0": {
                                                      "color": "var(--secondary)",
                                                      "fontWeight": "bold"
                                                    },
                                                    "<=1": {
                                                      "fontWeight": "bold"
                                                    }
                                                  },
                                                  "display": {
                                                    "0": "heute",
                                                    "1": "morgen"
                                                  }
                                                },
                                                "nextDate": {
                                                  "state": {
                                                    "node": "trashschedule.0.type.Altpapier_blau.nextDateFormat"
                                                  },
                                                  "label": "Datum",
                                                  "icon": "calendar",
                                                  "iconStyle": ""
                                                }
                                              },
                                              "options": {},
                                              "attributes": {
                                                "_created": 1609527230666,
                                                "_updated": 1609599916081
                                              },
                                              "name": "Abfall Altpapier",
                                              "label": "Altpapier (blau)",
                                              "icon": "delete-empty",
                                              "hash": 1609599916082,
                                              "suppressPopup": true
                                            },
                                            "ec4d61d9-112e-489d-8c3c-9159e03a6c52_4cfab": {
                                              "id": "ec4d61d9-112e-489d-8c3c-9159e03a6c52_4cfab",
                                              "function": "other",
                                              "states": {
                                                "daysLeft": {
                                                  "state": {
                                                    "node": "trashschedule.0.type.Bioabfall_gruen.daysLeft"
                                                  },
                                                  "icon": {
                                                    "0": "delete-restore blink2s5x",
                                                    "1": "delete-restore",
                                                    "default": "delete-empty"
                                                  },
                                                  "unit": {
                                                    "default": "Tage",
                                                    "=1": "",
                                                    "=0": ""
                                                  },
                                                  "label": "verbeibende Tage",
                                                  "bodyElement": null,
                                                  "iconStyle": {
                                                    "default": {
                                                      "fontSize": "48px"
                                                    },
                                                    "<=1": {
                                                      "fontSize": "48px",
                                                      "text-shadow": "0 0 25px green"
                                                    }
                                                  },
                                                  "stateStyle": {
                                                    "0": {
                                                      "color": "var(--secondary)",
                                                      "fontWeight": "bold"
                                                    },
                                                    "<=1": {
                                                      "fontWeight": "bold"
                                                    }
                                                  },
                                                  "display": {
                                                    "0": "heute",
                                                    "1": "morgen"
                                                  }
                                                },
                                                "nextDate": {
                                                  "state": {
                                                    "node": "trashschedule.0.type.Bioabfall_gruen.nextDateFormat"
                                                  },
                                                  "label": "Datum",
                                                  "icon": "calendar",
                                                  "iconStyle": ""
                                                }
                                              },
                                              "options": {},
                                              "attributes": {
                                                "_created": 1609527230666,
                                                "_updated": 1609605254477
                                              },
                                              "name": "Abfall Bio",
                                              "label": "Biotonne (grün)",
                                              "icon": "delete-empty",
                                              "hash": 1609605254477,
                                              "suppressPopup": true
                                            },
                                            "ec4d61d9-112e-489d-8c3c-9159e03a6c52_9099b": {
                                              "id": "ec4d61d9-112e-489d-8c3c-9159e03a6c52_9099b",
                                              "function": "other",
                                              "states": {
                                                "daysLeft": {
                                                  "state": {
                                                    "node": "trashschedule.0.type.Restmuell_schwarz.daysLeft"
                                                  },
                                                  "icon": {
                                                    "0": "delete-restore blink2s5x",
                                                    "1": "delete-restore",
                                                    "default": "delete-empty"
                                                  },
                                                  "unit": {
                                                    "default": "Tage",
                                                    "=1": "",
                                                    "=0": ""
                                                  },
                                                  "label": "verbeibende Tage",
                                                  "bodyElement": null,
                                                  "iconStyle": {
                                                    "default": {
                                                      "fontSize": "48px"
                                                    },
                                                    "<=1": {
                                                      "fontSize": "48px",
                                                      "text-shadow": "0 0 25px var(--text)"
                                                    }
                                                  },
                                                  "stateStyle": {
                                                    "0": {
                                                      "color": "var(--secondary)",
                                                      "fontWeight": "bold"
                                                    },
                                                    "<=1": {
                                                      "fontWeight": "bold"
                                                    }
                                                  },
                                                  "display": {
                                                    "0": "heute",
                                                    "1": "morgen"
                                                  }
                                                },
                                                "nextDate": {
                                                  "state": {
                                                    "node": "trashschedule.0.type.Restmuell_schwarz.nextDateFormat"
                                                  },
                                                  "label": "Datum",
                                                  "icon": "calendar",
                                                  "iconStyle": ""
                                                }
                                              },
                                              "options": {},
                                              "attributes": {
                                                "_created": 1609527230666,
                                                "_updated": 1609610552738
                                              },
                                              "name": "Abfall Restmüll",
                                              "label": "Restmüll (schwarz)",
                                              "icon": "delete-empty",
                                              "hash": 1609610552739,
                                              "suppressPopup": true
                                            },
                                            "ec4d61d9-112e-489d-8c3c-9159e03a6c52_86c10": {
                                              "id": "ec4d61d9-112e-489d-8c3c-9159e03a6c52_86c10",
                                              "function": "other",
                                              "states": {
                                                "daysLeft": {
                                                  "state": {
                                                    "node": "trashschedule.0.type.Wertstoff_rot.daysLeft"
                                                  },
                                                  "icon": {
                                                    "0": "delete-restore blink2s5x",
                                                    "1": "delete-restore",
                                                    "default": "delete-empty"
                                                  },
                                                  "unit": {
                                                    "default": "Tage",
                                                    "=1": "",
                                                    "=0": ""
                                                  },
                                                  "label": "verbeibende Tage",
                                                  "bodyElement": null,
                                                  "iconStyle": {
                                                    "default": {
                                                      "fontSize": "48px"
                                                    },
                                                    "<=1": {
                                                      "fontSize": "48px",
                                                      "text-shadow": "0 0 25px red"
                                                    }
                                                  },
                                                  "stateStyle": {
                                                    "0": {
                                                      "color": "var(--secondary)",
                                                      "fontWeight": "bold"
                                                    },
                                                    "<=1": {
                                                      "fontWeight": "bold"
                                                    }
                                                  },
                                                  "display": {
                                                    "0": "heute",
                                                    "1": "morgen"
                                                  }
                                                },
                                                "nextDate": {
                                                  "state": {
                                                    "node": "trashschedule.0.type.Wertstoff_rot.nextDateFormat"
                                                  },
                                                  "label": "Datum",
                                                  "icon": "calendar",
                                                  "iconStyle": ""
                                                }
                                              },
                                              "options": {},
                                              "attributes": {
                                                "_created": 1609527230666,
                                                "_updated": 1609531575579
                                              },
                                              "name": "Abfall Wertstoff",
                                              "label": "Wertstoff (rot)",
                                              "icon": "delete-empty",
                                              "hash": 1609531575580,
                                              "suppressPopup": true
                                            },
                                            "ec4d61d9-112e-489d-8c3c-9159e03a6c52_ff8a0": {
                                              "id": "ec4d61d9-112e-489d-8c3c-9159e03a6c52_ff8a0",
                                              "function": "other",
                                              "states": {
                                                "daysLeft": {
                                                  "state": {
                                                    "node": "trashschedule.0.type.Sperrmuell.daysLeft"
                                                  },
                                                  "icon": {
                                                    "0": "delete-restore blink2s5x",
                                                    "1": "delete-restore",
                                                    "default": "delete-empty"
                                                  },
                                                  "unit": {
                                                    "default": "Tage",
                                                    "=1": "",
                                                    "=0": ""
                                                  },
                                                  "label": "verbeibende Tage",
                                                  "bodyElement": null,
                                                  "iconStyle": {
                                                    "default": {
                                                      "fontSize": "48px"
                                                    },
                                                    "<=1": {
                                                      "fontSize": "48px",
                                                      "text-shadow": "0 0 25px magenta"
                                                    }
                                                  },
                                                  "stateStyle": {
                                                    "0": {
                                                      "color": "var(--secondary)",
                                                      "fontWeight": "bold"
                                                    },
                                                    "<=1": {
                                                      "fontWeight": "bold"
                                                    }
                                                  },        
                                                  "display": {
                                                    "0": "heute",
                                                    "1": "morgen"
                                                  }
                                                },
                                                "nextDate": {
                                                  "state": {
                                                    "node": "trashschedule.0.type.Sperrmuell.nextDateFormat"
                                                  },
                                                  "label": "Datum",
                                                  "icon": "calendar",
                                                  "iconStyle": ""
                                                }
                                              },
                                              "options": {},
                                              "attributes": {
                                                "_created": 1609527230666,
                                                "_updated": 1609531539033
                                              },
                                              "name": "Abfall Sperrmüll",
                                              "label": "Sperrmüll",
                                              "icon": "delete-empty",
                                              "hash": 1609531539034,
                                              "suppressPopup": true
                                            }
                                          

                                          /* Blinking Icons */
                                          .blink {
                                             animation: blinker 2s linear infinite;
                                          }
                                          .blink1s {
                                             animation: blinker 1s linear infinite;
                                          }
                                          .blink2s5x {
                                             animation: blinker 2s linear 5;
                                          }
                                          
                                          @keyframes blinker {
                                             50% { opacity: 0; }
                                          }
                                          

                                          Danke @dabbeljuh 👍

                                          Hallo,
                                          ich habe das nachgebaut, vielen Dank für die Idee und den Quellcode.

                                          Leider zeigt Jarvis 2.2.0 bei mir weiterhin die Einheit "Tage" an, wenn die Tonne z.B. morgen abgeholt wird. Das sollte ja so nicht sein wegen der Definition

                                          "unit": {
                                                    "=0": "",
                                                    "=1": "",
                                                    "default": "Tage"
                                                  },
                                          

                                          Diese wird irgendwie ignoriert: Bio TAGE.png

                                          Kompletter Ausschnitt der Bio Tonnen Definition:

                                           "7acaecf0-e75f-4d9c-802e-ff2f4c36bc78": {
                                              "id": "7acaecf0-e75f-4d9c-802e-ff2f4c36bc78",
                                              "function": "other",
                                              "states": {
                                                "nextDate": {
                                                  "label": "Datum",
                                                  "icon": "calendar",
                                                  "state": {
                                                    "node": "trashschedule.0.type.biotonne.nextDateFormat"
                                                  }
                                                },
                                                "daysLeft": {
                                                  "state": {
                                                    "node": "trashschedule.0.type.biotonne.daysLeft"
                                                  },
                                                  "bodyElement": null,
                                                  "label": "verbleibende Tage",
                                                  "icon": {
                                                    "0": "delete-restore blink2s5x",
                                                    "1": "delete-restore",
                                                    "default": "delete-empty"
                                                  },
                                                  "unit": {
                                                    "=0": "",
                                                    "=1": "",
                                                    "default": "Tage"
                                                  },
                                                  "iconStyle": {
                                                    "default": {
                                                      "fontSize": "48px",
                                                      "color": "#469429"
                                                    },
                                                    "<=1": {
                                                      "fontSize": "48px",
                                                      "text-shadow": "0 0 25px green",
                                                      "color": "#469429"
                                                    }
                                                  },
                                                  "stateStyle": {
                                                    "0": {
                                                      "color": "red",
                                                      "fontWeight": "bold"
                                                    },
                                                    "<=1": {
                                                      "fontWeight": "bold"
                                                    }
                                                  },
                                                  "display": {
                                                    "0": "heute",
                                                    "1": "morgen"
                                                  }
                                                }
                                              },
                                              "options": {},
                                              "attributes": {
                                                "_created": 1622800173340,
                                                "_updated": 1623053109458
                                              },
                                              "name": "Abfall Bio",
                                              "suppressPopup": true,
                                              "icon": "delete-empty",
                                              "hash": 1623053109458
                                            },
                                          

                                          Weiterhin zeigt er bei undefinierten "daysLeft" (wenn die Abfuhr in sehr weiter ferne liegt und der Kalender diese noch nicht berücksichtigt hat) ein "false" an, aber der "Bug" ist ja schon bekannt (Github).

                                          Wo gehört eigentlich die CSS Klasse rein? Einfach unter "Styles" in Jarvis reinkopieren?

                                          M Offline
                                          M Offline
                                          MCU
                                          wrote on last edited by
                                          #4508

                                          @cybtrash Wenn du das drin stehen hast:

                                          7b2d5462-0ba8-4f63-a9d4-3855ca7b619e-image.png
                                          muss in der Unit:
                                          ef187dd1-0b5a-48c7-b41d-36aa40f8007d-image.png
                                          Leider gibt es in v2.2.0 einen Bug: Unit bezieht sich auf den Anzeigewert (Heute) und nicht auf den Objektwert (0). Bei mir mit "In " davor ist eine Besonderheit.

                                          CSS-Klassen gehören in Styles.

                                          NUC i7 64GB mit Proxmox ---- https://mcuiobroker.gitbook.io/jarvis-infos/ Aktualisierungen der Doku auf Instagram verfolgen -> https://www.instagram.com/mcuiobroker
                                          Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

                                          C 1 Reply Last reply
                                          1
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          83

                                          Online

                                          32.4k

                                          Users

                                          81.3k

                                          Topics

                                          1.3m

                                          Posts
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Login

                                          • Don't have an account? Register

                                          • Login or register to search.
                                          • First post
                                            Last post
                                          0
                                          • Recent
                                          • Tags
                                          • Unread 0
                                          • Categories
                                          • Unreplied
                                          • Popular
                                          • GitHub
                                          • Docu
                                          • Hilfe