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

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

Community Forum

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

NEWS

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

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

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

jarvis v2.2.0 - just another remarkable vis

Geplant Angeheftet Gesperrt Verschoben Tester
jarvismaterialmaterial uimaterialdesignvisvisualisierungvisualization
6.1k Beiträge 316 Kommentatoren 4.2m Aufrufe 273 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • T Offline
    T Offline
    triotec
    schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
    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 Online
      M Online
      MCU
      schrieb am zuletzt editiert von 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 ---- Jarvis Infos Aktualisierungen der Doku auf Instagram verfolgen -> mcuiobroker Instagram
      Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

      1 Antwort Letzte Antwort
      0
      • D Offline
        D Offline
        dack23
        schrieb am zuletzt editiert von
        #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 Antwort Letzte Antwort
        0
        • T Offline
          T Offline
          triotec
          schrieb am zuletzt editiert von
          #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 Antwort Letzte Antwort
          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 Online
            M Online
            MCU
            schrieb am zuletzt editiert von MCU
            #4494

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

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

            1 Antwort Letzte Antwort
            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 Online
              M Online
              MCU
              schrieb am zuletzt editiert von
              #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 ---- Jarvis Infos Aktualisierungen der Doku auf Instagram verfolgen -> mcuiobroker Instagram
              Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

              1 Antwort Letzte Antwort
              0
              • T Offline
                T Offline
                triotec
                schrieb am zuletzt editiert von
                #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 Antwort Letzte Antwort
                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 Online
                  M Online
                  MCU
                  schrieb am zuletzt editiert von
                  #4497

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

                  iobroker upload jarvis
                  

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

                  1 Antwort Letzte Antwort
                  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
                    schrieb am zuletzt editiert von
                    #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 Antwort Letzte Antwort
                    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 Online
                      M Online
                      MCU
                      schrieb am zuletzt editiert von
                      #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 ---- Jarvis Infos Aktualisierungen der Doku auf Instagram verfolgen -> mcuiobroker Instagram
                      Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

                      1 Antwort Letzte Antwort
                      0
                      • ZefauZ Offline
                        ZefauZ Offline
                        Zefau
                        schrieb am zuletzt editiert von 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.

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

                        sigi234S M J 3 Antworten Letzte Antwort
                        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.

                          sigi234S Online
                          sigi234S Online
                          sigi234
                          Forum Testing Most Active
                          schrieb am zuletzt editiert von sigi234
                          #4501

                          Gelöscht

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

                          Thomas BraunT 1 Antwort Letzte Antwort
                          0
                          • sigi234S sigi234

                            Gelöscht

                            Thomas BraunT Online
                            Thomas BraunT Online
                            Thomas Braun
                            Most Active
                            schrieb am zuletzt editiert von
                            #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 Antwort Letzte Antwort
                            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 Online
                              sigi234S Online
                              sigi234
                              Forum Testing Most Active
                              schrieb am zuletzt editiert von
                              #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 Antwort Letzte Antwort
                              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.

                                M Offline
                                M Offline
                                Meto304
                                schrieb am zuletzt editiert von
                                #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 Antwort Letzte Antwort
                                0
                                • ZefauZ Offline
                                  ZefauZ Offline
                                  Zefau
                                  schrieb am zuletzt editiert von
                                  #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 Antwort Letzte Antwort
                                  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
                                    schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                                    0
                                    • DNC74D DNC74

                                      @Zefau Klasse, funktioniert :+1:

                                      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 :+1:

                                      C Offline
                                      C Offline
                                      cybtrash
                                      schrieb am zuletzt editiert von cybtrash
                                      #4507

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

                                      @Zefau Klasse, funktioniert :+1:

                                      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 :+1:

                                      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 Antwort Letzte Antwort
                                      0
                                      • C cybtrash

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

                                        @Zefau Klasse, funktioniert :+1:

                                        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 :+1:

                                        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 Online
                                        M Online
                                        MCU
                                        schrieb am zuletzt editiert von
                                        #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 ---- Jarvis Infos Aktualisierungen der Doku auf Instagram verfolgen -> mcuiobroker Instagram
                                        Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

                                        C 1 Antwort Letzte Antwort
                                        1
                                        • M MCU

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

                                          C Offline
                                          C Offline
                                          cybtrash
                                          schrieb am zuletzt editiert von
                                          #4509

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

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

                                          Das hat funktioniert, danke! Ja, das ist etwas verwirrend...

                                          R 1 Antwort Letzte Antwort
                                          0
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          816

                                          Online

                                          32.4k

                                          Benutzer

                                          81.4k

                                          Themen

                                          1.3m

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

                                          • Du hast noch kein Konto? Registrieren

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