student view changes in student enrolment
This commit is contained in:
gandhimathi
parent
a560dab61f
commit
2274102fb2
@ -88,7 +88,7 @@
|
||||
<tbody>
|
||||
<tr *ngFor="let app of students">
|
||||
<td>{{app.batch}}</td>
|
||||
<td>{{app.formId}}</td>
|
||||
<td (click)="viewFormModal.show()">{{app.formId}}</td>
|
||||
<td>{{app.studentName}}</td>
|
||||
<td>{{app.fatherName}}</td>
|
||||
<td>{{app.course}} / {{app.univ}}</td>
|
||||
@ -767,4 +767,224 @@
|
||||
</div>
|
||||
<!-- /.modal-dialog -->
|
||||
</div>
|
||||
<!-- /.modal -->
|
||||
<!-- /.modal -->
|
||||
|
||||
<!-- view form modal-->
|
||||
<div bsModal #viewFormModal="bs-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog modal-lg" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title">Form : KAN00128</h5>
|
||||
<button type="button btn-dark" class="close" (click)="viewFormModal.hide()" aria-label="Close">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<i class="fa fa-align-justify"></i> Student Basic Information
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-3">
|
||||
<label><b> Student Name</b> </label>
|
||||
<p>XYZ</p>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<label><b> Mobile</b> </label>
|
||||
<p>9123999393</p>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<label><b> Enrolment Number</b> </label>
|
||||
<p>UNIV120876</p>
|
||||
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<label><b> Course</b> </label>
|
||||
<p>B.Com</p>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<label><b> University</b> </label>
|
||||
<p>KR Univ</p>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<label><b> SEM</b> </label>
|
||||
<p>1</p>
|
||||
</div>
|
||||
|
||||
<div class="col-md-3">
|
||||
<label><b> Session</b> </label>
|
||||
<p>July-2018</p>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<label><b> Batch</b> </label>
|
||||
<p>Aug-2018</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!--/.row-->
|
||||
<div class="row">
|
||||
<!--/.col-->
|
||||
<div class="col-md-12 mb-4">
|
||||
<!-- Nav tabs -->
|
||||
<tabset>
|
||||
<tab>
|
||||
<ng-template tabHeading> Fees</ng-template>
|
||||
<div class="row">
|
||||
<div class="col-md-3">
|
||||
<label class="text-info">Payable Amount : </label><span>25800</span>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<label class="text-success">Paid Amount : </label><span>25000</span>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<label class="text-danger">Balance Amount : </label><span>800</span>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<label class="text-primary">Status : </label><span>Partially Paid</span>
|
||||
</div>
|
||||
</div><!--/.row-->
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<table class="table table-bordered table-responive table-hover">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Fees Name</th>
|
||||
<th>Fees Amount</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td><span>Admission Fees</span></td>
|
||||
<td>
|
||||
<span>800</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><span>Tution Fees</span></td>
|
||||
<td>
|
||||
<span>25000</span>
|
||||
</td>
|
||||
|
||||
|
||||
</tr>
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<!--/.col-->
|
||||
</div>
|
||||
</tab>
|
||||
<tab>
|
||||
<ng-template tabHeading> Answer BookLet</ng-template>
|
||||
<div class="row">
|
||||
<div class="col-lg-12 col-xs-12">
|
||||
<table class="table table-bordered table-responsive table-hover">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Status</th>
|
||||
<th>Updated On</th>
|
||||
<th>Comments</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>Send To Sc</td>
|
||||
<td>20-7-2018</td>
|
||||
<td>XXXXXXX</td>
|
||||
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</div>
|
||||
<!--/.col-->
|
||||
</div>
|
||||
<!--/.row-->
|
||||
|
||||
</tab>
|
||||
|
||||
|
||||
<tab>
|
||||
<ng-template tabHeading> Document </ng-template>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<table class="table table-bordered table-responive table-hover">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Name</th>
|
||||
<th>Status</th>
|
||||
<th>Updated On</th>
|
||||
<th>Comments</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td><span>PC</span></td>
|
||||
<td><span>Pending</span></td>
|
||||
<td>
|
||||
<span>20-8-2018</span>
|
||||
</td>
|
||||
<td>
|
||||
<span>YYYY</span>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<!--/.col-->
|
||||
</div>
|
||||
</tab>
|
||||
<tab>
|
||||
<ng-template tabHeading> Study Material </ng-template>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<table class="table table-bordered table-responive table-hover">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Status</th>
|
||||
<th>Updated On</th>
|
||||
<th>Comments</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td><span>Received</span></td>
|
||||
<td>
|
||||
<span>20-8-2018</span>
|
||||
</td>
|
||||
<td>
|
||||
<span>YYYY</span>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<!--/.col-->
|
||||
</div>
|
||||
</tab>
|
||||
</tabset>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-danger" (click)="viewFormModal.hide()">Close</button>
|
||||
</div>
|
||||
</div><!-- /.modal-content -->
|
||||
</div><!-- /.modal-dialog -->
|
||||
</div><!-- /.modal -->
|
||||
|
||||
<!-- end form modal -->
|
||||
@ -1,5 +1,4 @@
|
||||
import { Component, OnInit } from '@angular/core';
|
||||
import { ModalDirective } from 'ngx-bootstrap/modal';
|
||||
|
||||
@Component({
|
||||
templateUrl: 'student.component.html',
|
||||
|
||||
Loading…
Reference in New Issue
Block a user