Intial

InventoryTraker.Web/js/inventory/templates/inventoryAdd.tmpl.cshtml

@@ -0,0 +1,36 @@
+@using InventoryTraker.Web.Helpers
+@model InventoryTraker.Web.Models.InventoryAddForm
+@{
+    var inventory = Html.Angular().ModelFor("vm.inventory");
+}
+<form novalidate
+	  name="vm.form"
+	  ng-submit="vm.form.$valid && vm.add()">
+	<fieldset ng-disabled="vm.saving">
+
+		<div class="modal-header">
+		    <h3 class="modal-title">Inventory Arrival</h3>
+		</div>
+
+		<div class="modal-body">
+
+			<div class="alert alert-info" ng-hide="vm.errorMessage != null">
+				Enter details for the inventory arrival below.
+			</div>
+			<div class="alert alert-danger" ng-show="vm.errorMessage != null">
+				{{vm.errorMessage}}
+			</div>
+
+            @inventory.FormGroupFor(m => m.ExpirationDate)
+            @inventory.FormGroupFor(m => m.AddedDate)
+            @inventory.FormGroupFor(m => m.Memo)
+
+		</div>
+
+		<div class="modal-footer">
+			<button class="btn btn-success">Add</button>
+			<button type="button" class="btn" ng-click="$dismiss()">Cancel</button>
+		</div>
+
+	</fieldset>
+</form>

InventoryTraker.Web/js/inventory/templates/inventoryDetails.tmpl.cshtml

@@ -0,0 +1,12 @@
+@using InventoryTraker.Web.Helpers
+@model InventoryTraker.Web.Models.InventoryViewModel
+@{
+	var inventory = Html.Angular().ModelFor("vm.inventory");
+}
+<div class="panel panel-default">
+    <div class="panel-heading">
+        @inventory.BindingFor(x => x.Name) <a href="" ng-click="vm.edit()"><i class="fa fa-edit"></i></a>
+    </div>
+    Quantity
+	@inventory.BindingFor(x => x.Quantity)
+</div>

InventoryTraker.Web/js/inventory/templates/inventoryEdit.tmpl.cshtml

@@ -0,0 +1,31 @@
+@using InventoryTraker.Web.Helpers
+@model InventoryTraker.Web.Models.InventoryAddForm
+<form novalidate
+	  name="vm.form"
+	  ng-submit="vm.form.$valid && vm.save()">
+	<fieldset ng-disabled="vm.saving">
+
+		<div class="modal-header">
+			<h3 class="modal-title">Edit Inventory</h3>
+		</div>
+
+		<div class="modal-body">
+
+			<div class="alert alert-info" ng-hide="vm.errorMessage != null">
+				Make changes to the inventory below.
+			</div>
+			<div class="alert alert-danger" ng-show="vm.errorMessage != null">
+				{{vm.errorMessage}}
+			</div>
+
+			@Html.Angular().FormForModel("vm.inventory")
+
+		</div>
+
+		<div class="modal-footer">
+			<button class="btn btn-success">Save</button>
+			<button type="button" class="btn btn-warning" ng-click="$parent.$dismiss()">Cancel</button>
+		</div>
+
+	</fieldset>
+</form>