593 lines
29 KiB
HTML
Executable File
593 lines
29 KiB
HTML
Executable File
<style>
|
|
/* .modal-open .modal {
|
|
overflow-x: hidden;
|
|
overflow-y: auto;
|
|
width: 88%;
|
|
}*/
|
|
/* .container-fullw {
|
|
margin-left: -10%;
|
|
margin-right: -10%;
|
|
padding-left: 30px;
|
|
padding-right: 30px;
|
|
padding-top: 30px;
|
|
padding-bottom: 30px;
|
|
border-bottom: 1px solid #eee;
|
|
}*/
|
|
.modal-content {
|
|
background: #ffffff;
|
|
box-shadow: none;
|
|
width: 150%;
|
|
margin-left: -20%;
|
|
}
|
|
.ti-plus:before {
|
|
color: #006f95;
|
|
}
|
|
|
|
.carddesign{
|
|
box-shadow: 0 3px 4px 0 rgba(0,0,0,0.14),
|
|
0 3px 3px -2px rgba(0,0,0,0.12),
|
|
0 1px 8px 0 rgba(0,0,0,0.2);
|
|
}
|
|
</style>
|
|
<!-- start: UI BOOTSTRAP MODALS -->
|
|
<div class="container-fluid container-fullw bg-white" style="width: 1000px;">
|
|
<!-- /// controller: 'ModalDemoCtrl' - localtion: assets/js/controllers/bootstrapCtrl.js /// -->
|
|
<div ng-controller="studentModalDemoCtrl">
|
|
<div class="row">
|
|
<div align="right">
|
|
<button class="btn btn-success btn-sm" ng-click="printStudentDetails(items);">Print</button>
|
|
|
|
</div>
|
|
<div class="col-md-12">
|
|
<div class="col-md-4">
|
|
|
|
<h4 class="text-blue">{{items.studentDetails.Firstname}} {{items.studentDetails.Lastname}}</h4>
|
|
<div flow-init="{singleFile:true}" flow-name="obj.flow" flow-file-added="!!{png:1,gif:1,jpg:1,jpeg:1}[$file.getExtension()]">
|
|
<div class="user-image">
|
|
<div class="thumbnail">
|
|
<img ng-src="images/{{items.studentDetails.ProfilePicPath}}" alt="" ng-if="items.studentDetails.ProfilePicPath!='' || items.studentDetails.ProfilePicPath!='NULL'">
|
|
<img ng-src="images/student/default.jpeg" alt="" ng-if="items.studentDetails.ProfilePicPath=='' || items.studentDetails.ProfilePicPath=='NULL'">
|
|
<!--<img flow-img="obj.flow.files[0]" ng-if="obj.flow.files.length">-->
|
|
|
|
<!--<img ng-src="images/{{studentDetails.ProfilePicPath}}" class="img-circle pull-center" alt="" width="60" height="60" ng-if="studentDetails.ProfilePicPath!='' || studentDetails.ProfilePicPath!='NULL'">
|
|
<img ng-src="images/student/default.jpeg" class="img-circle pull-left" alt="" width="60" height="60" ng-if="studentDetails.ProfilePicPath=='' || studentDetails.ProfilePicPath=='NULL'">-->
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="col-md-8">
|
|
<table class="table table-condensed">
|
|
<thead>
|
|
<tr>
|
|
<th colspan="3"> <span class="text-azure">Contact Information</span></th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>Mobile Number</td>
|
|
<td>
|
|
|
|
{{items.studentDetails.MobileNumber}}
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Email</td>
|
|
<td>
|
|
{{items.studentDetails.EmailID}}
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Alternate Number</td>
|
|
<td>{{items.studentDetails.AlternateNumber}}</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Aadhar Number</td>
|
|
<td>{{items.studentDetails.AadharNumber}}</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>Present Address</td>
|
|
<td>
|
|
{{items.studentDetails.PresentAddress}}
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>Permanent Address</td>
|
|
<td>
|
|
{{items.studentDetails.PermanentAddress}}
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<div class="col-md-6">
|
|
|
|
<table class="table table-condensed">
|
|
<thead>
|
|
<tr>
|
|
<th colspan="3"><span class="text-pink">General Information</span></th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
|
|
<tr>
|
|
<td>Gender</td>
|
|
<td>{{items.studentDetails.Gender}}</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Date Of Birth</td>
|
|
<td>{{items.studentDetails.DOB}}</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>Father's Name</td>
|
|
<td>{{items.studentDetails.Fathername}}</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Mother's Name</td>
|
|
<td>
|
|
|
|
{{items.studentDetails.MotherName}}
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Qualification</td>
|
|
<td>{{items.studentDetails.PreQualification}}</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Designation</td>
|
|
<td>{{items.studentDetails.Designation}}</td>
|
|
</tr>
|
|
|
|
</tbody>
|
|
</table>
|
|
|
|
</div>
|
|
<div class="col-md-6">
|
|
|
|
<table class="table table-condensed">
|
|
<thead>
|
|
<tr>
|
|
<th colspan="3"><span class="text-green">Other Information</span></th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
|
|
<tr>
|
|
<td>Occupation</td>
|
|
<td>{{items.studentDetails.Occupation}}</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Caste</td>
|
|
<td>{{items.studentDetails.Caste}}</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Religion</td>
|
|
<td>{{items.studentDetails.Religion}}</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Refered By</td>
|
|
<td>{{items.studentDetails.ReferredBy}}</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Refered Person No</td>
|
|
<td>{{items.studentDetails.ReferersMobileNumber}}</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row" ng-repeat="course in items.courseDetails.courseStatus">
|
|
<div class="col-md-12">
|
|
<div class="panel panel-white" id="panel2">
|
|
<div class="panel-heading carddesign">
|
|
<div class="clearfix padding-5 space5" >
|
|
<div class="row">
|
|
<div class="col-xs-12 text-center no-padding">
|
|
<!--
|
|
<h4 class="panel-title text-purple">{{course.UniversityName}} / {{course.CourseName}}</h4>
|
|
-->
|
|
<a class="panel-title text-blue" tooltip="University">
|
|
<h3> {{course.UniversityName}}</h3>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="col-xs-6 text-center no-padding">
|
|
<a class="text-blue">
|
|
Course : {{course.CourseName}}
|
|
</a>
|
|
</div>
|
|
<div class="col-xs-6 text-center no-padding">
|
|
<a class="text-blue">
|
|
Enrollment ID : {{course.EnrollmentID}}
|
|
</a>
|
|
</div>
|
|
<!-- <div class="col-xs-4 text-center no-padding">
|
|
<a class="text-blue">
|
|
Session : {{course.SessionName}}
|
|
</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 ng-scope ps-container ps-theme-default ps-active-y" perfect-scrollbar="" 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 height-200 no-margin ng-scope" ng-if="course.feesDetails!=false" fixed-header>
|
|
<thead>
|
|
<tr>
|
|
<th>Sem/Year</th>
|
|
<th>Batch</th>
|
|
<th ng-if="course.feesDetails[0].ProgramType=='P001' || course.feesDetails[0].ProgramType=='P002'">Session From/Session To</th>
|
|
<th ng-if="course.feesDetails[0].ProgramType=='Y001'">Session</th>
|
|
<th>Roll Number</th>
|
|
<th>Total Payable Fees</th>
|
|
<th>Referral/Waiver</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.BatchName}}</span><span ng-if="fees.BatchDate!='' && fees.BatchDate!=null"> ({{fees.BatchDate}})</span>
|
|
</td>
|
|
<td ng-if="course.feesDetails[0].ProgramType=='P001' || course.feesDetails[0].ProgramType=='P002'">{{fees.SessionName}}/{{fees.ToSessionName}}</td>
|
|
<td ng-if="course.feesDetails[0].ProgramType=='Y001'">{{fees.SessionName}}</td>
|
|
<td> <span>{{fees.RollNo}}</span></td>
|
|
<td>
|
|
<span>{{fees.PayableAmount}}</span></td>
|
|
<td>
|
|
<span>{{fees.StudentWaiverRefAmount}}</span>
|
|
</td>
|
|
|
|
<td>
|
|
<span>{{fees.StudentPaidAmount}}</span></td>
|
|
<td>
|
|
<span>{{fees.BalanceAmount}}</span></td>
|
|
<td><span>
|
|
<a tooltip="Installment Details" ng-click="open1(fees,'1')">
|
|
<i class="fa fa-eye text-blue text-large"></i>
|
|
</a> </span>
|
|
</td>
|
|
<td><span>
|
|
<a tooltip="Bill Details" ng-click="open1(fees,'2')">
|
|
<i class="fa fa-eye text-green text-large"></i>
|
|
</a> </span>
|
|
</td>
|
|
</tr>
|
|
|
|
|
|
</tbody>
|
|
</table>
|
|
|
|
<!--
|
|
view tab end
|
|
-->
|
|
|
|
</div>
|
|
|
|
</tab>
|
|
<tab heading="Application Details" id="application">
|
|
<div class="panel-scroll ng-scope ps-container ps-theme-default ps-active-y" perfect-scrollbar="" 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 height-200 no-margin ng-scope" ng-if="course.applicationDetails!=false" fixed-header>
|
|
<thead>
|
|
<tr>
|
|
<!-- <th>Type</th>-->
|
|
<th>Document Name</th>
|
|
<th>Status</th>
|
|
<th>Date</th>
|
|
<th>Comments</th>
|
|
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr ng-repeat="apps in course.applicationDetails | unique:'CertificateName'">
|
|
<td>
|
|
<span>{{apps.CertificateName}}</span>
|
|
</td>
|
|
<td>
|
|
<span>{{apps.ListName}} </span>
|
|
</td>
|
|
<td>
|
|
<span>{{apps.AppDate}}</span>
|
|
</td>
|
|
<td>
|
|
<span>{{apps.Comments}}</span>
|
|
</td>
|
|
|
|
|
|
</tr>
|
|
|
|
</tbody>
|
|
</table>
|
|
|
|
<!--
|
|
view tab end
|
|
-->
|
|
|
|
</div>
|
|
</tab>
|
|
<tab heading="Answer Booklet Details" id="booklet">
|
|
<div class="panel-scroll ng-scope ps-container ps-theme-default ps-active-y" perfect-scrollbar="" data-ps-id="6fc3054c-6292-144d-eff7-cd557f527468">
|
|
<div ng-if="course.answerbookletDetails==false">
|
|
<!--<center>
|
|
<h5 class="text-dark">No Document Details!</h5>
|
|
</center>-->
|
|
</div>
|
|
<table class="table height-200 no-margin ng-scope" ng-if="course.answerbookletDetails!=false" fixed-header>
|
|
<thead>
|
|
<tr>
|
|
<!-- <th>Type</th>-->
|
|
<th>Sem/Year</th>
|
|
<th>Status</th>
|
|
<th>Date</th>
|
|
<th>Comments</th>
|
|
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr ng-repeat="booklet in course.answerbookletDetails | unique:'Sem'">
|
|
<td>
|
|
<span>{{booklet.Sem}}</span>
|
|
</td>
|
|
<td>
|
|
<span>{{booklet.ListName}} </span>
|
|
</td>
|
|
<td>
|
|
<span>{{booklet.AnsDate}}</span>
|
|
</td>
|
|
<td>
|
|
<span>{{booklet.Comments}}</span>
|
|
</td>
|
|
|
|
|
|
</tr>
|
|
|
|
</tbody>
|
|
</table>
|
|
|
|
<!--
|
|
view tab end
|
|
-->
|
|
|
|
</div>
|
|
</tab>
|
|
|
|
|
|
<tab heading="Document Details" id="document">
|
|
<div class="panel-scroll ng-scope ps-container ps-theme-default ps-active-y" perfect-scrollbar="" data-ps-id="6fc3054c-6292-144d-eff7-cd557f527468">
|
|
<div ng-if="course.certificateDetails==false">
|
|
<!--<center>
|
|
<h5 class="text-dark">No Document Details!</h5>
|
|
</center>-->
|
|
</div>
|
|
<table class="table height-200 no-margin ng-scope" ng-if="course.certificateDetails!=false" fixed-header>
|
|
<thead>
|
|
<tr>
|
|
<!-- <th>Type</th>-->
|
|
<th>Document Name</th>
|
|
<th>Status</th>
|
|
<th>Date</th>
|
|
<th>Comments</th>
|
|
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr ng-repeat="cert in course.certificateDetails | unique:'CertificateName'">
|
|
<!-- <td>
|
|
<span>{{cert.Sem_Year}}</span>
|
|
</td>-->
|
|
<td>
|
|
<span>{{cert.CertificateName}}</span>
|
|
</td>
|
|
<td>
|
|
<span>{{cert.ListName}} </span>
|
|
</td>
|
|
<td>
|
|
<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 ng-scope ps-container ps-theme-default ps-active-y" perfect-scrollbar="" 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 height-200 no-margin ng-scope" ng-if="course.markCardDetails!=false" fixed-header>
|
|
<thead>
|
|
<tr>
|
|
<th>Sem/Year</th>
|
|
<!-- <th>Name</th>-->
|
|
<th>Status</th>
|
|
<th>Date</th>
|
|
<th>Comments</th>
|
|
|
|
</tr>
|
|
</thead>
|
|
<tbody ng-if="course.markCardDetails.length!=0 && course.markCardDetails[0].FeesType=='F001'">
|
|
<tr ng-repeat="mark in course.markCardDetails | unique:'Sem'">
|
|
<td>
|
|
<span>{{mark.Sem_Year}} ({{mark.Sem}})</span>
|
|
</td>
|
|
<!--<td>
|
|
<span>{{mark.CertificateName}}</span>
|
|
</td>-->
|
|
<td>
|
|
<span>{{mark.ListName}} </span>
|
|
</td>
|
|
<td>
|
|
<span>{{mark.CDate}}</span>
|
|
</td>
|
|
<td>
|
|
<span>{{mark.Comments}}</span>
|
|
</td>
|
|
|
|
|
|
</tr>
|
|
|
|
</tbody>
|
|
<tbody ng-if="course.markCardDetails.length!=0 && course.markCardDetails[0].FeesType!='F001'">
|
|
<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>
|
|
</td>
|
|
<td>
|
|
<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 ng-scope ps-container ps-theme-default ps-active-y" perfect-scrollbar="" 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 height-200 no-margin ng-scope" ng-if="course.studyMaterialDetails!=false" fixed-header>
|
|
<thead>
|
|
<tr>
|
|
<th>Sem/Year</th>
|
|
<!-- <th>Date</th>-->
|
|
<th>Status</th>
|
|
<th>Date</th>
|
|
<th>Comments</th>
|
|
|
|
|
|
</tr>
|
|
</thead>
|
|
<tbody ng-if="course.studyMaterialDetails.length!=0 && course.studyMaterialDetails[0].FeesType=='F001'">
|
|
<tr ng-repeat="study in course.studyMaterialDetails | unique:'Sem'">
|
|
<td>
|
|
<span>{{study.Sem_Year}} ({{study.Sem}})</span></td>
|
|
<!--<td>
|
|
<span>{{study.SDate}}</span></td>-->
|
|
<td>
|
|
<span>{{study.ListName}} </span>
|
|
</td>
|
|
<td>
|
|
<span>{{study.SDate}}</span>
|
|
</td>
|
|
<td>
|
|
<span>{{study.Comments}}</span></td>
|
|
|
|
</tr>
|
|
|
|
</tbody>
|
|
<tbody ng-if="course.studyMaterialDetails.length!=0 && course.studyMaterialDetails[0].FeesType!='F001'">
|
|
<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>
|
|
</td>
|
|
<td>
|
|
<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>
|
|
<!-- end: UI BOOTSTRAP MODALS -->
|
|
|
|
|