Inventory details

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

@@ -6,25 +6,56 @@
 	<fieldset ng-disabled="vm.saving">
 
 		<div class="modal-header">
-			<h3 class="modal-title"><i class="fa fa-cubes"></i> Edit Inventory</h3>
+			<h3 class="modal-title"><i class="fa fa-cubes"></i> Inventory Details</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")
+            <dl class="dl-horizontal">
+                <dt>Name</dt>
+                <dd>{{vm.inventory.name}}</dd>
+                <dt>Added</dt>
+                <dd>{{vm.inventory.addedDate | date:'shortDate'}}</dd>
+                <dt>Expiration</dt>
+                <dd>{{vm.inventory.expirationDate | date:'shortDate'}}</dd>
+            </dl>
 
-		</div>
+		    <table class="table table-striped table-condensed">
+		        <thead>
+		        <tr>
+		            <th>Type</th>
+		            <th>Memo</th>
+		            <th>Transaction Date</th>
+		            <th>Add Qty</th>
+		            <th>Remove Qty</th>
+		            <th>Qty</th>
+		            <th></th>
+		        </tr>
+		        </thead>
+		        <tbody>
+                <tr ng-repeat="transaction in vm.transactions | orderBy:'-transactionDate'">
+                    <td>{{transaction.transactionType}}</td>
+                    <td>{{transaction.memo}}</td>
+                    <td>{{transaction.transactionDate | date:'shortDate'}}</td>
+                    <td>{{transaction.addedQuantity}}</td>
+                    <td>{{transaction.removedQuantity}}</td>
+                    <td>{{transaction.currentQuantity}}</td>
+                    <td><a href="" ng-show="$first"><i class="fa fa-trash"></i></a></td>
+                </tr>
+		        </tbody>
+		    </table>
+		    <div >
+		        
+		    </div>
+        </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>
+			<button type="button" class="btn" ng-click="$parent.$dismiss()">Cancel</button>
 		</div>
 
 	</fieldset>