archive/hourglass/client/main/main.js

/* jshint esversion: 6 */
import {
    Template
} from 'meteor/templating';

import './main.html';

var load = true;
var calWorkOpen = null;
var calWorkDate = null;

var defaultWork = {
    name: "Name | Click here to edit...",
    dueDate: "Click here to edit...",
    description: "Click here to edit...",
    type: "Click here to edit..."
};

// Reactive variables.
Session.set("user", {}); // Stores user preferences.
Session.set("calendarEvents", []); // Stores calendar classes.
Session.set("myClasses", []); // Stores user classes.
Session.set("requests", false); // Status of requests.
Session.set("sidebarMode", ""); // Status of sidebars.
Session.set("newWork", null); // If user creating new work.
Session.set("currentWork",null); // Current stored work.
Session.set("classDisp", []); // Stores current filter for classes.
Session.set("typeFilter", []); // Stores type filters for classes.
Session.set("typeFilterHover", null); // Stores current hovered type filter.
Session.set("classDispHover", null); // Stores current hovered class filter.
Session.set("restrictText", {}); // Stores text for comment character restriction.
Session.set("confirmText", ""); // Stores text for confirmations.

// On render actions

Template.login.rendered = function() {
    Accounts._loginButtonsSession.set('dropdownVisible', true);
};

Template.main.created = function() {
    Session.set("mode", Session.get("user").preferences.mode);
    Session.set("classInfo", null);
    /*if (Notification.permission !== "granted") {
        Notification.requestPermission().then(function(result) {

        });
    }*/
}

Template.main.rendered = function() {
    Accounts._loginButtonsSession.set('dropdownVisible', true);
    setTimeout(startDragula, 300);
    $("#menuContainer").toggle();
    $("#doneUsers").slimScroll({
        height: '34vh',
        touchScrollStep: 90
    });

    document.getElementsByTagName("body")[0].style.color = Session.get("user").preferences.theme.textColor;
};

Template.classesMode.rendered = function() {
    $(".workHolder").slimScroll({
        width: '100%',
        height: '',
        touchScrollStep: 90
    });
    $(".mainClass .slimScrollBar").css("display", "none");

        
};

// Global Helpers

Template.registerHelper('adminPage', () => {
    return window.location.pathname.includes("/");
});

Template.registerHelper('screen', (multiplier, fraction) => {
    if (typeof multiplier !== "string") return screen.width.toString() + "px";
    if (typeof fraction !== "string") return (screen.width * parseFloat(multiplier)).toString() + "px";
    return ((screen.width) * parseFloat(multiplier) / parseFloat(fraction)).toString() + "px";
});

Template.registerHelper('divColor', (div) => { // Reactive color changing based on preferences. Colors stored in themeColors.
    if(Session.get("user") === null) return;
    return (Object.keys(Session.get("user")).length === 0) ? themeColors["lux"][div] : Session.get("user").preferences.theme[div];
});

Template.registerHelper('overlayDim', (part) => { // Gets size of the overlay container.
    var dim = [window.innerWidth * 0.25, window.innerHeight * 0.2];
    var width = "width:" + dim[0].toString() + "px;";
    var height = "height:" + dim[1].toString() + "px;";
    var margin = "margin-left:" + (-dim[0] / 2).toString() + "px;";
    var bg = "background-color:" + Session.get("user").preferences.theme.header + ";";
    return width + height + margin + bg;
});

Template.registerHelper('myClasses', () => { // Gets all classes and respective works.
    if (Session.get("user").classes.length === 0) { // Null checking.
        return [];
    } else {
        var array = myClasses();
        Session.set("myClasses", array);
        calendarEvents(array);
        $("#fullcalendar").fullCalendar("removeEvents");
        $("#fullcalendar").fullCalendar("addEventSource", Session.get("calendarEvents"))
        return array;
    }
});

Template.registerHelper('pref', (val) => { // Obtains all user preferences.
    try {
        var preferences = Session.get("user").preferences;
        return options[val].filter(function(entry) {
            return (val === 'theme') ? _.isEqual(preferences[val], themeColors[entry.val]) : preferences[val] === entry.val;
        })[0].alias;
    } catch(err) {}
});

Template.registerHelper('restrict', (input) => { // Returns characters left for comment length.
    var restrict = Session.get("restrictText");
    $(".resText").removeClass("noneLeft");
    if(Object.keys(restrict).length === 0) return "";
    if(restrict[restrict.selected][0] === "0") $(".resText").addClass("noneLeft");
    return (restrict.selected === input) ? Session.get("restrictText")[input] : "";
});

