WIP - records-counts component

Author: jjhampton

public/javascripts/angular-app.js

@@ -19,8 +19,9 @@
         $routeProvider
             .when("/", {
                 template: `
-                    <h1>Index</h1>
-                    <a href="/foo">Foo Page</a>
+                    <h1>MEAN Squad Library</h1>
+                    <p>Welcome to <em>MEAN Squad Library</em>, a library web application built with the MEAN Stack.
+                    <records-counts><records-counts>
                 `
             })
     }

public/javascripts/components/records/records-counts.html

@@ -0,0 +1,7 @@
+<h1>Library Records</h1>
+
+<p>The library has the following record counts:</p>
+
+<ul>
+    <li><strong>Books:</strong> {{count}}</li>
+</ul>

public/javascripts/components/records/records-counts.js

@@ -0,0 +1,19 @@
+(function() {
+
+	angular.module('app').directive('recordsCounts', Directive);
+
+	function Directive() {
+		return {
+            restrict: 'E',
+			controller: Controller,
+            templateUrl: '/records/records-counts.html',
+		}
+	}
+
+    Controller.$inject = ['$scope'];
+
+	function Controller($scope) {
+        $scope.count = 11; 
+	}
+
+})();