313 lines
19 KiB
HTML
313 lines
19 KiB
HTML
<form name="Form" id="form" novalidate>
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<div class="col-md-12">
|
|
<fieldset>
|
|
<!-- <legend>
|
|
Update Fees Status
|
|
</legend>-->
|
|
<div class="col-md-6">
|
|
<fieldset>
|
|
<legend>Fees Details</legend>
|
|
<div class="row">
|
|
|
|
<div class="col-md-6 form-group"
|
|
ng-class="{'has-error':Form.feesType.$dirty && Form.feesType.$invalid, 'has-success':Form.feesType.$valid}">
|
|
<label>
|
|
Fees Type <span class="symbol required"></span>
|
|
</label>
|
|
<select class="form-control" name="feesType" tabindex="7" id="feesType"
|
|
ng-model="updateModel.feesType"
|
|
ng-options="fees.Sem_Year for fees in studentFeesInfo"
|
|
required ng-change="changeTotalFees(updateModel,'0');">
|
|
<option value=""> Select Fees Type</option>
|
|
</select>
|
|
<span class="error text-small block"
|
|
ng-if="Form.feesType.$dirty && Form.feesType.$invalid">Fees type is required</span>
|
|
</div>
|
|
<div class="col-md-6 form-group"
|
|
ng-class="{'has-error':Form.sessionname.$dirty && Form.sessionname.$invalid, 'has-success':Form.sessionname.$valid}">
|
|
<label>
|
|
Session Name <span class="symbol required"></span>
|
|
</label>
|
|
|
|
<input type="text" placeholder="Enter Session Name"
|
|
tabindex="8" class="form-control" name="sessionname"
|
|
ng-model="updateModel.sessionName" ng-pattern="/^[a-zA-Z0-9-./\s]*$/" required />
|
|
<span class="error text-small block"
|
|
ng-if="Form.sessionname.$dirty && Form.sessionname.$error.required">Session name is required</span>
|
|
<span class="error text-small block"
|
|
ng-if="Form.sessionname.$dirty && Form.sessionname.$error.pattern">Invalid session name </span>
|
|
<!--<span class="success text-small"-->
|
|
<!--ng-if="Form.stopname.$valid">Thank You!</span>-->
|
|
</div>
|
|
|
|
<div class="col-md-6 form-group"
|
|
ng-class="{'has-error':Form.feesAmount.$dirty && Form.feesAmount.$invalid,'has-success':Form.feesAmount.$valid}">
|
|
<label>
|
|
Course Fees <span class="symbol required"></span>
|
|
</label>
|
|
|
|
<input type="text" placeholder="Enter Fees Amount"
|
|
autofocus tabindex="9" class="form-control" name="feesAmount" id="feesAmount" ng-maxlength="9"
|
|
ng-model="updateModel.feesType.PendingFees" ng-pattern="/^[0-9]*$/" required ng-change="changeTotalFees(updateModel,'1');"/>
|
|
<span class="error text-small block"
|
|
ng-if="Form.feesAmount.$dirty && Form.feesAmount.$invalid"
|
|
ng-hide="Form.feesAmount.$error.maxlength || Form.feesAmount.$error.pattern">Fees amount is required</span>
|
|
<span class="error text-small block"
|
|
ng-if="Form.feesAmount.$error.maxlength || Form.feesAmount.$error.pattern">Enter a valid amount</span>
|
|
|
|
</div>
|
|
<div class="col-md-6 form-group"
|
|
ng-class="{'has-error':Form.STF.$dirty && Form.STF.$invalid}">
|
|
<label>
|
|
STF/WR
|
|
</label>
|
|
|
|
<input type="text" placeholder="Enter STF/WR Amount"
|
|
autofocus tabindex="10" class="form-control" name="STF" id="STF" ng-maxlength="9"
|
|
ng-model="updateModel.STF_WR" ng-pattern="/^[0-9]*$/" ng-change="changeTotalFees(updateModel,'1');" />
|
|
<span class="error text-small block"
|
|
ng-if="Form.STF.$dirty && Form.STF.$invalid"
|
|
ng-hide="Form.STF.$error.maxlength || Form.STF.$error.pattern">STF/WR amount is required</span>
|
|
<span class="error text-small block"
|
|
ng-if="Form.STF.$error.maxlength || Form.STF.$error.pattern">Enter a valid amount</span>
|
|
|
|
</div>
|
|
<div class="col-md-6 form-group"
|
|
ng-class="{'has-error':Form.others.$dirty && Form.others.$invalid}">
|
|
<label>
|
|
Others</span>
|
|
</label>
|
|
|
|
<input type="text" placeholder="Enter Other Amount"
|
|
autofocus tabindex="11" class="form-control" name="others" id="others" ng-maxlength="9"
|
|
ng-model="updateModel.others" ng-pattern="/^[0-9]*$/" ng-change="changeTotalFees(updateModel,'1');"/>
|
|
<span class="error text-small block"
|
|
ng-if="Form.others.$dirty && Form.others.$invalid"
|
|
ng-hide="Form.others.$error.maxlength || Form.others.$error.pattern">Others amount is required</span>
|
|
<span class="error text-small block"
|
|
ng-if="Form.others.$error.maxlength || Form.others.$error.pattern">Enter a valid amount</span>
|
|
|
|
</div>
|
|
<div class="col-md-6 form-group"
|
|
ng-class="{'has-error':Form.waiver.$dirty && Form.waiver.$invalid}">
|
|
<label>
|
|
Waiver</span>
|
|
</label>
|
|
|
|
<input type="text" placeholder="Enter Waiver Amount"
|
|
autofocus tabindex="12" class="form-control" name="waiver" id="waiver" ng-maxlength="9"
|
|
ng-model="updateModel.waiver" ng-pattern="/^[0-9]*$/" ng-change="changeTotalFees(updateModel,'1');"/>
|
|
<span class="error text-small block"
|
|
ng-if="Form.waiver.$dirty && Form.waiver.$invalid"
|
|
ng-hide="Form.waiver.$error.maxlength || Form.waiver.$error.pattern">Waiver amount is required</span>
|
|
<span class="error text-small block"
|
|
ng-if="Form.waiver.$error.maxlength || Form.waiver.$error.pattern">Enter a valid amount</span>
|
|
|
|
</div>
|
|
<div class="col-md-6 form-group"
|
|
ng-class="{'has-error':Form.total.$dirty && Form.total.$invalid}">
|
|
<label>
|
|
Total Fees</span>
|
|
</label>
|
|
|
|
<input type="text" placeholder="Enter Total Amount"
|
|
autofocus tabindex="13" class="form-control" name="total" id="total" ng-maxlength="9"
|
|
ng-model="updateModel.total" ng-pattern="/^[0-9]*$/"/>
|
|
<span class="error text-small block"
|
|
ng-if="Form.total.$dirty && Form.total.$invalid"
|
|
ng-hide="Form.total.$error.maxlength || Form.total.$error.pattern">Total amount is required</span>
|
|
<span class="error text-small block"
|
|
ng-if="Form.total.$error.maxlength || Form.total.$error.pattern">Enter a valid amount</span>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</fieldset>
|
|
|
|
|
|
</div>
|
|
<div class="col-md-6">
|
|
<fieldset>
|
|
<legend>Bill Details</legend>
|
|
<div class="row">
|
|
<div data-ng-controller="DatepickerDemoCtrl">
|
|
<div class="col-md-6 form-group"
|
|
ng-class="{'has-error':Form.date.$dirty && Form.date.$invalid, 'has-success':Form.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="updateModel.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"/>
|
|
<span class="error text-small block"
|
|
ng-if="Form.date.$dirty && Form.date.$error.required">Date is required.</span>
|
|
<!--<span class="success text-small block"-->
|
|
<!--ng-if="Form.date.$valid ">Thank You</span>-->
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="col-md-6 form-group"
|
|
ng-class="{'has-error':Form.billno.$dirty && Form.billno.$invalid, 'has-success':Form.billno.$valid}">
|
|
<label>
|
|
Bill No <span class="symbol required"></span>
|
|
</label>
|
|
|
|
<input type="text" placeholder="Enter Bill No"
|
|
tabindex="14" class="form-control" name="billno"
|
|
ng-model="updateModel.billNo" ng-pattern="/^[a-zA-Z0-9-./\s]*$/" required/>
|
|
<span class="error text-small block"
|
|
ng-if="Form.billno.$dirty && Form.billno.$error.required">Bill no is required</span>
|
|
<span class="error text-small block"
|
|
ng-if="Form.billno.$dirty && Form.billno.$error.pattern">Invalid bill no </span>
|
|
</div>
|
|
<div class="col-md-6 form-group"
|
|
ng-class="{'has-error':Form.billAmount.$dirty && Form.billAmount.$invalid,'has-success':Form.billAmount.$valid}">
|
|
<label>
|
|
Bill Amount <span class="symbol required"></span>
|
|
</label>
|
|
|
|
<input type="text" placeholder="Enter Fees Amount"
|
|
autofocus tabindex="15" class="form-control" name="billAmount" id="billAmount" ng-maxlength="9"
|
|
ng-model="updateModel.billAmount" ng-pattern="/^[0-9]*$/" required/>
|
|
<span class="error text-small block"
|
|
ng-if="Form.billAmount.$dirty && Form.billAmount.$invalid"
|
|
ng-hide="Form.billAmount.$error.maxlength || Form.billAmount.$error.pattern">Bill amount is required</span>
|
|
<span class="error text-small block"
|
|
ng-if="Form.billAmount.$error.maxlength || Form.billAmount.$error.pattern">Enter a valid amount</span>
|
|
|
|
</div>
|
|
|
|
<div class="col-md-6 form-group"
|
|
ng-class="{'has-error':Form.paymentOn.$dirty && Form.paymentOn.$invalid, 'has-success':Form.paymentOn.$valid}">
|
|
<label>
|
|
Mode Of Payment <span class="symbol required"></span>
|
|
</label>
|
|
<select class="form-control" name="paymentOn" tabindex="16" id="paymentOn"
|
|
ng-model="updateModel.paymentOn"
|
|
ng-options="payment.paymentOn for payment in paymentOptions"
|
|
required>
|
|
<option value=""> Select Payment</option>
|
|
</select>
|
|
<span class="error text-small block"
|
|
ng-if="Form.paymentOn.$dirty && Form.paymentOn.$invalid">Payment type is required</span>
|
|
</div>
|
|
|
|
<div class="col-md-12 form-group"
|
|
ng-class="{'has-error':Form.studcomments.$dirty && Form.studcomments.$invalid}">
|
|
<label>
|
|
Comments For Student
|
|
</label>
|
|
<textarea placeholder="Enter Comments" tabindex="17"
|
|
class="form-control textdsc" name="studcomments"
|
|
ng-model="updateModel.studComments" required></textarea>
|
|
<!--<span class="error text-small block"
|
|
ng-if="Form.studcomments.$dirty && Form.studcomments.$invalid">Comments is required</span>-->
|
|
<!--<span class="success text-small"-->
|
|
<!--ng-if="Form.address.$valid">Thank You!</span>-->
|
|
</div>
|
|
<div class="col-md-12 form-group"
|
|
ng-class="{'has-error':Form.internalcomments.$dirty && Form.internalcomments.$invalid}">
|
|
<label>
|
|
Comments For Internal
|
|
</label>
|
|
<textarea placeholder="Enter Comments" tabindex="18"
|
|
class="form-control textdsc" name="internalcomments"
|
|
ng-model="updateModel.internalComments" required></textarea>
|
|
<!--<span class="error text-small block"
|
|
ng-if="Form.studcomments.$dirty && Form.studcomments.$invalid">Comments is required</span>-->
|
|
<!--<span class="success text-small"-->
|
|
<!--ng-if="Form.address.$valid">Thank You!</span>-->
|
|
</div>
|
|
|
|
</div>
|
|
</fieldset>
|
|
|
|
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<div class="table-responsive">
|
|
|
|
<table class="table">
|
|
<thead>
|
|
<tr>
|
|
<th>Fees Name</th>
|
|
<th>Course Name</th>
|
|
<th>Total Payable</th>
|
|
<th>STF/WR</th>
|
|
<th>Others</th>
|
|
<th>Waiver</th>
|
|
<th>Paid</th>
|
|
|
|
</tr>
|
|
</thead>
|
|
<tbody dir-paginate="p in existStudentFeesDetails|orderBy:sortKey:reverse|filter:search:strict|itemsPerPage:10">
|
|
<tr>
|
|
<td>{{p.FeesName}}</td>
|
|
<td>{{p.CourseName}}</td>
|
|
<td>{{p.PayableAmount}}</td>
|
|
<td>{{p.STFOrWR}}</td>
|
|
<td>{{p.Others}}</td>
|
|
<td>{{p.Waiver}}</td>
|
|
<td>{{p.PaidBillAmount}}</td>
|
|
|
|
</tr>
|
|
</tbody>
|
|
|
|
</table>
|
|
<dir-pagination-controls max-size="10" direction-links="true" boundary-links="true">
|
|
</dir-pagination-controls>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<div class="pull-right">
|
|
<button type="submit" ladda="ldloading.zoom_in" tabindex="19" class="btn btn-wide btn-success" data-style="zoom-in" ng-click="saveFees(user,Form,updateModel,'zoom-in')">
|
|
Save
|
|
</button>
|
|
|
|
<input type="button" class="btn btn-warning btn-wide" tabindex="20" value="Cancel"
|
|
ng-click="cancel();">
|
|
|
|
</input>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</fieldset>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
<!-- class="editRowTd" -->
|
|
|
|
|
|
|