Template.registerHelper('selectOptions', (val) => {
    if(val === "grade") {
        var grade = [];
        for(var i = 0; i < 5; i++) {
            var year = (new Date()).getFullYear() + i;
            grade.push( { "val": year, "alias": year.toString() } );
        }
        grade.push( { "val": 0, "alias": "Faculty" } ); 
        return grade;
    } else if(val === "school") {
        var school = [];
        var schoolList = schools.find().fetch();
        for(var i = 0; i < schoolList.length; i++) {
            school.push( { "val": schoolList[i].name, "alias": schoolList[i].name } );
        }
        return school;
    } else {
        return options[val];
    }
});

Template.registerHelper('work', (value) => {// Returns the specified work value.
    var thisWork = Session.get("currentWork");
    if (Session.equals("currentWork", null)) return;
    if (Session.get("newWork") && (thisWork[value] === true || thisWork[value] === undefined)) {
        return defaultWork[value];
    } else {
        return formReadable(thisWork,value);
    }
});

Template.registerHelper('confirmText', () => {
    return Session.get("confirmText");
})

// Main template helpers and events

Template.main.helpers({
    /*themeName() {
     var vals = _.values(themeColors);
     var curtheme = Session.get("user").preferences.theme;
     for (var i = 0; i < vals.length; i++) {
     if (_.isEqual(vals[i], curtheme)) {
     var name = _.keys(themeColors)[i];
     return name.charAt(0).toUpperCase() + name.slice(1);
     }
     }
     return "Custom";
     },*/
    schoolName() { // Finds the name of the user's school.
        if (Session.get("user").school === undefined || Session.get("user").school === null) return;
        return " - " + Session.get("user").school;
    },
    avatar() { // Returns avatar.
        return Meteor.user().services.google.picture;
    },
    username() { // Returns user name.
        return Session.get("user").name;
    },
    bgSrc() { // Returns background.
        return "MDBackgrounds/" + "MD"+Session.get("user").preferences.theme.background;
    },
    iconStatus(icon) {
        var sidebar = Session.get("sidebarMode");
        return (sidebar === icon) ? Session.get("user").preferences.theme.iconHighlight + ";background-color:rgba(0,0,0,0.2)" : "";
    },
    sidebarStatus(sidebar) {
        return sidebar === Session.get("sidebarMode");  
    },
    requestStatus() {
        if (Session.get("requests")) return "0px";
        return openValues.requests;
    },
    currMode(mode) { // Status of display mode.
        return Session.equals("mode", mode);
    },
    currSettingMode(mode) {
        return Session.equals("settingMode", mode) && Session.equals("sidebarMode", "option");
    },
    calendarOptions() { // Settings for the calendar, including work displaying.
        return {
            id: "fullcalendar",
            height: window.innerHeight * 0.8,
            buttonText: {
                today: 'Today',
                month: 'Month',
                week: 'Week',
                day: 'Day'
            },
            eventLimit: 3,
            events: Session.get("calendarEvents"),
            eventDrop: function(event, delta, revertFunc) { // When user drops from click-dragging.
                var current = work.findOne({
                    _id: event.id
                });
                var date = event.start.format().split("-");
                current.dueDate = new Date(date[0], parseInt(date[1]) - 1, date[2], 11, 59, 59);
                if(Date.parse(new Date()) > Date.parse(current.dueDate)) {
                    revertFunc();
                    return;
                }
                serverData = current;
                sendData("editWork");
            },
            eventClick: function(event, jsEvent, view) { // On-click for work.
                Session.set("newWork", false);
                Session.set("currentWork", work.findOne({_id: event.id}));
                $(".overlay").fadeIn(150);
                $("#comment").slimScroll({
                    width: '100%',
                    height: '20vh',
                    touchScrollStep: 90
                });
            },
            eventMouseover: function(event, jsEvent, view) {
                this.style.boxShadow = "inset 0 0 0 99999px rgba(255,255,255,0.2)";
            },
            eventMouseout: function(event, jsEvent, view) {
                this.style.boxShadow = "";
            },
            dayClick: function(date, jsEvent, view) { // On-click for each day.
                if (jsEvent.target.className.includes("fc-past")) return;
                var realDate = date.format();
                realDate = new Date(realDate[0], parseInt(realDate[1]) - 1, realDate[2], 11, 59, 59);
                Session.set("newWork", true);
                Session.set("currentWork", {dueDate: realDate});
                if(!Session.equals("sidebarMode", "create")) toggleToSidebar("create");
            }
        };
    },
    calCenter() { // Centers the calendar
        var width = window.innerWidth * 0.85;
        return "width:" + width.toString() + "px;margin-left:" + (0.5 * window.innerWidth - 0.5 * width).toString() + "px;";
    },
    highlight() { // Calendar highlight/scale option.
        var hoverHighlight = Session.get("classDispHover");
        var typeHighlight = Session.get("typeFilterHover");
        if (Session.equals("mode", "classes")) {
            $(".workCard").toggleClass("scaled", false);
            try {
                $(".workCard[classid=\'" + hoverHighlight + "\']").toggleClass("scaled", true);
                $(".workCard[type=\'" + typeHighlight + "\']").toggleClass("scaled", true);
            } catch (err) {}
        } else {
            $(".workevent").toggleClass("scaled", false);
            try {
                $("." + hoverHighlight).toggleClass("scaled", true);
                $("." + typeHighlight).toggleClass("scaled", true);
            } catch (err) {}
        }
        return;
    },
    newWork() { // If user is creating a new work.
        return Session.get("newWork");
    },
    inRole() { // Checks correct permissions.
        if(Session.equals("currentWork",null)) return;
        try {
            var thisWork = work.findOne({
                _id: Session.get("currentWork")._id
            });
            if (Session.get("newWork")) {
                return true;
            } else {
                if (thisWork === undefined) return;
                var currClass = classes.findOne({
                    _id: thisWork["class"]
                });
                if (Meteor.userId() === thisWork.creator ||
                    Roles.userIsInRole(Meteor.userId(), ['superadmin', 'admin']) ||
                    currClass.moderators.indexOf(Meteor.userId()) !== -1 ||
                    currClass.banned.indexOf(Meteor.userId()) !== -1
                   ) return true;
            }
        } catch(err) {}
    },
    admin() {
        return Roles.userIsInRole(Meteor.userId(), ['admin', 'superadmin']);
    }
});

