css fixes due to animation, more google sites

chromebook-checkout-meteor/client/admin.css

@@ -1,7 +1,3 @@
-.overlap-fix {
-  margin-left:100px;
-  margin-top: 16px;
-} 
 .yield:hover, .yieldc:hover {
   color: #E14C2B;
 }

chromebook-checkout-meteor/client/admin.html

@@ -29,15 +29,15 @@
       <div class="border">
       <div>
           <h6> Edit Carts</h6> <!-- Editing Carts -->
+          {{#momentum plugin='slide-fade'}}
         {{#each carts}}
         <div class="row-admin">
           {{>cart}}
           <i class="icons yieldc fa fa-exclamation-triangle fa-lg"></i>
-          <div class="overlap-fix">
           <i class="icons crossc fa fa-times fa-lg"></i>
-        </div>
        </div>
        {{/each}}
+       {{/momentum}}
       <h6>Add a Cart</h6> <!-- Adding Carts -->
         <form class="new-task">
           <input type="text" name="acnumber" placeholder="Cart Number (ex. A)" class="submission"/>

chromebook-checkout-meteor/client/cart.html

@@ -1,5 +1,5 @@
 <template name="cart">
-    <div class="cart chromebook {{status_class}}">
+    <div class="cart chromebook {{status_class}} {{url}}">
       <p class="pure-u-3-5">Cart {{number}}</p> 
         {{#if status }}
           <div class="timestamp pure-u-2-5">

chromebook-checkout-meteor/client/cart.js

@@ -16,6 +16,9 @@ Template.cart.helpers({
     } else {
       return moment(this.last_checkout).fromNow();      
     }
+  },
+  url: function() {
+    return Router.current().originalUrl.replace("/", "");
   }
 });
 

chromebook-checkout-meteor/client/checkout.html

@@ -5,11 +5,13 @@
 	    </div>
 	     <div class="chckBorder">
 	      <div class="chckChromebooks">
+	      {{#momentum plugin='slide-fade'}}
 	      {{#each chromebooks}}
 	    		<div class="row">
 	        	{{> chromebook}}
      			</div>
 	      {{/each}}
+	      {{/momentum}}
 	  	  </div>
 	  	</div>
       </div>

chromebook-checkout-meteor/client/chromebook.css

@@ -19,6 +19,10 @@ body {
   max-width: 81%;
 }
 
+.checkout, .teacher {
+  min-width: 94%;
+}
+
 .chromebook:hover {
   box-shadow: 5px 0 12px #919191, -5px 0 12px #919191;
   outline: #25abd9 solid 3px;
@@ -36,10 +40,11 @@ body {
   color: #5A5A5A;
   transition: color 0.5s;
 }
-.icons.yield.fa.fa-exclamation-triangle.fa-lg {
+.icons.yield.fa.fa-exclamation-triangle.fa-lg, .icons.yieldc.fa.fa-exclamation-triangle.fa-lg {
   margin-right: 6%;
 }
 
+
 .cross:hover, .crossc:hover{
   color: #E14C2B;
 }

chromebook-checkout-meteor/client/chromebook.html

@@ -1,5 +1,5 @@
 <template name="chromebook">
-    <div class="chromebook {{status_class}}">
+    <div class="chromebook {{status_class}} {{url}}">
       <p class="pure-u-3-5">Chromebook #{{number}}</p> 
         {{#if status}}
           <div class="timestamp pure-u-2-5">

chromebook-checkout-meteor/client/chromebook.js

@@ -16,6 +16,9 @@ Template.chromebook.helpers({
     } else {
       return moment(this.last_checkout).fromNow();      
     }
+  },
+  url: function() {
+    return Router.current().originalUrl.replace("/", "");
   }
 });
 

chromebook-checkout-meteor/client/initial.js

@@ -4,7 +4,9 @@ var links = [
   "https://translate.google.com",
   "https://keep.google.com/",
   "https://mail.google.com/mail/u/0/",
-  "https://classroom.google.com/h"
+  "https://classroom.google.com/h",
+  "https://maps.google.com/",
+  "https://earth.google.com/",
 ]
 
 Template.initial.events({
@@ -16,3 +18,12 @@ Template.initial.events({
     Router.go('/checkout');
   }
 })
+Template.login.events({
+  'click .chromeicon': function() {
+    var randomint = Math.floor(Math.random() * (links.length - 1));
+    window.open(links[randomint], "_blank");
+  },
+  'click .submit': function() {
+    Router.go('/checkout');
+  }
+})

chromebook-checkout-meteor/client/teacher.html

@@ -8,22 +8,26 @@
           <div class="tchChromebooks">
             <div>
            <div>
+            {{#momentum plugin='slide-fade'}}
               {{#each chromebooks}}
                 <div class="row">
                   {{> chromebook}}
                 </div>
               {{/each}}
+              {{/momentum}}
             </div>
           </div>
         </div>
           <!-- Carts -->
           <div class="tchChromebooks">
             <div>
+            {{#momentum plugin='slide-fade'}}
             {{#each carts}}
               <div class="row">
                 {{>cart}}
               </div>
             {{/each}}
+            {{/momentum}}
           </div>
           </div>
                {{/teacherTabs}}

chromebook-checkout-meteor/server/users.js

@@ -33,7 +33,8 @@ var teachers = [
   // Add all Teachers here
   "mminer@bloomfield.org",
   "qalieh.yaman90@bloomfield.org",
-  "ruhelski@bloomfield.org"
+  "ruhelski@bloomfield.org",
+  "jao.kenneth43@bloomfield.org"
 ];
 for (var i = 0; i < teachers.length; i++) {
   var teacher = teachers[i];