MMM-TimeTreeEvent.js

/* Magic Mirror
 * Module: MMM-TimeTreeEvent
 *
 * By sabo10o29 https://github.com/sabo10o29
 * MIT Licensed.
 */
Module.register("MMM-TimeTreeEvent",{
	// Module config defaults.
	defaults: {

		apiBase: "https://timetreeapis.com/",
		calendars: "calendars",
		endpoint: "upcoming_events",
		timezone: "Asia/Tokyo",
		include: "creator,label,attendees",
		animationSpeed: 1000,
		upadteInterval: 3 * 60 * 60 *1000, //msec
		timeFormat: "HH:mm",
		dateFormat: "MM/DD",
		showDate: false,
		eventWordCount: 10,
		days: 1,
		title: "Today's event　　",

	},

	todayEvents: [],

	// Define required scripts.
	getScripts: function() {
		return ["moment.js", "eventobject.js"];
	},
	// Define styles.
	getStyles: function() {
		return ["timetree_styles.css"];
	},
	// Define start sequence.
	start: function() {
		var self = this;
		Log.info("Starting module: " + self.name);

		setInterval(function() {
			self.sendSocketNotification("GET-TIMETREE-EVENT", self.getOptions());
		}, self.config.upadteInterval);

		this.sendSocketNotification("GET-TIMETREE-EVENT", this.getOptions());
	},

	getDom: function() {
		var wrapper = document.createElement("div");
		if(this.todayEvents.length == 0){
			Log.info("There are no delay line to your target.");
			return wrapper;
		}

		var title = document.createElement("text");
		title.innerHTML = this.config.title;

		var table = document.createElement("table");
		table.className = "timetree";
		if(this.data.position == "top_right" || this.data.position == "bottom_right" ){
			table.style.marginLeft = "auto";
		}

		for(var i = 0; i < this.todayEvents.length; i++){
			var event = this.todayEvents[i];
			var eventItem = document.createElement("tr");
			eventItem.className = "bright";
			//Add date
			if(this.config.showDate){
				var date = document.createElement("td");
				date.className = "date";
				date.innerHTML = moment(event.start_at).format(this.config.dateFormat);
				eventItem.appendChild(date);
			}
			// Add time
			var time = document.createElement("td");
			time.className = "time";
			if(event.all_day){
				var timeList = document.createElement("ul");
				timeList.className = "time";
				var st = document.createElement("li");
				var to = document.createElement("li");
				to.innerHTML = "All-day";
				var end = document.createElement("li");
				timeList.appendChild(st);
				timeList.appendChild(to);
				timeList.appendChild(end);
				time.appendChild(timeList);
			}else{
				var timeList = document.createElement("ul");
				timeList.className = "time";
				var st = document.createElement("li");
				st.innerHTML = moment(event.start_at).format(this.config.timeFormat);
				var to = document.createElement("li");
				to.innerHTML = "-";
				var end = document.createElement("li");
				end.innerHTML = moment(event.end_at).format(this.config.timeFormat);
				timeList.appendChild(st);
				timeList.appendChild(to);
				timeList.appendChild(end);
				time.appendChild(timeList);
			}
			eventItem.appendChild(time);
			//Add event content
			var content = document.createElement("td");
			content.className = "content";
			content.innerHTML = this.getContentText(event);
			eventItem.appendChild(content);

			table.appendChild(eventItem);
		}
		wrapper.appendChild(title);
		wrapper.appendChild(table);
		return wrapper;
	},

	getContentText: function(event) {
		var content = this.multByteStringSlice(event.title, this.config.eventWordCount);
		return content;
	},

	strLength: function( strSrc ){
		len = 0;
		strSrc = escape(strSrc);
		for(i = 0; i < strSrc.length; i++, len++){
			if(strSrc.charAt(i) == "%"){
				if(strSrc.charAt(++i) == "u"){
					i += 3;
					len++;
				}
				i++;
			}
		}
		return len;
	},

	multByteStringSlice: function(str , strLimit ){
		var isSlice = false;
		while( this.strLength(str) > strLimit ){
			str = str.slice(0, str.length-1);
			isSlice = true;
		}
		if( isSlice ){
			str += "...";
		}
		return str;
	},

	getUrl() {
		return this.config.apiBase + this.config.calendars + "/" +this.config.calenderid + "/" +this.config.endpoint + this.getParams();
	},

	getParams() {
		let params = "?";
		params += "timezone=" + this.config.timezone;
		params += "&days=" + this.config.days;
		params += "&include=" + this.config.include;
		return params;
	},

	getHeaders() {
		return headers = {
			"Authorization": "Bearer " + this.config.appid
		};
	},

	getOptions() {
		return options = {
			url: this.getUrl(),
			method: "GET",
			headers: this.getHeaders()
		};
	},

	socketNotificationReceived: function(notification, payload) {
		if (notification === "GOT-TIMETREE-EVENT" && payload != null) {
			Log.info("Success to get timetree event!!");
			this.todayEvents = [];
			for (var i = 0; i < payload.result.data.length; i ++) {
				const o = new EventObject(payload.result.data[i]);
				this.todayEvents.push(o);
			}
			this.updateDom(this.config.animationSpeed);
		}
	}

});