apollodec/Apollo/assets/views/student/updateUniversityPaymentModal.html
2018-09-10 17:23:37 +05:30

103 lines
5.4 KiB
HTML

<div class="container-fluid container-fullw bg-white">
<fieldset>
<legend>Payment for : {{updatePaymentModel.universityName}}</legend>
<form name="UpdateFormPayment" id="form" novalidate>
<div class="row">
<div class="col-md-4 form-group"
ng-class="{'has-error':UpdateFormPayment.billno.$dirty && UpdateFormPayment.billno.$invalid, 'has-success':UpdateFormPayment.billno.$valid}">
<label>
Bill No <span
class="symbol required"></span>
</label>
<input type="text" placeholder="Enter Bill No"
tabindex="1" class="form-control" name="billno"
ng-model="updatePaymentModel.billNo" capitalize disallow-spaces required/>
<span class="error text-small block"
ng-if="UpdateFormPayment.billno.$dirty && UpdateFormPayment.billno.$error.required">Bill no is required</span>
</div>
<div class="col-md-4 form-group"
ng-class="{'has-error':UpdateFormPayment.billAmount.$dirty && UpdateFormPayment.billAmount.$invalid,'has-success':UpdateFormPayment.billAmount.$valid}">
<label>
Bill Amount <span class="symbol required"></span>
</label>
<input type="text" placeholder="Enter Bill Amount"
autofocus tabindex="2" class="form-control" name="billAmount" id="billAmount" ng-maxlength="9"
ng-model="updatePaymentModel.billAmount" ng-pattern="/^[0-9]*$/" required/>
<span class="error text-small block"
ng-if="UpdateFormPayment.billAmount.$dirty && UpdateFormPayment.billAmount.$invalid"
ng-hide="UpdateFormPayment.billAmount.$error.maxlength || UpdateFormPayment.billAmount.$error.pattern">Bill amount is required</span>
<span class="error text-small block"
ng-if="UpdateFormPayment.billAmount.$error.maxlength || UpdateFormPayment.billAmount.$error.pattern">Enter a valid amount</span>
</div>
<div data-ng-controller="DatepickerDemoCtrl">
<div class="col-md-4 form-group"
ng-class="{'has-error':UpdateFormPayment.date.$dirty && UpdateFormPayment.date.$invalid, 'has-success':UpdateFormPayment.date.$valid}">
<label>
Bill Date <span
class="symbol required"></span>
</label>
<input type="text"
class="form-control "
ng-click="startOpen = !startOpen"
datepicker-popup="dd-MM-yyyy"
ng-model="updatePaymentModel.date"
is-open="startOpen"
ng-init="startOpen = false"
name="date"
datepicker-options="dateOptions"
placeholder="Select Date"
min-date="currentDate"
max-date="futureDate"
close-text="Close" required="required" ng-readonly="true"/>
<span class="error text-small block"
ng-if="UpdateFormPayment.date.$dirty && UpdateFormPayment.date.$error.required">Date is required.</span>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4 form-group"
ng-class="{'has-error':UpdateFormPayment.receiptNo.$dirty && UpdateFormPayment.receiptNo.$invalid}">
<label>
Receipt No
</label>
<input type="text" placeholder="Enter Receipt No"
tabindex="3" class="form-control" name="receiptNo"
ng-model="updatePaymentModel.receiptNo" disallow-spaces/>
</div>
<div class="col-md-8 form-group"
ng-class="{'has-error':UpdateFormPayment.comments.$dirty && UpdateFormPayment.comments.$invalid}">
<label>
Comments
</label>
<textarea placeholder="Enter Comments" tabindex="4"
class="form-control textdsc" name="comments"
ng-model="updatePaymentModel.comments"></textarea>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="pull-right">
<span style="color:red;">{{updateError}}</span>
<button type="submit" tabindex="5" class="btn btn-wide btn-success" ng-click="updateUnivPayment(UpdateFormPayment,updatePaymentModel)">
Update
</button>
<input type="button" class="btn btn-warning btn-wide" tabindex="6" value="Cancel"
ng-click="cancelUpdatePaymentModal();">
</input>
</div>
</div>
</div>
</form>
</fieldset>
</div>