Template.main.events({
    'click' (event) { // Closes respective divs when clicking outside of them. Order matters.
        var e = event.target.className;

        if(modifyingInput !== null && event.target !== document.getElementById(modifyingInput)) {
            if (!(e.includes("optionHolder") || e.includes("optionText"))) {
                if(document.getElementById(modifyingInput).className.includes("dropdown")) {
                    toggleOptionMenu(false, modifyingInput);
                } else {
                    closeInput(modifyingInput);
                }
                modifyingInput = null;
            }
        }

        if (!e.includes("fa-cog") && // Sidebar closing.
        !e.includes("fa-bars") &&
        !e.includes("fa-question") &&
        !document.getElementById("menuContainer").contains(event.target) &&
        !document.getElementById("menuBar").contains(event.target)) {
            if(!(e.includes("fc-day") && !e.includes("fc-past")) && 
            !Session.equals("sidebarMode", "option")) {
                toggleToSidebar(false);
            }
        }

        if (e === "overlay") { // Overlay closing.
            $(".overlay").fadeOut(150);
            if (!Session.get("newWork")) {
                document.getElementById("workComment").value = "";
                var res = Session.get("restrictText");
                res[Object.keys(res)[0]] = "";
                Session.set("restrictText", res);
            }
        }

        if (!document.getElementById("userDropdown").contains(event.target)) $("#userDropdown").fadeOut(250);
    },
    // MAIN MENU BUTTONS
    'click .fa-bars' (event) { // Click menu button.
        toggleToSidebar("menu");
    },
    'click .fa-cog' (event) { // Click settings button.
        toggleToSidebar("option");
    },
    'click .fa-question' (event) { // Click requests button.
        toggleToSidebar("requests");
    },
    'click .creWork' (event) { // Cick add work button.
        var attr;
        if (event.target.className !== "creWork") {
            attr = event.target.parentNode.getAttribute("classid");
        } else {
            attr = event.target.getAttribute("classid");
        }
        Session.set("newWork", true);
        Session.set("currentWork",{class: attr, dueDate: (new Date((new Date()).valueOf() + 1000*3600*24))});
        $(".overlay").fadeIn(150);
        $("#comment").slimScroll({
            width: '100%',
            height: '20vh',
            touchScrollStep: 90
        });
        $("#workComments .slimScrollBar").css("display", "none");
    },
    'click .fa-check-circle-o' () { // Confirmation Button
        sendData(confirm);
        $("#confirmOverlay").fadeOut(250);
        if(confirm === "changeAdmin") {
            $("#changeAdminWrapper").fadeOut(250);
        } else if(confirm === "deleteClass") {
            Session.set("classInfo", null);
        }
        serverData = null;
        confirm = null;
        
    },
    'click .fa-times-circle-o' () { // Deny Button
        $("#confirmOverlay").fadeOut(250);
        serverData = null;
        confirm = null;
    },
    'click #dropdown' (event) {
        if (document.getElementById("userDropdown").style.display === "block") return;
        $("#userDropdown").fadeIn(250);
    },
    'click .workCard' (event) { // Display work information on work card click.
        var workid = event.target.getAttribute("workid");
        var thisWork = work.findOne({
            _id: workid
        });

        Session.set("newWork", false);
        Session.set("currentWork", thisWork);

        if (!Session.get("newWork")) {
            var currClass = classes.findOne({
                _id: thisWork["class"]
            });
            if (!(Meteor.userId() === thisWork.creator || // If user has permission.
                  Roles.userIsInRole(Meteor.userId(), ['superadmin', 'admin']) ||
                  currClass.moderators.indexOf(Meteor.userId()) !== -1 ||
                  currClass.banned.indexOf(Meteor.userId()) !== -1)) {
                var inputs = $('#editWork .clickModify').css("cursor", "default");
            }
        }
        $(".overlay").fadeIn(150);
        $("#comment").slimScroll({
            width: '100%',
            height: '20vh',
            touchScrollStep: 90
        });
        $("#workComments .slimScrollBar").css("display", "none");
    },
    'click #requestSubmit' () {
        var area = document.getElementById("requestArea");
        if (area.value === "") return;
        var array = {};
        array.content = area.value;
        array.info = {
            "users": Meteor.users.find().fetch(),
            "userInfo": Meteor.user(),
            "userClasses": Session.get("myClasses")
        };
        Meteor.call("createRequest", array, function(err, result) {
            area.value = "";
            Session.set("restrictText", {});
            $("#requestSubmit span:first-child").fadeOut(200, function() {
                $("#requestSubmit span:nth-child(2)").fadeIn(200);
            })
            setTimeout(function() {
                $("#requestSubmit span:nth-child(2)").fadeOut(200, function() {
                    $("#requestSubmit span:first-child").fadeIn(200);
                })
            }, 1250);
        });
    },
    'click #exportDiv' (event) {
        var events = "BEGIN:VCALENDAR\nVERSION:2.0\nPRODID:-//hacksw/handcal//NONSGML v1.0//EN";
        var userClasses = Session.get("myClasses");
        var timestamp = new Date().toJSON().replace(/-|:|\./gi, "");
        for (var i = 0; i < userClasses.length; i++) {
            var works = userClasses[i].thisClassWork;
            for (var j = 0; j < works.length; j++) {
                var work = works[j];
                var workclass = classes.findOne({
                    _id: work.class
                });
                if (work.description == defaultWork.description) work.description = "";
                if (work.dueDate == defaultWork.dueDate) continue;
                if (work.name == defaultWork.name) work.name = "";
                if (workclass === undefined) workclass = {
                    name: "Personal"
                };
                if (work.description === undefined) {
                    work.description = "";
                } else {
                    work.description = " - " + work.description;
                }
                var duedate = work.realDate.toJSON().slice(0,10).replace(/-/gi,"");
                events += "\nBEGIN:VEVENT" +
                    "\nUID:" + timestamp + work._id + "@hourglass.tk" +
                    "\nDTSTAMP:" + timestamp +
                    "\nDTSTART:" + duedate +
                    "\nDTEND:" + duedate +
                    "\nSUMMARY:" + work.name + work.description +
                    "\nCATEGORIES:" + workclass.name +
                    "\nEND:VEVENT";
            }
            events += "\nEND:VCALENDAR";
        }
        var eventBlob = new Blob([events], {
            type: "data:text/ics;charset=utf-8"
        });
        saveAs(eventBlob, "hourglass.ics");
    },
    // HANDLING INPUT CHANGING
    'focus .clickModify' (event) {
        toggleOptionMenu(false, modifyingInput);

        if(modifyingInput !== null) {
            if(!$("#"+modifyingInput)[0].className.includes("dropdown")) closeInput(modifyingInput);
        }
        modifyingInput = event.target.id;
        if(!$("#"+modifyingInput)[0].className.includes("dropdown")) {
            event.target.select();
            event.target.style.cursor = "text";
            event.target.style.backgroundColor = "rgba(0,0,0,0.1)";
        }
    },
    'keydown #wName' (event) {
        if(event.keyCode === 13) {
            closeInput(modifyingInput);
            event.target.blur();
        }
    },
    'focus #workComment' () {
        toggleOptionMenu(false, modifyingInput);
        modifyingInput = null;
    },
    'keydown .dropdown' (event) {
        var first = $("#"+modifyingInput).next().children("p:first-child");
        var last = $("#"+modifyingInput).next().children("p:last-child");
        var next = $(".selectedOption").next();
        var prev = $(".selectedOption").prev();
        var lastSel = $(".selectedOption");

        if (event.keyCode === 38) {
            event.preventDefault();
            if (lastSel === undefined) {
                last.addClass("selectedOption");
            } else {
                if (prev.length === 0) {
                    last.addClass("selectedOption");
                    lastSel.removeClass("selectedOption");
                } else {
                    prev.addClass("selectedOption");
                    lastSel.removeClass("selectedOption");
                }
            }
        } else if (event.keyCode === 40) {
            event.preventDefault();
            if (lastSel === undefined) {
                first.addClass("selectedOption");
                last.removeClass("selectedOption");
            } else {
                if (next.length === 0) {
                    first.addClass("selectedOption");
                    lastSel.removeClass("selectedOption");
                } else {
                    next.addClass("selectedOption");
                    lastSel.removeClass("selectedOption");
                }
            }
        } else if (event.keyCode === 13) {
            lastSel[0].click();
            $("#"+modifyingInput)[0].focus();
        }
    },
    'click .dropdown, focus .dropdown' (event) {
        if(clickDisabled) return;
        clickDisabled = true;
        if(event.target.id === optionOpen[0] && optionOpen[1]) {
            toggleOptionMenu(false, event.target.id);
        } else {
            toggleOptionMenu(true, event.target.id);
        }
        setTimeout(function(){clickDisabled = false;},130); // Prevents spamming and handles extra click events.
    },
    'click .optionText' (event) { // Click each preferences setting.
        var option = event.target.childNodes[0].nodeValue;
        if(modifyingInput[0] === 'w') {
            var newSetting = Session.get("currentWork");
            newSetting[modifyingInput.charAt(1).toLowerCase() + modifyingInput.slice(2)] = option.toLowerCase();
            Session.set("currentWork", newSetting);
            serverData = Session.get("currentWork");

            toggleOptionMenu(false, modifyingInput);
            if(Session.get("newWork")) return;
            if(checkMissing()) return;
            sendData("editWork");
        } else if(modifyingInput.slice(0,3) === "cre") {
            document.getElementById(modifyingInput).value = option;
        } else {
            var newSetting = Session.get("user");
            newSetting.preferences[modifyingInput] = (function() {
                var value = options[modifyingInput].filter(function(entry) {
                    return option === entry.alias;
                })[0].val;
                return (modifyingInput === 'theme') ? themeColors[value] : value;
            })();
            Session.set("user", newSetting);
            serverData = Session.get("user");
            sendData("editProfile");
        }

        toggleOptionMenu(false, modifyingInput);

        $(".selectedOption").removeClass("selectedOption");
    },
    'input .restrict' (event) {
        var restrict = event.target.maxLength;
        var chars = restrict - event.target.value.length;
        var newSetting = Session.get("restrictText");
        newSetting[event.target.id] = (chars === restrict) ? "" : (chars.toString() + ((chars === 1) ? " character " : " characters ") + "left");
        newSetting.selected = event.target.id;
        Session.set("restrictText", newSetting);
    },
    'focus #wDueDate' () { // Open date picker.
        $('#wDueDate').datepicker({
            format: 'DD, MM d, yyyy',
            clickInput: true,
            startDate: 'd',
            todayHighlight: true,
            todayBtn: true,
            autoclose: true
        });
    },
    // WORK OVERLAY BUTTONS
    'click #commentSubmit' (event) { // Click to submit a comment.
        workId = Session.get("currentWork")._id;
        var input = document.getElementById('workComment');
        comment = input.value;
        input.value = "";
        if (comment !== "") {
            document.getElementById('workComment').value = "";
            serverData = [comment, workId];
            sendData("addComment");
        }
    },
    'click #workSubmit' () { // Click submit work to create a work.
        serverData = Session.get("currentWork");
        if(checkMissing()) return;
        sendData("createWork");
        $(".overlay").fadeOut(150);
    },
    'click #workDelete' () {
        serverData = Session.get("currentWork")._id;
        sendData("deleteWork");
        $(".overlay").fadeOut(150);
    },
    'click #markDone' () { // Click done button.
        serverData = [Session.get("currentWork")._id, "done"];
        sendData("toggleWork");
    },
    'click #markConfirm' () { // Click confirm button.
        serverData = [Session.get("currentWork")._id, "confirmations"];
        sendData("toggleWork");
    },
    'click #markReport' () { // Click report button.
        serverData = [Session.get("currentWork")._id, "reports"];
        sendData("toggleWork");
    }
});

