Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. DNC74

    NEWS

    • Neuer Blog: Fotos und Eindrücke aus Solingen

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

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Profile
    • Following 0
    • Followers 0
    • Topics 0
    • Posts 64
    • Best 18
    • Groups 1

    DNC74

    @DNC74

    24
    Reputation
    55
    Profile views
    64
    Posts
    0
    Followers
    0
    Following
    Joined Last Online

    DNC74 Follow
    Starter

    Best posts made by DNC74

    • RE: jarvis v2.2.0 - just another remarkable vis

      @Zefau habe ich genau für diesen Anwendungsfall bei mir bereits implementiert: kleiner gleich 10% blinkts dann

             "icon": {
                "<=5": "battery-alert-variant-outline blink",
                "<=10": "battery-outline blink",
                "<=30": "battery-low",
                "<=80": "battery-medium",
                ">80": "battery-high"
              },
              "label": "Batterie",
              "unit": "%"
      
      posted in Tester
      DNC74
      DNC74
    • RE: jarvis v2.2.0 - just another remarkable vis

      @Zefau sagte in jarvis v2.0.0 - just another remarkable vis:

      @DNC74 sagte in jarvis v2.0.0 - just another remarkable vis:

      Ist es möglich ein Bild per URL (z.B. http://iobroker/bild.png) im Geräte-Popup anzeigen zu lassen?

      Aktuell nicht. Feature Request siehe https://github.com/Zefau/ioBroker.jarvis/issues/292

      geht doch 😊 indem man in einen Datenpunkt z.B. so
      etwas schreibt:

      <img src="http://iobroker:8080/vis.0/main/img/WLAN-Gast/WLAN-Gast-QR.png" alt="QR-Code für Gäste-WLAN" width="150" height="150">
      

      und diesen als Datenpunkt im Gerät hinzufügt.

      Das ganze sieht dann so aus: Gäste-WLAN eingeschaltet:
      2020-12-28 22_33_08-JarVis und 4 weitere Seiten - Persönlich – Microsoft​ Edge.png

      Gäste-WLAN ausgeschaltet:
      2020-12-28 22_34_14-JarVis und 4 weitere Seiten - Persönlich – Microsoft​ Edge.png

      Dadurch, dass Jarvis "responsive" ist, reagiert das Popup direkt auf das Ein-/Ausschalten und zeigt die Daten an, oder eben nicht.

      Hier einmal meine Config zur Inspiration:

        "<meineDeviceID>": {
          "id": "<meineDeviceID>",
          "function": "other",
          "states": {
            "active": {
              "state": {
                "node": "0_userdata.0.network.WLANguest"
              },
              "action": "0_userdata.0.network.WLANguest",
              "icon": {
                "true": "wifi-lock-open",
                "false": "wifi-off"
              },
              "actionElement": "SwitchAction",
              "label": "Gäste WLAN"
            },
            "QRCode": {
              "state": {
                "node": "0_userdata.0.network.WLANguest.QRhtml"
              },
              "bodyElement": null,
              "label": "QR Code",
              "icon": "qrcode-scan",
              "stateStyle": {
                "aus": {
                  "color": "#999"
                }
              }
            },
            "ssid": {
              "icon": {
                "aus": "access-point-off",
                "default": "access-point"
              },
              "label": "Name (SSID)",
              "state": {
                "node": "0_userdata.0.network.WLANguest.SSID"
              },
              "display": "",
              "bodyElement": null,
              "stateStyle": {
                "aus": {
                  "color": "#999"
                },
                "default": {
                  "color": "#000",
                  "fontWeight": "bold",
                  "fontFamily": "monospace",
                  "fontSize": "x-large"
                }
              }
            },
            "password": {
              "state": {
                "node": "0_userdata.0.network.WLANguest.Password"
              },
              "display": "",
              "icon": "form-textbox-password",
              "label": "Passwort",
              "stateStyle": {
                "aus": {
                  "color": "#999"
                },
                "default": {
                  "color": "#000",
                  "fontWeight": "bold",
                  "fontFamily": "monospace",
                  "fontSize": "x-large"
                }
              },
              "bodyElement": null
            }
          },
          "options": {},
          "attributes": {
            "_created": 1603992744929,
            "_updated": 1609189156129
          },
          "name": "FRITZ!Box Gäste WLAN",
          "icon": "wifi-lock-open",
          "hash": 1609189156129
        }
      

      Ich befüllte die Datenpunkte per Blocky/JavaScript, je nach dem, ob das Gäste-WLAN an oder ausgeschaltet wird:
      2020-12-28 22_53_19-javascript - ioBroker und 4 weitere Seiten - Persönlich – Microsoft​ Edge.png
      bzw.

      on({id: '0_userdata.0.network.WLANguest', change: "ne"}, function (obj) {
        var value = obj.state.val;
        var oldValue = obj.oldState.val;
        if ((obj.state ? obj.state.val : "")) {
          // Schalte ein
          setState("linkeddevices.0.network.Internet.wlanGuest"/*Gäste-WLAN*/, true);
          setState("0_userdata.0.network.WLANguest.QRhtml"/*QRhtml*/, '<img src="http://iobroker:8080/vis.0/main/img/WLAN-Gast/WLAN-Gast-QR.png" alt="QR-Code für Gäste-WLAN" width="150" height="150">');
          setState("0_userdata.0.network.WLANguest.SSID"/*SSID*/, '<meineSSID>');
          setState("0_userdata.0.network.WLANguest.Password"/*Password*/, '<meinPasswort>');
        } else {
          // Schalte aus
          setState("linkeddevices.0.network.Internet.wlanGuest"/*Gäste-WLAN*/, false);
          setState("0_userdata.0.network.WLANguest.QRhtml"/*QRhtml*/, 'aus');
          setState("0_userdata.0.network.WLANguest.SSID"/*SSID*/, 'aus');
          setState("0_userdata.0.network.WLANguest.Password"/*Password*/, 'aus');
        }
      });
      // Prüfe externe Änderung
      on({id: 'linkeddevices.0.network.Internet.wlanGuest', change: "ne"}, function (obj) {
        var value = obj.state.val;
        var oldValue = obj.oldState.val;
        setState("0_userdata.0.network.WLANguest"/*Gäste-WLAN aktiv*/, (obj.state ? obj.state.val : ""));
      });
      
      

      Zefau created this issue in Zefau/ioBroker.jarvis

      open Allow different modules within Device Details (popup) #292

      posted in Tester
      DNC74
      DNC74
    • RE: jarvis v2.2.0 - just another remarkable vis

      @Slowman
      @Slowman sagte in jarvis v2.0.0 - just another remarkable vis:

      @DNC74

      Wie und Wo muss ich den Code einsetzen? Hast du es auch mit dem Callmonitor hinbekommen?

      den HTML-Code für das Bild mit dem QR-Code schreibst Du in einen Datenpunkt, z.B. per Blockly > Beispiel im Spoiler. Diesen Datenpunkt fügst Du deinem Gerät in Jarvis hinzu.

      Was meinst Du genau mit Callmonitor?
      Sowas?

      2020-12-29 17_54_28-JarVis und 3 weitere Seiten - Persönlich – Microsoft​ Edge.png

      Das ist das Widget CustomHTML mit dem Datenpunkt tr-064.0.calllists.missed.html aus dem tr-064-Adapter mit folgendem Template

      <div><table style="width:100%"><!!--Entry--><tr><td>%(date)</td><td>%(name)</td><td>%(caller)</td><td>%(callednumber)</td></tr><!!--EntryEnd--></table></div>
      

      im Datenpunkt tr-064.0.calllists.htmlTemplate.htmlTemplate

      posted in Tester
      DNC74
      DNC74
    • RE: jarvis v2.2.0 - just another remarkable vis

      @Slowman

      @DNC74 sagte in jarvis v2.0.0 - just another remarkable vis:

      Das ist das Widget CustomHTML mit dem Datenpunkt tr-064.0.calllists.missed.html aus dem tr-064-Adapter mit folgendem Template

      <div><table style="width:100%"><!!--Entry--><tr><td>%(date)</td><td>%(name)</td><td>%(caller)</td><td>%(callednumber)</td></tr><!!--EntryEnd--></table></div>
      

      im Datenpunkt tr-064.0.calllists.htmlTemplate.htmlTemplate...

      ...in den iobroker Objekten
      2020-12-29 21_22_13-objects - ioBroker und 5 weitere Seiten - Persönlich – Microsoft​ Edge.png

      posted in Tester
      DNC74
      DNC74
    • RE: jarvis v2.2.0 - just another remarkable vis

      @Zefau Klasse, funktioniert 👍

      So kann dann z.B. der Entsorgungskalender aussehen:

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

      Entsorgungskalender.gif

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

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

      Danke @dabbeljuh 👍

      posted in Tester
      DNC74
      DNC74
    • RE: jarvis v2.2.0 - just another remarkable vis

      @Slowman nicht wirklich, ich bin zurück auf die v2.0.0 per

      https://github.com/Zefau/ioBroker.jarvis/tarball/v2.0.x
      

      habe aber gerade gesehen, dass @Zefau gerade vor ca. 20 Minuten die v2.1.0-beta.11 veröffentlicht hat. Vielleicht ist das der Fix?

      posted in Tester
      DNC74
      DNC74
    • RE: jarvis v2.2.0 - just another remarkable vis

      @Zefau mit 2.1.0-beta.13 gibt's wohl doch was neues: Änderungen im Experten-Modus werden nicht gespeichert, siehe https://github.com/Zefau/ioBroker.jarvis/issues/476 von "ma-gu-16"

      ma-gu-16 created this issue in Zefau/ioBroker.jarvis

      closed ExpertenModus speichert nicht #476

      posted in Tester
      DNC74
      DNC74
    • RE: jarvis v2.2.0 - just another remarkable vis

      @Zefau das CalendarWidget sieht gut aus (zumindest bei mir)
      2020-12-22 21_30_14-Window.png

      posted in Tester
      DNC74
      DNC74
    • RE: jarvis v2.2.0 - just another remarkable vis

      @DNC74 sagte in jarvis v2.0.0 - just another remarkable vis:

      @Zefau mit 2.1.0-beta.13 gibt's wohl doch was neues: Änderungen im Experten-Modus werden nicht gespeichert, siehe https://github.com/Zefau/ioBroker.jarvis/issues/476 von "ma-gu-16"

      hat @Zefau mit 2.1.0-beta.14 behoben 👍

      posted in Tester
      DNC74
      DNC74
    • RE: jarvis v2.2.0 - just another remarkable vis

      @sigi234 vielleicht ein brauchbarer Tip für dich:
      Ich kopiere mir vor einem Update - bzw. vor großen Änderungen - im Experten-Modus die json-Inhalte für "devices" und "layout" in entsprechende Text-Files (und versioniere die in meinem Gitlab). Das ist quasi mein Offline-Backup.

      posted in Tester
      DNC74
      DNC74

    Latest posts made by DNC74

    • RE: jarvis v2.2.0 - just another remarkable vis

      @mcu
      erledigt.
      https://github.com/Zefau/ioBroker.jarvis/issues/694

      DNC74 created this issue in Zefau/ioBroker.jarvis

      closed leere Datenpunkte (Inhalt = "null") zeigen "false" #694

      posted in Tester
      DNC74
      DNC74
    • RE: jarvis v2.2.0 - just another remarkable vis

      @mcu das ist mir schon klar. Der Sperrmüll war vor zwei Wochen und meine Heimatstadt hat noch keinen neuen Termin festgelegt, daher gibt es auch noch keinen Eintrag. Aber das ist ja auch nur eine Auswirkung von "null"-Werten. Es gibt durchaus auch andere Adapter, welche "null"-Werte produzieren.
      Beispielsweise der hue-Adapter, wenn Du einen Bewegungsmelder deaktivierst.
      2021-03-06 18_27_06-Window.png

      Wie gesagt, bei 2.1.0-Stable wurde nichts angezeigt, was ja meiner Meinung nach auch richtig ist. Die 2.2.0-Stable zeigt nun "false" an, was sich jedoch nicht über die Anzeigevariante "wegformatieren" lässt... zumindest wüsste ich nicht wie, da "null" bei der Anzeigevariante offenbar nicht - oder als String mit Inhalt "null", was natürlich nicht matched -
      ausgewertet wird.

      posted in Tester
      DNC74
      DNC74
    • RE: jarvis v2.2.0 - just another remarkable vis

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

      {"":"Leer","null":"Kein Wert","false":"schön","true":"egal"}

      Klappt das bei Dir bei "null"-Values im Datenpunkt? Deinen Vorschlag hatte ich schon probiert, jedoch funktioniert das leider nicht.

      Der Anwendungsfall hier ist der Abfallkalender aka. trashschedule, Datenpunkt: trashschedule.0.type.sperrmuell.daysLeft

      Aktuell sieht meine Anzeigevariante so aus:

      {
        "0": "heute",
        "1": "morgen",
        "null": "unbekannt"
      }
      

      Egal was ich probiere, es kommt immer false dabei raus.

      2021-03-06 14_35_11-JarVis und 3 weitere Seiten - Persönlich – Microsoft​ Edge.png

      Auch Datenpunkte mit null-Values anderer Adapter haben seit 2.2.0-Stable dieses Problem.

      Nachtrag: und ja, es steht wirklich der Wert "null" = nichts drin.

      $ iobroker state getvalue trashschedule.0.type.sperrmuell.daysLeft
      null
      
      posted in Tester
      DNC74
      DNC74
    • RE: jarvis v2.2.0 - just another remarkable vis

      @Zefau 2.2.0-Stable: Datenpunkte mit "null"-Values werden als "false" angezeigt. Ist das ein Bug oder kann man das irgendwie ausblenden? Ich komme von der 2.1.0-Stable.

      posted in Tester
      DNC74
      DNC74
    • RE: jarvis v2.2.0 - just another remarkable vis

      @sigi234 keine Zahl? hmm... seltsam. also beim Denon gibt es zwei Werte für die Lautstärke, welche aber eigentlich nur eine andere Einheit darstellen, beides "type": "number"
      volume

        "common": {
          "name": "Main Volume",
          "role": "level.volume",
          "type": "number",
          "min": 0,
          "max": 98,
          "read": true,
          "write": true
        },
      

      und volumeDB

        "common": {
          "name": "Main Volume DB",
          "role": "level.volume.main",
          "type": "number",
          "read": true,
          "write": true,
          "min": -80,
          "max": 18,
          "unit": "dB"
        },
      
      posted in Tester
      DNC74
      DNC74
    • RE: jarvis v2.2.0 - just another remarkable vis

      @sigi234 würde mich aber auch wundern, wenn er es annehmen würde. Zumal man sowas wohl am besten am Datenpunkt im iobroker Objekt-Baum begrenzt 😉

      posted in Tester
      DNC74
      DNC74
    • RE: jarvis v2.2.0 - just another remarkable vis

      @Johannes-Bauerstatter rechts unten über das "Action Element" kannst Du den Schalter auswählen.

      posted in Tester
      DNC74
      DNC74
    • RE: jarvis v2.2.0 - just another remarkable vis

      @sigi234 ich befürchte fast, Du hast dort nen Bug gefunden...

      @Zefau zumindest laufe ich auf einen, wenn ich versuche, den max-Wert auf "0" zu setzen, es wird dann ein Slider von "-80" bis "100" angezeigt.

      2021-01-02 21_08_49-Window.png

      Mit einer Spanne von "-80" bis "10" klappt's dann.

      2021-01-02 21_23_50-Window.png

      @sigi234
      Wichtig hier die Punkte "LevelBodyConfig": { "markStep": "9", "step": "5" },
      und "properties": { "min": "-80", "max": "10" },

        "6c9e247b-f90f-4d27-a820-2662514d58f4": {
          "id": "6c9e247b-f90f-4d27-a820-2662514d58f4",
          "function": "other",
          "states": {
            "zoneMainVolumeDB": {
              "state": {
                "node": "denon.0.zoneMain.volumeDB"
              },
              "bodyElement": "LevelBody",
              "LevelBodyConfig": {
                "markStep": "9",
                "step": "5"
              },
              "properties": {
                "min": "-80",
                "max": "10"
              },
              "action": "denon.0.zoneMain.volumeDB",
              "actionElement": "InputAction"
            },
            "mainZoneVolume": {
              "state": {
                "node": "denon.0.zoneMain.volume"
              },
              "properties": {
                "min": "0",
                "max": "90"
              },
              "bodyElement": "LevelBody",
              "LevelBodyConfig": {
                "markStep": "9"
              },
              "action": "denon.0.zoneMain.volume",
              "actionElement": "InputAction"
            }
          },
          "options": {},
          "attributes": {
            "_created": 1609617271585,
            "_updated": 1609618559958
          },
          "name": "Denon AVR",
          "label": "Denon AVR",
          "icon": "audio-video",
          "hash": 1609618559958
        }
      
      posted in Tester
      DNC74
      DNC74
    • RE: jarvis v2.2.0 - just another remarkable vis

      @Torrid schau in den Spoiler "Geräte im json-Format" und du findest

      "text-shadow": "0 0 25px blue"
      

      siehe auch https://www.w3schools.com/css/css3_shadows.asp

      posted in Tester
      DNC74
      DNC74
    • RE: jarvis v2.2.0 - just another remarkable vis

      @Zefau Klasse, funktioniert 👍

      So kann dann z.B. der Entsorgungskalender aussehen:

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

      Entsorgungskalender.gif

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

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

      Danke @dabbeljuh 👍

      posted in Tester
      DNC74
      DNC74
    Community
    Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
    The ioBroker Community 2014-2023
    logo