study material view

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

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
@ -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>
<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>
</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 -->

View File

@ -14,31 +14,36 @@ export class StudyMaterialComponent implements OnInit {
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;