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

[MCU]

@le-r-kelly wird bei mir so angezeigt, also normal.

[LE-R.Kelly]

@mcu

Verrückt, will irgendwie nicht :-(

jsonTable Daten:

[
  {
    "Bereich": "Außen",
    "Temperatur": "29.14 °C",
    "Luftfeuchte": "49.48 %",
    "Status": "<code><p><div><span>Eingansgtür&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp</span><span style=\"color:green;\">geschlossen</span></div></p></code>"
  },
  {
    "Bereich": "Wohnzimmer",
    "Temperatur": "24.33 °C",
    "Luftfeuchte": "66.56 %",
    "Status": "<code><p><div><span>Küchenfenster&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp</span><span style=\"color:green;\">geschlossen</span></div></p></code><code><p><div><span>Wohnzimmer links&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp</span><span style=\"color:green;\">geschlossen</span></div></p></code><code><p><div><span>Wohnzimmer rechts&nbsp&nbsp&nbsp&nbsp&nbsp</span><span style=\"color:red;\">existiert nicht</span></div></p></code>"
  }
]

Liste der verwendeten DPs:

[
  "zigbee.0.00158d0002ca0acc.temperature",
  "zigbee.0.00158d0002ca0acc.humidity",
  "zigbee.0.00158d0002e6b55d.opened",
  "zigbee.0.00158d0002c8f457.temperature",
  "zigbee.0.00158d0002c8f457.humidity",
  "zigbee.0.00158d0003138382.opened",
  "zigbee.0.00158d0002f921f5.opened",
  "zigbee.0.00158d0002fa9531"
]

Konfiguration JsonItems

[
  {
    "bereich": "Außen",
    "temperatur": "zigbee.0.00158d0002ca0acc.temperature",
    "luftfeuchte": "zigbee.0.00158d0002ca0acc.humidity",
    "status": [
      {
        "name": "Eingansgtür",
        "open": "zigbee.0.00158d0002e6b55d.opened"
      }
    ]
  },
  {
    "bereich": "Wohnzimmer",
    "temperatur": "zigbee.0.00158d0002c8f457.temperature",
    "luftfeuchte": "zigbee.0.00158d0002c8f457.humidity",
    "status": [
      {
        "name": "Küchenfenster",
        "open": "zigbee.0.00158d0003138382.opened"
      },
      {
        "name": "Wohnzimmer links",
        "open": "zigbee.0.00158d0002f921f5.opened"
      },
      {
        "name": "Wohnzimmer rechts",
        "open": "zigbee.0.00158d0002fa9531"
      }
    ]
  }
]

Hast Du in der Widget-Konfig noch etwas Besonderes stehen? Da hab ich noch nix eingetragen.

[MCU]

@le-r-kelly Das hängt mit der PRO zusammen, es wird kein html umegesetzt.

[LE-R.Kelly]

@mcu

Ok.
Hab jetzt das Forum zur Pro durchforstet, aber nix Konkretes zum Abschluss gefunden.

Kannst Du hier nochmal den Link reinstellen? Danke

[MCU]

@le-r-kelly https://mcuiobroker.gitbook.io/jarvis-infos/jarvis/besonderheiten-v3/allgemein/pro-account

[LE-R.Kelly]

@mcu
Funktioniert jetzt :-)

Danke für Deine Hilfe :+1: :+1: :+1:

Zwei Bitten/Fragen hätte ich noch:

1. Würdest Du mal noch die Konfiguration der Spalten aus der Widget-Konfiguration posten?
2. Mir gefällt Dein Theme, kann man das irgendwo beziehen?

VG
Ronny

[MCU]

@le-r-kelly Die zieht aber nicht ist noch ein bug.

[{"field":"Bereich","label":"Bereich"},{"field":"Temperatur","label":"Temperatur","style":"width:20%"},{"field":"Luftfeuchte","label":"Luffeuchte","style":"width:20%"},{"field":"Status","label":"Status","style":"width:50%"}]

