apollodec/Apollo/assets/views/report_balance_fee.html
2020-11-02 16:19:57 +05:30

294 lines
16 KiB
HTML
Executable File

<section id="page-title">
<div class="row">
<div class="col-sm-8">
<h1 class="mainTitle">Fee Balance Report</h1>
</div>
<!-- <div ncy-breadcrumb></div> -->
</div>
</section>
<style>
.table>tbody>tr>td { padding: 2px; }
/* .sort-icon {
font-size: 9px;
margin-left: 5px;
}
th {
cursor: pointer;
} */
</style>
<script type="text/javascript" src="bower_components/ng-table-excel-export/ng-table-excel-export.min.js">
</script>
<div class="container-fluid container-fullw bg-white">
<div ng-controller="report_balfeeCtrl" ng-init="filters()">
<form name="Form" id="form" novalidate ng-submit="onSubmit(Form)" method="post">
<fieldset>
<div class="row">
<div class="col-md-12">
<div class="row">
<div class="col-md-3">
<label>
University
</label><br>
<select ui-select2 class="form-control" tabindex="1" class="cs-select cs-skin-elastic" name="university" ng-model="univModel.university" required>
<option value="" selected>Select University</option>
<!--details.universityName for details in university-->
<option ng-repeat="details in university" value="{{details}}">{{details.universityName}}</option>
</select>
<span style="color:red;" ng-if="show" ng-show="Form.university.$dirty && Form.university.$error.required">Please select University.</span>
</div>
<div class="col-md-3">
<label>
Batch
</label><br>
<select ui-select2 class="form-control" tabindex="2" class="cs-select cs-skin-elastic" name="batch" ng-model="univModel.batch" required>
<option value="" selected>Select Batch</option>
<option ng-repeat="batchDetails in filterBatchDetails.batchDetails" value="{{batchDetails.BatchCode}}">{{batchDetails.BatchName}}</option>
</select>
<span style="color:red;" ng-if="show" ng-show="Form.batch.$dirty && Form.batch.$error.required">Please select Batch.</span>
</div>
<div class="col-md-2" style="padding-top: 2.3%;">
<div >
<button type="submit" class="btn btn-success btn-o" tabindex="8">
Submit
</button>
</div>
</div>
</div>
</div>
</div>
</fieldset>
</form>
<!-- <pre>{{statusr | json}}</pre> -->
<div class="row" style="text-align: right;">
<div class="col-md-2">
<input class="form-control" type="text" ng-model="search" id="searchIn" autofocus tabindex="2" placeholder="Search" />
</div>
<div class="col-md-4">
<span>Total Fee:Rs.</span><span>{{gettotal() || "0"}}</span>
<span>Paid:Rs.</span><span>{{getpaid() || "0"}}</span>
<span>Balance:Rs.</span><span>{{getbalance() || "0"}}</span>
<span>({{getbalance()/gettotal()*100 | number : 2 || "0"}}%)</span>
</div>
<div class="col-md-6">
<button class="btn btn-success btn-o" ng-click="sendingsms()">Send SMS</button>
<button class="btn btn-success btn-o" ng-click="calltracking()">Call Tracking</button>
<button class="btn btn-success btn-o" ng-click="exportData()">Export to Excel</button>
</div>
</div>
<div class="table-responsive" style="margin-top: 20px;">
<table id="datatable" class="table table-striped table-bordered table-hover table-condensed" style="font-size:0.8em;" ng-controller="studentModalDemoCtrl">
<thead>
<tr>
<th colspan="10"></th>
<th nowrap style="text-align:center;">Sum of Total Fee</th>
<th nowrap style="text-align:center;">Sum of Fee Paid</th>
<th nowrap style="text-align:center;">Sum of Balance Fee</th>
<th nowrap colspan="2" style="text-align:center;">1st payment</th>
<th nowrap colspan="2" style="text-align:center;">2nd payment</th>
<th nowrap colspan="2" style="text-align:center;">3rd payment</th>
<th nowrap colspan="2" style="text-align:center;">4th payment</th>
<th nowrap colspan="2" style="text-align:center;">5th payment</th>
<th nowrap colspan="2" style="text-align:center;">6th payment</th>
<th nowrap colspan="2" style="text-align:center;">7th payment</th>
<th nowrap colspan="2" style="text-align:center;">8th payment</th>
<th nowrap colspan="2" style="text-align:center;">9th payment</th>
<th nowrap colspan="2" style="text-align:center;">10th payment</th>
</tr>
<tr>
<th><input type="checkbox" ng-model="myModel.all" id="all" name="all" ng-click="isCheckAll($event);"></th>
<th nowrap style="text-align:center;">SL.No</th>
<th nowrap style="text-align:center;">Enrollment ID</th>
<th nowrap style="text-align:center;">Student Name</th>
<th nowrap style="text-align:center;">Father Name</th>
<th nowrap style="text-align:center;">Course</th>
<th nowrap style="text-align:center;">Sem/Year</th>
<th nowrap style="text-align:center;">University</th>
<th nowrap style="text-align:center;">Course Status</th>
<th style=" white-space: pre-wrap;text-align:left;width: 100px;text-align:center;">Initial Payment Date</th>
<th nowrap style="text-align:center;">Total Fee</th>
<th nowrap style="text-align:center;">Fees Paid</th>
<th nowrap style="text-align:center;">Balance</th>
<th nowrap style="text-align:center;">Bill No</th>
<th nowrap style="text-align:center;">Amount</th>
<th nowrap style="text-align:center;">Bill No</th>
<th nowrap style="text-align:center;">Amount</th>
<th nowrap style="text-align:center;">Bill No</th>
<th nowrap style="text-align:center;">Amount</th>
<th nowrap style="text-align:center;">Bill No</th>
<th nowrap style="text-align:center;">Amount</th>
<th nowrap style="text-align:center;">Bill No</th>
<th nowrap style="text-align:center;">Amount</th>
<th nowrap style="text-align:center;">Bill No</th>
<th nowrap style="text-align:center;">Amount</th>
<th nowrap style="text-align:center;">Bill No</th>
<th nowrap style="text-align:center;">Amount</th>
<th nowrap style="text-align:center;">Bill No</th>
<th nowrap style="text-align:center;">Amount</th>
<th nowrap style="text-align:center;">Bill No</th>
<th nowrap style="text-align:center;">Amount</th>
<th nowrap style="text-align:center;">Bill No</th>
<th nowrap style="text-align:center;">Amount</th>
</tr>
</thead>
<tbody current-page="currentPage">
<tr dir-paginate="p in returnResultData|filter:search:strict|itemsPerPage:itemsPerPage" current-page="currentPage">
<td><input type="checkbox" ng-checked="myModel.all" id="{{p.Student_id}}" name="{{p.Student_id}}" class="form-control" ng-click="isClick($event,p.Sem_year);" /></td>
<td nowrap>{{itemsPerPage * (currentPage-1)+$index+1}}</td>
<td nowrap>{{p.eid}}</td>
<td nowrap><a tooltip="View Student" class="text-dark" ng-click="open(p);">{{p.Student_name}}</a></td>
<td nowrap>{{p.Father_name}}</td>
<td nowrap>{{p.Course_name}}</td>
<td nowrap>{{p.Sem_year}}</td>
<td nowrap>{{p.University}}</td>
<!-- <td nowrap style="text-align:right;" >
<span ng-if="p.course_status == 1" >Active</span>
<span ng-elseif="p.course_status == 0" >Deactive</span>
<span ng-else>{{p.course_status}}</span>
</td> -->
<td nowrap style="text-align:right;" ng-switch="p.course_status">
<span ng-switch-when="1">Active</span>
<span ng-switch-when="0">Deactive</span>
<span ng-switch-default>{{p.course_status}}</span>
</td>
<td nowrap>{{p.regdate}}</td>
<td nowrap style="text-align:right;">{{p.Total}}</td>
<td nowrap style="text-align:right;">{{p.Paid_fee}}</td>
<td nowrap style="text-align:right;">{{p.bal}}</td>
<td nowrap>
<span ng-if="p.billno1">{{p.billno1}}</span>
<span ng-if="!p.billno1"> - </span>
</td>
<td nowrap style="text-align:right;">
<span ng-if="p.billamt1">{{p.billamt1}}</span>
<span ng-if="!p.billamt1"> 0 </span>
</td>
<td nowrap>
<span ng-if="p.billno2">{{p.billno2}}</span>
<span ng-if="!p.billno2"> - </span>
</td>
<td nowrap style="text-align:right;">
<span ng-if="p.billamt2">{{p.billamt2}}</span>
<span ng-if="!p.billamt2"> 0 </span>
</td>
<td nowrap>
<span ng-if="p.billno3">{{p.billno3}}</span>
<span ng-if="!p.billno3"> - </span>
</td>
<td nowrap style="text-align:right;">
<span ng-if="p.billamt3">{{p.billamt3}}</span>
<span ng-if="!p.billamt3"> 0 </span>
</td>
<td nowrap>
<span ng-if="p.billno4">{{p.billno4}}</span>
<span ng-if="!p.billno4"> - </span>
</td>
<td nowrap style="text-align:right;">
<span ng-if="p.billamt4">{{p.billamt4}}</span>
<span ng-if="!p.billamt4"> 0 </span>
</td>
<td nowrap>
<span ng-if="p.billno5">{{p.billno5}}</span>
<span ng-if="!p.billno5"> - </span>
</td>
<td nowrap style="text-align:right;">
<span ng-if="p.billamt5">{{p.billamt5}}</span>
<span ng-if="!p.billamt5"> 0 </span>
</td>
<td nowrap>
<span ng-if="p.billno6">{{p.billno6}}</span>
<span ng-if="!p.billno6"> - </span>
</td>
<td style="text-align:right;">
<span ng-if="p.billamt6">{{p.billamt6}}</span>
<span ng-if="!p.billamt6"> 0 </span>
</td>
<td nowrap>
<span ng-if="p.billno7">{{p.billno7}}</span>
<span ng-if="!p.billno7"> - </span>
</td>
<td nowrap style="text-align:right;">
<span ng-if="p.billamt7">{{p.billamt7}}</span>
<span ng-if="!p.billamt7"> 0 </span>
</td>
<td nowrap>
<span ng-if="p.billno8">{{p.billno8}}</span>
<span ng-if="!p.billno8"> - </span>
</td>
<td nowrap style="text-align:right;">
<span ng-if="p.billamt8">{{p.billamt8}}</span>
<span ng-if="!p.billamt8"> 0 </span>
</td>
<td nowrap>
<span ng-if="p.billno9">{{p.billno9}}</span>
<span ng-if="!p.billno9"> - </span>
</td>
<td nowrap style="text-align:right;">
<span ng-if="p.billamt9">{{p.billamt9}}</span>
<span ng-if="!p.billamt9"> 0 </span>
</td>
<td nowrap>
<span ng-if="p.billno10">{{p.billno10}}</span>
<span ng-if="!p.billno10"> - </span>
</td>
<td nowrap style="text-align:right;">
<span ng-if="p.billamt10">{{p.billamt10}}</span>
<span ng-if="!p.billamt10"> 0 </span>
</td>
<td nowrap>{{p.cmts}}</td>
</tr>
</tbody>
</table>
<div class="row">
<div class="col-md-12" ng-if="isLoaderShow1">
<center> <h1>{{isLoaderTxt}}</h1> </center>
</div>
</div>
<h3 style="text-align:center;">{{message}}</h3>
</div>
<dir-pagination-controls direction-links="true" boundary-links="true">
</dir-pagination-controls>
</div>
</div>