Added prep code for admin

hourglass/client/admin/admin.css

@@ -26,8 +26,9 @@
 	border-top-right-radius: 2px;
 
 	display: block;
-	text-align: center;
 	float: left;
+	text-align: center;
+	cursor: pointer;
 
 	-webkit-transition: background-color 0.3s ease, box-shadow 0.3s ease;  
 	-moz-transition: background-color 0.3s ease, box-shadow 0.3s ease; 
@@ -51,7 +52,7 @@
 	display: inline-block;
 }
 
-#sectionTop {
+.sectionTop {
 	font-size: 130%;
 	margin: 0;
 	padding: 6% 6% 6% 9%;
@@ -59,16 +60,18 @@
 	box-shadow: -5px -1px 7px 3px #555;
 }
 
-#sectionTop p {
+.sectionTop p {
 	margin-left: 10%;
 	display: inline;
 }
 
-.filter {
+.aFilter, .aFunction {
 	font-size: 100%;
 	margin: 0;
 	padding: 7% 10% 7% 5%;
+
 	text-align: right;
+	cursor: pointer;
 
 	-webkit-transition: box-shadow 0.3s ease;  
 	-moz-transition: box-shadow 0.3s ease; 
@@ -76,10 +79,31 @@
 	transition: box-shadow 0.3s ease;
 }
 
-.filter:hover {
+.aFilter:hover, .aFunction:hover {
 	box-shadow: inset 0 0 0 99999px rgba(0,0,0,0.08);
 }
 
+.aFunction {
+	font-size: 100%;
+}
+
+.aFunction i {
+	width: 40%;
+	margin: 0;
+	padding: 0;
+
+	-webkit-filter: none;
+	filter: none;
+
+	display: inline-block;
+}
+
+.aFunction p {
+	width: 50%;
+	margin: 0;
+	display: inline-block;
+}
+
 #adminContent {
 	width: 90%;
 	height: 100%;

hourglass/client/admin/admin.html

@@ -1,5 +1,5 @@
 <template name="admin">
-	<div id="adminBanner" style="{{banner}}{{textColor}}">
+	<div id="{{user}}adminBanner" style="{{banner}}{{textColor}}">
 		<ul id="adminTabs">
 			<li id="aClasses" style="background-color:{{divColor 'adminButtons'}};margin-left:0">Classes</li>
 			<li id="aUsers" style="background-color:{{divColor 'adminButtons'}}">Users</li>
@@ -10,12 +10,52 @@
 	</div>
 	<div id="aContainer">
 		<div id="adminSide" style="background-color:{{divColor 'sidebar'}}">
-			<div id="sectionTop"><i class="fa fa-server" aria-hidden="true"></i><p>Filters</p></div>
-			{{#each filters}}
-				<p class="filter">{{filter}}</p>
-			{{/each}}
+			<div id="adminFilters">
+				<div class="sectionTop">
+					<i class="fa fa-server" aria-hidden="true"></i>
+					<p>Filters</p>
+				</div>
+				{{#each filters}}
+					<p class="aFilter">{{filter}}</p>
+				{{/each}}
+			</div>
+			<div id="adminFunctions">
+				<div class="sectionTop">
+					<i class="fa fa-sliders" aria-hidden="true"></i>
+					<p>Functions</p>
+				</div>
+				<div class="aFunction">
+					<p>Add Item</p>
+					<i class="fa fa-plus" aria-hidden="true"></i>
+				</div>
+				<div class="aFunction">
+					<p>Search</p>
+					<i class="fa fa-search" aria-hidden="true"></i>
+				</div>
+			</div>
 		</div>
 		<div id="adminContent" style="background-color:{{divColor 'header'}}">
+			{{#if adminTab 'aClasses'}}
+				{{#each collection 'classes'}}
+					
+				{{/each}}
+			{{/if}}
+			{{#if adminTab 'aUsers'}}
+				{{#each collection 'users'}}
+				{{/each}}
+			{{/if}}
+			{{#if adminTab 'aWork'}}
+				{{#each collection 'work'}}
+				{{/each}}
+			{{/if}}
+			{{#if adminTab 'aSchools'}}
+				{{#each collection 'schools'}}
+				{{/each}}
+			{{/if}}
+			{{#if adminTab 'aReports'}}
+				{{#each collection 'requests'}}
+				{{/each}}
+			{{/if}}
 		</div>
 	</div>
 </template>

hourglass/client/admin/admin.js

@@ -9,6 +9,27 @@ Template.admin.helpers({
 	},
 	filters() {
 		return [{filter:"Lol"}];
+	},
+	adminTab(val) {
+		return Session.equals("adminTab",val);
+	},
+	collection(val) {
+		switch(val) {
+			case "classes":
+				var classes = classes.find().fetch();
+				for(var i = 0; i < classes.length; i++) {
+					
+				}
+				break;
+			case "users":
+				break;
+			case "work":
+				break;
+			case "schools":
+				break;
+			case "requests":
+				break;
+		}
 	}
 });