apollodec/Apollo/assets/views/status-update/setFeesForStudent.html
venbatechnologies@gmail.com 2128b60cbf issue no :1636
2019-02-14 11:50:02 +05:30

481 lines
32 KiB
HTML
Executable File

<style>
a {
color: #ffffff;
}
b.fa {
display: inline-block;
border-radius: 60px;
box-shadow: 0px 0px 2px #d43f3a;
padding: 0.5em 0.6em;
}
</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>
Sem/Year <span class="symbol required"></span>
</label>
<select class="form-control" name="setfeesType" tabindex="7" id="setfeesType" ng-change="changeInstallemt(setModel.feesType,Form);changeSessions(setModel.feesType,'0');"
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>
<!-- {{readonlycheck}} -->
<div class="col-md-3 form-group"
ng-class="{'has-error':Form.batchCode.$dirty && Form.batchCode.$invalid, 'has-success':Form.batchCode.$valid}" ng-if="setModel.feesType.Sem_Year!='TC' && setModel.feesType.Sem_Year!='PPC' && setModel.feesType.Sem_Year!='DC' && setModel.feesType.Sem_Year!='MC' && setModel.feesType.Sem_Year!='OTHER'">
<label>
Batch <span class="symbol required"></span>
</label>
<select class="form-control" ng-disabled="readonlycheck !== false" name="batchCode" tabindex="8" id="batchCode"
ng-model="setModel.feesType.BatchCode"
ng-options="batch.BatchCode as batch.BatchName for batch in BatchDetails" ng-blur="changeBatch(setModel.feesType);" ng-disabled="setModel.feesType.ExistValue=='1' && userType=='R002'"
required>
<option value=""> Select Batch</option>
</select>
<span class="error text-small block"
ng-if="Form.batchCode.$dirty && Form.batchCode.$invalid">Batch is required</span>
</div>
<div class="col-md-3 form-group" ng-if="setModel.feesType.Sem_Year=='TC' || setModel.feesType.Sem_Year=='PPC' || setModel.feesType.Sem_Year=='DC' || setModel.feesType.Sem_Year=='MC' || setModel.feesType.Sem_Year=='OTHER'">
<label>
Batch
</label>
<!--<select class="form-control" name="batchCode" tabindex="8" id="batchCode"
ng-model="setModel.feesType.BatchCode"
ng-options="batch.BatchCode as batch.BatchName for batch in BatchDetails" ng-click="changeBatch(setModel.feesType);" ng-disabled="setModel.feesType.ExistValue=='1' && userType=='R002'"
required>
<option value=""> Select Batch</option>
</select>-->
<input type="text" placeholder="Enter Batch Name"
tabindex="8" class="form-control" name="batchCode"
ng-model="setModel.feesType.BatchCode" ng-readonly="true" />
<!--<span class="error text-small block"
ng-if="Form.batchCode.$dirty && Form.batchCode.$invalid">Batch 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}" ng-if="setModel.feesType.Sem_Year!='TC' && setModel.feesType.Sem_Year!='PPC' && setModel.feesType.Sem_Year!='DC' && setModel.feesType.Sem_Year!='MC' && setModel.feesType.Sem_Year!='OTHER'">
<!-- <label ng-if="setModel.feesType.ProgramType=='P001' || setModel.feesType.ProgramType=='P002'">
Session From <span class="symbol required"></span>
</label>
<label ng-if="setModel.feesType.ProgramType=='Y001'">
Session <span class="symbol required"></span>
</label> -->
<label>
Session <span class="symbol required"></span>
</label>
<select class="form-control" name="setsessionname" tabindex="9" id="setsessionname"
ng-model="setModel.feesType.SessionName"
ng-options="sess.SessionID as sess.SessionName for sess in sessionDetails" ng-change="changeSessions(setModel.feesType,'1');"
required>
<option value=""> Select Session</option>
</select>
<span class="error text-small block"
ng-if="Form.setsessionname.$dirty && Form.setsessionname.$invalid">Session is required</span>
</div>
<div class="col-md-3 form-group"
ng-class="{'has-error':Form.settosessionname.$dirty && Form.settosessionname.$invalid, 'has-success':Form.settosessionname.$valid}" ng-if="setModel.feesType.ProgramType=='P001' || setModel.feesType.ProgramType=='P002'">
<label>
Session To <span class="symbol required"></span>
</label>
<select class="form-control" ng-disabled="readonlycheck !== false" name="settosessionname" tabindex="9" id="settosessionname"
ng-model="setModel.feesType.ToSessionName"
ng-options="sess.SessionID as sess.SessionName for sess in sessionDetailsTo" ng-disabled="setModel.feesType.ExistValue=='1' && userType=='R002'"
required>
<option value=""> Select Session</option>
</select>
<span class="error text-small block"
ng-if="Form.settosessionname.$dirty && Form.settosessionname.$invalid">Session is required</span>
</div>
<div class="col-md-3 form-group"
ng-if="setModel.feesType.Sem_Year=='TC' || setModel.feesType.Sem_Year=='PPC' || setModel.feesType.Sem_Year=='DC' || setModel.feesType.Sem_Year=='MC' || setModel.feesType.Sem_Year=='OTHER'">
<label>
Session
</label>
<!--<select class="form-control" name="setsessionname" tabindex="9" id="setsessionname"
ng-model="setModel.feesType.SessionName"
ng-options="sess.SessionID as sess.SessionName for sess in sessionDetails" ng-click="changeBatch(setModel.feesType);" ng-disabled="setModel.feesType.ExistValue=='1' && userType=='R002'"
required>
<option value=""> Not applicable</option>
</select>-->
<input type="text" placeholder="Enter Session Name"
tabindex="9" class="form-control" name="setsessionname3"
ng-model="setModel.feesType.SessionName" ng-readonly="true" />
</div>
<div class="col-md-3 form-group" ng-if="setModel.feesType.ProgramType!='P001' && setModel.feesType.ProgramType!='P002'"
ng-class="{'has-error':Form.setrollNo.$dirty && Form.setrollNo.$invalid}">
<label>
Roll Number
</label>
<input type="text" ng-readonly="readonlycheck" placeholder="Enter Roll No"
tabindex="10" class="form-control" name="setrollNo"
ng-model="setModel.feesType.RollNo" ng-pattern="/^[a-zA-Z0-9-./\s]*$/"/>
<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>
<div class="row">
<div class="col-md-3 form-group" ng-if="setModel.feesType.ProgramType=='P001' || setModel.feesType.ProgramType=='P002'"
ng-class="{'has-error':Form.setrollNo.$dirty && Form.setrollNo.$invalid}">
<label>
Roll Number
</label>
<input type="text" placeholder="Enter Roll No"
tabindex="10" class="form-control" name="setrollNo"
ng-model="setModel.feesType.RollNo" ng-pattern="/^[a-zA-Z0-9-./\s]*$/"/>
<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="11" class="form-control" name="feesAmount" id="feesAmount" ng-maxlength="9"
ng-model="setModel.feesType.ActualFees" ng-pattern="/^[0-9]*$/" ng-disabled="userType=='R002'" ng-change="setFeesTotalAmount(setModel.feesType,'2',{{setModel.feesType}},'2');" required ng-readonly="readonlycheck"/>
<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-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="12" class="form-control" name="STF" id="STF" ng-maxlength="9"
ng-model="setModel.feesType.STFOrWR" ng-pattern="/^[0-9]*$/" ng-change="setFeesTotalAmount(setModel.feesType,'2',{{setModel.feesType}},'2');" ng-disabled="setModel.feesType.ExistValue=='1' && userType=='R002'"/>
<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="13" class="form-control" name="others" id="others" ng-maxlength="9"
ng-model="setModel.feesType.Others" ng-pattern="/^[0-9]*$/" ng-change="setFeesTotalAmount(setModel.feesType,'2',{{setModel.feesType}},'2');" ng-disabled="setModel.feesType.ExistValue=='1' && userType=='R002'"/>
<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-3 form-group" ng-if="setModel.feesType.ProgramType!='P001' && setModel.feesType.ProgramType!='P002'"
ng-class="{'has-error':Form.total.$dirty && Form.total.$invalid}">
<label>
Total Fees</span>
</label>
<input type="text" placeholder="Enter Total Amount"
autofocus tabindex="15" class="form-control" name="total" id="total" ng-maxlength="9"
ng-model="setTotalAmount" ng-pattern="/^[0-9]*$/" readonly/>
<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>
<div class="row">
<div class="col-md-3 form-group" ng-if="setModel.feesType.ProgramType=='P001' || setModel.feesType.ProgramType=='P002'"
ng-class="{'has-error':Form.total.$dirty && Form.total.$invalid}">
<label>
Total Fees</span>
</label>
<input type="text" placeholder="Enter Total Amount"
autofocus tabindex="15" class="form-control" name="total" id="total" ng-maxlength="9"
ng-model="setTotalAmount" ng-pattern="/^[0-9]*$/" readonly/>
<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-3 form-group"
ng-class="{'has-error':Form.comments.$dirty && Form.comments.$invalid}">
<label>
Comments
</label>
<textarea maxlength="100" placeholder="Enter Comments" tabindex="26" class="form-control" name="Comments" id="Comments" ng-model="setModel.feesType.Comments" ng-disabled="setModel.feesType.ExistValue=='1' && userType=='R002'"></textarea>
<span ng-hide="setModel.feesType.ExistValue=='1' && userType=='R002'" class="text-small block">Max 100 Characters.</span>
<!--<span class="error text-small block" ng-if="Form.DeactiveComments.$dirty && Form.DeactiveComments.$invalid">De-Active Comments is required</span>-->
</div>
</div>
<div class="row" ng-if="updateMoreItems.length>=1">
<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">
<input type="button" class="btn btn-sm btn-info" title="Click to add one more items" value="Add More" ng-click="clickMoreItems(Form,setModel.feesType);" style="margin-top:0%;" ng-disabled="setModel.feesType.ExistValue=='1' && userType=='R002'"/>
</div>
</div>
</br>
<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> Installment
<span class="symbol required"></span>
</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=='R002'" 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>
Amount
<span class="symbol required"></span>
</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=='R002'" ng-change="changeInstallemtAmt('{{n.Amount}}',n.Amount,$index,setModel.feesType);" required/>
<!--ng-readonly="updateMoreItems.length==$index+1"-->
<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/>
<span class="error text-small block" ng-if="n.DueDate==undefined">Enter a valid date</span>
</div>-->
<div data-ng-controller="DatepickerDemoCtrl">
<div class="col-md-3 form-group"
ng-class="{'has-error':n.DueDate==undefined, 'has-success':n.DueDate!=undefined}">
<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="n.DueDate"
is-open="startOpen"
ng-init="startOpen = false"
name="date{{$index}}"
placeholder="Select Date"
min-date="getDateArray[$index].Date"
max-date="getDateArray[$index+2].Date"
show-button-bar="false"
close-text="Close" ng-change="calculateDueAmount(setTotalAmount,setTotalAmount);" ng-disabled="setModel.feesType.ExistValue=='1' && userType=='R002'" ng-readonly="true" required="required"/>
<span class="error text-small block"
ng-if="n.DueDate==undefined">Date is required.</span>
<!--<span class="success text-small block"-->
<!--ng-if="Form.date.$valid ">Thank You</span>-->
</div>
</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="16" class="btn btn-wide btn-success" data-style="zoom-in" ng-click="submitFeesForStudent(user,Form,setModel.feesType,'zoom-in')"> <!--ng-disabled="setModel.feesType.ExistValue=='1'"-->
Save
</button>
<input type="button" class="btn btn-warning btn-wide" tabindex="17" 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>Sem/Year</th>
<th>Batch</th>
<th ng-if="feesStructureInfo[0].ProgramType=='P001' || feesStructureInfo[0].ProgramType=='P002'">Session From/Session To</th>
<th ng-if="feesStructureInfo[0].ProgramType=='Y001'">Session</th>
<th>Roll Number</th>
<th>Course Fees</th>
<th>STF/WR</th>
<th>Others</th>
<!-- <th>Waiver</th>-->
<th>Payable Fees</th>
<th></th>
<th></th>
</tr>
</thead>
<tbody ng-repeat="p in feesStructureInfo|orderBy:sortKey:reverse|filter:search:strict">
<tr ng-if="p.ExistValue=='1'">
<td>{{p.Sem_Year}}</td>
<td>{{p.BatchName}}</td>
<td ng-if="feesStructureInfo[0].ProgramType=='P001' || feesStructureInfo[0].ProgramType=='P002'">{{p.MasterSessionName}}/{{p.MasterToSessionName}}</td>
<td ng-if="feesStructureInfo[0].ProgramType=='Y001'">{{p.MasterSessionName}}</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>
<td>
<a ng-if="p.PaidStatus ==0 && userType!='R002'" class="text-red" id="deleteRowBtn{{p.ID}}" tooltip="Delete" ng-click="deleteSetFees(user,p);"><b class="fa fa-hover fa-trash " aria-hidden="true"></b>
</a>
<!--<a ng-if="p.FeesPaidID =='' || p.FeesPaidID ==null && p.ExistValue=='1' && userType!='R002'" class="text-red" id="deleteRowBtn{{p.ID}}" tooltip="Delete" ng-click="deleteSetFees(user,p);"><b class="fa fa-hover fa-trash " aria-hidden="true"></b>
</a>-->
<a ng-if="p.PaidStatus !=0 && userType=='R002'">
&nbsp;
</a>
</td>
<td>
<a ng-if="((p.Sem_Year | uppercase) !='SEM1' && (p.Sem_Year | uppercase) !='YEAR1') && p.ProgramType=='Y001'" class="text-red" tooltip="Generate Re-registration PDF" ng-click="reregisterPDF(p);"><b class="fa fa-hover fa fa-file-pdf-o " aria-hidden="true"></b>
</a></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" -->