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

  • Default (No Skin)
  • No Skin
Collapse
ioBroker Logo

Community Forum

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

NEWS

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    17
    1
    3.3k

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    13
    1
    1.1k

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    2.4k

jarvis v2.2.0 - just another remarkable vis

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

    jarvis - just another remarkable vis

    Was ist jarvis?

    jarvis ist eine Material Design Visualisierung, die auf Material UI basiert. jarvis gibt eine Struktur und Module vor, die zur Visualisierung genutzt werden, aber sehr flexibel konfiguriert werden können.

    jarvis ist responsive und passt sich der Größe des Screens an.

    Das Layout ist flexibel konfigurierbar. Es können optional (beliebig viele) Tabs verwendet werden. Jeder Tab kann entweder fullscreen sein oder beliebig viele columns haben, die die einzelnen modules in flexibler Reihenfolge beinhalten.

    Jedes Modul hat spezielle Konfigurationsmöglichkeiten (siehe Wiki je Modul).

    Warum jarvis?

    jarvis ist weitaus weniger flexibel als ioBroker.vis, aber bietet dafür ein standardisiertes Design, um schnell eine Visualisierung zusammenzustellen. Wer besonders spezifische Anforderungen hat, sollte (weiterhin) ioBroker.vis verwendet.

    Mehr Informationen

    Mehr Informationen - insbesondere zur Konfiguration - gibt es im Wiki.

    Gestalte mit und stimme ab

    Bitte stimmt für eure gewünschten Feature Requests ab: Nutzt dazu die Emoticon auf Github, um für eure favorisierten Feature Requests abzustimmen:

    https://forum.iobroker.net/assets/uploads/files/1606215967286-1c3e566f-8d54-4f19-8948-eb8833c5b15f-image.png

    Jeder Emoticon zählt gleich. Bitte stimmt nicht für alle / zu viele Feature Requests ab, sonst gibt es am Ende keine großen Unterschiede mehr.

    Die Reihenfolge nach abgegebenen Stimmen seht ihr hier: Übersicht der Feature Requests nach Stimmen

    Siehe https://forum.iobroker.net/post/526170


    Impressionen

    Die Konfiguration von Modulen kann frei angeordnet werden.
    Nachfolgend einige Impressionen / Beispiele:

    Users

    @braindead: https://forum.iobroker.net/post/490283
    @JackDaniel: https://forum.iobroker.net/post/490928
    @Mooo: https://forum.iobroker.net/post/493843

    Screencast / Video

    play.png

    Screenshots

    Beispiel: Dashboard (3 columns)

    Dashboard.png

    Beispiel: Karte (Vollbild)

    Map.png

    Beispiel: Statistiken (2 columns)

    Statistik.png

    Beispiel: Status (3 columns, davon 2 leer)

    Status.png

    Module

    Die folgenden Module sind aktuell (Februar 2020) verfügbar und können frei konfiguriert werden. Eine aktuelle Liste der Module ist im Wiki zu finden.

    AdapterStatus

    AdapterStatus

    Chart

    Chart

    DateTime

    DateTime1

    Map

    Map

    StateList

    StateList1.png
    StateList2.png
    StateList3.png
    StateList4.png

    StateListHorizontal

    StateListHorizontal1.png


    Konfiguration / erste Schritte

    siehe Wiki auf Github


    Ausblick / Roadmap

    Ihr habt Wünsche? Bitte legt ein Issue auf Github an.

    MEILENSTEINE / ROADMAPs

    siehe https://github.com/Zefau/ioBroker.jarvis/milestones

    nächste Release

    • ROADMAP v2.1.0
    • ROADMAP v3.0.0
    sigi234S Online
    sigi234S Online
    sigi234
    Forum Testing Most Active
    wrote on last edited by sigi234
    #2746

    @Zefau

    Hallo, wie kann ich von meinen Yamaha Receiver die Lautstärke regeln lassen.
    Ich muss wo Min und Max einstellen können, da ich da -80 und 0 als Wert in 5 er Schritten setzen muss.

    Der DP ist

    {
      "from": "system.adapter.admin.0",
      "ts": 1527413940928,
      "common": {
        "name": "VOL",
        "type": "string",
        "role": "state",
        "custom": {
          "history.0": {
            "enabled": true,
            "changesOnly": true,
            "debounce": "1000",
            "maxLength": "10",
            "retention": 0,
            "changesRelogInterval": 5,
            "changesMinDelta": 0,
            "aliasId": ""
          }
        }
      },
      "native": {},
      "acl": {
        "object": 1636,
        "owner": "system.user.admin",
        "ownerGroup": "system.group.administrator",
        "state": 1636
      },
      "_id": "yamaha.0.Realtime.MAIN.VOL",
      "type": "state"
    }
    

    Beispiel:

    Screenshot (3019).png

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

    DNC74D 1 Reply Last reply
    0
    • ZefauZ Zefau

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

      ist es möglich die aktuell gültige Farbe z.B. aus themeColorSecondary in den Json-Stil-Einstellungen der Geräte zu verwenden?

      Ja, siehe https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties mittels

      a96ce697-2346-47a3-b650-3459f37a5ea0-image.png

      dabbeljuhD Offline
      dabbeljuhD Offline
      dabbeljuh
      wrote on last edited by
      #2747

      Danke @Zefau, gut zu wissen.

      Demnach dann: {"color":"var(--secondary)"}

      Beste Grüße

      dabbeljuh

      ===

      NUC, Z-Stick Gen5, maxCUL 433, JeeLink/LaCrosse, Zigbee-Stick; Z-Wave Tür-/Fenster u. Steckdosen, max! Tür-/Fenster u. Wandschalter, TX29DTH-IT, HUE, Osram, TP-Link, Xiaomi, IP-Cams, Echo Dot, Sonos, Home mini, Xiaomi Kontakte u. Sensoren

      1 Reply Last reply
      1
      • ZefauZ Zefau

        @Johannes-Bauerstatter sagte in jarvis v2.1.0 - just another remarkable vis:

        MQTT - Objekte, Aliase, Userdata.0 und Sonoff-Objekte.

        Der Importer unterstützt alias mit bestimmter Struktur (Kanal = Gerät). Userdata geht nicht. Sonoff geht. MQTT kommt mit v2.2

        Johannes BauerstatterJ Offline
        Johannes BauerstatterJ Offline
        Johannes Bauerstatter
        wrote on last edited by
        #2748

        @Zefau Vielen Dank für die Info.

        1 Reply Last reply
        0
        • A Offline
          A Offline
          Aru
          wrote on last edited by
          #2749

          Nabend,

          Ich suche nach einer Möglichkeit über Jarvis einen Wert in einen Datenpunkt zu füllen. Ist das Möglich? Ich arbeite in einem Schichtsystem und habe unterschiedliche scripte die Schichtabhängig arbeiten. Ich würde gerne direkt in der Oberfläche mit 1-2 Klicks die Schicht für die Woche festlegen finde aber keine passende Möglichkeit.

          ZefauZ 1 Reply Last reply
          0
          • ZefauZ Zefau

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

            ist es möglich die aktuell gültige Farbe z.B. aus themeColorSecondary in den Json-Stil-Einstellungen der Geräte zu verwenden?

            Ja, siehe https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties mittels

            a96ce697-2346-47a3-b650-3459f37a5ea0-image.png

            DNC74D Offline
            DNC74D Offline
            DNC74
            wrote on last edited by DNC74
            #2750

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

            T W C 3 Replies Last reply
            2
            • 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:

              T Offline
              T Offline
              Torrid
              wrote on last edited by
              #2751

              @DNC74
              wie hast du das "glühen" realisiert?

              DNC74D 1 Reply Last reply
              0
              • T Torrid

                @DNC74
                wie hast du das "glühen" realisiert?

                DNC74D Offline
                DNC74D Offline
                DNC74
                wrote on last edited by DNC74
                #2752

                @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

                Johannes BauerstatterJ 1 Reply Last reply
                1
                • DNC74D DNC74

                  @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

                  Johannes BauerstatterJ Offline
                  Johannes BauerstatterJ Offline
                  Johannes Bauerstatter
                  wrote on last edited by
                  #2753

                  Großes Lob an den Entwickler. Das Ding ist sehr schnell einsatzfähig und sehr intuitiv.

                  Ein kleines Problem hab ich noch:
                  Wie muss ich einen Schalter definieren, damit dieser meinen Alias mit 0 oder 1 schaltet:

                  e71eeaac-b574-4010-a6cb-dbcdff8f729b-image.png

                  DNC74D ZefauZ 2 Replies Last reply
                  0
                  • sigi234S sigi234

                    @Zefau

                    Hallo, wie kann ich von meinen Yamaha Receiver die Lautstärke regeln lassen.
                    Ich muss wo Min und Max einstellen können, da ich da -80 und 0 als Wert in 5 er Schritten setzen muss.

                    Der DP ist

                    {
                      "from": "system.adapter.admin.0",
                      "ts": 1527413940928,
                      "common": {
                        "name": "VOL",
                        "type": "string",
                        "role": "state",
                        "custom": {
                          "history.0": {
                            "enabled": true,
                            "changesOnly": true,
                            "debounce": "1000",
                            "maxLength": "10",
                            "retention": 0,
                            "changesRelogInterval": 5,
                            "changesMinDelta": 0,
                            "aliasId": ""
                          }
                        }
                      },
                      "native": {},
                      "acl": {
                        "object": 1636,
                        "owner": "system.user.admin",
                        "ownerGroup": "system.group.administrator",
                        "state": 1636
                      },
                      "_id": "yamaha.0.Realtime.MAIN.VOL",
                      "type": "state"
                    }
                    

                    Beispiel:

                    Screenshot (3019).png

                    DNC74D Offline
                    DNC74D Offline
                    DNC74
                    wrote on last edited by
                    #2754

                    @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
                      }
                    
                    sigi234S 3 Replies Last reply
                    0
                    • Johannes BauerstatterJ Johannes Bauerstatter

                      Großes Lob an den Entwickler. Das Ding ist sehr schnell einsatzfähig und sehr intuitiv.

                      Ein kleines Problem hab ich noch:
                      Wie muss ich einen Schalter definieren, damit dieser meinen Alias mit 0 oder 1 schaltet:

                      e71eeaac-b574-4010-a6cb-dbcdff8f729b-image.png

                      DNC74D Offline
                      DNC74D Offline
                      DNC74
                      wrote on last edited by
                      #2755

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

                      1 Reply Last reply
                      0
                      • Johannes BauerstatterJ Johannes Bauerstatter

                        Großes Lob an den Entwickler. Das Ding ist sehr schnell einsatzfähig und sehr intuitiv.

                        Ein kleines Problem hab ich noch:
                        Wie muss ich einen Schalter definieren, damit dieser meinen Alias mit 0 oder 1 schaltet:

                        e71eeaac-b574-4010-a6cb-dbcdff8f729b-image.png

                        ZefauZ Offline
                        ZefauZ Offline
                        Zefau
                        wrote on last edited by
                        #2756

                        @Johannes-Bauerstatter sagte in jarvis v2.1.0 - just another remarkable vis:

                        Wie muss ich einen Schalter definieren, damit dieser meinen Alias mit 0 oder 1 schaltet:

                        siehe Wiki, https://github.com/Zefau/ioBroker.jarvis/wiki/de-Devices#datenpunkt-eigenschaften (mit on / off)

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

                        1 Reply Last reply
                        0
                        • DNC74D DNC74

                          @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
                            }
                          
                          sigi234S Online
                          sigi234S Online
                          sigi234
                          Forum Testing Most Active
                          wrote on last edited by
                          #2757

                          @DNC74
                          Ja, 100 dB wäre fatal, das würde der AV nicht verkraften.

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

                          DNC74D 1 Reply Last reply
                          0
                          • sigi234S sigi234

                            @DNC74
                            Ja, 100 dB wäre fatal, das würde der AV nicht verkraften.

                            DNC74D Offline
                            DNC74D Offline
                            DNC74
                            wrote on last edited by
                            #2758

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

                            sigi234S 1 Reply Last reply
                            0
                            • A Aru

                              Nabend,

                              Ich suche nach einer Möglichkeit über Jarvis einen Wert in einen Datenpunkt zu füllen. Ist das Möglich? Ich arbeite in einem Schichtsystem und habe unterschiedliche scripte die Schichtabhängig arbeiten. Ich würde gerne direkt in der Oberfläche mit 1-2 Klicks die Schicht für die Woche festlegen finde aber keine passende Möglichkeit.

                              ZefauZ Offline
                              ZefauZ Offline
                              Zefau
                              wrote on last edited by
                              #2759

                              @Aru sagte in jarvis v2.1.0 - just another remarkable vis:

                              Ich suche nach einer Möglichkeit über Jarvis einen Wert in einen Datenpunkt zu füllen. Ist das Möglich? Ich arbeite in einem Schichtsystem und habe unterschiedliche scripte die Schichtabhängig arbeiten. Ich würde gerne direkt in der Oberfläche mit 1-2 Klicks die Schicht für die Woche festlegen finde aber keine passende Möglichkeit.

                              Kommt drauf an, was du genau machen willst. InputAction liefert die ein Eingabefeld.

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

                              A 1 Reply Last reply
                              0
                              • DNC74D DNC74

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

                                sigi234S Online
                                sigi234S Online
                                sigi234
                                Forum Testing Most Active
                                wrote on last edited by sigi234
                                #2760

                                @DNC74 sagte in jarvis v2.1.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 ;-)

                                Nimmt er an, hatte mal aus Versehen 100 in den DP geschrieben. Nach einem lauten Klick hat er sich dann sofort ausgeschaltet. Das mit dem DP zu ändern muss ich mir noch anschauen. Bin da aber sehr vorsichtig.
                                Der DP ist ja eine Zeichenfolge und keine Zahl.

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

                                DNC74D 1 Reply Last reply
                                0
                                • sigi234S sigi234

                                  @DNC74 sagte in jarvis v2.1.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 ;-)

                                  Nimmt er an, hatte mal aus Versehen 100 in den DP geschrieben. Nach einem lauten Klick hat er sich dann sofort ausgeschaltet. Das mit dem DP zu ändern muss ich mir noch anschauen. Bin da aber sehr vorsichtig.
                                  Der DP ist ja eine Zeichenfolge und keine Zahl.

                                  DNC74D Offline
                                  DNC74D Offline
                                  DNC74
                                  wrote on last edited by
                                  #2761

                                  @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"
                                    },
                                  
                                  1 Reply Last reply
                                  0
                                  • ZefauZ Offline
                                    ZefauZ Offline
                                    Zefau
                                    wrote on last edited by
                                    #2762

                                    Nutzt jemand den MQTT Adapter (https://github.com/Zefau/ioBroker.jarvis/issues/454) und könnte mir die Adapter-Struktur screenshoten?

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

                                    T M 2 Replies Last reply
                                    0
                                    • ZefauZ Zefau

                                      @Aru sagte in jarvis v2.1.0 - just another remarkable vis:

                                      Ich suche nach einer Möglichkeit über Jarvis einen Wert in einen Datenpunkt zu füllen. Ist das Möglich? Ich arbeite in einem Schichtsystem und habe unterschiedliche scripte die Schichtabhängig arbeiten. Ich würde gerne direkt in der Oberfläche mit 1-2 Klicks die Schicht für die Woche festlegen finde aber keine passende Möglichkeit.

                                      Kommt drauf an, was du genau machen willst. InputAction liefert die ein Eingabefeld.

                                      A Offline
                                      A Offline
                                      Aru
                                      wrote on last edited by
                                      #2763

                                      @Zefau Öhem. Dazu hab ich im Wiki nichts gefunden, wo versteckt sich denn InputAction? Das ist kein Widget Modul oder?

                                      ZefauZ 1 Reply Last reply
                                      0
                                      • A Aru

                                        @Zefau Öhem. Dazu hab ich im Wiki nichts gefunden, wo versteckt sich denn InputAction? Das ist kein Widget Modul oder?

                                        ZefauZ Offline
                                        ZefauZ Offline
                                        Zefau
                                        wrote on last edited by
                                        #2764

                                        @Aru sagte in jarvis v2.1.0 - just another remarkable vis:

                                        Dazu hab ich im Wiki nichts gefunden, wo versteckt sich denn InputAction? Das ist kein Widget Modul oder?

                                        im StateList Modul:

                                        ba19beb6-2674-4ae8-a039-12f2bc285f1e-image.png

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

                                        A 1 Reply Last reply
                                        0
                                        • flkontaktF flkontakt

                                          @nolimitek hatte die gleiche Aufgabenstellung, hier eine einfache Lösung RE: Wie 2 Werte per Blockly in einen Datenpunkt schreiben?

                                          https://forum.iobroker.net/post/548067

                                          N Offline
                                          N Offline
                                          nolimitek
                                          wrote on last edited by
                                          #2765

                                          @flkontakt besten Dank funktioniert perfekt lg

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


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          415

                                          Online

                                          32.7k

                                          Users

                                          82.3k

                                          Topics

                                          1.3m

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

                                          • Don't have an account? Register

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