// Other Functions

toggleOptionMenu = function(toggle, menu) {
    if(toggle) {
        $(".selectedOption").removeClass("selectedOption");
        $("#" + menu).next()
        .css('opacity', 0)
        .slideDown(300)
        .animate(
            { opacity: 1 },
            { queue: false, duration: 100 }
        );
        optionOpen = [menu, toggle];
    } else {
        $("#" + menu).next().slideUp(100, function() {
            $(this).css("opacity", 0);
        });
        optionOpen = [null, toggle]; 
    }
}

sendData = function(funcName) { // Call Meteor function, and do actions after function is completed depending on function.
    if(funcName === "editWork" || funcName === "createWork") {
        for(var key in serverData) {
            if(serverData[key] === true) serverData[key] = "";
        }
    }
    Meteor.call(funcName, serverData, function(error, result) {
        serverData = null;
        currWork = Session.get("currentWork");

        if(currWork !== null && currWork._id !== undefined) {
            Session.set("currentWork", work.findOne({
                _id: currWork._id
            }));
        } else {
            Session.set("currentWork",null);
        }
        if (error !== undefined) {
            sAlert.error(error.error[1] || error.message, {
                effect: 'stackslide',
                position: 'top'
            });
        } else {
            /*sAlert.success("Success!", {
                effect: 'stackslide',
                position: 'bottom-right',
                timeout: 2500
            });*/
            if(funcName === "createClass") {
                var inputs = document.getElementsByClassName("creInput");
                for(var i = 0; i < inputs.length; i++) {
                    inputs[i].value = "";
                }
                toggleToMode("manageClass");
            }
        }
        calendarEvents(myClasses());
        $("#fullcalendar").fullCalendar("removeEvents");
        $("#fullcalendar").fullCalendar("addEventSource", Session.get("calendarEvents"));
        document.getElementsByTagName("body")[0].style.color = Session.get("user").preferences.theme.textColor;
    });
}

