Added all tests page

Added underscore dependency

Author: frostwind

Diff for: assets/index.html

@@ -32,9 +32,6 @@ <h1>
           <li>
             <a href="/#/tests">All my tests</a>
           </li>
-          <li>
-            <a href="/#/settings">Settings</a>
-          </li>
         </ul>
       </nav>
     </div>

Diff for: assets/javascripts/controllers/all_tests.coffee

@@ -0,0 +1,19 @@
+_ = require 'underscore'
+
+module.exports = class
+  @$inject: ['$scope', '$http', '$routeParams', '$location', '$websocket']
+  constructor: (@scope, @http, @params, @location, @socket) ->
+    @scope.tests = []
+
+    @http.get '/api/tests'
+    .success (res) =>
+      @scope.tests = res
+
+    angular.extend @scope,
+      delete: @delete
+
+  delete: (id) =>
+    @http.delete '/api/tests/'+id
+    .success (res) =>
+      @scope.tests = _(@scope.tests).reject (test) ->
+        id is test._id

Diff for: assets/javascripts/index.coffee

@@ -14,15 +14,13 @@ class Config
       controller: 'NewTestController'
 
     .when '/tests',
-      templateUrl: 'views/tests.html'
+      templateUrl: 'views/all_tests.html'
+      controller: 'AllTestsController'
 
     .when '/tests/:id',
       templateUrl: 'views/start_test.html'
       controller: 'StartTestController'
 
-    .when '/settings',
-      templateUrl: 'views/settings.html'
-
     .otherwise
       redirectTo: '/'
 

Diff for: assets/javascripts/modules/app.controllers.coffee

@@ -1,6 +1,7 @@
 app = angular.module 'app.controllers', []
 
 app.controller 'NewTestController', require '../controllers/new_test'
+app.controller 'AllTestsController', require '../controllers/all_tests'
 app.controller 'StartTestController', require '../controllers/start_test'
 
 module.exports = app

Diff for: assets/stylesheets/colors.styl

@@ -1,5 +1,6 @@
 $blue = #00aaea
 $green = #009999
+$red = #c33434
 $very-light-grey = #c0c0c0
 $light-grey = #fafafa
 $grey = #959595

Diff for: assets/stylesheets/main.styl

@@ -211,3 +211,30 @@ main > footer
         background $light-grey
     td, th
       padding remify(6) 0 remify(6) remify(6)
+
+#all-tests
+  margin-top remify(38)
+
+  .test
+    col(1/3, cycle:3)
+    background $light-grey
+    border 1px solid $very-light-grey
+    border-radius 4px
+    padding remify(12) remify(24)
+    margin-bottom remify(24)
+
+    h3
+      text-transform uppercase
+    .buttons
+      float right
+      a
+        font-weight bold
+        color $blue
+        text-decoration underline
+        margin 0 remify(6)
+        &:nth-child(1)
+          color $green
+        &:nth-child(2)
+          color $blue
+        &:nth-child(3)
+          color $red

Diff for: assets/views/all_tests.html

@@ -0,0 +1,18 @@
+    <section class="subheader">
+      <div class="container">
+        <h2>View all my tests</h2>
+      </div>
+    </section>
+
+    <section id="all-tests">
+      <div class="container">
+        <div class="test" ng-repeat="test in tests">
+          <h3>{{test.name}}</h3>
+          <div class="buttons">
+            <a ng-href="/#/tests/{{test._id}}">Start</a>
+            <a ng-href="/#/tests/{{test._id}}/edit">Edit</a>
+            <a href="" ng-click="delete(test._id)">Delete</a>
+          </div>
+        </div>
+      </div>
+    </section>

Diff for: package.json

@@ -32,6 +32,7 @@
     "gulp-connect": "^2.2.0",
     "gulp-stylus": "^2.0.0",
     "jeet": "^6.1.2",
+    "underscore": "^1.7.0",
     "vinyl-source-stream": "^1.0.0",
     "ws": "^0.7.0"
   }

Diff for: static/index.html

@@ -32,9 +32,6 @@ <h1>
           <li>
             <a href="/#/tests">All my tests</a>
           </li>
-          <li>
-            <a href="/#/settings">Settings</a>
-          </li>
         </ul>
       </nav>
     </div>