MMM-MyStudyLife.js

/*WIP Magic Mirror Module
 * TO DO:
 * Pretty up code, get everything to follow StyleGuide since I didnt know language starting this project
 * MyStudyLife changes the security key
 */

Module.register("MMM-MyStudyLife", {
    defaults: {
	url: "https://api.mystudylife.com/v6.1/data",
	interval: 1000000,
	code: ' ',
	loaded: ' ',
	color: true,
	showSchedule: true,
	showExams: false,
	showTasks: false,
	totNumOfTasks: 5, //max number of tasks displayed
	totNumOfExams: 7, //max number of exams displayed
	includeExamSub: true, //Include subject of exam in name
	militaryTime: false, //24 hour time
	averageScheduleHeight: 600, //pixels
	minClassHeight: 15, //% of schedule pixels
	maxClassHeight: 50, //% of schedule pixels
	classFontScale: 1,
	taskFontScale: 1,
	examFontScale: 1,
	useTerms: false, // use terms or not, if not it will default to yearly schedules
	useCycles: false, //cycle based schedule
	//Ignore these if not using cycle schedule
	offset: 0, //offset to adjust cycle position
	daysOff: [0,6], //days in which there is no school, they dont count towards cycle rotation
	cycleLength: 2, //Length of cycle
	classes: {},
	colorCode: {
	    '0': {'h': "#049372", 'b': "#113b31"},
	    '1':{'h': "#fd5645", 'b': "#5d1f19"},
	    '2':{'h': "#f89406", 'b': "#4c3310"},
	    '3':{'h': "#3a539b", 'b': "#242832"},
	    '4':{'h': "#dc44b4", 'b': "#41253a"},
	    '5':{'h': "#e3be0d", 'b': "#4c451f"},
	    '6':{'h': "#95a5a6", 'b': "#343c3c"},
	    '7':{'h': "#1098a5", 'b': "#1c3d40"},
	    '8':{'h': "#7d59b6", 'b': "#342d3e"},
	    '9':{'h': "#38acfa", 'b': "#182c3a"},
	    '10':{'h': "#34495e", 'b': "#222e39"},
	    '11':{'h': "#2574a9", 'b': "#0e2b3f"},
	    '12':{'h': "#c0392b", 'b': "#412320"},
	    '13':{'h': "#00634c", 'b': "#0e2f28"},
	    '14':{'h': "#674172", 'b': "#2e2032"}
	},
        
    },
    start: function () {
	this.loaded = false;
	this.datas = ' ';
	this.currentTerm;
	this.currentYear;
	this.date;
	this.cycleDay=this.config.offset;
	this.storedDate=new Date();
	this.updateData(this);
    },
    getStyles: function() {
	return ["styles1.css", "font-awesome.css"];
    },
    updateData: function(self) {
	self.date= new Date();
	self.sendSocketNotification('load', {'url':self.config.url, 'code':self.config.code});
	setTimeout(self.updateData, self.config.interval, self);
    },
    getDom: function() {
	var wrapper = document.createElement('div');
	wrapper.className = "myStudyWrapper";
	if (!this.loaded){
	    wrapper.innerHTML = "loading";
	    return wrapper;
	}
	else {
console.log("Loading successful");
	    if(this.config.showSchedule) {
		wrapper.appendChild(this.makeSchedule());
	    }
	    var leftWrapper = document.createElement('div');
	    leftWrapper.className = "leftWrapper";
	    if(this.config.showTasks) {
		leftWrapper.appendChild(this.makeTasks());
	    }
	    if(this.config.showExams) {
		leftWrapper.appendChild(this.makeExams());
	    }
	    wrapper.appendChild(leftWrapper);
	    return wrapper;
	}
    },
    notificationReceived: function() {},
    makeExams: function() {
	var exams = document.createElement('div');
	exams.className = "allExams";
	var eHeader = document.createElement('h2');
	eHeader.className = "taskTitle";
	eHeader.innerHTML = "Exams";
	exams.appendChild(eHeader);
	var numOfExams = 0;
	var sortExams = this.sortExams(this.datas.exams); //also removes exams that have already happened
	if (sortExams.length == 0) {
	    return document.createElement('div');
	}
	for (i of sortExams) {
	    if (numOfExams < this.config.totNumOfTasks) {
		var newExam = document.createElement('div');
		newExam.className = "newExam";
		newExam.style.setProperty("--font", 20*this.config.examFontScale+"px");
		if (this.config.color) {
		    newExam.style.setProperty("--color", this.config.colorCode[i.color].h);
		}
		newExam.style.setProperty("--opacity", 1-(i.dueDate.getTime()-this.date.getTime())/7776000000); //gets more opaque as test gets closer, at 3 month is not visable
		var examTitle = document.createElement('p');
		examTitle.className = "examTitle";
		if (this.config.includeExamSub) {
		    examTitle.innerHTML = i.subjectN + ' ' + i.module + ', ' + this.datePretty(i.date, false);
		}
		else {
		    examTitle.innerHTML = i.module + ', ' + this.datePretty(i.date, false);
		}
		var exclamation = document.createElement('span');
		exclamation.className = "fas fa-exclamation";
		newExam.append(exclamation);
		newExam.append(examTitle);
		exams.append(newExam);
	    }
	    ++numOfExams;
	}
	return exams;
    },
    makeTasks: function() {
	var tasks =  document.createElement('div');
	tasks.className = "tasks";
	tasks.style.setProperty("--font", 20*this.config.taskFontScale+"px");
	var tHeader = document.createElement('h2');
	tHeader.innerHTML = "Tasks";
	tHeader.className = "taskTitle";
	tasks.appendChild(tHeader);
	var toDo = this.sortTasks(this.datas.tasks);
	if (toDo.length == 0) {
	    return document.createElement('div');
	}
	var numOfTasks = 0;
	for (i of toDo) {
	    if (Date.parse(i.due_date) <= this.date.getTime()+604800000 || numOfTasks < this.config.totNumOfTasks) {	//Only adds tasks due in a week or less
		++numOfTasks;
		var newTask = document.createElement('div');
		var name = document.createElement('span');
		name.className = "taskName";
		name.innerHTML = i.title + ', ' + this.datePretty(i.due_date, true);
		var progress = document.createElement('canvas');
		var pCircle = progress.getContext('2d');
		progress.className = "Circle";
		pCircle.canvas.width = 50;
		pCircle.canvas.height = 40;
		pCircle.beginPath(); //Drawing Background Circles
		pCircle.arc(20,20,20,0,2*Math.PI);
		if (this.config.color) {
		    pCircle.fillStyle = this.config.colorCode[i.color].b;
		}
		else {
		    pCircle.fillStyle = this.config.colorCode[6].b;
		}
		pCircle.fill();
		if(i.progress != 0) { //Drawing Progress Circle
		    pCircle.beginPath();
		    pCircle.arc(20,20,20,3*Math.PI/2,i.progress/50*Math.PI + 3*Math.PI/2);
		    pCircle.lineTo(20,20);
		    pCircle.lineTo(20,40);
		    if (this.config.color) {
			pCircle.fillStyle = this.config.colorCode[i.color].h;
		    }
		    else {
			pCircle.fillStyle = this.config.colorCode[6].h;
		    }
		    pCircle.fill();
		}
		newTask.appendChild(progress);
		newTask.appendChild(name);
		tasks.appendChild(newTask);
	    }
	}
	return tasks;
    },
    timeConvert: function(time) {
	if (!this.config.militaryTime) {
	    var hour = parseInt(time.substr(0,2));
	    if (hour > 12) {
		hour -= 12
		return "0" + hour.toString() + time.substr(2,3)
	    }
	}
	return time;
    },
    getCycleDay: function() {
	if(this.config.useCycles){
	    if (this.date.toDateString != this.storedDate.toDateString) { //kludge to check if this is a new day
		if (!(this.date.getDay() in this.config.daysOff)) {
		    this.cycleDay=(this.cycleDay+1)%this.config.cycleLength;
		}
		this.storedDate=this.date;
	    }
	    return this.cycleDay;
	}
	else {
	    return this.date.getDay();
	}
    },
    makeSchedule: function() {
	var schedule = document.createElement('div');
	schedule.className = "schedule";
	//	var dayOfTheWeek = this.date.getDay();
	var classesToday = this.sortClasses(this.getCycleDay(), this.datas.classes);
	if (this.date.getDay() in this.config.daysOff||classesToday.length == 0 || this.date.getHours()*60+this.date.getMinutes() > this.convertTime(classesToday[classesToday.length-1].times[0].end_time)) {
	    classesToday = this.sortClasses(this.getCycleDay()+1, this.datas.classes);
	    if (classesToday.length != 0 && !((this.date.getDay()+1)%6 in this.config.daysOff)) {
		var sHeader = document.createElement('h2');
		sHeader.className = "scheduleTitle";
		sHeader.innerHTML = "Tomorrow's Classes";
		schedule.appendChild(sHeader);
	    }
	    else {
		var sHeader = document.createElement('h2');
		sHeader.innerHTML = "No Class Tomorrow!";
		sHeader.className = "scheduleTitle";
		schedule.appendChild(sHeader);
		return schedule;
	    }
	}
	else {
	    var sHeader = document.createElement('h2');
	    sHeader.className = "scheduleTitle";
	    sHeader.innerHTML = "Today's Classes";
	    schedule.appendChild(sHeader);
	}
	var totLength = 0;
	for (i of classesToday) {
	    totLength += i.length;
	}
	for (i of classesToday) {
//	    console.log("!!! " + i.module);
	    var newClass = document.createElement('div');
	    newClass.className = "newClass";
	    newClass.style.setProperty("--element-height", Math.min(this.config.maxClassSize,
								    Math.max(this.config.minClassSize,i.length/totLength))
				                           *this.config.AverageScheduleHeight+'px');
				       newClass.style.setProperty("--space", Math.min(0.5,i.length/totLength)*350+20+'%');
				       if (this.config.color) {
					   newClass.style.setProperty("--hColor", this.config.colorCode[i.color].h);
					   newClass.style.setProperty("--bColor", this.config.colorCode[i.color].b);
				       }
				       else {
					   newClass.style.setProperty("--hColor", this.config.colorCode[6].h); //makes grayscale
					   newClass.style.setProperty("--bColor", this.config.colorCode[6].b);
				       }
				       var nameOfClass = document.createElement('h');
				       nameOfClass.className = "nameOfClass";
				       nameOfClass.innerHTML = i.module;
				       nameOfClass.style.setProperty("--font", Math.min(.5,i.length/totLength)*54*this.config.classFontScale+14+'px');
				       var classDetails = document.createElement('p');
				       classDetails.className = "classDetails";
				       classDetails.style.setProperty("--font", Math.min(0.5,i.length/totLength)*39*this.config.classFontScale+12+'px');
				       var startTime =  this.timeConvert(i.times[0].start_time.substr(0,5));
				       var endTime = this.timeConvert(i.times[0].end_time.substr(0,5));
				       classDetails.innerHTML = startTime + '-' + endTime + '<br />' +i.building + ' ' + i.room;
				       newClass.appendChild(nameOfClass);
				       newClass.appendChild(classDetails);
				       schedule.appendChild(newClass);
				      }
	    return schedule;
	},
	socketNotificationReceived: function(notification, payload) {
	    if(notification == "success"){
                console.log("code worked");
		this.datas = payload;
		//Adding Properties to Classes, Tasks, and Exams
		var subToColor = {};
		var subjectName = {};
		for (i of this.datas.subjects) {
		    subToColor[i.guid] = i.color.toString();
		    subjectName[i.guid] = i.name;
		}
		console.log("added schedule stuff");
		for (year of this.datas.academic_years) {
		    if (this.config.useTerms) {
			for (term of year.terms) {
			    startDate = new Date(term.start_date);
			    endDate = new Date(term.end_date);
			    if (this.date > startDate && this.date < endDate) {
				this.currentTerm = term.guid;
			    }
			}
		    }
		    else {
			startDate = new Date(year.start_date);
			endDate = new Date(year.end_date);
			if (this.date > startDate && this.date < endDate) {
			    this.currentYear = year.guid;
			}    
		    }
		}
		console.log("added term stuff");
		if (!this.currentTerm && !this.currentYear) {
		    throw "Could not find current term/year";
		}
		for (i  of this.datas.classes) {
		    if (i.term_guid == this.currentTerm) {
			console.log("class occuring:");
			console.log(i.module);
			i.days = this.config.classes[i.module];
			i.length= this.convertTime(i.times[0].end_time) - this.convertTime(i.times[0].start_time);
			i.color = subToColor[i.subject_guid];
		    }
/*		    else if (i.year_guid == this.currentYear){
			console.log("class occuring:");
			console.log(i.module);
			i.days = this.config.classes[i.module];
			i.length= this.convertTime(i.times[0].end_time) - this.convertTime(i.times[0].start_time);
			i.color = subToColor[i.subject_guid];
		    }*/
		    else {
			console.log("class not occuring:");
			console.log(i.module);
			i.days = [-1]; //class is not occuring this term
		    }
		}
		console.log("added class stuff");
		for (i of this.datas.tasks) {
		    i.color = subToColor[i.subject_guid];
		}
		console.log("added tasks stuff");
		for (i of this.datas.exams) {
		    i.color = subToColor[i.subject_guid];
		    i.subjectN = subjectName[i.subject_guid];
		}
		console.log("added exam stuff");
		this.loaded = true;
		this.updateDom(1000);
	    }
	    else {
		console.log("Error recieving http repsonse (Check that your id is still valid)" + payload);
	    }
	},
	convertTime: function(time) {
	    if(!isNaN(time)) {
		return time;
	    }
	    return (Number(time.substring(0,2))*60 + Number(time.substring(3,5)));
	},
	sortClasses: function(cycleDay, classes) {
	    var classesToday = [];
	    console.log("sorting classes")
	    console.log(classes)
	    for (i of classes) {
		console.log(i.module);
		if (i.days == null) {
		    console.log("There was an error adding the config schedule to this class. Please check that your config is spelt exactly as it is in MyStudyLife")
		    continue
		}
		if (i.days.includes(cycleDay)) {
		    classesToday.push(i);
		}
	    }
	    classesToday.sort(function(a, b) { //sorting classes by start times
		var aTS = a.times[0].start_time;
		var bTS = b.times[0].start_time;
		return (Number(aTS.substring(0,2))*60 + Number(aTS.substring(3,5)) - Number(bTS.substring(0,2))*60 + Number(bTS.substring(3,5))); //inside of array so cant use convert time
	    })
	    return classesToday;
	},
	sortTasks: function(tasks) {
	    var toDo = [];
	    for (i of tasks) {
		if (i.completed_at == null) {
		    toDo.push(i);
		}
	    }
	    toDo.sort(function(a, b) { //sorting tasks by due dates
		return Date.parse(a.due_date) -  Date.parse(b.due_date);
	    })
	    return toDo;
	},
	sortExams: function(exams) {
	    var sortExams = [];
	    for (i of exams) {
		i.dueDate = new Date(i.date);
		if (i.dueDate >= this.date) {
		    sortExams.push(i);
		}
	    }
	    sortExams.sort(function(a, b) { //sorting exams by due date
		if (a.dueDate<b.dueDate) {
		    return -1;
		}
		else {
		    return 1;
		}
	    })
	    return sortExams;
	},
	datePretty: function(dString, isTask) {
	    var dueDay = new Date(dString);
	    if (isTask) { //The way tasks get turned into dates is off by index of one so hard coded fix
		dueDay.setTime(dueDay.getTime()+86400000);
	    }
	    if (dueDay.getMonth() == this.date.getMonth() && dueDay.getDate() == this.date.getDate()) { //if due today
		return "Today";
	    }
	    if (dueDay.getTime()-this.date.getTime() <= 604800000) { //if due less than a week say week day
		switch (dueDay.getDay()) {
		case 0:
		    return "Sunday";
		    break;
		case 1:
		    return "Monday";
		    break;
		case 2:
		    return "Tuesday";
		    break;
		case 3:
		    return "Wednesday";
		    break;
		case 4:
		    return "Thursday";
		    break;
		case 5:
		    return "Friday";
		    break;
		case 6:
		    return "Saturday";
		}
	    }
	    var returnString = ""; //Farther out so printing like Oct 5th
	    switch (dueDay.getMonth()) {
	    case 0:
		returnString += "Jan ";
		break;
	    case 1:
		returnString += "Feb ";
		break;
	    case 2:
		returnString += "Mar ";
		break;
	    case 3:
		returnString += "Apr ";
		break;
	    case 4:
		returnString += "May ";
		break;
	    case 5:
		returnString += "Jun ";
		break;
	    case 6:
		returnString += "Jul";
	    case 7:
		returnString += "Aug ";
		break;
	    case 8:
		returnString += "Sep ";
		break;
	    case 9:
		returnString += "Oct ";
		break;
	    case 10:
		returnString += "Nov ";
		break;
	    case 11:
		returnString += "Dec ";
		break;
	    }
	    returnString += dueDay.getDate();
	    if (Math.floor(dueDay.getDate()/10) == 1) { //checking if is 10-19
		return returnString += "th";
	    }
	    else {
		switch (dueDay.getDate() % 10) { //adding -st, -nd, -th
		case 1:
		    returnString += "st";
		    break;
		case 2:
		    returnString += "nd";
		    break;
		case 3:
		    returnString += "rd";
		    break;
		default:
		    returnString += "th";
		    break;
		}
	    }
	    return returnString;
	}
    }
)