Calendar Module: How to declare local calendar

[bhepler]

I’m currently trying to do the same as a modification to the compliments module. As part of the gift, my wife is writing up about 100 compliments for the recipients. That’s a bit much to throw into the config.js file, so I am attempting to get it to load the JSON for the compliments array in a separate file.

I’ve had some success. I managed to get the file loaded into a variable. I can log out the contents of the array. What I can’t seem to do it get that variable into the existing compliments code. Hopefully you’ll have more success. Loading JSON file code taken from Codepen.

complimentFile: function(callback) {
	var xobj = new XMLHttpRequest();
	xobj.overrideMimeType("application/json");
	xobj.open('GET', this.file([***file name***]), true); 
	xobj.onreadystatechange = function () {
		if (xobj.readyState == 4 && xobj.status == "200") {
			callback(xobj.responseText);
		}
	};
	xobj.send(null);
},

And the call:

randomCompliment: function() {
	var compliments = this.complimentArray();
		var complimentFile = this.complimentFile(function (response) {
		     var json = JSON.parse(response);
		     console.log(json.compliments.morning[0])
	});
		var index = this.randomIndex(compliments);
		return compliments[index];
},

With this code, I can get the console to show the contents of the JSON file. In the log, I can see the first of the morning compliments I set up in my external file. But for the life of me, I can’t seem to get that json object out of the function. Javascript is obviously not my thing.

[cowboysdude]

console.log(json.compliments.morning[0])

I’m not programmer either but doesn’t this line just call the first object in the json file?

function readTextFile(file, callback) {
var rawFile = new XMLHttpRequest();
rawFile.overrideMimeType(“application/json”);
rawFile.open(“GET”, file, true);
rawFile.onreadystatechange = function() {
if (rawFile.readyState === 4 && rawFile.status == “200”) {
callback(rawFile.responseText);
}
}
rawFile.send(null);
}

//usage:
readTextFile(“/Users/Documents/workspace/test.json”, function(text){
var data = JSON.parse(text);
console.log(data);
});

[DazDavid]

@bhepler thanks for the input but unfortunately your Problem is different to mine. The Calendar Module is already looking for an external ics File, all I need to know is the correct syntax for a local File instead of somewhere on a Webserver.

[yawns]

A quick search for “local ics” would return this: https://forum.magicmirror.builders/topic/467/calendar-ics-file-from-local-path/6 :)

[DazDavid]

@yawns hm Im pretty sure I searched for these two words before I opened the thread but didnt found it… I tried already something like this but without webcal prefix. I will try when I have a connection and give feedback. Thanks for the Link.

[DazDavid]

@yawns now I remember… i tried it that way and now the calendar tells me “no upcoming events”, whats not true.

[DazDavid]

@yawns Ok, the link finally solved my problem. I tried first to place the ics file under /MagicMirror directly but that doesnt work. As mentioned in the link I also created a new folder under /MagicMirror/modules and it works now. Thanks for your help.

[strawberry 3.141]

@bhepler something like this should do the job:

move the call of complimentFile into the start method, you want to load that file only once not every 30 secs
then override the the config compliments object with your data, that should be it

start: function() {
    Log.info("Starting module: " + this.name);

    this.lastComplimentIndex = -1;
		
    this.complimentFile((response) => {
        this.config.compliments = JSON.parse(response);
    });

    // Schedule update timer.
    var self = this;
    setInterval(function() {
        self.updateDom(self.config.fadeSpeed);
    }, this.config.updateInterval);
},

[yawns]

@DazDavid
great, glad to help!

[bhepler]

@cowboysdude said in Calendar Module: How to declare local calendar:

console.log(json.compliments.morning[0])

I’m not programmer either but doesn’t this line just call the first object in the json file?

Yes, it does. My test file has ten compliments loaded for each array (morning, afternoon & evening). That line was just to verify that I was getting a JSON object and not a file path. Which it does, meaning that I have the code reading from a local and parsing into a JSON object correctly. Now if I can just get that object in place of the default one, I’m golden.

@strawberry-3-141 said in Calendar Module: How to declare local calendar:

@bhepler something like this should do the job:
move the call of complimentFile into the start method, you want to load that file only once not every 30 secs
then override the the config compliments object with your data, that should be it

Well, nuts. I inserted this code and now the config.compliments is undefined. But I do think you’ve got me on the right track. Thanks!

compliments.js:67 Uncaught TypeError: Cannot read property 'length' of undefined