formatting

hourglass/client/login/login.css

@@ -3,9 +3,7 @@
     width: 100%;
     margin: 0;
     box-shadow: 2px 2px 5px 3px #666;
-
     background-color: #EBEBEB;
-
     display: inline-block;
     position: relative;
     z-index: 50;
@@ -15,7 +13,6 @@
     padding: 0.5%;
     padding-left: 1%;
     float: left;
-
     -webkit-filter: drop-shadow(2px 2px 5px #333);
     filter: drop-shadow(2px 2px 5px #333);
 }
@@ -36,7 +33,6 @@
     min-height: 100%;
     position: absolute;
     top: 11%;
-
     background-color: #E5E5E5;
     background-image: url("banner100.jpg");
 }
@@ -45,13 +41,10 @@
     position: fixed;
     top: 50%;
     left: 50%;
-
     -moz-border-radius: 50%;
     -webkit-border-radius: 50%;
     border-radius: 50%;
-
     background-color: rgba(0, 0, 0, 0.2);
-
     -webkit-filter: drop-shadow(2px 2px 5px #333);
     filter: drop-shadow(2px 2px 5px #333);
 }
@@ -65,7 +58,6 @@
 .text {
     text-align: center;
     color: #FFF;
-
     -webkit-filter: drop-shadow(2px 2px 5px #444);
     filter: drop-shadow(2px 2px 5px #444);
 }
@@ -84,20 +76,15 @@ p.text {
 #loginButton {
     font-size: 200%;
     padding: 2%;
-
     -webkit-border-radius: 6;
     -moz-border-radius: 6;
     border-radius: 6px;
-
     position: relative;
-
     background-color: #005CE6;
-
     -webkit-transition: background-color 0.4s ease;
     -moz-transition: background-color 0.4s ease;
     -ms-transition: background-color 0.4s ease;
     transition: background-color 0.4s ease;
-
     cursor: pointer;
 }
 
@@ -107,7 +94,6 @@ p.text {
 
 #loginButton:active {
     background-color: #FF4D4D;
-
     -webkit-transition: background-color 0.1s ease;
     -moz-transition: background-color 0.1s ease;
     -ms-transition: background-color 0.1s ease;
@@ -130,7 +116,6 @@ p.text {
     font-size: 150%;
     margin: 0;
     padding: 1%;
-
     -webkit-filter: drop-shadow(2px 2px 5px #444);
     filter: drop-shadow(2px 2px 5px #444);
 }
@@ -138,7 +123,6 @@ p.text {
 a {
     color: #0099CC;
     text-decoration: none;
-
     -webkit-transition: color 0.4s ease;
     -moz-transition: color 0.4s ease;
     -ms-transition: color 0.4s ease;
@@ -148,4 +132,3 @@ a {
 a:hover {
     color: #00BFFF;
 }
-

hourglass/client/main/main.js

@@ -1,4 +1,6 @@
-import { Template } from 'meteor/templating';
+import {
+    Template
+} from 'meteor/templating';
 
 import './main.html';
 
@@ -25,11 +27,11 @@ var calendarColors = {
     "project": "blue",
     "normal": "green",
     "quiz": "black"
-}
+};
 var options = {
     "privacy": ["Public", "Hidden"],
     "category": ["Class", "Club", "Other"]
-}
+};
 
 var searchSchools = [];
 
@@ -38,16 +40,16 @@ Session.set("mode",null); // Change to user preferences
 
 Template.registerHelper('divColor', (div) => {
     return themeColors[Cookie.get("theme")][div];
-})
+});
 
 Template.registerHelper('overlayDim', (part) => {
-	var dim = [window.innerWidth * .2,window.innerHeight * .2];
+    var dim = [window.innerWidth * .2, 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:"+themeColors[Cookie.get("theme")]["header"]+";";
+    var bg = "background-color:" + themeColors[Cookie.get("theme")].header + ";";
     return width + height + margin + bg;
-})
+});
 
 Template.main.helpers({
     schoolName() {
@@ -73,7 +75,7 @@ Template.main.helpers({
         } else if (Session.get("sidebar") === "both") {
             return "0%";
         } else {
-	  		return openValues["menu"];
+            return openValues.menu;
         }
     },
     optionsStatus() {
@@ -82,7 +84,7 @@ Template.main.helpers({
         } else if (Session.get("sidebar") === "both") {
             return "0%";
         } else {
-	  		return openValues["options"];
+            return openValues.options;
         }
     },
     modeStatus(status) {
@@ -106,7 +108,11 @@ Template.main.helpers({
             backgroundColor = calendarColors[current.type];
             title = current.name;
             duedate = current.dueDate.toISOString().slice(0, 10);
-			events.push({start: duedate, title: title, backgroundColor: backgroundColor});			    
+            events.push({
+                start: duedate,
+                title: title,
+                backgroundColor: backgroundColor
+            });
         });
         return {
             height: window.innerHeight * .8,
@@ -120,13 +126,13 @@ Template.main.helpers({
         };
     },
     calCenter() {
-		var width = window.innerWidth * .85;
+        var width = window.innerWidth * 0.85;
-		return "width:"+width.toString()+"px;margin-left:"+(.5*window.innerWidth-.5*width).toString()+"px"; 
+        return "width:" + width.toString() + "px;margin-left:" + (0.5 * window.innerWidth - 0.5 * width).toString() + "px";
     },
     calbg() {
-		var width = window.innerWidth * .865;
+        var width = window.innerWidth * 0.865;
-		var height = window.innerHeight * .76;
+        var height = window.innerHeight * 0.76;
-		return "width:"+width.toString()+"px;height:"+height.toString()+"px;margin-left:"+(.5*window.innerWidth-.5*width).toString()+"px;margin-top:"+(.47*window.innerHeight-.5*height).toString()+"px"; 
+        return "width:" + width.toString() + "px;height:" + height.toString() + "px;margin-left:" + (0.5 * window.innerWidth - 0.5 * width).toString() + "px;margin-top:" + (0.47 * window.innerHeight - 0.5 * height).toString() + "px";
     }
 });
 
@@ -134,7 +140,7 @@ Template.main.events({
     'click .fa-bars' () {
         var side = Session.get("sidebar");
         if (side === "menuContainer") {
-			Session.set("sidebar",null)
+            Session.set("sidebar", null);
         } else if (side === "optionsContainer") {
             Session.set("sidebar", "both");
         } else if (side === "both") {
@@ -146,7 +152,7 @@ Template.main.events({
     'click .fa-cog' () {
         var side = Session.get("sidebar");
         if (side === "optionsContainer") {
-			Session.set("sidebar",null)
+            Session.set("sidebar", null);
         } else if (side === "menuContainer") {
             Session.set("sidebar", "both");
         } else if (side === "both") {

hourglass/client/profile/profile.css

@@ -56,7 +56,6 @@
     -moz-border-radius: 50%;
     -webkit-border-radius: 50%;
     border-radius: 50%;
-
     position: absolute;
     top: 43%;
     left: 2.5%;
@@ -68,7 +67,6 @@
     width: 100%;
     height: 5%;
     padding: 0.5% 0 0.5% 0;
-
     background-color: #0D0D0D;
 }
 
@@ -84,13 +82,10 @@
 
 .profOptions {
     box-shadow: 2px 2px 5px 3px #666;
-
     position: absolute;
     display: none;
     z-index: 5;
-
     opacity: 0;
-
     -webkit-transition: opacity 0.4s ease;
     -moz-transition: opacity 0.4s ease;
     -ms-transition: opacity 0.4s ease;
@@ -102,10 +97,8 @@
     min-width: 10%;
     padding: 20px;
     margin: 0;
-
     text-align: center;
     cursor: pointer;
-	
     -webkit-transition: box-shadow 0.4s ease;
     -moz-transition: box-shadow 0.4s ease;
     -ms-transition: box-shadow 0.4s ease;
@@ -126,7 +119,6 @@
     padding: 4%;
     padding-top: 2.5%;
     padding-right: 4%;
-
     box-shadow: 2px 2px 5px 3px #666;
 }
 
@@ -145,7 +137,6 @@
     height: 30%;
     float: right;
     border-top: 5px solid #2E4F74;
-
     -webkit-transition: width 0.4s ease;
     -moz-transition: width 0.4s ease;
     -ms-transition: width 0.4s ease;
@@ -170,12 +161,9 @@
 .profFunction {
     margin-right: 1%;
     padding: 2%;
-
     border: 2px solid rgba(0, 0, 0, 0.2);
-
     display: inherit;
     cursor: pointer;
-
     -webkit-transition: background-color 0.4s ease;
     -moz-transition: background-color 0.4s ease;
     -ms-transition: background-color 0.4s ease;
@@ -184,10 +172,10 @@
 
 .profFunction:hover {
     background-color: rgba(0, 0, 0, 0.1);
-
 }
 
-.profFunction i, .profFunction h4 {
+.profFunction i,
+.profFunction h4 {
     padding: 1%;
 }
 
@@ -200,29 +188,34 @@
     width: 30%;
     margin-top: 3%;
     padding: 1.5% 1% 1.5% 1%;
-
     -webkit-animation: expand .7s ease 1;
     animation: expand .7s ease 1;
 }
 
 @-webkit-keyframes expand {
-    0%	 { width: 0%; }
+    0% {
-    100% { width: 30%; }
+        width: 0%;
+    }
+    100% {
+        width: 30%;
+    }
 }
 
 @keyframes expand {
-    0%	 { width: 0%; }
+    0% {
-    100% { width: 30%; }
+        width: 0%;
+    }
+    100% {
+        width: 30%;
+    }
 }
 
 #label {
     width: 90%;
     margin-top: 2.5%;
     margin-bottom: 2%;
-	
     background-color: rgba(0, 0, 0, 0.2);
     box-shadow: none;
-
     display: table;
     cursor: default;
 }
@@ -231,9 +224,7 @@
     width: 90%;
     padding: 1%;
     padding-right: 100%;
-
     display: inline-block;
-
     overflow-x: hidden;
     overflow-y: scroll;
 }
@@ -242,9 +233,7 @@
     font-style: italic;
     font-weight: 200;
     margin-left: 1%;
-
     color: #999;
-
     -webkit-filter: none;
     filter: none;
 }
@@ -254,11 +243,9 @@
     width: 100%;
     margin-bottom: 3%;
     padding: 2%;
-
     box-shadow: 2px 2px 5px 3px #666;
     display: table;
     cursor: pointer;
-
     -webkit-transition: background-color 0.4s ease;
     -moz-transition: background-color 0.4s ease;
     -ms-transition: background-color 0.4s ease;
@@ -327,11 +314,9 @@
     font-size: 140%;
     margin: 0 35% 0 35%;
     padding: 2%;
-
     background-color: rgba(0, 0, 0, 0.25);
     text-align: center;
     cursor: pointer;
-
     -webkit-transition: background-color 0.4s ease;
     -moz-transition: background-color 0.4s ease;
     -ms-transition: background-color 0.4s ease;
@@ -353,14 +338,11 @@
 #save {
     font-size: 90%;
     background-color: #CC4444;
-
     box-shadow: -1px 2px 5px 1px #333;
-
     position: absolute;
     top: 0;
     right: 10%;
     z-index: 5;
-
     -webkit-transition: transform 0.2s ease, background-color 0.1s ease;
     -moz-transition: transform 0.2s ease, background-color 0.1s ease;
     -ms-transition: transform 0.2s ease, background-color 0.1s ease;
@@ -383,9 +365,6 @@
     font-weight: 200;
     width: 100%;
     padding: 8%;
-
     -webkit-filter: none;
     filter: none !important;
 }
-
-

hourglass/client/profile/profile.js

@@ -1,4 +1,6 @@
-import { Template } from 'meteor/templating';
+import {
+    Template
+} from 'meteor/templating';
 
 Session.set("profInputOpen", null);
 Session.set("profClassTab", "manClass");
@@ -33,7 +35,9 @@ Template.profile.helpers({
                 collection: classes,
                 field: "name",
                 template: Template.classDisplay,
-				filter: {status: true}
+                filter: {
+                    status: true
+                }
             }]
         };
     },
@@ -64,7 +68,7 @@ Template.profile.helpers({
     },
     mainCenter() {
         var width = window.innerWidth * 1600 / 1920 + 10;
-		return "width:"+width.toString()+"px;margin-left:"+-.5*width.toString()+"px"; 
+        return "width:" + width.toString() + "px;margin-left:" + -0.5 * width.toString() + "px";
     },
     mainHeight() {
         return window.innerHeight.toString() + "px";
@@ -80,7 +84,7 @@ Template.profile.helpers({
         return "width:" + width.toString() + "px;height:" + height.toString() + "px;background-image:url(\'" + banner + "\');background-size:" + width.toString() + "px " + height.toString() + "px";
     },
     avatar() {
-		var dim = window.innerWidth * 1600/1920 * .16;
+        var dim = window.innerWidth * 1600 / 1920 * 0.16;
         if (Meteor.user().profile.avatar !== undefined) {
             var pic = "\'" + Meteor.user().profile.avatar + "\'";
         } else {
@@ -89,8 +93,8 @@ Template.profile.helpers({
         return "background-image:url(" + pic + ");background-size:" + dim.toString() + "px " + dim.toString() + "px";
     },
     avatarDim() {
-		var dim = window.innerWidth * 1600/1920 * .16;
+        var dim = window.innerWidth * 1600 / 1920 * 0.16;
-		return "height:"+dim.toString()+"px;width:"+dim.toString()+"px;top:"+.43*window.innerHeight.toString()+"px;";
+        return "height:" + dim.toString() + "px;width:" + dim.toString() + "px;top:" + 0.43 * window.innerHeight.toString() + "px;";
     },
     username() {
         return Meteor.user().profile.name;
@@ -117,21 +121,34 @@ Template.profile.helpers({
         }
     },
     classes() {
-		return classes.find( { status: { $eq: true }, privacy: { $eq: false }}, {sort: { subscribers: -1 }}, {limit: 20}).fetch();
+        return classes.find({
+            status: {
+                $eq: true
+            },
+            privacy: {
+                $eq: false
+            }
+        }, {
+            sort: {
+                subscribers: -1
+            }
+        }, {
+            limit: 20
+        }).fetch();
     },
     profClassHeight() {
-		return .6*window.innerHeight.toString()+"px";
+        return 0.6 * window.innerHeight.toString() + "px";
     },
     classHolderHeight() {
-		return .26*window.innerHeight.toString()+"px";
+        return 0.26 * window.innerHeight.toString() + "px";
+    },
+    profClassTabColor(status) {        
+        if (status === Session.get("profClassTab")) {            
+            return themeColors[Cookie.get("theme")].highlightText;        
+        } else {            
+            return;        
+        }    
     },
-	profClassTabColor(status) {
-        if(status === Session.get("profClassTab")) {
-            return themeColors[Cookie.get("theme")].highlightText;
-        } else {
-            return;
-        }
-    },
     profClassTab(tab) {
         if (tab === Session.get("profClassTab")) {
             return true;
@@ -158,7 +175,7 @@ Template.profile.helpers({
     confirmText() {
         return Session.get("confirmText");
     }
-})
+});
 
 Template.profile.events({
     'click profOptions p' (event) {
@@ -185,7 +202,7 @@ Template.profile.events({
         }
         input.value = ele.childNodes[0].nodeValue;
         input.className = "changeInput";
-		input.style.height = .9*dim.height.toString()+"px";
+        input.style.height = 0.9 * dim.height.toString() + "px";
         input.style.width = "70%";
         input.style.padding = "0.1%";
         input.id = ele.id + "a";
@@ -289,30 +306,30 @@ Template.profile.events({
         Session.set("radioDiv", null);
         Session.set("radioOffset", null);
     },
-	'click .addClass' () {
+    'click .addClass' () {        
-        var functionHolder = document.getElementById("profClassInfoHolder")
+        var functionHolder = document.getElementById("profClassInfoHolder");
-        closeDivFade(functionHolder);
+        closeDivFade(functionHolder);        
-        setTimeout(function() {
+        setTimeout(function() {            
-            Session.set("profClassTab","addClass");
+            Session.set("profClassTab", "addClass");            
-            openDivFade(functionHolder);
+            openDivFade(functionHolder);        
-        },300);
+        }, 300);    
-    },
+    },
-    'click .manageClass' () {
+        'click .manageClass' () {        
-        var functionHolder = document.getElementById("profClassInfoHolder")
+        var functionHolder = document.getElementById("profClassInfoHolder");
-        closeDivFade(functionHolder);
+        closeDivFade(functionHolder);        
-        setTimeout(function() {
+        setTimeout(function() {            
-            Session.set("profClassTab","manClass");
+            Session.set("profClassTab", "manClass");            
-            openDivFade(functionHolder);
+            openDivFade(functionHolder);        
-        },300);
+        }, 300);    
-    },
+    },
-    'click .createClass' () {
+        'click .createClass' () {        
-        var functionHolder = document.getElementById("profClassInfoHolder")
+        var functionHolder = document.getElementById("profClassInfoHolder");        
-        closeDivFade(functionHolder);
+        closeDivFade(functionHolder);        
-        setTimeout(function() {
+        setTimeout(function() {            
-            Session.set("profClassTab","creClass");
+            Session.set("profClassTab", "creClass");            
-            openDivFade(functionHolder);
+            openDivFade(functionHolder);        
-        },300);
+        }, 300);    
-    },
+    },
     'click .fa-search' () {
         Session.set("searching", true);
     },
@@ -387,7 +404,7 @@ Template.profile.events({
     },
     'click #creSubmit' () {
         var data = getCreateFormData();
-		if(data == null) return;
+        if (data === null) return;
         Session.set("serverData", data);
         Session.set("confirm", "createClass");
         Session.set("confirmText", "Submit request?");
@@ -400,7 +417,7 @@ Template.profile.events({
     'focus .op' (event) {
         event.target.click();
     }
-})
+});
 
 function openDivFade(div) {
     if (div.className === "profOptions") {
@@ -427,9 +444,9 @@ function closeInput(sessval) {
     input.parentNode.removeChild(input);
     try {
         var restrict = document.getElementById("restrict");
-		restrict.parentNode.removeChild(restrict)
+        restrict.parentNode.removeChild(restrict);
     } catch (err) {}
-	if(input.value == "") {
+    if (input.value === "") {
         span.childNodes[0].nodeValue = "Click here to edit...";
     } else {
         span.childNodes[0].nodeValue = input.value;