course details changes done

This commit is contained in:
gandhimathi 2018-01-31 10:50:07 +05:30
parent 7c1336f93d
commit 262a703d4d

View File

@ -0,0 +1,627 @@
<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;
}
</style>
<!-- start: UI BOOTSTRAP MODALS -->
<div class="container-fluid container-fullw bg-white">
<!-- /// controller: 'ModalDemoCtrl' - localtion: assets/js/controllers/bootstrapCtrl.js /// -->
<div ng-controller="studentModalDemoCtrl">
<div class="row">
<div class="col-md-6">
<div class="user-left">
<div class="center">
<h4>{{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/{{items.studentDetails.ProfilePicPath}}" class="img-circle pull-center" alt="" width="60" height="60" ng-if="items.studentDetails.ProfilePicPath!='' || items.studentDetails.ProfilePicPath!='NULL'">
<img ng-src="images/student/default.jpeg" class="img-circle pull-left" alt="" width="60" height="60" ng-if="items.studentDetails.ProfilePicPath=='' || items.studentDetails.ProfilePicPath=='NULL'">-->
</div>
</div>
</div>
<hr>
</div>
<table class="table table-condensed">
<thead>
<tr>
<th colspan="3">Contact Information</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>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 class="col-md-6">
<div class="user-right">
<table class="table table-condensed">
<thead>
<tr>
<th colspan="3">General information</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 Name</td>
<td>{{items.studentDetails.Fathername}}</td>
</tr>
<tr>
<td>Mother 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>
<tr>
<td>Aadhar Number</td>
<td>{{items.studentDetails.AadharNumber}}</td>
</tr>
<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">
<div class="col-md-12">
<div class="col-md-12">
<div class="panel panel-white" id="panel1">
<div class="panel-heading panel-white">
<div class="padding-10">
<img ng-src="images/{{items.studentDetails.ProfilePicPath}}" class="img-circle pull-center" alt="" width="60" height="60" ng-if="items.studentDetails.ProfilePicPath!='' || items.studentDetails.ProfilePicPath!='NULL'">
<img ng-src="images/student/default.jpeg" class="img-circle pull-left" alt="" width="60" height="60" ng-if="items.studentDetails.ProfilePicPath=='' || items.studentDetails.ProfilePicPath=='NULL'">
<h4 class="no-margin inline-block padding-5 text-green">{{items.studentDetails.Firstname}} {{items.studentDetails.Lastname}} &lt;!&ndash;<span class="block text-small text-left text-blue">{{studentDetails.MobileNumber}}</span>&ndash;&gt;</h4>
&lt;!&ndash;<div class="pull-right padding-15">
<span class="text-small text-bold text-green"><i class="fa fa-dot-circle-o"></i> on-line</span>
</div>&ndash;&gt;
</div>
&lt;!&ndash; <h4 class="panel-title text-green">{{studentDetails.Firstname}} {{studentDetails.Lastname}}</h4>&ndash;&gt;
<ct-paneltool class="panel-tools" tool-collapse="tool-collapse"></ct-paneltool>
</div>
<div collapse="panel1" ng-init="panel1=false" class="panel-wrapper">
<div class="panel-body">
<div class="col-md-6">
<div class="user-left">
<table class="table table-condensed">
<tbody>
<tr>
<td>Mobile Number <span style="float: right;">:</span></td>
<td> {{items.studentDetails.MobileNumber}}</td>
</tr>
<tr>
<td>Email <span style="float: right;">:</span></td>
<td> {{items.studentDetails.EmailID}}</td>
</tr>
<tr>
<td>Alternate Mobile Number <span style="float: right;">:</span></td>
<td> {{items.studentDetails.AlternateNumber}}</td>
</tr>
<tr>
<td>Father Name <span style="float: right;">:</span></td>
<td> {{items.studentDetails.Fathername}}</td>
</tr>
<tr>
<td>Mother Name <span style="float: right;">:</span></td>
<td> {{items.studentDetails.MotherName}}</td>
</tr>
<tr>
<td>Gender <span style="float: right;">:</span></td>
<td> {{items.studentDetails.Gender}}</td>
</tr>
<tr>
<td>Date Of Birth <span style="float: right;">:</span></td>
<td> {{items.studentDetails.DOB}}</td>
</tr>
<tr>
<td>Present Address <span style="float: right;">:</span></td>
<td style="width: 280px;"> {{items.studentDetails.PresentAddress}}</span></td>
</tr>
<tr>
<td>Permanent Address <span style="float: right;">:</span></td>
<td> {{items.studentDetails.PermanentAddress}}</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="col-md-6">
<table class="table table-condensed">
<tbody>
<tr>
<td>Qualification <span style="float: right;">:</span></td>
<td> {{items.studentDetails.PreQualification}}</td>
</tr>
<tr>
<td>Designation <span style="float: right;">:</span></td>
<td> {{items.studentDetails.Designation}}</td>
</tr>
<tr>
<td>Aadhar Number <span style="float: right;">:</span></td>
<td> {{items.studentDetails.AadharNumber}}</td>
</tr>
<tr>
<td>Refered By <span style="float: right;">:</span></td>
<td> {{items.studentDetails.ReferredBy}}</td>
</tr>
<tr>
<td>Refered Person No <span style="float: right;">:</span></td>
<td> {{items.studentDetails.ReferersMobileNumber}}</td>
</tr>
<tr>
<td>Occupation <span style="float: right;">:</span></td>
<td> {{items.studentDetails.Occupation}}</td>
</tr>
<tr>
<td>Caste <span style="float: right;">:</span></td>
<td> {{items.studentDetails.Caste}}</td>
</tr>
<tr>
<td>Religion <span style="float: right;">:</span></td>
<td> {{items.studentDetails.Religion}}</td>
</tr>
<tr>
<td>Nationality <span style="float: right;">:</span></td>
<td> {{items.studentDetails.Nationality}}</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
&lt;!&ndash; <h5 class="over-title margin-bottom-15">UI Bootstrap <span class="text-bold">Modals</span></h5>
<p>
$modal is a service to quickly create AngularJS-powered modal windows. Creating custom modals is straightforward: create a partial view, its controller and reference them when using the service.
</p>
<script type="text/ng-template" id="assets/views/student/studentDetailsModal.html">
<div class="modal-header">
<h3 class="modal-title">I'm a modal!</h3>
</div>
<div class="modal-body">
<ul>
<li ng-repeat="item in items">
<a ng-click="selected.item = item">{{ item }}</a>
</li>
</ul>
Selected: <b>{{ selected.item }}</b>
</div>
<div class="modal-footer">
<button class="btn btn-primary" ng-click="ok()">OK</button>
<button class="btn btn-primary btn-o" ng-click="cancel()">Cancel</button>
</div>
</script>&ndash;&gt;
&lt;!&ndash;<div class="row">
<div class="col-lg-4 col-md-4 col-sm-6">
<div class="panel panel-transparent">
<div class="panel-heading">
<div class="panel-title">
Default Modal
</div>
</div>
<div class="panel-body">
<p class="margin-bottom-30">
Toggle a modal by clicking the button below. It will slide down and fade in from the top of the page.
</p>
<button class="btn btn-primary btn-o pull-right" ng-click="open()">
Open Deafult Modal
</button>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-6">
<div class="panel panel-transparent">
<div class="panel-heading">
<div class="panel-title">
Large Modal
</div>
</div>
<div class="panel-body">
<p class="margin-bottom-30">
Modals have a large optional size, available by setting option <code>size: 'lg'</code> in the method <code>open(options)</code>
</p>
<button class="btn btn-primary btn-o pull-right" ng-click="open1('lg')">
Open Large Modal
</button>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-6">
<div class="panel panel-transparent">
<div class="panel-heading">
<div class="panel-title">
Small Modal
</div>
</div>
<div class="panel-body">
<p class="margin-bottom-30">
Modals have a small optional size, available by setting option <code>size: 'sm'</code> in the method <code>open(options)</code>
</p>
<button class="btn btn-primary btn-o pull-right" ng-click="open('sm')">
Open Small Modal
</button>
</div>
</div>
</div>
</div>
<div ng-show="selected" class="margin-top-15 text-small">
Selection from a modal: {{ selected }}
</div>&ndash;&gt;
</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">
<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 &nbsp;:&nbsp;{{course.CourseName}}
</a>
</div>
<div class="col-xs-3 text-center no-padding">
<a class="text-blue">
Enrollment ID &nbsp;:&nbsp;{{course.EnrollmentID}}
</a>
</div>
<div class="col-xs-3 text-center no-padding">
<a class="text-blue">
Batch Name &nbsp;:&nbsp;{{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-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="Bill Details">
<i class="fa fa-eye" ng-click="open1(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">
<!-- <td>
<span>{{cert.Sem_Year}}</span>
</td>-->
<td>
<span>{{cert.CertificateName}}</span>
</td>
<td>
<span>{{cert.ListName}} </span><span> &nbsp; ON &nbsp;</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> &nbsp; ON &nbsp;</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> &nbsp; ON &nbsp;</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>
<!-- end: UI BOOTSTRAP MODALS -->