Theme:
https://mcuiobroker.gitbook.io/jarvis-infos/jarvis/besonderheiten-v3/styles/transparentes-design

Wohnzimmer rechts scheint einen Fehler zu haben? Kein Objekt in ioBroker definiert.

[LE-R.Kelly]

@mcu
Dankeschön!

Den Fehler mit dem Wohnzimmer hab ich gefunden und nunmehr alle Sensoren übertragen.
Ich versuche gerade durch Dein Skript zu steigen, weil ich die Tabelle stauchen möchte, also alle Zwischenzeilen raus. Hintergrund ist, dass man sonst auf dem Flur-Tablet scrollen müsste, was nicht praktikabel ist.

[MCU]

@le-r-kelly Die Zwischenzeilen, das macht das jsonTable-Modul automatisch. Man kann evtl. die Schriftgröße ändern.
Du kannst noch die Kompakte Ansicht einschalten:

[LE-R.Kelly]

@mcu

Das Ändern der Kompaktansicht hat keinen Effekt, ich kriege die Zwischenzeilen nicht weg :-(

Perspektivisch will ich wieder da hin:

Auch alles zentriert, weil ich das optisch ansehnlicher finde. Ich hatte ebenso noch hinterlegt, dass sich der Bereich oder der Status orange färben, wenn der Sensor nicht erreichbar ist. So weiß ich, wann die Batterie getauscht werden muss.

Deine Leistung ist großartig und ich bin meilenweit von Deinen Fähigkeiten entfernt. Ich tue mich nur gerade schwer mit dem Umstieg und kann mich nicht so recht von meinen optischen Gewohnheiten lösen.

[MCU]

@le-r-kelly Welche Zwischenzeilen?

[LE-R.Kelly]

@mcu Versteh ich nicht:

[MCU]

@le-r-kelly Wenn du auf dem Tablet den Vollbilld-Button klickst/drückst?

Wie sieht es dann aus?

[LE-R.Kelly]

@mcu genauso

[MCU]

@le-r-kelly War schon auf der alpha, gehe jetzt mal au die v3.0.11. Dauert ein wenig.

[MCU]

@mcu Setzt das mal in die Styles:

p {
    margin: 0px !important;
}

[LE-R.Kelly]

@mcu SUPER

Mal noch eine Verständnisfrage: Ich habe im Widget noch das "align": "center" eingefügt. Warum zentriert er Überschrift und Zeilen unterschiedlich?

[MCU]

@le-r-kelly Keine Ahnung.
Bitte einmal Dein verändertes Script einstellen. Danke.

[LE-R.Kelly]

@mcu
Ich hab nur die Werterundungen eingefügt. Du bist so schnell mit Helfen, da konnte ich mich noch gar nicht richtig in das Skript reindenken.

Auf den ersten Blick dachte ich, dass eine Änderung der Zeile 45 etwas bewirkt, war aber nicht so.

// **********************************************
// jsonTable mit nbsp für Bereiche mit Tür offen?
// **********************************************
let dpJSONTable      = '0_userdata.0.jarvis.jsonTable';
let dpJSONTableValue = dpJSONTable + '.jsonTable';
let dpSetJsonItems   = dpJSONTable + '.setJsonItems';
let dpListDPs        = dpJSONTable + '.listDPs';
createState(dpJSONTableValue, {read: true, write: true, name: "jsonTable Daten", type: "string", role: "text", def: "[]" });
createState(dpSetJsonItems, {read: true, write: true, name: "Konfiguration JsonItems", type: "string", role: "text", def: "[]" });
createState(dpListDPs, {read: true, write: true, name: "Liste der verwendeten DPs", type: "string", role: "text", def: "[]" });

if (existsState(dpListDPs)){
    let iDDPs = JSON.parse(getState(dpListDPs).val);
    log(iDDPs);
    on({id:iDDPs, change:"ne"}, function (obj){
        jsonTable_erstellen();
    });

}

on({id: dpSetJsonItems, change: "ne"}, function (obj) {
    let value = obj.state.val;
    log('Script '+ scriptName +' wird automatisch neugestartet!','warn');
    getObjectsFromItems()
    jsonTable_erstellen();
    runScript(scriptName);

});

// jsonTable_erstellen();

function jsonTable_erstellen(){
    let jsonItems = JSON.parse(getState(dpSetJsonItems).val);
    // Länge Name bestimmen
    let nameLen = 0;
    for (let i=0;i<jsonItems.length;i++){
        let statusArr = jsonItems[i].status;
        for (let j=0;j<statusArr.length;j++){
            if (statusArr[j].name.length> nameLen){
                nameLen = statusArr[j].name.length;
            }
        }
    }
    // nameLen Abstand ergönzen
    nameLen = nameLen + 5;
    let jsonArr = [];
    for (let i =0;i<jsonItems.length;i++){
        let jsonObj = {};
        jsonObj.Bereich = jsonItems[i].bereich;
        jsonObj.Temperatur =(getState(jsonItems[i].temperatur).val).toFixed(1) +' °C';
        jsonObj.Luftfeuchte =(getState(jsonItems[i].luftfeuchte).val).toFixed(1) + ' %';
        let statusArr = jsonItems[i].status;
        let statusAll = '';
        for (let j=0;j<statusArr.length;j++){
            let status = '';
            let nbspaceLen = nameLen - statusArr[j].name.length;
            let spaceStr = '';
            for (let k=0;k<nbspaceLen;k++){
                spaceStr = spaceStr + '&nbsp';
            }
            if (existsState(statusArr[j].open)){
                if (getState(statusArr[j].open).val){ //true offen
                    status = '<code><p><div><span>'+statusArr[j].name+spaceStr+'</span><span style="color:orange;">offen</span></div></p></code>';
                }else{
                    status = '<code><p><div><span>'+statusArr[j].name+spaceStr+'</span><span style="color:green;">geschlossen</span></div></p></code>';
                }
            }else{
                status = '<code><p><div><span>'+statusArr[j].name+spaceStr+'</span><span style="color:red;">existiert nicht</span></div></p></code>';
            }    
            statusAll = statusAll + status;
        }
        jsonObj.Status = statusAll;
        jsonArr.push(jsonObj);
    }
    
    // log(JSON.stringify(jsonArr));
    setState(dpJSONTableValue,JSON.stringify(jsonArr),false);
}


function getObjectsFromItems(){
    let jsonItems = JSON.parse(getState(dpSetJsonItems).val);
    let objectArr = [];
    for (let i=0;i<jsonItems.length;i++){
        if (existsObject(jsonItems[i].temperatur)){
            objectArr.push(jsonItems[i].temperatur);
        }else{
            log('Object: '+ jsonItems[i].temperatur + ' gibt es in ioBroker nicht!','warn');
        }
        if (existsObject(jsonItems[i].luftfeuchte)){
            objectArr.push(jsonItems[i].luftfeuchte);
        }else{
            log('Object: '+ jsonItems[i].luftfeuchte + ' gibt es in ioBroker nicht!','warn');
        }
        for (let y=0;y<jsonItems[i].status.length;y++){
            if (existsObject(jsonItems[i].status[y].open)){
                objectArr.push(jsonItems[i].status[y].open);
            }else{
                // Object gibt es nicht
                log('Object: '+ jsonItems[i].status[y].open + ' gibt es in ioBroker nicht!','warn');
            }
        }
    }
    //log(JSON.stringify(objectArr));
    const uniqueList = [...new Set(objectArr)]
    //return uniqueList;
    setState(dpListDPs,JSON.stringify(uniqueList),false);
}

[MCU]

@le-r-kelly Zeile 45 ist für den Abstand verantwortlich:

Ich hatte ebenso noch hinterlegt, dass sich der Bereich oder der Status orange färben, wenn der Sensor nicht erreichbar ist. So weiß ich, wann die Batterie getauscht werden muss.

Zeile 62-63 prüft ob die Tür offen ist, nicht, ob der Sensor erreichbar ist. Das müsste man noch einbauen.