updateDom() blocks MagicMirror

[1BlauNitrox]

@sdetweil I changed getDom() to this:

getDom: function() {
        const wrapper = document.createElement("div");
        if(response.lenght <= 0) {
            wrapper.innerHTML = "No Entries";
        } else {
            wrapper.innerHTML = this.response;
        }
        return wrapper;
	},

There is a check if the array has any entries.

But the mirror shows “undefined”

[sdetweil]

@1blaunitrox said in updateDom() blocks MagicMirror:

if(response.lenght <= 0) {

this.response.length

always gotta use this.

unless u created the variable INSIDE the routine using it…

use the debugger

[1BlauNitrox]

@sdetweil

Not exectly what I wanted :joy:
Why can getDom() not transfrom the array in a readable string?

[sdetweil]

@1blaunitrox yes, this.response is an object

        this.response = {
            "name": "Test",
            "entries": {
                "lessions": "Teacher Subject Room representation"
            }
        };

html doesn’t know objects

[1BlauNitrox]

@sdetweil Is there a Json parser I can use?

[sdetweil]

@1blaunitrox said in updateDom() blocks MagicMirror:

Why can getDom() not transfrom the array in a readable string?

getDom() CAN do anythign YOU implement… it does NOTHING by itself…

[sdetweil]

@sdetweil JSON.parse, JSON. stringify

u have an object so, stringify turns it into text
parse takes text and makes an object

[1BlauNitrox]

@sdetweil What about JSON.stringify(this.response);

[sdetweil]

@1blaunitrox that would work

but it will be the JSON text representation of the object

all fields and values

[1BlauNitrox]

@sdetweil
First: Is there an other option?

Second: I added the getData() function in getDom()

        const wrapper = document.createElement("div");
        this.getData();
        if(this.response.lenght <= 0) {
            wrapper.innerHTML = "No Entries";
        } else {
            wrapper.innerHTML = JSON.stringify(this.response);
        }
        return wrapper;

Now the mirror show UNDEFINED again