students status, application filters added : kdk

This commit is contained in:
dineshkumarkannan 2018-07-31 11:52:23 +05:30
parent 1a3f3a1ef3
commit 88c09cb8e3
4 changed files with 71 additions and 12 deletions

View File

@ -109,7 +109,10 @@
<td>{{app.course}}</td> <td>{{app.course}}</td>
<td>{{app.sem}}</td> <td>{{app.sem}}</td>
<td>{{app.batch}}</td> <td>{{app.batch}}</td>
<td>{{app.status}}</td> <td>
<span *ngIf="app.status == 1" class="badge badge-success">Active</span>
<span *ngIf="app.status == 0" class="badge badge-danger">In-Active</span>
</td>
<td> <td>
<i class="fa fa-edit" tooltip="Edit" (click)="editDocuments()"></i> <i class="fa fa-edit" tooltip="Edit" (click)="editDocuments()"></i>
<!--<i class="fa fa-eye" tooltip="View More" data-toggle="modal" (click)="myModal.show(); getModelWindowDetails(app)"></i>--> <!--<i class="fa fa-eye" tooltip="View More" data-toggle="modal" (click)="myModal.show(); getModelWindowDetails(app)"></i>-->

View File

@ -43,7 +43,7 @@ export class StudentComponent implements OnInit {
course: 'B.Sc', course: 'B.Sc',
sem: 8, sem: 8,
batch: 'Jan 2018', batch: 'Jan 2018',
status: '1' status: '0'
} }
] ]
} }

View File

@ -6,7 +6,7 @@
<div class="row"> <div class="row">
<div class="form-group col-md-4"> <div class="form-group col-md-4">
<label for="name"> Select Study Center</label> <label for="name"> Select Study Center</label>
<select id="disabledSelect" class="form-control"> <select id="disabledSelect" class="form-control">
<option value="0">Please select Study Center</option> <option value="0">Please select Study Center</option>
<option value="1">SC 001</option> <option value="1">SC 001</option>
<option value="2">SC 002</option> <option value="2">SC 002</option>
@ -20,6 +20,57 @@
<i class="fa fa-align-justify"></i> Application Status List <i class="fa fa-align-justify"></i> Application Status List
</div> </div>
<div class="card-body"> <div class="card-body">
<div>
<div class="row">
<div class="col-md-2">
<div class="input-prepend input-group">
<select id="disabledSelect" class="form-control">
<option value="0">Batch</option>
<option value="1">Jan 2017</option>
<option value="2">Jul 2017</option>
<option value="3">Jan 2018</option>
</select>
</div>
</div>
<div class="col-md-3">
<div class="input-prepend input-group">
<select id="disabledSelect" class="form-control">
<option value="0">Please Select University</option>
<option value="1">MMM univ</option>
<option value="2">PPP univ</option>
<option value="3">SSS univ</option>
</select>
</div>
</div>
<div class="col-md-3">
<div class="input-prepend input-group">
<select id="disabledSelect" class="form-control">
<option value="0">Please Select Course</option>
<option value="1">B.com</option>
<option value="2">MCA</option>
<option value="3">M.Sc</option>
</select>
</div>
</div>
<div class="col-md-2">
<div class="input-prepend input-group">
<select id="disabledSelect" class="form-control">
<option value="0">Please Sem/Year</option>
<option value="1">2</option>
<option value="2">3</option>
<option value="3">4</option>
</select>
</div>
</div>
<div class="col-md-2">
<div class="input-prepend input-group">
<button type="button" value="Submit" class="btn btn-primary"> <i class="fa fa-search"></i> Filter</button>
</div>
</div>
</div>
</div>
<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">
@ -34,8 +85,9 @@
<table class="table table-bordered table-responsive"> <table class="table table-bordered table-responsive">
<thead> <thead>
<tr> <tr>
<th>Application</th> <th>Form Id</th>
<th>Student Name</th> <th>Student Name</th>
<th>Father Name</th>
<th>Course</th> <th>Course</th>
<th>Sem/Year</th> <th>Sem/Year</th>
<th>Status</th> <th>Status</th>
@ -46,6 +98,7 @@
<tr *ngFor="let app of applicationDetails"> <tr *ngFor="let app of applicationDetails">
<td>{{app.applicationId}}</td> <td>{{app.applicationId}}</td>
<td>{{app.studentName}}</td> <td>{{app.studentName}}</td>
<td>{{app.fatherName}}</td>
<td>{{app.courseName}}</td> <td>{{app.courseName}}</td>
<td>{{app.sem}}</td> <td>{{app.sem}}</td>
<td> <td>
@ -101,20 +154,20 @@
</div> </div>
</div> </div>
<div class="row"> <div class="row">
<div class="col-md-4"> <div class="col-md-4">
<label for="name"> Status</label> <label for="name"> Status</label>
<select id="disabledSelect" class="form-control"> <select id="disabledSelect" class="form-control">
<option value="0">Select Status</option> <option value="0">Select Status</option>
<option value="1">Approved</option> <option value="1">Approved</option>
<option value="2">Rejected</option> <option value="2">Rejected</option>
<option value="3">Canceled</option> <option value="3">Canceled</option>
</select> </select>
</div> </div>
<div class="col-md-4"> <div class="col-md-4">
<label for="comment">Comments <span class="danger">*</span></label> <label for="comment">Comments <span class="danger">*</span></label>
<textarea class="form-control" id="comments" placeholder="Enter Comments"></textarea> <textarea class="form-control" id="comments" placeholder="Enter Comments"></textarea>
</div> </div>
</div> </div>
</div> </div>
</div> </div>

View File

@ -16,6 +16,7 @@ export class ApplicationComponent implements OnInit {
{ {
applicationId: '0001', applicationId: '0001',
studentName: 'xyz', studentName: 'xyz',
fatherName: 'sss sss',
courseName: 'B.Com', courseName: 'B.Com',
sem: '1', sem: '1',
status: '1' status: '1'
@ -23,6 +24,7 @@ export class ApplicationComponent implements OnInit {
{ {
applicationId: '0002', applicationId: '0002',
studentName: 'xss', studentName: 'xss',
fatherName: 'mmm mmm',
courseName: 'BE(CSE)', courseName: 'BE(CSE)',
sem: '5', sem: '5',
status: '1' status: '1'
@ -30,6 +32,7 @@ export class ApplicationComponent implements OnInit {
{ {
applicationId: '0003', applicationId: '0003',
studentName: 'fys', studentName: 'fys',
fatherName: 'sss vvv',
courseName: 'M.SC', courseName: 'M.SC',
sem: '2', sem: '2',
status: '0' status: '0'