function closeInput() { // Close a changeable input and change it back to span.
    var data = getHomeworkFormData();
    Session.set("currentWork", data);
    Session.set("restrictText", {});
    $("#"+modifyingInput).css('cursor','pointer');
    $("#"+modifyingInput).css('background-color', 'rgba(0,0,0,0)');
    if(!Session.get("newWork")) {
        serverData = Session.get("currentWork");
        if(checkMissing()) return;
        sendData("editWork");
    }
}

function getHomeworkFormData() { // Get all data relating to work creation.
    var inputs = ["wName", "wDueDate", "wDescription", "wType"]; // All work fields.
    var optional = ["wDescription"]; // Optional work fields.
    var data = Session.get("currentWork");
    for(var i = 0; i < inputs.length; i++) {
        var title = inputs[i].charAt(1).toLowerCase() + inputs[i].slice(2);
        var thisData = (function() {
            if(title === "type") {
                return $("#"+inputs[i]+" span")[0].childNodes[0].nodeValue.toLowerCase();
            } else if (title === "dueDate") {
                var val = $("#"+inputs[i])[0].value;
                return toDate(val);
            } else {
                return $("#"+inputs[i])[0].value;
            }
        })();
        // True signifies missing field to prevent missing if value is'Missing field.'
        data[title] =  data[title] = (thisData.toString().includes(defaultWork[title].slice(0,-3)) && !_.contains(optional, title)) ? true : thisData;
    }
    return data;
}

