enable client view change

site/client/app/components/navigation.js

@@ -1,5 +1,14 @@
+var Router = require('director').Router;
+var router = new Router();
+
 module.exports = {
 
-  template: require('../views/navigation.html')
+  template: require('../views/navigation.html'),
+
+  methods: {
+    changeView: function(view) {
+      router.setRoute('test');
+    }
+  }
 
 };

site/client/app/routes.js

@@ -9,6 +9,9 @@ module.exports = {
       app.section = 'inner';
     });
 
+    router.on('/test', function() {
+    })
+
     this.configure();
     router.init();
   },

site/client/app/views/navigation.html

@@ -1,7 +1,7 @@
 <nav>
   <ul>
-    <li><a href="#/lobby" class="active">Lobby</a></li>
-    <li><a href="#">Deck Builder</a></li>
-    <li><a href="#">Highscore</a></li>
+    <li><a class="active" v-on="click: changeView('lobby')">Lobby</a></li>
+    <li><a href="#" v-on="click: changeView('builder')">Deck Builder</a></li>
+    <li><a href="#" v-on="click: changeView('highscore')">Highscore</a></li>
   </ul>
 </nav>

site/server/app/Exceptions/Handler.php

@@ -5,6 +5,7 @@
   use Exception;
   use Symfony\Component\HttpKernel\Exception\HttpException;
   use Illuminate\Foundation\Exceptions\Handler as ExceptionHandler;
+  use Symfony\Component\HttpKernel\Exception\NotFoundHttpException;
 
   class Handler extends ExceptionHandler {