642 lines
33 KiB
HTML
Executable File
642 lines
33 KiB
HTML
Executable File
<style>
|
|
.modal-backdrop {
|
|
background-color: #000;
|
|
bottom: 0;
|
|
position: fixed;
|
|
}
|
|
.modal-backdrop.in {
|
|
opacity: 0.4;
|
|
}
|
|
|
|
.modal-backdrop {
|
|
z-index: 9998 !important;
|
|
}
|
|
|
|
.modal {
|
|
z-index: 9999 !important;
|
|
}
|
|
|
|
.modal-content {
|
|
background: #ffffff;
|
|
box-shadow: none;
|
|
width: 80%;
|
|
margin-left: 30%;
|
|
margin-top: 10%;
|
|
}
|
|
|
|
.modal-footer, .modal-header {
|
|
border-color: #b5b5b5;
|
|
}
|
|
.fa {
|
|
color:#0095C8;
|
|
}
|
|
a {
|
|
color: #5b5b60;
|
|
}
|
|
</style>
|
|
<!-- start: DASHBOARD TITLE -->
|
|
<!--<section id="page-title" class="padding-top-15 padding-bottom-15">
|
|
<div class="row">
|
|
<div class="col-sm-7">
|
|
<h1 class="mainTitle" translate="dashboard.WELCOME" translate-values="{ appName: app.name }">{{ mainTitle }}</h1>
|
|
<span class="mainDescription"></span>
|
|
</div>
|
|
</div>
|
|
</section>-->
|
|
<!-- end: DASHBOARD TITLE -->
|
|
<!-- start: FEATURED BOX LINKS -->
|
|
<!--<div class="container-fluid container-fullw bg-white">
|
|
|
|
<div class="row" ng-repeat="course in courseDetails.courseStatus">
|
|
<div class="col-md-12">
|
|
<div class="panel panel-white" id="panel2">
|
|
<div class="panel-heading">
|
|
<div class="clearfix padding-5 space5" >
|
|
|
|
<div class="col-xs-3 text-center no-padding">
|
|
<!–
|
|
<h4 class="panel-title text-purple">{{course.UniversityName}} / {{course.CourseName}}</h4>
|
|
–>
|
|
<a class="panel-title text-blue" tooltip="University">
|
|
{{course.UniversityName}}
|
|
</a>
|
|
</div>
|
|
<div class="col-xs-3 text-center no-padding">
|
|
<a class="text-blue">
|
|
Course : {{course.CourseName}}
|
|
</a>
|
|
</div>
|
|
<div class="col-xs-3 text-center no-padding">
|
|
<a class="text-blue">
|
|
Enrollment ID : {{course.EnrollmentID}}
|
|
</a>
|
|
</div>
|
|
<div class="col-xs-3 text-center no-padding">
|
|
<a class="text-blue">
|
|
Batch Name : {{course.BatchName}}
|
|
</a>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
<ct-paneltool class="panel-tools" tool-collapse="tool-collapse">
|
|
|
|
</ct-paneltool>
|
|
</div>
|
|
|
|
|
|
|
|
<div collapse="panel2" ng-init="panel2=true" class="panel-wrapper">
|
|
<div class="panel-body">
|
|
|
|
|
|
<tabset class="tabbable">
|
|
|
|
|
|
<tab heading="Fees Details" id="fees">
|
|
<div class="panel-scroll height-200 ng-scope ps-container ps-theme-default ps-active-y" perfect-scrollbar="" wheel-propagation="false" suppress-scroll-x="true" data-ps-id="6fc3054c-6292-144d-eff7-cd557f527468">
|
|
<div ng-if="course.feesDetails==false">
|
|
<!– <center>
|
|
<h5 class="text-dark">No Fees Details!</h5>
|
|
</center>–>
|
|
</div>
|
|
<table class="table no-margin ng-scope" ng-controller="FeesModalDemoCtrl" ng-if="course.feesDetails!=false">
|
|
<thead>
|
|
<tr>
|
|
<th>Fees Name</th>
|
|
<th>Session Name</th>
|
|
<th>Roll Number</th>
|
|
<th>Total Payable Fees</th>
|
|
<th>Paid Fees</th>
|
|
<th>Balance Fees</th>
|
|
<th></th>
|
|
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr ng-repeat="fees in course.feesDetails">
|
|
<td>
|
|
<span>{{fees.FeesName}}</span></td>
|
|
<td>
|
|
<span>{{fees.SessionName}}</span></td>
|
|
<td>
|
|
<span>{{fees.RollNo}}</span></td>
|
|
<td>
|
|
<span>{{fees.PayableAmount}}</span></td>
|
|
<td>
|
|
<span>{{fees.PaidBillAmount}}</span></td>
|
|
<td>
|
|
<span>{{fees.BalanceAmount}}</span></td>
|
|
<td><span>
|
|
<a tooltip="{{dynamicTooltip}}">
|
|
<i class="fa fa-eye" ng-click="open(fees)"></i>
|
|
</a> </span>
|
|
</td>
|
|
</tr>
|
|
<script type="text/ng-template" id="myModalContent.html">
|
|
|
|
<div class="modal-header">
|
|
<h4 class="modal-title">{{items.FeesName}} Details</h4>
|
|
</div>
|
|
<div class="modal-body">
|
|
<table class="table">
|
|
<thead>
|
|
<tr>
|
|
<th>Bill NO</th>
|
|
<th>Bill Amount</th>
|
|
<th>Bill Date</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr ng-repeat="v in items.paidDetails">
|
|
<td>{{v.BillNO}}</td>
|
|
<td>{{v.BillAmount}}</td>
|
|
<td>{{v.BillDate}}</td>
|
|
|
|
</tr>
|
|
|
|
</table>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button class="btn btn-danger btn-sm" ng-click="cancel()">Cancel</button>
|
|
</div>
|
|
</script>
|
|
|
|
</tbody>
|
|
</table>
|
|
|
|
<!–
|
|
view tab end
|
|
–>
|
|
|
|
</div>
|
|
|
|
</tab>
|
|
|
|
<tab heading="Document Details" id="document">
|
|
<div class="panel-scroll height-200 ng-scope ps-container ps-theme-default ps-active-y" perfect-scrollbar="" wheel-propagation="false" suppress-scroll-x="true" data-ps-id="6fc3054c-6292-144d-eff7-cd557f527468">
|
|
<div ng-if="course.applicationDetails==false">
|
|
<!–<center>
|
|
<h5 class="text-dark">No Document Details!</h5>
|
|
</center>–>
|
|
</div>
|
|
<table class="table no-margin ng-scope" ng-if="course.applicationDetails!=false">
|
|
<thead>
|
|
<tr>
|
|
<!– <th>Type</th>–>
|
|
<th>Document Name</th>
|
|
<th>Status</th>
|
|
<th>Comments</th>
|
|
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr ng-repeat="cert in course.applicationDetails | unique:'CertificateName'">
|
|
<!– <td>
|
|
<span>{{cert.Sem_Year}}</span>
|
|
</td>–>
|
|
<td>
|
|
<span>{{cert.CertificateName}}</span>
|
|
</td>
|
|
<td>
|
|
<span>{{cert.ListName}} </span><span> ON </span> <span>{{cert.AppDate}}</span>
|
|
</td>
|
|
<td>
|
|
<span>{{cert.Comments}}</span>
|
|
</td>
|
|
|
|
|
|
</tr>
|
|
|
|
</tbody>
|
|
</table>
|
|
|
|
<!–
|
|
view tab end
|
|
–>
|
|
|
|
</div>
|
|
</tab>
|
|
|
|
|
|
<tab heading="Mark Card Details" id="mark">
|
|
<div class="panel-scroll height-200 ng-scope ps-container ps-theme-default ps-active-y" perfect-scrollbar="" wheel-propagation="false" suppress-scroll-x="true" data-ps-id="6fc3054c-6292-144d-eff7-cd557f527468">
|
|
<div ng-if="course.markCardDetails==false">
|
|
<!–<center>
|
|
<h5 class="text-dark">No Mark Card Details!</h5>
|
|
</center>–>
|
|
</div>
|
|
<table class="table no-margin ng-scope" ng-if="course.markCardDetails!=false">
|
|
<thead>
|
|
<tr>
|
|
<th>Type</th>
|
|
<!– <th>Name</th>–>
|
|
<th>Status</th>
|
|
<th>Comments</th>
|
|
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr ng-repeat="mark in course.markCardDetails | unique:'CourseID'">
|
|
<td>
|
|
<span>{{mark.Sem_Year}}</span>
|
|
</td>
|
|
<!–<td>
|
|
<span>{{mark.CertificateName}}</span>
|
|
</td>–>
|
|
<td>
|
|
<span>{{mark.ListName}} </span><span> ON </span> <span>{{mark.CDate}}</span>
|
|
</td>
|
|
<td>
|
|
<span>{{mark.Comments}}</span>
|
|
</td>
|
|
|
|
|
|
</tr>
|
|
|
|
</tbody>
|
|
</table>
|
|
|
|
<!–
|
|
view tab end
|
|
–>
|
|
|
|
</div>
|
|
</tab>
|
|
<tab heading="Study Material Details" id="material">
|
|
<div class="panel-scroll height-200 ng-scope ps-container ps-theme-default ps-active-y" perfect-scrollbar="" wheel-propagation="false" suppress-scroll-x="true" data-ps-id="6fc3054c-6292-144d-eff7-cd557f527468">
|
|
<div ng-if="course.studyMaterialDetails==false">
|
|
<!– <center>
|
|
<h5 class="text-dark">No Study Material Details!</h5>
|
|
</center>–>
|
|
</div>
|
|
<table class="table no-margin ng-scope" ng-if="course.studyMaterialDetails!=false">
|
|
<thead>
|
|
<tr>
|
|
<th>Type</th>
|
|
<!– <th>Date</th>–>
|
|
<th>Status</th>
|
|
<th>Comments</th>
|
|
|
|
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr ng-repeat="study in course.studyMaterialDetails | unique:'CourseID'">
|
|
<td>
|
|
<span>{{study.Sem_Year}}</span></td>
|
|
<!–<td>
|
|
<span>{{study.SDate}}</span></td>–>
|
|
<td>
|
|
<span>{{study.ListName}} </span><span> ON </span> <span>{{study.SDate}}</span>
|
|
</td>
|
|
<td>
|
|
<span>{{study.Comments}}</span></td>
|
|
|
|
</tr>
|
|
|
|
</tbody>
|
|
</table>
|
|
|
|
<!–
|
|
view tab end
|
|
–>
|
|
|
|
</div>
|
|
</tab>
|
|
|
|
</tabset>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
</div>-->
|
|
|
|
<div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<div ng-if="courseEditLoading == true" class="text-center">
|
|
<!--<img src="assets/images/ajax_loader_blue.gif" style="width: 5%; height: 30%">-->
|
|
<h3>Fetching ...</h3>
|
|
</div>
|
|
<div class="col-md-12">
|
|
|
|
<fieldset ng-if="courseEditLoading == false">
|
|
<legend>
|
|
Student Status Details
|
|
</legend>
|
|
<div class="row" ng-repeat="course in courseDetails.courseStatus">
|
|
<div class="col-md-12">
|
|
<div class="panel panel-white" id="panel2">
|
|
<div class="panel-heading">
|
|
<div class="clearfix padding-5 space5" >
|
|
|
|
<div class="col-xs-3 text-center no-padding">
|
|
<!--
|
|
<h4 class="panel-title text-purple">{{course.UniversityName}} / {{course.CourseName}}</h4>
|
|
-->
|
|
<a class="panel-title text-blue" tooltip="University">
|
|
{{course.UniversityName}}
|
|
</a>
|
|
</div>
|
|
<div class="col-xs-3 text-center no-padding">
|
|
<a class="text-blue">
|
|
Course : {{course.CourseName}}
|
|
</a>
|
|
</div>
|
|
<div class="col-xs-3 text-center no-padding">
|
|
<a class="text-blue">
|
|
Enrollment ID : {{course.EnrollmentID}}
|
|
</a>
|
|
</div>
|
|
<div class="col-xs-3 text-center no-padding">
|
|
<a class="text-blue">
|
|
Batch Name : {{course.BatchName}}
|
|
</a>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
<ct-paneltool class="panel-tools" tool-collapse="tool-collapse">
|
|
|
|
</ct-paneltool>
|
|
</div>
|
|
|
|
|
|
|
|
<div collapse="panel2" ng-init="panel2=true" class="panel-wrapper">
|
|
<div class="panel-body">
|
|
|
|
|
|
<tabset class="tabbable">
|
|
|
|
|
|
<tab heading="Fees Details" id="fees">
|
|
<div class="panel-scroll height-200 ng-scope ps-container ps-theme-default ps-active-y" perfect-scrollbar="" wheel-propagation="false" suppress-scroll-x="true" data-ps-id="6fc3054c-6292-144d-eff7-cd557f527468">
|
|
<div ng-if="course.feesDetails==false">
|
|
<!-- <center>
|
|
<h5 class="text-dark">No Fees Details!</h5>
|
|
</center>-->
|
|
</div>
|
|
<table class="table no-margin ng-scope" ng-controller="FeesModalDemoCtrl" ng-if="course.feesDetails!=false">
|
|
<thead>
|
|
<tr>
|
|
<th>Fees Name</th>
|
|
<th>Session Name</th>
|
|
<th>Roll Number</th>
|
|
<th>Total Payable Fees</th>
|
|
<th>Paid Fees</th>
|
|
<th>Balance Fees</th>
|
|
<th></th>
|
|
<th></th>
|
|
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr ng-repeat="fees in course.feesDetails">
|
|
<td>
|
|
<span>{{fees.FeesName}}</span></td>
|
|
<td>
|
|
<span>{{fees.SessionName}}</span></td>
|
|
<td>
|
|
<span>{{fees.RollNo}}</span></td>
|
|
<td>
|
|
<span>{{fees.PayableAmount}}</span></td>
|
|
<td>
|
|
<span>{{fees.PaidBillAmount}}</span></td>
|
|
<td>
|
|
<span>{{fees.BalanceAmount}}</span></td>
|
|
<td><span>
|
|
<a tooltip="{{dynamicTooltip}}">
|
|
<i class="fa fa-eye" ng-click="open(fees)"></i>
|
|
</a> </span>
|
|
</td>
|
|
<td></td>
|
|
</tr>
|
|
<script type="text/ng-template" id="myModalContent.html">
|
|
|
|
<div class="modal-header">
|
|
<h4 class="modal-title">{{items.FeesName}} Details</h4>
|
|
</div>
|
|
<div class="modal-body">
|
|
<table class="table">
|
|
<thead>
|
|
<tr>
|
|
<th>Bill NO</th>
|
|
<th>Bill Amount</th>
|
|
<th>Bill Date</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr ng-repeat="v in items.paidDetails">
|
|
<td>{{v.BillNO}}</td>
|
|
<td>{{v.BillAmount}}</td>
|
|
<td>{{v.BillDate}}</td>
|
|
|
|
</tr>
|
|
|
|
</table>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button class="btn btn-danger btn-sm" ng-click="cancel()">Cancel</button>
|
|
</div>
|
|
</script>
|
|
|
|
</tbody>
|
|
</table>
|
|
|
|
<!--
|
|
view tab end
|
|
-->
|
|
|
|
</div>
|
|
|
|
</tab>
|
|
|
|
<tab heading="Document Details" id="document">
|
|
<div class="panel-scroll height-200 ng-scope ps-container ps-theme-default ps-active-y" perfect-scrollbar="" wheel-propagation="false" suppress-scroll-x="true" data-ps-id="6fc3054c-6292-144d-eff7-cd557f527468">
|
|
<div ng-if="course.applicationDetails==false">
|
|
<!--<center>
|
|
<h5 class="text-dark">No Document Details!</h5>
|
|
</center>-->
|
|
</div>
|
|
<table class="table no-margin ng-scope" ng-if="course.applicationDetails!=false">
|
|
<thead>
|
|
<tr>
|
|
<!-- <th>Type</th>-->
|
|
<th>Document Name</th>
|
|
<th>Status</th>
|
|
<th>Comments</th>
|
|
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr ng-repeat="cert in course.applicationDetails | unique:'CertificateName'">
|
|
<!-- <td>
|
|
<span>{{cert.Sem_Year}}</span>
|
|
</td>-->
|
|
<td>
|
|
<span>{{cert.CertificateName}}</span>
|
|
</td>
|
|
<td>
|
|
<span>{{cert.ListName}} </span><span> ON </span> <span>{{cert.AppDate}}</span>
|
|
</td>
|
|
<td>
|
|
<span>{{cert.Comments}}</span>
|
|
</td>
|
|
|
|
|
|
</tr>
|
|
|
|
</tbody>
|
|
</table>
|
|
|
|
<!--
|
|
view tab end
|
|
-->
|
|
|
|
</div>
|
|
</tab>
|
|
|
|
|
|
<tab heading="Mark Card Details" id="mark">
|
|
<div class="panel-scroll height-200 ng-scope ps-container ps-theme-default ps-active-y" perfect-scrollbar="" wheel-propagation="false" suppress-scroll-x="true" data-ps-id="6fc3054c-6292-144d-eff7-cd557f527468">
|
|
<div ng-if="course.markCardDetails==false">
|
|
<!--<center>
|
|
<h5 class="text-dark">No Mark Card Details!</h5>
|
|
</center>-->
|
|
</div>
|
|
<table class="table no-margin ng-scope" ng-if="course.markCardDetails!=false">
|
|
<thead>
|
|
<tr>
|
|
<th>Type</th>
|
|
<!-- <th>Name</th>-->
|
|
<th>Status</th>
|
|
<th>Comments</th>
|
|
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr ng-repeat="mark in course.markCardDetails | unique:'CourseID'">
|
|
<td>
|
|
<span>{{mark.Sem_Year}}</span>
|
|
</td>
|
|
<!--<td>
|
|
<span>{{mark.CertificateName}}</span>
|
|
</td>-->
|
|
<td>
|
|
<span>{{mark.ListName}} </span><span> ON </span> <span>{{mark.CDate}}</span>
|
|
</td>
|
|
<td>
|
|
<span>{{mark.Comments}}</span>
|
|
</td>
|
|
|
|
|
|
</tr>
|
|
|
|
</tbody>
|
|
</table>
|
|
|
|
<!--
|
|
view tab end
|
|
-->
|
|
|
|
</div>
|
|
</tab>
|
|
<tab heading="Study Material Details" id="material">
|
|
<div class="panel-scroll height-200 ng-scope ps-container ps-theme-default ps-active-y" perfect-scrollbar="" wheel-propagation="false" suppress-scroll-x="true" data-ps-id="6fc3054c-6292-144d-eff7-cd557f527468">
|
|
<div ng-if="course.studyMaterialDetails==false">
|
|
<!-- <center>
|
|
<h5 class="text-dark">No Study Material Details!</h5>
|
|
</center>-->
|
|
</div>
|
|
<table class="table no-margin ng-scope" ng-if="course.studyMaterialDetails!=false">
|
|
<thead>
|
|
<tr>
|
|
<th>Type</th>
|
|
<!-- <th>Date</th>-->
|
|
<th>Status</th>
|
|
<th>Comments</th>
|
|
|
|
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr ng-repeat="study in course.studyMaterialDetails | unique:'CourseID'">
|
|
<td>
|
|
<span>{{study.Sem_Year}}</span></td>
|
|
<!--<td>
|
|
<span>{{study.SDate}}</span></td>-->
|
|
<td>
|
|
<span>{{study.ListName}} </span><span> ON </span> <span>{{study.SDate}}</span>
|
|
</td>
|
|
<td>
|
|
<span>{{study.Comments}}</span></td>
|
|
|
|
</tr>
|
|
|
|
</tbody>
|
|
</table>
|
|
|
|
<!--
|
|
view tab end
|
|
-->
|
|
|
|
</div>
|
|
</tab>
|
|
|
|
</tabset>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<div class="pull-right">
|
|
<!-- <button type="submit" tabindex="30" ladda="ldloading1.zoom_in" class="btn btn-wide btn-success" data-style="zoom-in">
|
|
Submit
|
|
</button>-->
|
|
<button type="reset" tabindex="31" class="btn btn-warning btn-wide" tabindex="9" ng-click="cancel()">
|
|
Cancel
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</fieldset>
|
|
</div>
|
|
</div>
|
|
</div> |