Add image view, controller.

client/index.html

@@ -89,6 +89,7 @@
     <script src="./js/controllers/home/home.js"></script>
     <script src="./js/controllers/home/machineDetails.js"></script>	
     <script src="./js/controllers/network/network.js"></script>
+	<script src="./js/controllers/image/image.js"></script>
 
     
     

client/js/app.js

@@ -13,12 +13,16 @@ mainApp.config(['$routeProvider', function($routeProvider){
         
         $routeProvider.
                 when('/home',{
-                    templateUrl: 'partials/home/main.html',
+                    templateUrl: 'partials/home/home.html',
                     controller: 'homeCtrl'
         }).
                 when('/network',{
-                    templateUrl: 'partials/network/main.html',
+                    templateUrl: 'partials/network/network.html',
                     controller: 'networkCtrl'
+		}).
+		        when('/image',{
+                    templateUrl: 'partials/image/image.html',
+                    controller: 'imageCtrl'
         }).otherwise({
             redirectTo: '/home'
         });

client/js/controllers/image/image.js

@@ -0,0 +1,9 @@
+/**
+ * The image controller
+ * 
+ * @param {$scope} $scope The $scope service from angular
+ */
+mainApp.controller('imageCtrl', function ($scope)
+{
+	$scope.title="Test";
+});

client/partials/image/image.html

@@ -0,0 +1,8 @@
+ <div class="panel panel-default">
+    <div class="panel-heading">
+        Image
+    </div>
+    <div class="panel-body">
+        Main Content
+    </div>
+</div>

client/partials/menu.html

@@ -1,4 +1,5 @@
 <div class="list-group">
   <a href="#/home" class="list-group-item">Home</a>
   <a href="#/network" class="list-group-item">Network</a>
-</div>
+  <a href="#/image" class="list-group-item">Images</a>
+</div>