function checkMissing() {
    var required = ["name","dueDate","type"];
    var no = false;
    if(serverData === null || Object.keys(serverData).length < 4) {
        for(var i = 0; i < required.length; i++) {
            var id = "w" + required[i].charAt(0).toUpperCase() + required[i].slice(1);
            $("#"+id).addClass("formInvalid");
            $("#"+id)[0].value = "";
            $("#"+id)[0].placeholder = "Missing field";
        }
        return true;
    }
    for(var key in serverData) {
        if(!_.contains(required, key)) continue;
        var id = "w" + key.charAt(0).toUpperCase() + key.slice(1);
        if(serverData[key] === true || serverData[key] === "" || serverData[key] === undefined) {
            no = true;
            $("#"+id).addClass("formInvalid");
            $("#"+id)[0].value = "";
            $("#"+id)[0].placeholder = "Missing field";
        } else {
            $("#"+id)[0].placeholder = "";
            $("#"+id).removeClass("formInvalid");
        }
    }
    return no;
}

var days = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];
var months = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];

getReadableDate = function(date) { // Get readable date from Date constructor.
    return days[date.getDay()] + ", " + months[date.getMonth()] + " " + date.getDate() + ", " + date.getFullYear();
}

toDate = function(date) { // Turns formatted date back to Date constructor.
    date = date.substring(date.search(",") + 2, date.length);
    month = months.indexOf(date.substring(0, date.search(" ")));
    day = date.substring(date.search(" ") + 1, date.search(","));
    year = date.substring(date.search(",") + 2, date.length);
    return new Date(year, month, day, 11, 59, 59);
}

