382 lines
25 KiB
HTML
Executable File
382 lines
25 KiB
HTML
Executable File
<style>
|
|
a {
|
|
color: #ffffff;
|
|
}
|
|
</style>
|
|
<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-12">
|
|
<fieldset>
|
|
<legend>Set Fees For Student</legend>
|
|
<div class="row">
|
|
|
|
<div class="col-md-3 form-group"
|
|
ng-class="{'has-error':Form.setfeesType.$dirty && Form.setfeesType.$invalid, 'has-success':Form.setfeesType.$valid}">
|
|
<label>
|
|
Fees Type <span class="symbol required"></span>
|
|
</label>
|
|
<select class="form-control" name="setfeesType" tabindex="7" id="setfeesType" ng-change="changeInstallemt(setModel.feesType,Form);"
|
|
ng-model="setModel.feesType"
|
|
ng-options="fees.Sem_Year for fees in feesStructureInfo"
|
|
required>
|
|
<option value=""> Select Fees Type</option>
|
|
</select>
|
|
<span class="error text-small block"
|
|
ng-if="Form.setfeesType.$dirty && Form.setfeesType.$invalid">Fees type is required</span>
|
|
</div>
|
|
<div class="col-md-3 form-group"
|
|
ng-class="{'has-error':Form.setsessionname.$dirty && Form.setsessionname.$invalid, 'has-success':Form.setsessionname.$valid}">
|
|
<label>
|
|
Session Name <span class="symbol required"></span>
|
|
</label>
|
|
|
|
<input type="text" placeholder="Enter Session Name"
|
|
tabindex="8" class="form-control" name="setsessionname"
|
|
ng-model="setModel.feesType.SessionName" ng-pattern="/^[a-zA-Z0-9-./\s]*$/" required ng-disabled="setModel.feesType.ExistValue=='1' && userType!='R004'"/>
|
|
<span class="error text-small block"
|
|
ng-if="Form.setsessionname.$dirty && Form.setsessionname.$error.required">Session name is required</span>
|
|
<span class="error text-small block"
|
|
ng-if="Form.setsessionname.$dirty && Form.setsessionname.$error.pattern">Invalid session name </span>
|
|
<!--<span class="success text-small"-->
|
|
<!--ng-if="Form.stopname.$valid">Thank You!</span>-->
|
|
</div>
|
|
<div class="col-md-3 form-group"
|
|
ng-class="{'has-error':Form.setrollNo.$dirty && Form.setrollNo.$invalid}">
|
|
<label>
|
|
Roll Number
|
|
</label>
|
|
|
|
<input type="text" placeholder="Enter Roll No"
|
|
tabindex="9" class="form-control" name="setrollNo"
|
|
ng-model="setModel.feesType.RollNo" ng-pattern="/^[a-zA-Z0-9-./\s]*$/" ng-disabled="setModel.feesType.ExistValue=='1' && userType!='R004'"/>
|
|
<span class="error text-small block"
|
|
ng-if="Form.setrollNo.$dirty && Form.setrollNo.$error.required">Roll no is required</span>
|
|
<span class="error text-small block"
|
|
ng-if="Form.setrollNo.$dirty && Form.setrollNo.$error.pattern">Invalid roll no </span>
|
|
</div>
|
|
<div class="col-md-3 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="10" class="form-control" name="feesAmount" id="feesAmount" ng-maxlength="9"
|
|
ng-model="setModel.feesType.ActualFees" ng-pattern="/^[0-9]*$/" readonly required/>
|
|
<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>
|
|
<div class="row">
|
|
|
|
<div class="col-md-3 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="11" class="form-control" name="STF" id="STF" ng-maxlength="9"
|
|
ng-model="setModel.feesType.STFOrWR" ng-pattern="/^[0-9]*$/" ng-disabled="setModel.feesType.ExistValue=='1' && userType!='R004'"/>
|
|
<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-3 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="12" class="form-control" name="others" id="others" ng-maxlength="9"
|
|
ng-model="setModel.feesType.Others" ng-pattern="/^[0-9]*$/" ng-disabled="setModel.feesType.ExistValue=='1' && userType!='R004'"/>
|
|
<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-4 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="setModel.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 class="col-md-4 form-group"
|
|
ng-class="{'has-error':Form.paid.$dirty && Form.total.$invalid}">
|
|
<label>
|
|
Paid Fees</span>
|
|
</label>
|
|
|
|
<input type="text" placeholder="Enter Paid Amount"
|
|
autofocus tabindex="13" class="form-control" name="paid" id="paid" ng-maxlength="9"
|
|
ng-model="setModel.total" ng-pattern="/^[0-9]*$/"/>
|
|
|
|
<span class="error text-small block"
|
|
ng-if="Form.paid.$error.maxlength || Form.paid.$error.pattern">Enter a valid amount</span>
|
|
|
|
</div>-->
|
|
<div class="col-md-3 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="13" class="form-control" name="waiver" id="waiver" ng-maxlength="9"
|
|
ng-model="setModel.feesType.Waiver" ng-pattern="/^[0-9]*$/" ng-disabled="setModel.feesType.ExistValue=='1' && userType!='R004'"/>
|
|
<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>
|
|
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<div class="panel panel-white" id="panel2">
|
|
<div class="panel-heading bg-light-blue">
|
|
<h4 class="panel-title text-white">Installment Details</h4>
|
|
|
|
<ct-paneltool class="panel-tools" tool-collapse="tool-collapse"></ct-paneltool>
|
|
</div>
|
|
|
|
|
|
|
|
<div collapse="panel2" ng-init="panel2=false" class="panel-wrapper">
|
|
<div class="panel-body">
|
|
|
|
<div class="row">
|
|
<div class="col-md-3 form-group"
|
|
ng-class="{'has-error':Form.insName.$dirty && Form.insName.$invalid,'has-success':Form.insName.$valid}">
|
|
<label>
|
|
Installment <span
|
|
class="symbol required"></span>
|
|
</label>
|
|
|
|
<input type="text" placeholder="Enter Installment"
|
|
tabindex="14" class="form-control" name="insName"
|
|
ng-model="myModelInstallemt.name" ng-pattern="/^[a-zA-Z0-9-./\s]*$/" required ng-disabled="setModel.feesType.ExistValue=='1' && userType!='R004'"/>
|
|
<span class="error text-small block"
|
|
ng-if="Form.insName.$dirty && Form.insName.$error.required">Installment is required</span>
|
|
<span class="error text-small block"
|
|
ng-if="Form.insName.$dirty && Form.insName.$error.pattern">Enter a valid installment</span>
|
|
</div>
|
|
<div class="col-md-3 form-group"
|
|
ng-class="{'has-error':Form.instfeesAmount.$dirty && Form.instfeesAmount.$invalid, 'has-success':Form.instfeesAmount.$valid}">
|
|
<label>
|
|
Amount <span
|
|
class="symbol required"></span>
|
|
</label>
|
|
|
|
<input type="text" placeholder="Enter Amount"
|
|
autofocus tabindex="15" class="form-control" name="instfeesAmount" id="instfeesAmount" ng-maxlength="8"
|
|
ng-model="myModelInstallemt.amount" ng-pattern="/^[0-9]*$/" required="" ng-disabled="setModel.feesType.ExistValue=='1' && userType!='R004'"/>
|
|
<span class="error text-small block"
|
|
ng-if="Form.instfeesAmount.$dirty && Form.instfeesAmount.$invalid"
|
|
ng-hide="Form.instfeesAmount.$error.maxlength || Form.instfeesAmount.$error.pattern">Amount is required</span>
|
|
<span class="error text-small block"
|
|
ng-if="Form.instfeesAmount.$error.maxlength || Form.instfeesAmount.$error.pattern">Enter a valid amount</span>
|
|
|
|
</div>
|
|
<div data-ng-controller="DatepickerDemoCtrl">
|
|
<div class="col-md-3 form-group"
|
|
ng-class="{'has-error':Form.date.$dirty && Form.date.$invalid, 'has-success':Form.date.$valid}">
|
|
<label>
|
|
Due Date <span
|
|
class="symbol required"></span>
|
|
</label>
|
|
<input type="text"
|
|
class="form-control " tabindex="16"
|
|
ng-click="startOpen = !startOpen"
|
|
datepicker-popup="dd-MM-yyyy"
|
|
ng-model="myModelInstallemt.date"
|
|
is-open="startOpen"
|
|
ng-init="startOpen = false"
|
|
name="date"
|
|
datepicker-options="dateOptions"
|
|
placeholder="Select Date"
|
|
min-date="minDate"
|
|
max-date="futureDate"
|
|
close-text="Close" required="required" ng-disabled="myModelInstallemt.date !=''"/>
|
|
<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-3">
|
|
<input type="button" class="btn btn-sm btn-info" title="Click to add one more items" value="Add More" ng-click="clickMoreItems(myModelInstallemt,Form,setModel.feesType);" style="margin-top:16%;" ng-disabled="setModel.feesType.ExistValue=='1' && userType!='R004'"/>
|
|
</div>
|
|
</div>
|
|
<div class="row" ng-repeat="n in updateMoreItems">
|
|
<div class="col-md-3 form-group" ng-class="{'has-error':n.Name==undefined, 'has-success':n.Name!=undefined}">
|
|
<label>
|
|
|
|
</label>
|
|
|
|
<input type="text" placeholder="Enter Installment"
|
|
class="form-control" name="instllment{{$index}}"
|
|
ng-model="n.Name" ng-pattern="/^[a-zA-Z0-9-./\s]*$/" ng-disabled="setModel.feesType.ExistValue=='1' && userType!='R004'" required/>
|
|
<span class="error text-small block" ng-if="n.Name==undefined">Enter a valid installment</span>
|
|
</div>
|
|
<div class="col-md-3 form-group" ng-class="{'has-error':n.Amount==undefined, 'has-success':n.Amount!=undefined}">
|
|
<label>
|
|
</label>
|
|
|
|
<input type="text" placeholder="Enter Fees Amount"
|
|
autofocus class="form-control" name="amount{{$index}}" id="amount{{$index}}" ng-maxlength="8"
|
|
ng-model="n.Amount" ng-pattern="/^[0-9]*$/" ng-disabled="setModel.feesType.ExistValue=='1' && userType!='R004'" required/>
|
|
<span class="error text-small block" ng-if="n.Amount==undefined">Enter a valid amount</span>
|
|
|
|
</div>
|
|
<div class="col-md-3 form-group" ng-class="{'has-error':n.DueDate==undefined, 'has-success':n.DueDate!=undefined}">
|
|
<label>
|
|
</label>
|
|
|
|
<input type="text" placeholder="Enter Date"
|
|
autofocus class="form-control" name="date{{$index}}" id="date{{$index}}"
|
|
ng-model="n.DueDate" required readonly/>
|
|
<span class="error text-small block" ng-if="n.DueDate==undefined">Enter a valid date</span>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<div class="pull-right">
|
|
<button type="submit" ladda="ldloading5.zoom_in" tabindex="17" class="btn btn-wide btn-success" data-style="zoom-in" ng-click="submitFeesForStudent(user,Form,setModel.feesType,'zoom-in',myModelInstallemt)" ng-disabled="setModel.feesType.ExistValue=='1' && userType!='R004'"> <!--ng-disabled="setModel.feesType.ExistValue=='1'"-->
|
|
Save
|
|
</button>
|
|
|
|
<input type="button" class="btn btn-warning btn-wide" tabindex="18" value="Cancel"
|
|
ng-click="cancel();">
|
|
|
|
</input>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</fieldset>
|
|
|
|
|
|
</div>
|
|
<div class="col-md-12">
|
|
<fieldset>
|
|
<legend>Student Fees Details</legend>
|
|
<div class="table-responsive">
|
|
|
|
<table class="table">
|
|
<thead>
|
|
<tr>
|
|
<th>Fees Name</th>
|
|
<th>Session Name</th>
|
|
<th>Roll Number</th>
|
|
<th>Course Fees</th>
|
|
<th>STF/WR</th>
|
|
<th>Others</th>
|
|
<th>Waiver</th>
|
|
<th>Payable Fees</th>
|
|
|
|
</tr>
|
|
</thead>
|
|
<tbody dir-paginate="p in feesStructureInfo|orderBy:sortKey:reverse|filter:search:strict|itemsPerPage:10">
|
|
<tr ng-if="p.ExistValue=='1'">
|
|
<td>{{p.Sem_Year}}</td>
|
|
<td>{{p.SessionName}}</td>
|
|
<td>{{p.RollNo}}</td>
|
|
<td>{{p.ActualFees}}</td>
|
|
<td>{{p.STFOrWR}}</td>
|
|
<td>{{p.Others}}</td>
|
|
<td>{{p.Waiver}}</td>
|
|
<td>{{p.PayableFees}}</td>
|
|
|
|
</tr>
|
|
|
|
|
|
</tbody>
|
|
|
|
</table>
|
|
<dir-pagination-controls max-size="10" direction-links="true" boundary-links="true">
|
|
</dir-pagination-controls>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</fieldset>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<!--<div class="pull-right">
|
|
<button type="submit" ladda="ldloading.zoom_in" tabindex="20" 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="21" value="Cancel"
|
|
ng-click="cancel();">
|
|
|
|
</input>
|
|
</div>-->
|
|
</div>
|
|
</div>
|
|
|
|
</fieldset>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</form>
|
|
<!-- class="editRowTd" -->
|
|
|
|
|
|
|