This might be a daft question, but...

strawberry 3.141

getDom: function () {
    var wrapper = document.createElement("div");
    var table = document.createElement("table");

    $.getJSON(this.url,
        function (data) {
            for (var i = 0; i < data.length; i++) {
                var row = document.createElement("tr");
                var name = document.createElement("td");
                name.innerHTML = data[i].name;
                row.appendChild(name);
                table.appendChild(row);
            }
            wrapper.appendChild(table);
            return wrapper;
        });

but I’m pretty sure that this will not work, because the return is in an asynchronous callback, i would do a different structure call your url in an interval somewhere else and save your data into an module variable and call the updateDom function after a result, then in getDom you iterate over the data.

Mitchfarino

@strawberry-3.141 Thanks very much, I’ll have a play with it over the weekend and hopefully I get can something working

I’ve not done anything like this before really, so just jumping in and seeing what happens :-)

strawberry 3.141

@Mitchfarino

url: "", //Insert your url here
result: false,

defaults: {
    updateInterval: 30 * 60 * 1000 //Every 30 mins
},

start: function(){
    this.getData();
    setInterval(()=>{
        this.getData();
    }, this.config.updateInterval);
},

getDom: function() {
    var wrapper = document.createElement("div");
    if(this.result){
        var table = document.createElement("table");
        for (var i = 0; i < this.result.length; i++) {
            var row = document.createElement("tr");
            var name = document.createElement("td");
            name.innerHTML = this.result[i].name;
            row.appendChild(name);
            table.appendChild(row);
        }
        wrapper.appendChild(table);
    } else {
        wrapper.innerHTML = "No data to show!";
    }
    return wrapper;
},

getData: function(){
    $.getJSON(this.url, (data) => {
        this.result = data;
        this.updateDom();
    });
}

Mitchfarino

@strawberry-3.141 Thanks for this, I’ll see if I can get it working

Mitchfarino

@strawberry-3-141 once I’ve got some code, how do I test it on my mirror?

Just copy the folder to the modules folder and add it to the config, or is there something else I need to do?

Thanks

paviro

@Mitchfarino no that’s it :)

Mitchfarino

@paviro Awesome, thank you!

I’m stumbling my way through, hopefully I’ll have something working soon :)

paviro

@Mitchfarino good luck! :)

Mitchfarino

@paviro Just one more question…

Why would I need to run npm install for some modules?

strawberry 3.141

to install the dependencies listed in the package.json file