Merge pull request #2 from ehzhang/dev

Dev

Author: ehzhang

client/components/mentorStatus/mentorStatus.js

@@ -22,13 +22,14 @@ function formatTime(ms){
     return s + " seconds";
   }
   if (s >= 60 && s < 3600){
-    return Math.floor(s / 60) + " minutes";
+    var minutes = Math.floor(s / 60);
+    return minutes + (minutes == 1 ? "minute" : "minutes");
   }
   if (s >= 3600){
     return "1 hour or more";
   }
 
-  return "uncertain"
+  return "uncertain";
 }
 
 function completedTickets(){

client/components/nav/nav.html

@@ -18,6 +18,25 @@
         </div>
       </div>
     </div>
+
+    <div id="mobile-nav">
+      {{#if userIs 'mentor'}}
+        <div class="ui bottom fixed three item labeled icon menu">
+          <a class="item" href="/">
+            <i class="home icon"></i>
+            Home
+          </a>
+          <a class="item" href="/mentor">
+            <i class="inbox icon"></i>
+            Mentor
+          </a>
+          <a class="item" href="/profile">
+            <i class="child icon"></i>
+            Profile
+          </a>
+        </div>
+      {{/if}}
+    </div>
   {{/if}}
 </template>
 

client/components/tickets/ticket/ticket.html

@@ -2,6 +2,9 @@
   <div class="animated flipInX
               ui fluid card ticket {{#if statusIs 'CLAIMED'}}claimed{{/if}}">
     <div class="content">
+      {{#if userIs 'admin'}}
+        <i class="right floated red remove link cancel button icon"></i>
+      {{/if}}
       <div class="header">
         {{#if name }}
           {{name}}
@@ -61,8 +64,6 @@
         {{/if}}
       {{/if}}
 
-      <button class="fluid danger push button cancel"> Cancel Ticket </button>
-
     </div>
 
   </div>

client/stylesheets/scss/components/_nav.scss

@@ -8,4 +8,11 @@
     left: 90%;
     padding: 0.4em;
   }
-}
+}
+
+@media only screen and (min-width: 768px) {
+
+  #mobile-nav {
+    display: none;
+  }
+}

client/stylesheets/scss/components/_ticketPanel.scss

@@ -2,6 +2,7 @@
   text-align: center;
   .title {
     font-size: 1.8em;
+    line-height: 1.8em;
     margin-bottom: 12px;
   }
   .content {

client/views/home/home.html

@@ -1,6 +1,5 @@
 <template name="home">
   <section id="home">
-
     <div class="ui centered stackable page grid">
       <div class="centered row">
         <div class="twelve wide column">
@@ -26,7 +25,6 @@
         </div>
       </div>
     </div>
-
   </section>
 </template>