added unapproved classes viewing

hourglass/client/main/main.css

@@ -476,6 +476,16 @@ input {
 
 .mainClassTeacher {
 	font-size: 1.7vh;
+	width: 70%;
+	display: table-cell;
+	pointer-events: none;
+}
+
+.mainClassStatus {
+	font-size: 1.7vh;
+	font-weight: bold;
+	margin: 0;
+	display: table-cell;
 	pointer-events: none;
 }
 
@@ -1289,6 +1299,7 @@ textarea.clickModify {
 
 }
 #markDone, #markConfirm, #markReport {
+	font-size: 95%;
 	padding: 5%;
 	background-color: rgba(0,0,0,0.1);
 

hourglass/client/main/main.html

@@ -190,13 +190,22 @@
 </template>
 
 <template name="classesMode">
-    <div class="classWrapper">
-        <div class="mainClass" style="background-color:{{divColor 'classCardColor'}}">
-            <div class="classInfo"> <!-- class color -->
-                <h3 class="mainClassName">{{name}}</h3>
-                <p class="mainClassHour">{{hour}}</p>
-                <p class="mainClassTeacher">{{teacher}}</p>
-            </div>
+    <div class="classWrapper"> <!-- class color -->
+        <div class="mainClass" style="background-color:{{divColor 'classCardColor'}}"> 
+            {{#if status}}
+                <div class="classInfo"> 
+                    <h3 class="mainClassName">{{name}}</h3>
+                    <p class="mainClassHour">{{hour}}</p>
+                    <p class="mainClassTeacher">{{teacher}}</p>
+                </div>
+            {{else}}
+                <div class="classInfo" style="border-top:1vh solid #E64F4F;padding-top:2vh"> 
+                    <h3 class="mainClassName">{{name}}</h3>
+                    <p class="mainClassHour">{{hour}}</p>
+                    <p class="mainClassTeacher">{{teacher}}</p>
+                    <p class="mainClassStatus">Unapproved</p>
+                </div>
+            {{/if}}
             <div class="creWork" classid="{{_id}}">
                 <i class="fa fa-plus" aria-hidden="true"></i>
                 <h4>Add Work</h4>

hourglass/client/main/main.js

@@ -971,6 +971,7 @@ getClasses = function(myClasses) {
             classObj.box = " owned";
             classObj.mine = false; // Actual value is reversed.
             classObj.subscribers = 1;
+            classObj.status = true;
             classObj.admin = Meteor.userId();
             classObj._id = Meteor.userId();
         } else {