Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨

[dabbeljuh]

@OliWit82
Grundsätzlich sollte das wohl die Abstände zwischen Icon und Inhalt innerhalb der Widget-Boxen etwas verringern (padding-bottom: 8px). Bist du sicher, dass das nicht greift? Kannst du mit der Developer Toolbar im Browser (F 12) umgehen?

[OliWit82]

@dabbeljuh
Ich hab die Werte mal verändert aber ich finde es passiert nichts.

Developer Toolbar im Browser jain was muss ich da machen?

[dabbeljuh]

@OliWit82
Wenn du die Tools über F12 geöffnet hast, kannst du über den "Inspector" mal nach der Klasse suchen:

Im Bereich "Regeln" siehst du dann, was wo wie definiert ist:

Und diese Werte kannst du nun live im Browser manipulieren. Das macht das Nachvollziehen einfacher.

[uwe72]

@Zefau
Ein gut! gemeinter Hinweis:
Generell ist es natürlich so, dass Visualisierungen sehr subjektiv sind. Das gilt insbesondere für die Abstände (padding, margin,...) eines Layouts. Seit der letzten Version (2.1) wurden die Abstände der Masken stark vergrößert. Weiß nicht, ob dies mit Absicht erfolgte oder was hier die Beweggründe waren.

Ich finde es suboptimal, dass jeder nun individuell versucht mit der Hilfe von Styles ein kompakteres Design hinzubekommen. Ich habe dies nun auch gemacht, blieb mir ja nichts anders übrig.

Mein Vorschlag wäre es, generell wieder die Abstände kleiner zu machen oder eine Einstellung "Abstände groß,mittel,klein" in den Settings dafür anzubieten. Dass jeder nun mit Styles "rumwurstelt" finde ich nicht gut.

[smarteshome2020]

@DNC74 Eine Frage zum Batteriesymbol. wie hast du es geschafft dass das in Abhängigkeit der Ladung sich verändert. Bis Beta 18 war das bei mir noch vorhanden. Danach war das irgendwie weg und ich wollte Zefau nicht mit der "Kleinigkeit" belästigen.

[dabbeljuh]

@smarteshome2020
Ich bin zwar nicht @DNC74, aber vllt hilft dir meine Antwort ja auch. ;)

Die Veränderung stellst du per JSON im jeweiligen Icon-Setting ein:
{"default":"mdi-battery-50",">80":"mdi-battery","<20":"mdi-battery-20 blink"}

Bei Bedarf kannst du das auch noch mit Farbe oder Blinken kombinieren. Dazu hatte ich vor ein paar Tagen auch nen Beitrag gepostet.

[Prika]

@dabbeljuh
Kann es sein, dass man hier nur insgesamt 3 Werte nutzen kann?

Ich habe es mal anhand des Beispiels im Wiki von Zefau getestet:

{
">80":"battery-high",
"<=80":"battery-medium",
"<=30":"battery-low",
"<=10":"battery-outline",
"<=5":"battery-alert-variant-outline"
}

Aber seltsamerweise, wird mir nur Über 80 oder unter 80 angezeigt.

[Prika]

@Zefau
Funktioniert...war noch auf Version 2.0.
Vielen Dank!

[dabbeljuh]

@Oliver-Wolf
Versuch mal bitte, die Definition "umzudrehen". Also zunächst <=5, dann <=10 ...

[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