function formReadable(input, val) { // Makes work information readable by users.
    try {
        switch (val) {
            case "typeColor":
                return input.typeColor = workColors[input.type];
            case "name":
                return input.name;
            case "class":
                var id = input["class"]; 
                return (id === Meteor.userId()) ? "Personal" : classes.findOne({_id: id}).name;
            case "dueDate":
                return getReadableDate(input.dueDate);
            case "description":
                return input.description;
            case "type":
                return input.type[0].toUpperCase() + input.type.slice(1);
            case "comments":
                var comments = input.comments;
                var resort = [];
                if (Session.get("newWork")) return []; // Don't display comments if user is creating work.
                for (var k = 0; k < comments.length; k++) {
                    var re = comments.length - k - 1;
                    resort[re] = {
                        "comment": comments[k].comment,
                        "date": null,
                        "user": null,
                        "avatar": null,
                        "email": null
                    };
                    var user = Meteor.users.findOne({
                        _id: comments[k].user
                    });
                    resort[re].user = user.profile.name;
                    resort[re].date = moment(comments[k].date).fromNow();
                    resort[re].avatar = user.services.google.picture;
                    resort[re].email = user.services.google.email;
                }
                return resort;
            case "done":
                if (Session.get("newWork")) return [];
                for (var i = 0; i < input.done.length; i++) { // Display users who marked as done.
                    var user = Meteor.users.findOne({
                        _id: input.done[i]
                    });

                    input.done[i] = {
                        "user": user.profile.name,
                        "avatar": user.services.google.picture,
                        "email": user.services.google.email
                    };
                }
                return input.done;
            case "doneCol":
                if (Session.get("newWork")) return "";
                if (!_.contains(input.done, Meteor.userId())) return "";
                return "#27A127";
            case "doneText":
                if (Session.get("newWork")) return "";
                if (!_.contains(input.done, Meteor.userId())) return "Mark done";
                return "Done!";
            case "doneIcon":
                if (Session.get("newWork")) return "";
                if (!_.contains(input.done, Meteor.userId())) return "fa-square-o";
                return "fa-check-square-o";
            case "userConfirm":
                if (!_.contains(input.confirmations, Meteor.userId())) return (Session.get("mobileMode")) ? "rgb(101,101,101)" : "";
                return "#27A127";
            case "confirmations":
                return input.confirmations.length;
            case "userReport":
                if (!_.contains(input.reports, Meteor.userId()))  return (Session.get("mobileMode")) ? "rgb(101,101,101)" : "";
                return "#FF1A1A";
            case "reports":
                return input.reports.length;
            case "email":
                return Meteor.users.findOne({
                    _id: input.creator
                }).services.google.email;
            case "avatar":
                return Meteor.users.findOne({
                    _id: input.creator
                }).services.google.picture;
            case "creator":
                return Meteor.users.findOne({
                    _id: input.creator
                }).profile.name;
        }
    } catch(err){}
}

checkComplete = function(required, inputs) {
    var values = {};
    var no = [];
    for (var i = 0; i < inputs.length; i++) {
        var val = inputs[i].value;
        var where = inputs[i].getAttribute("form");
        if (val === "" && _.contains(required, where)) {
            no.push(where);
        }
        values[where] = val;
    }
    if (no.length > 0) { // Check missing fields.
        return [false,no.reduce(function(a, b) {
            return (b === no[no.length - 1]) ? a + ((no.length === 2) ? " and " : ", and ") + b : a + ", " + b;
        }), values];
    } else {
        return [true,"", values];
    }   
}

startDragula = function() {
    dragula([document.querySelector('#classesMode'), document.querySelector('#nonexistant')], {
        moves: function(el, container, handle) {
            // return handle.classList.contains("classInfo") || handle.classList.contains("mainClassName");
            return _.intersection(["classInfo", "mainClassName", "mainClassHour", "mainClassTeacher"], handle.classList).length > 0;
        }
    })
        .on('out', function(el) {
            var els = document.getElementsByClassName("classWrapper");
            var final = [];
            for (var i = 0; i < els.length; i++) {
                var classid = els[i].getElementsByClassName("creWork")[0].getAttribute("classid");
                final.push(classid);
            }
            Meteor.call("reorderClasses", final);
        });
};

