Apollo-DEC/apollostudycenter
Apollo-DEC/apollostudycenter
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

study material view

Browse Source
This commit is contained in:
gayathri1990 2018-08-09 16:47:58 +05:30
parent 5ffb41ee7a
commit 03e622048a
3 changed files with 105 additions and 63 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/app/views/enrolment/student/student.component.html
View File

@ -91,12 +91,12 @@
<td>{{app.studentName}}</td> <td>{{app.studentName}}</td>
<td>{{app.fatherName}}</td> <td>{{app.fatherName}}</td>
<td>{{app.mobile}}</td> <td>{{app.mobile}}</td>
<td>{{app.course}} / {{app.univ}}</td> <td>{{app.course}} / {{app.univ}}</td>
<td>{{app.sem}}</td> <td>{{app.sem}}</td>
<td>{{app.batch}}</td> <td>{{app.batch}}</td>
<td> <td>
<span *ngIf="app.status == 1" style="line-height: 0.1;">Active</span> <span *ngIf="app.status == 1" style="line-height: 0.1;">Active</span>
<span *ngIf="app.status == 0" style="line-height: 0.1;">In-Active</span> <span *ngIf="app.status == 0" style="line-height: 0.1;">In-Active</span>
</td> </td>
<td> <td>
<i class="fa fa-edit line-height-table" tooltip="Edit" (click)="editDocuments()"></i> | <i class="fa fa-edit line-height-table" tooltip="Edit" (click)="editDocuments()"></i> |

127
src/app/views/study-material/study-material/study-material.component.html
View File

@ -1,5 +1,5 @@
<div class="animated fadeIn"> <div class="col-lg-12" *ngIf="!show">
<div class="col-md-12">
<div class="card"> <div class="card">
<div class="card-header"> <div class="card-header">
<i class="fa fa-align-justify"></i> Study Materials Details <i class="fa fa-align-justify"></i> Study Materials Details
@ -57,7 +57,7 @@
</div> </div>
<br> <br>
<div class="row"> <div class="row">
<div class="col-md-4"> <div class="col-md-4">
<div class="input-prepend input-group"> <div class="input-prepend input-group">
<span class="input-group-addon"> <span class="input-group-addon">
@ -66,7 +66,7 @@
<input id="search" class="form-control" type="text" placeholder="search"> <input id="search" class="form-control" type="text" placeholder="search">
</div> </div>
</div> </div>
</div> </div>
<br> <br>
<!--<div class="row"> <!--<div class="row">
<div class="col-md-4"> <div class="col-md-4">
@ -91,48 +91,19 @@
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<tr> <tr *ngFor="let app of studyMaterialDetails">
<td>Batch A</td> <td>{{app.batch}}</td>
<td>1st Sem / 2018</td> <td>{{app.sem}}</td>
<td>MCA</td> <td>{{app.course}}</td>
<td>{{app.Registerforms}}</td>
<td>10</td> <td>{{app.paidforms}}</td>
<td>10</td> <td style="color:blue;"><a (click)="myModal.show(); getModelWindowDetails(app,'answerBooklet')">{{app.receivedmaterial}} </a></td>
<td><a href="#">10</a></td>
</tr>
<tr>
<td>Batch B</td>
<td>2nd Sem / 2018</td>
<td>MBA</td>
<td>15</td>
<td>15</td>
<td><a href="#">15</a></td>
</tr>
<tr>
<td>Batch C</td>
<td>3rd Sem / 2019</td>
<td>BE</td>
<td>20</td>
<td>18</td>
<td><a href="#">18</a></td>
</tr>
<tr>
<td>Batch D</td>
<td>4th Sem / 2019</td>
<td>DE</td>
<td>34</td>
<td>34</td>
<td><a href="#">34</a></td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
@ -159,5 +130,71 @@
</div> </div>
<!--/.col--> <!--/.col-->
</div> </div>
</div>
<div bsModal #myModal="bs-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg" role="document" *ngIf="myModalData">
<div class="modal-content">
<div class="modal-header">
<strong>Student List</strong>
<h4 class="modal-title" *ngIf="modelType == 'markCard'"> Mark Card Status</h4>
<h4 class="modal-title" *ngIf="modelType == 'answerBooklet'"> Answer Booklet Status</h4>
<button type="button" class="close" (click)="myModal.hide()" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<div class="container">
<table class="table table-bordered table-responsive">
<thead>
<tr>
<th>Form ID</th>
<th>Student Name</th>
<th>Batch Name</th>
<th>Session</th>
</tr>
</thead>
<tbody>
<tr>
<td>Form001</td>
<td>Vikram</td>
<td><b>{{ modelType | uppercase }} </b> Batch A</td>
<td>1st/2018</td>
</tr>
<tr>
<td>Form002</td>
<td>Raj</td>
<td><b>{{ modelType | uppercase }} </b> Batch A</td>
<td>1st/2018</td>
</tr>
<tr>
<td>Form003</td>
<td>John</td>
<td><b>{{ modelType | uppercase }} </b> Batch A</td>
<td>1st/2018</td>
</tr>
<tr>
<td>Form004</td>
<td>Karthik</td>
<td><b>{{ modelType | uppercase }} </b> Batch A</td>
<td>1st/2018</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" (click)="myModal.hide()">Close</button>
<!--<button type="button" class="btn btn-primary">Save</button>-->
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
</div>
<!-- /.modal -->

37
src/app/views/study-material/study-material/study-material.component.ts
View File

@ -10,35 +10,40 @@ export class StudyMaterialComponent implements OnInit {
public myModal; public myModal;
public myModalData; public myModalData;
studyMaterialDetails: any; studyMaterialDetails: any;
constructor() { } constructor() { }
ngOnInit(){ ngOnInit(){
this.studyMaterialDetails = [ this.studyMaterialDetails = [
{ {
applicationId: '1', batch: 'Batch A',
details: 'xyz', sem:'1st Sem/2018',
univ: 'kr university',
course: 'B.com', course: 'B.com',
total: '12', Registerforms: '30',
status: '1' paidforms: '30',
receivedmaterial: '30'
}, },
{ {
applicationId: '2', batch: 'Batch A',
details: 'xyz', sem:'2st Sem/2018',
univ: 'kr university',
course: 'B.Sc', course: 'B.Sc',
total: '12', Registerforms: '12',
status: '1' paidforms: '10',
receivedmaterial: '10'
}, },
{ {
applicationId: '3', batch: 'Batch A',
details: 'xyz', sem:'3st Sem/2019',
univ: 'kr university',
course: 'MCA', course: 'MCA',
total: '12', Registerforms: '16',
status: '0' paidforms: '16',
receivedmaterial: '16'
} }
] ]
} }
save()
{
alert('hai');
}
getModelWindowDetails(stuCent) { getModelWindowDetails(stuCent) {
this.myModalData = stuCent||null; this.myModalData = stuCent||null;