MMM-GrafanaChart.js

/* MMM-GrafanaChart
 * This MagicMirror² module allows you to display a chart generated by grafana.
 *
 * By SvenSommer https://github.com/SvenSommer
 * MIT Licensed.
 */


Module.register("MMM-GrafanaChart", {
    // Default module config.
    defaults: {
        protocol: "http",
        height:"100%",
        width:"100%",
        scrolling:"no",
        refreshInterval: 900
    },

    // Define start sequence.
    start: function() {
        Log.info("Starting module: " + this.name);
        this.scheduleUpdate();
    },

    buildUrl: function() {
        var URL = "";
        URL += this.config.protocol + "://";
        URL += this.config.host + ":" + this.config.port;
        if (this.config.version == "6") {
            URL += "/d-solo/" + this.config.id;
        } else{
            URL += "/dashboard-solo/db";
        }
        URL += "/" + this.config.dashboardname;
        URL += "?orgId=" + this.config.orgId;
        URL += "&panelId=" + this.config.panelId;
        URL += "&from=" + this.config.from;
        URL += "&to=" + this.config.to
        if (this.config.version == "6") {
            URL += "&fullscreen&kiosk";
        }
        return URL;
    },

    // Override dom generator.
    getDom: function() {
        var iframe = document.createElement("IFRAME");
        iframe.style = "border:0"
        iframe.width = this.config.width;
        iframe.height = this.config.height;
        iframe.scrolling = this.config.scrolling;
        iframe.setAttribute("timestamp", new Date().getTime());
        return iframe;
    },
    scheduleUpdate: function() {
        var self = this;
        setTimeout(function() {
            self.updateFrame();
        }, this.config.refreshInterval*1000);
    },
    updateFrame: function() {
        Log.info("attempting to update dom for iFrameReload");
        this.updateDom(1000);
        this.scheduleUpdate();
    }
});