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

@ -91,12 +91,12 @@
<td>{{app.studentName}}</td>
<td>{{app.fatherName}}</td>
<td>{{app.mobile}}</td>
<td>{{app.course}} / {{app.univ}}</td>
<td>{{app.course}} / {{app.univ}}</td>
<td>{{app.sem}}</td>
<td>{{app.batch}}</td>
<td>
<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>
<i class="fa fa-edit line-height-table" tooltip="Edit" (click)="editDocuments()"></i> |

View File

@ -1,5 +1,5 @@
<div class="animated fadeIn">
<div class="col-md-12">
<div class="col-lg-12" *ngIf="!show">
<div class="card">
<div class="card-header">
<i class="fa fa-align-justify"></i> Study Materials Details
@ -57,7 +57,7 @@
</div>
<br>
<div class="row">
<div class="row">
<div class="col-md-4">
<div class="input-prepend input-group">
<span class="input-group-addon">
@ -66,7 +66,7 @@
<input id="search" class="form-control" type="text" placeholder="search">
</div>
</div>
</div>
</div>
<br>
<!--<div class="row">
<div class="col-md-4">
@ -91,48 +91,19 @@
</tr>
</thead>
<tbody>
<tr>
<tr *ngFor="let app of studyMaterialDetails">
<td>Batch A</td>
<td>1st Sem / 2018</td>
<td>MCA</td>
<td>10</td>
<td>10</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>
<td>{{app.batch}}</td>
<td>{{app.sem}}</td>
<td>{{app.course}}</td>
<td>{{app.Registerforms}}</td>
<td>{{app.paidforms}}</td>
<td style="color:blue;"><a (click)="myModal.show(); getModelWindowDetails(app,'answerBooklet')">{{app.receivedmaterial}} </a></td>
</tr>
</tbody>
</table>
@ -159,5 +130,71 @@
</div>
<!--/.col-->
</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

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