MonthlyInventory report

InventoryTraker.Web/js/utility/DateRangeQueryDirective.js

@@ -0,0 +1,35 @@
+(function() {
+	'use strict';
+
+	window.app.directive('dateRangeQuery', dateRangeQuery);
+	function dateRangeQuery() {
+		return {
+			scope: {
+				queryFn: '='
+			},
+			templateUrl: '/utility/template/dateRangeQuery.tmpl.cshtml',
+			controller: controller,
+			controllerAs: 'vm'
+		}
+	}
+
+	controller.$inject = ['$scope'];
+	function controller($scope) {
+		var vm = this;
+		vm.query = {};
+		vm.submitting = false;
+		vm.errorMessages = [];
+		vm.submit = submit;
+
+		function submit() {
+			vm.submitting = true;
+			$scope.queryFn(vm.query)
+				.error(function (data) {
+					vm.errorMessages = angular.copy(data.errorMessages, vm.errorMessages);
+				})
+				.finally(function () {
+					vm.submitting = false;
+				});
+		}
+	}
+})();

InventoryTraker.Web/js/utility/FormatCases.js

@@ -0,0 +1,12 @@
+(function() {
+	window.app.filter('formatCases', formatCases);
+
+	function formatCases() {
+		return function (qty) {
+			if (qty === '' || !isFinite(qty))
+				return '';
+
+			return '(' + qty + ' cs)';
+		}
+	}
+})();

InventoryTraker.Web/js/utility/MonthQueryDirective.js

@@ -0,0 +1,35 @@
+(function() {
+	'use strict';
+
+	window.app.directive('monthQuery', monthQuery);
+	function monthQuery() {
+		return {
+			scope: {
+				queryFn: '='
+			},
+			templateUrl: '/utility/template/monthQuery.tmpl.cshtml',
+			controller: controller,
+			controllerAs: 'vm'
+		}
+	}
+
+	controller.$inject = ['$scope'];
+	function controller($scope) {
+		var vm = this;
+		vm.query = {};
+		vm.submitting = false;
+		vm.errorMessages = [];
+		vm.submit = submit;
+
+		function submit() {
+			vm.submitting = true;
+			$scope.queryFn({ month: vm.query })
+				.error(function (data) {
+					vm.errorMessages = angular.copy(data.errorMessages, vm.errorMessages);
+				})
+				.finally(function () {
+					vm.submitting = false;
+				});
+		}
+	}
+})();

InventoryTraker.Web/js/utility/ToUnits.js

@@ -0,0 +1,13 @@
+(function() {
+	window.app.filter('toUnits', toUnits);
+
+	function toUnits() {
+		return function (caseQty, unitsPerCase) {
+			if (caseQty === '' || !isFinite(caseQty) || !isFinite(unitsPerCase))
+				return '';
+
+			return caseQty * unitsPerCase;
+		}
+	}
+
+})();

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

@@ -0,0 +1,23 @@
+@using InventoryTraker.Web.Helpers
+@model InventoryTraker.Web.Models.DateRangeQuery
+@{
+    var query = Html.Angular().ModelFor("vm.query");
+}
+<form novalidate
+	  name="vm.form"
+	  ng-submit="vm.form.$valid && vm.submit()">
+	<fieldset ng-disabled="vm.submitting">
+        <error-list errors="vm.errorMessages"></error-list>
+
+	    <div class="row">
+	        <div class="col-md-6">
+	            @query.FormGroupFor(m => m.StartDate)
+	        </div>
+            <div class="col-md-6">
+	            @query.FormGroupFor(m => m.EndDate)
+	        </div>
+	    </div>
+
+	    <button class="btn btn-success pull-right">Submit</button>
+	</fieldset>
+</form>

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

@@ -0,0 +1,25 @@
+<form novalidate
+	  name="vm.form"
+	  ng-submit="vm.form.$valid && vm.submit()">
+	<fieldset ng-disabled="vm.submitting">
+        <error-list errors="vm.errorMessages"></error-list>
+
+	    <div class="row">
+            <div class="col-md-12">
+                <div class="form-group" form-group-validation="Month">
+                    <label for="Month" class="control-label">Month</label>
+                    <input name="Month" type="text"
+                           ng-model="vm.query"
+                           required
+                           data-min-view="1"
+                           data-date-format="M/yy"
+                           class="form-control"
+                           bs-datepicker="" />
+                </div>
+                </div>
+	        </div>
+	    </div>
+
+	    <button class="btn btn-success pull-right">Submit</button>
+	</fieldset>
+</form>