97 lines
3.8 KiB
Plaintext
97 lines
3.8 KiB
Plaintext
@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>
|
|
|
|
<script type="text/ng-template" id="commodityTypeahead.html">
|
|
<a>
|
|
<span ng-bind-html="match.label.name | uibTypeaheadHighlight:query"></span>
|
|
</a>
|
|
</script>
|
|
|
|
<div class="form-group has-feedback" ng-class="vm.getValidationClass()" form-group-validation="Commodity">
|
|
<label for="Commodity" class="control-label">Commodity</label>
|
|
<input name="Commodity" type="text"
|
|
ng-model="commodity"
|
|
required
|
|
uib-typeahead="inventoryType as inventoryType.name for inventoryType in vm.inventoryTypes | filter:{name:$viewValue} | limitTo:8"
|
|
typeahead-editable='false'
|
|
class="form-control">
|
|
<i class="fa fa-search form-control-feedback"></i>
|
|
<div class="panel panel-default" ng-show="commodity.id">
|
|
<div class="panel-heading">Selected Commodity</div>
|
|
<div class="panel-body">
|
|
<dl class="dl-horizontal">
|
|
<dt>Commodity ID</dt>
|
|
<dd>{{commodity.id}}</dd>
|
|
<dt>Name</dt>
|
|
<dd>{{commodity.name}}</dd>
|
|
<dt>Units per Case</dt>
|
|
<dd>{{commodity.unitsPerCase}} / {{commodity.containerType}}</dd>
|
|
</dl>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
@inventory.FormGroupFor(m => m.ExpirationDate)
|
|
|
|
<div class="form-group has-feedback panel panel-default">
|
|
<div class="panel-heading"><label>Quantity</label></div>
|
|
<div class="panel-body container-fluid">
|
|
<div class="row">
|
|
<div class="col-sm-5">Pallets</div>
|
|
<div class="col-sm-3">
|
|
<input type="number" class="form-control" ng-model="palletCount" />
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-sm-4 col-sm-offset-1">Cases per Pallet</div>
|
|
<div class="col-sm-3">
|
|
<input type="number" class="form-control" ng-model="casesPerPallet" />
|
|
</div>
|
|
</div>
|
|
<hr />
|
|
<div class="row">
|
|
<div class="col-sm-5">Individual Cases</div>
|
|
<div class="col-sm-3">
|
|
<input type="number" class="form-control" ng-model="caseCount" />
|
|
</div>
|
|
</div>
|
|
<hr />
|
|
<div class="row">
|
|
<div class="col-sm-5">Total Units</div>
|
|
<div class="col-sm-3">{{vm.quantity()}}</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
@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> |