myClasses = function() {
    var array = [];
    var courses = Session.get("user").classes;
    var classDisp = Session.get("classDisp"); // Get sidebar class filter.
    var sideFilter = Session.get("typeFilter"); // Get sidebar type filter.
    var hide = Session.get("user").preferences.timeHide;

    for (var i = 0; i < courses.length; i++) { // For each user class.
        if (courses[i] === Meteor.userId()) {
            found = {
                _id: courses[i],
                name: "Personal",
                subscribers: 1,
                mine: false,
                box: " owned"
            };
        } else {
            found = classes.findOne({
                _id: courses[i]
            });
            if(found === undefined) return;
            found.subscribers = found.subscribers.length;
            found.teachershort = found.teacher.split(" ").slice(1).reduce(function(a,b) { return a+ " " + b;});
            found.mine = true;
            if (found.admin === Meteor.userId()) { // If user owns this class.
                found.box = " owned";
                found.mine = false;
            }
        }

        found.selected = ((classDisp.indexOf(courses[i]) !== -1)) ? Session.get("user").preferences.theme.modeHighlight : "rgba(0,0,0,0)"; // Filter selected.
        array.push(found);

        var thisWork = work.find({
            class: courses[i]
        }).fetch();

        if (classDisp.length !== 0 && classDisp.indexOf(found._id) === -1) { // Filter classes based on filter.
            array[i].thisClassWork = [];
            continue;
        }

        for (var j = 0; j < thisWork.length; j++) { // For each work in class.
            if (hide !== 0) { // Time to hide isn't never.
                var due = (moment(thisWork[j].dueDate))._d;
                var offset = (moment().subtract(hide, 'days'))._d;
                if (offset > due) { // If due is before hide days before today
                    thisWork[j] = "no";
                }
            }

            if (thisWork[j] !== "no" && Session.get("user").preferences.done) { // If done filter is true
                if (thisWork[j].done.indexOf(Meteor.userId()) !== -1) { // If user marked this work done.
                    thisWork[j] = "no";
                }
            }

            if (thisWork[j] !== "no" && sideFilter.length !== 0 && !_.contains(sideFilter, thisWork[j].type)) {
                thisWork[j] = "no";
            }

            if (thisWork[j] !== "no" && Session.get("user").preferences.hideReport && (thisWork[j].confirmations.length / thisWork[j].reports.length) <= 0.9) {
                thisWork[j] = "no";
            }

        }
        while (thisWork.indexOf("no") !== -1) thisWork.splice(thisWork.indexOf("no"), 1); // Splice all filtered works.

        for (j = 0; j < thisWork.length; j++) {
            thisWork[j].classid = courses[i];
            thisWork[j].realDate = thisWork[j].dueDate;
            thisWork[j].dueDate = moment(thisWork[j].dueDate).calendar(null, {
                sameDay: '[Today]',
                nextDay: '[Tomorrow]',
                nextWeek: 'dddd',
                lastDay: '[Yesterday]',
                lastWeek: '[Last] dddd',
                sameElse: 'MMMM Do'
            });

            if (thisWork[j].dueDate === "Today") { // Font weight based on date proximity.
                thisWork[j].cardDate = "600";
            } else if (thisWork[j].dueDate === "Tomorrow") {
                thisWork[j].cardDate = "400";
            }
            thisWork[j].typeColor = workColors[thisWork[j].type];

            thisWork[j].confirmationLength = thisWork[j].confirmations.length; // Counts the number of confirmations and reports for a particular work.
            thisWork[j].reportLength = thisWork[j].reports.length;

            thisWork[j].creator = Meteor.users.findOne({
                _id: thisWork[j].creator
            }).profile.name;
            var conf = thisWork[j].confirmations.length;
            var repo = thisWork[j].reports.length;
            var ratio = conf / repo;
            var normalColor = Session.get("user").preferences.theme.text;
            if (Math.abs(conf - repo)) {
                if ((conf + repo) <= 1) {
                    thisWork[j].doneRatio = normalColor;
                } else {
                    thisWork[j].doneRatio = "#F9F906";
                }
            } else if (ratio >= 2) {
                thisWork[j].doneRatio = "#33DD33";
            } else if (ratio <= 0.9) {
                thisWork[j].doneRatio = "#FF1A1A";
            }
        }
        array[i].thisClassWork = thisWork.sort(function(a, b) {
            return Date.parse(a.realDate) - Date.parse(b.realDate);
        });
    }
    return array;
}

function calendarEvents(array) {
    var events = [];
    var userClasses = array;
    if(userClasses === undefined) return;
    for (var i = 0; i < userClasses.length; i++) {
        var works = userClasses[i].thisClassWork;
        for (var j = 0; j < works.length; j++) {
            var work = works[j];
            var currClass = classes.findOne({
                _id: work.class
            });
            var inRole = false;

            if (work.class === Meteor.userId() ||
                Meteor.userId() === work.creator ||
                Roles.userIsInRole(Meteor.userId(), ['superadmin', 'admin']) ||
                currClass.moderators.indexOf(Meteor.userId()) !== -1 ||
                currClass.banned.indexOf(Meteor.userId()) !== -1
               ) inRole = true;
            events.push({
                id: work._id,
                start: work.realDate.toISOString().slice(0, 10),
                title: work.name,
                backgroundColor: workColors[work.type],
                borderColor: "#444",
                startEditable: inRole,
                className: work.type + " workevent " + work.class
            });
        }
    }
    Session.set("calendarEvents", events);
}

function notifyMe() {

}