Distribution report

InventoryTraker.Web/js/utility/ErrorList.js

@@ -0,0 +1,23 @@
+(function() {
+	'use strict';
+
+	window.app.directive('errorList', errorList);
+	function errorList() {
+		return {
+			scope: {
+				errors: "=",
+				editMsg: "="
+			},
+			templateUrl: '/utility/template/errorList.tmpl.cshtml',
+			controller: controller,
+			controllerAs: 'vm'
+		}
+	}
+
+	controller.$inject = ['$scope'];
+	function controller($scope) {
+		var vm = this;
+		vm.errors = $scope.errors;
+		vm.editMsg = $scope.editMsg;
+	}
+})();

InventoryTraker.Web/js/utility/StatusMessage.js

@@ -0,0 +1,20 @@
+(function() {
+	'use strict';
+
+	window.app.directive('statusMessage', statusMessage);
+	function statusMessage() {
+		return {
+			scope: {
+				message: "=",
+				severity: "=?"
+			},
+			templateUrl: '/utility/template/statusMessage.tmpl.cshtml',
+			controller: controller,
+			controllerAs: 'vm'
+		}
+	}
+
+	controller.$inject = ['$scope'];
+	function controller($scope) {
+	}
+})();

InventoryTraker.Web/js/utility/templates/errorList.tmpl.cshtml

@@ -0,0 +1,6 @@
+<div class="alert alert-danger" ng-show="vm.errors.length">
+    Correct the following issues.
+    <ul>
+        <li ng-repeat="error in vm.errors">{{error}}</li>
+    </ul>
+</div>

InventoryTraker.Web/js/utility/templates/statusMessage.tmpl.cshtml

@@ -0,0 +1,3 @@
+<div class="alert alert-{{angular.isDefined(severity) ? severity : 'info'}}" ng-show="message">
+    {{message}}
+</div>