apollo_developers/assets/views/student/studentView.html
venbatechnologies@gmail.com 1809bcf9c9 fixed table for student details
2018-04-23 18:34:11 +05:30

656 lines
36 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: 150%;
margin-left: -20%;
margin-top: 10%;
}
.modal-footer, .modal-header {
border-color: #b5b5b5;
}
.fa {
color:#0095C8;
}
a {
color: #5b5b60;
}
.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);
}
.bg-whitestu{
background-color: #eee;
}
</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-whitestu" ng-controller="studentViewCtrl" ng-init="getStudentDetails()">
<div class="row">
<!--<div align="right">
<button class="btn btn-success btn-sm" ng-click="printStudentDetails(studentAllDetails);">Print</button>
</div>-->
<div class="col-md-12">
<div class="col-md-2">
<h4 class="text-blue">{{studentDetails.Firstname}} {{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/{{studentDetails.ProfilePicPath}}" alt="" ng-if="studentDetails.ProfilePicPath!='' || studentDetails.ProfilePicPath!='NULL'">
<img ng-src="images/student/default.jpeg" alt="" ng-if="studentDetails.ProfilePicPath=='' || 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-4" style="padding-left: 3%;">
<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>
{{studentDetails.MobileNumber}}
</td>
</tr>
<tr>
<td>Email</td>
<td>
{{studentDetails.EmailID}}
</td>
</tr>
<tr>
<td>Alternate Number</td>
<td>{{studentDetails.AlternateNumber}}</td>
</tr>
<tr>
<td>Aadhar Number</td>
<td>{{studentDetails.AadharNumber}}</td>
</tr>
<tr>
<td>Present Address</td>
<td>
{{studentDetails.PresentAddress}}
</td>
</tr>
<tr>
<td>Permanent Address</td>
<td>
{{studentDetails.PermanentAddress}}
</td>
</tr>
</tbody>
</table>
</div>
<div class="col-md-3">
<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>{{studentDetails.Gender}}</td>
</tr>
<tr>
<td>Date Of Birth</td>
<td>{{studentDetails.DOB}}</td>
</tr>
<tr>
<td>Father's Name</td>
<td>{{studentDetails.Fathername}}</td>
</tr>
<tr>
<td>Mother's Name</td>
<td>
{{studentDetails.MotherName}}
</td>
</tr>
<tr>
<td>Qualification</td>
<td>{{studentDetails.PreQualification}}</td>
</tr>
<tr>
<td>Designation</td>
<td>{{studentDetails.Designation}}</td>
</tr>
</tbody>
</table>
</div>
<div class="col-md-3">
<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>{{studentDetails.Occupation}}</td>
</tr>
<tr>
<td>Caste</td>
<td>{{studentDetails.Caste}}</td>
</tr>
<tr>
<td>Religion</td>
<td>{{studentDetails.Religion}}</td>
</tr>
<tr>
<td>Refered By</td>
<td>{{studentDetails.ReferredBy}}</td>
</tr>
<tr>
<td>Refered Person No</td>
<td>{{studentDetails.ReferersMobileNumber}}</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<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 carddesign">
<div class="clearfix padding-5 space5" >
<div class="row">
<div class="col-xs-6 no-padding panel-title">
<!--
<h4 class="panel-title text-purple">{{course.UniversityName}} / {{course.CourseName}}</h4>
<h3>
-->
<h3>
<a class="text-blue">
{{course.CourseName}}
</a>
</h3>
</div>
</div>
<div class="col-xs-12 no-padding">
<a class="text-blue" tooltip="University">
{{course.UniversityName}} &nbsp;:&nbsp; Enrollment ID &nbsp;:&nbsp;{{course.EnrollmentID}}
</a>
</div>
<!-- <div class="col-xs-4 text-center no-padding">
<a class="text-blue">
Session &nbsp;:&nbsp;{{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-controller="FeesModalDemoCtrl" 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">&nbsp;({{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 ng-click="open(fees,'1',course)">
<a tooltip="Installment Details">
<i class="fa fa-eye text-blue text-large"></i>
</a> </span>
</td>
<td ng-click="open(fees,'2',course)"><span>
<a tooltip="{{dynamicTooltip}}">
<i class="fa fa-eye text-green text-large"></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" class="table" ng-if="selectedtype=='1'">
<thead>
<tr>
<th>Installment</th>
<th>Amount</th>
<th>Due Date</th>
</tr>
</thead>
<tbody ng-repeat="l in items.InstallmentDetails">
<tr>
<td>{{l.Name}}</td>
<td>{{l.Amount}}</td>
<td>{{l.DueDate}}</td>
</tr>
</tbody>
</table>
<table class="table" ng-if="selectedtype=='2'">
<thead>
<tr>
<th>Bill NO</th>
<th>Bill Amount</th>
<th>Bill Date</th>
<th>Receipt NO</th>
<th>Mode of Payment </th>
<th>Print</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="v in items.paidDetails">
<td>{{v.BillNO}}</td>
<td>{{v.BillAmount}}</td>
<td>{{v.BillDate}}</td>
<td>{{v.ReceiptNo}}</td>
<td>{{v.ModeOfPayment}}</td>
<td>
<a tooltip="Click to print" ng-mouseleave="mouseLeave()" pdf-save-button="{{v.BillNO}}" pdf-name="Billno-{{v.BillNO}}.pdf" class="btn"><i class="fa fa-print" ng-click="ShowHide(v)"></i></a> </td>
</tr>
</table>
<div pdf-save-content="{{billNo}}" visible='showButton'>
<table style="border-collapse: collapse; color: black;" border="0" width="100%">
<tbody>
<tr style="height: 23px;">
<td ng-if="BranchLogo=='' || BranchLogo==null" style="width: 136px; height: 82px; border-right-style: hidden; color: white; background-color: black; font-size: 22px; text-align: center;" rowspan="3">APOLLO</td>
<td ng-if="BranchLogo!='' && BranchLogo!=null" style="width: 136px; height: 82px; border-right-style: hidden; color: white; background-color: black; font-size: 22px; text-align: center;" rowspan="3">
<div class="user-image">
<img class="pull-center" ng-src="images/{{BranchLogo}}" alt="">
<!-- <img ng-src="{{userInfo.avatar}}" alt="" ng-if="!obj.flow.files.length && !noImage">
<img flow-img="obj.flow.files[0]" ng-if="obj.flow.files.length">-->
</div>
</td>
<td style="width: 136px; height: 23px; text-align: center; border-bottom-style: hidden; color: white; background-color: black; font-size: 20px;" colspan="3"><strong>APOLLO DISTANCE EDUCATION COLLEGE</strong>
</br>
<span style="font-size: 16px;">(A Group of SVE Trust)</span>
</br>
<span style="font-size: 16px;">{{BranchAddr}}</span>
</td>
</tr>
<tr>
<td style="width: 136px; height: 23px; text-align: center; border-bottom-style: hidden; color: white; background-color: black; font-size: 16px;" colspan="3"><!--(A Group of SVE Trust)--></td>
</tr>
<tr>
<td style="width: 136px; height: 36px; text-align: center; color: white; background-color: black; font-size: 15px;" colspan="3"><!--10/1, First Floor, Old Airport Road, Domlur, Bangalore - 560071. karnataka<br> Land Mark - Opp to Domlur Bus Stop Ph:&nbsp;9620214554--><!--{{BranchAddr}}--></td>
</tr>
<tr style="height: 50px;">
<td style="width: 150px; height: 50px; text-align: center; border-bottom-style: hidden;padding-left:25%;" colspan="3">
<span style="border: 2px solid black; padding: 10px; border-radius: 15px; font-size: 14px; color: #fff; background-color: black;">FEES ESTIMATE</span>
</td>
<td style="width: 137px; height: 50px; border-left-style: hidden; border-bottom-style: hidden;"><strong>DOM:</strong>&nbsp;{{billNo}}</td>
</tr>
<tr style="height: 24px;">
<td style="width: 136px; height: 24px;" colspan="3"><!--<strong>RECEIVED FROM</strong>--></td>
<td style="width: 137px; height: 24px; border-left-style: hidden;"><strong>Date:</strong>&nbsp;{{billDate}}</td>
</tr>
<tr style="height: 24px;">
<td style="width: 136px; height: 24px; border-bottom-style: hidden;" colspan="2"><strong>Mr. /Mrs. /Miss:</strong>&nbsp;{{studentDetails.Firstname}}</td>
<td style="width: 137px; height: 24px; border-bottom-style: hidden;" colspan="2"><strong>Enrl.No:</strong>&nbsp;{{CUDetails.EnrollmentID}}</td>
</tr>
<tr style="height: 24px;">
<td style="width: 136px; height: 24px;" colspan="2"><strong>S/o. /D/o. W/o. Mr. /Mrs:</strong>&nbsp;{{studentDetails.Fathername}}</td>
<td style="width: 137px; height: 24px;" colspan="2"><strong>Mobile No:</strong>&nbsp;{{studentDetails.MobileNumber}}</td>
</tr>
<tr style="height: 24px;">
<td style="width: 136px; height: 24px;"><strong>Course:</strong>&nbsp;{{CUDetails.CourseName}}</td>
<td style="width: 136px; height: 24px;"><strong>Sem/Year:</strong>&nbsp;{{items.FeesName}}</td>
<td ng-if="items.ToSessionName=='Not Applicale'" style="width: 137px; height: 24px;"><strong>Session:</strong>&nbsp;{{items.SessionName}}</td>
<td ng-if="items.ToSessionName!='Not Applicale'" style="width: 137px; height: 24px;"><strong>Session:</strong>&nbsp;{{items.SessionName}}/{{items.ToSessionName}}</td>
<td style="width: 137px; height: 24px;"><strong>Univ:</strong>&nbsp;{{CUDetails.UniveShortName}}</td>
</tr>
<tr style="height: 24px;">
<td style="width: 136px; height: 24px;" colspan="4"><strong>Rupees In Words:</strong>&nbsp; {{amountInWords}}</td>
</tr>
<tr style="height: 110px;">
<td style="width: 136px; height: 110px;"><span style="border: 2px solid black; padding: 10px;font-size: 14px; color: #fff; background-color: black;">RS.</span><span style="border: 2px solid black; padding: 10px 30px;font-size: 14px; color: black; background-color: #fff;">{{billAmount}}</span></td>
<td style="width: 136px; height: 110px;" colspan="2">
<p><strong>Cash / DD / Cheque:</strong>&nbsp;{{paymentType}}</p>
<p><strong>Payable At/Base&nbsp;Branch:</strong>&nbsp; {{branchName}}</p>
<p><strong>Received By:</strong>&nbsp; {{ReceivedBy}}</p>
<p><strong>Date:</strong>&nbsp;<span>{{billDate}}</span> &nbsp; &nbsp; <strong>Place:</strong>&nbsp; {{branchName}}</p>
</td>
<td style="width: 137px; height: 110px;"><strong>For APOLLO DISTANCE EDUCATION COLLEGE</strong></td>
</tr>
<tr style="height: 42px;">
<td style="width: 136px; height: 42px; color: white; background-color: black; font-size: 14px;text-align: center;" colspan="4">Note: Terms & Conditions will be applicable as per University norms Fees once paid will not be refunded at any reasons</td>
</tr>
</tbody>
</table>
</div>
</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 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>
</div>
</div>