admin panel tabs

chromebook-checkout-meteor/client/admin.css

@@ -1,5 +1,6 @@
 .admintitle {
 	text-align: center;
+  margin-top: 0;
 }
 
 .content {
@@ -7,7 +8,7 @@
   border-radius:15px;
   margin-left:auto;
   margin-right:auto;
-  margin-top:13%;
+  margin-top:5%;
   margin-bottom:0;
   height:auto;
   max-width:60%;

chromebook-checkout-meteor/client/admin.html

@@ -1,7 +1,11 @@
 <template name="admin">
   <div id="center">
-    <div class="content">
     <h5 class="admintitle">Admin Panel</h5>
+    <div class="content">
+      
+              {{#teacherTabs tabs=tabs}}
+          <!-- Single -->
+      <div>
       <div class="Adding">
         <h6>Add a Chromebook</h6>
         <form class="new-task">
@@ -20,6 +24,12 @@
           </div>
         {{/each}}
       </div>
+    </div>
+          <!-- Carts -->
+      <div>
+
+      </div>
+            {{/teacherTabs}}
   </div>
   </div>
 </template> 

chromebook-checkout-meteor/client/admin.js

@@ -4,6 +4,22 @@ Template.admin.helpers({
   }
 });
 
+ReactiveTabs.createInterface({
+  template: 'teacherTabs',
+  onChange: function (slug, template) {
+  }
+});
+
+Template.admin.helpers({
+  tabs: function () {
+    // Every tab object MUST have a name and a slug!
+    return [
+      { name: 'Single', slug: 'single' },
+      { name: 'Carts', slug: 'carts' }
+       ];
+  }
+});
+
 Template.admin.events({
   "submit .add, click .add": function (event) {
     event.preventDefault();

chromebook-checkout-meteor/client/router.js

@@ -19,11 +19,11 @@ Router.route('/login', function() {
 });
 
 Router.route('/admin', function() {
-  if (Roles.userIsInRole(Meteor.userId(), ['admin'])) {
+//  if (Roles.userIsInRole(Meteor.userId(), ['admin'])) {
     this.render("admin");
-  } else {
+/*  } else {
     this.redirect('/login');
-  }
+  }*/
 });
 
 Router.route('/teacher', function() {