jarvis v2.2.0 - just another remarkable vis

[Prika]

@dabbeljuh
Schaut besser aus!
Danke

[dabbeljuh]

@Zefau
Es wurde ja bereits über den Feature Request "Benachrichtigungen" gesprochen. Zu diesem Zweck nutze ich derzeit das tolle Script von @Tirador:
https://forum.iobroker.net/topic/32207/script-messagehandler-nachrichten-protokollieren-vis

Im Grund erfüllt das bereits alle Anforderungen an ein Benachrichtigungssystem bis auf die passende Optik der Ausgabe für jarvis. Aber auch das sollte sich relativ einfach lösen lassen. Zumindest hab ich es mal quick and dirty für nen ersten Test umsetzen können.

Was mir derzeit noch fehlt, ist die Möglichkeit der Funktionsaufrufe zum Löschen von Meldungen aus jarvis heraus, da ich die Click-Events der Buttons nicht abfangen kann. Das kannst du aber wahrscheinlich einfacher direkt in deinem Code umsetzen, als dass ich hier wurstele.

[smarteshome2020]

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

{"default":"mdi-battery-50",">80":"mdi-battery","<20":"mdi-battery-20 blink"}

Danke, ich habe es gefunden, wobei sich da etwas von Beta 18 auf jetzt Beta 30 verändert hat. Jetzt geht es nur noch wenn "Batterie" der primäre Datenpunkt ist, Das war vorher anders.

[dabbeljuh]

@smarteshome2020, gut zu wissen, danke für den Hinweis.

[DNC74]

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

Hintergrund/UseCase: Um etwas hervorzuheben, kann man ja mit Hilfe von { "color": "..." } etwas einfärben. Da die Farbe so jedoch statisch gesetzt wird, muss man entweder eine Farbe finden, die sowohl im Light- wie auch im Dark-Mode passt, oder man hätte eben die Möglichkeit z.B. die global definierte themeColorSecondary zu verwenden. Diese ändere ich wie auch die themeColorPrimary per Blockly-Script.

Ich habe schon diverse Versuche gemacht, leider ohne Erfolg. Oder weiß jemand, wie man in der Json-Stil-Einstellung eines Geräts bereits im CSS definierte Farben abrufen kann?

[nolimitek]

Hi

Ich habe den google shared locations adapter im Einsatz
Möchte gerne die Koordinaten auf der Map anzeigen lassen
Jedoch gibt der Adapter long und lat in 2 extra Datenpunkten aus.

Kann ich mit Blockly was bauen damit long und lat in einem weiteren Datenpunkt richtig dargestellt werden

Besten Dank

lg
Chris

[dabbeljuh]

Hi @DNC74, das wird wohl erst möglich sein, wenn @Zefau es explizit gangbar macht.

Bei den Icons kann man ja bereits eigene CSS-Klassen mittels Json mitgeben und diese werden unmittelbar ins Html geschrieben. Bei den Texten wird momentan jeweils eine CSS-Klasse generiert, die dann z.B. die angegebene Farbe enthält. Von daher würde ich sagen, prinzipiell machbar, aber eben nur durch entsprechende Erweiterung.

[dabbeljuh]

Hallo @nolimitek, vor diesem Problem stand ich die Tage auch und hab mir ein kleines JS gebastelt. Nicht schön, aber wirksam. Vielleicht kannst du das ja als Grundlage verwenden:

// Speichert GPS-Koordinaten im von jarvis benötigten Format

/**
 *  Benötigte Datenpunkte innerhalb von "Objekte" erstellen
 */
function createDP() {
    createState('javascript.0.GPS.xxx', "", {
        name: "Standort xxx",
        desc: 'Standort xxx',
        read: true, 
        write: true,        
        type: "string",
    });
}

/**
 *  Position in DP schreiben
 */
function writeGPS() {
    // Aktuelle Position auslesen
    var lat = getState("xxx.gpsLatitude").val;
    var long = getState("xxx.gpsLongitude").val;
    var coord = lat + "," + long;
    // DP befüllen
    setState("javascript.0.GPS.xxx", coord);
}

/**
 *  DP erstellen, falls noch nicht vorhanden
 */
if (getState("javascript.0.GPS.xxx").val == undefined
|| getState("javascript.0.GPS.xxx").val == '')
{
    createDP();
    writeGPS();
}

/**
 *  Bei Veränderungen die aktuelle Position auslesen
 */
on({id: 'xxx.gpsLatitude', change: "ne"}, function () {
  writeGPS();
});

[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

[Johannes Bauerstatter]

Hallo, ich hab jetzt soweit ziemlich alles gelesen, mir ist aber noch nicht klar, ob ich alle Objekte einlesen kann? Raum und Funktion nutze ich nicht. Einlesen würde ich gern die MQTT - Objekte, Aliase, Userdata.0 und Sonoff-Objekte.

[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

[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

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

[dabbeljuh]

Danke @Zefau, gut zu wissen.

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

[Johannes Bauerstatter]

@Zefau Vielen Dank für die Info.

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

[DNC74]

@Zefau Klasse, funktioniert

So kann dann z.B. der Entsorgungskalender aussehen:

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

Geräte im json-Format

  "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
  }

CSS Klassen für das Blinken

/* 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

[Torrid]

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

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