add url parameter to stats component

Author: michelpa

app/scripts/directives/dashboard/stats/stats.html

@@ -11,12 +11,12 @@
                 </div>
             </div>
         </div>
-        <a href="#">
+        <a href="{{url}}">
             <div class="panel-footer">
                 <span class="pull-left">View Details</span>
                 <span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
                 <div class="clearfix"></div>
             </div>
         </a>
     </div>
-</div>
+</div>

app/scripts/directives/dashboard/stats/stats.js

@@ -1,3 +1,5 @@
+/* jshint -W097 */
+/* global angular, console */
 'use strict';
 
 /**
@@ -7,20 +9,25 @@
  * # adminPosHeader
  */
 angular.module('sbAdminApp')
-    .directive('stats',function() {
-    	return {
-  		templateUrl:'scripts/directives/dashboard/stats/stats.html',
-  		restrict:'E',
-  		replace:true,
-  		scope: {
+  .directive('stats', function() {
+    return {
+      templateUrl: 'scripts/directives/dashboard/stats/stats.html',
+      restrict: 'E',
+      replace: true,
+      scope: {
         'model': '=',
         'comments': '@',
         'number': '@',
         'name': '@',
         'colour': '@',
-        'details':'@',
-        'type':'@'
-  		}
-  		
-  	}
+        'details': '@',
+        'type': '@',
+        'url': '@?'
+      },
+      compile: function(element, attrs) {
+        if (!attrs.url) {
+          attrs.url = '#';
+        }
+      },
+    };
   });

app/views/dashboard/home.html

@@ -7,14 +7,14 @@ <h1 class="page-header">Dashboard</h1>
     </div>
     <!-- /.row -->
     <div class="row">
-        
-        <stats number="6" comments="New comments!" colour="primary" type="comments"></stats>
+
+        <stats number="6" comments="New comments!" colour="primary" type="comments" url="#/dashboard/table"></stats>
         <stats number="12" comments="New tasks!" colour="primary" type="user"></stats>
         <stats number="18" comments="New orders!" colour="yellow" type="shopping-cart"></stats>
         <stats number="24" comments="Support tickets!" colour="red" type="support"></stats>
 
     </div>
-    
+
     <!-- /.panel -->
     <div class="row">
         <div class="col-lg-8">
@@ -35,7 +35,7 @@ <h1 class="page-header">Dashboard</h1>
                     <i class="fa fa-bell fa-fw"></i> Notifications Panel
                 </div>
                 <!-- /.panel-heading -->
-                <notifications></notifications> 
+                <notifications></notifications>
                 <!-- /.panel-body -->
             </div>
             <!-- /.panel -->