courier and form master list added : kdk

src/app/components/app-sidebar/app-sidebar.component.ts

@@ -50,6 +50,10 @@ export class AppSidebar {
           name: 'Study Center',
           url: '/masters/studyCenter',
           icon: 'fa fa-language'
+        },{
+          name: 'Form List Master',
+          url: '/masters/formList',
+          icon: 'fa fa-language'
         }
       ]
     },{
@@ -60,6 +64,11 @@ export class AppSidebar {
           name: 'Application',
           url: '/status/application',
           icon: 'fa fa-sticky-note'
+        },
+        {
+          name: 'Courier',
+          url: '/status/courier',
+          icon: 'fa fa-suitcase'
         },{
           name: 'Study Material',
           url: '/status/studyMaterial',

src/app/views/masters/employee/employee.component.html

@@ -31,7 +31,7 @@
                                 <th>Mobile Number</th>
                                 <th>Role</th>
                                 <th>Status</th>
-                                <th>Activity</th>
+                                <th>Action</th>
                             </tr>
                         </thead>
                         <tbody>

src/app/views/masters/form-list/form-list.component.html

@@ -0,0 +1,156 @@
+<div class="col-lg-12" *ngIf="!show">
+    <tabset>
+        <tab>
+            <ng-template tabHeading> From List</ng-template>
+            <div class="card">
+                <div class="card-header">
+                    <i class="fa fa-align-justify"></i> Form List
+                </div>
+                <div class="card-body">
+                    <div class="row">
+                        <div class="col-md-4">
+                            <div class="input-prepend input-group">
+                                <span class="input-group-addon">
+                                    <i class="fa fa-search"></i>
+                                    </span>
+                                <input id="search" class="form-control" type="text" placeholder="search">
+                            </div>
+                        </div>
+                    </div>
+                    <br>
+                    <table class="table table-bordered table-responsive">
+                        <thead>
+                            <tr>
+                                <th>From Name</th>
+                                <th>From Type</th>
+                                <th>Description</th>
+                                <th>Status</th>
+                                <th>Action</th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            <tr *ngFor="let form of formsList">
+                                <td>{{form.formName}}</td>
+                                <td>{{form.formType}}</td>
+                                <td>{{form.description}}</td>
+                                <td>
+                                    <span *ngIf="form.status == 1" class="badge badge-success">Active</span>
+                                    <span *ngIf="form.status == 0" class="badge badge-danger">In-Active</span>
+                                </td>
+                                <td>
+                                    <i class="fa fa-download" tooltip="Download"></i> |
+                                    <i class="fa fa-eye" tooltip="View More" data-toggle="modal" (click)="myModal.show(); getModelWindowDetails(form)"></i>
+                                </td>
+                            </tr>
+                        </tbody>
+                    </table>
+                    <ul class="pagination">
+                        <li class="page-item"><a class="page-link" href="#">Prev</a></li>
+                        <li class="page-item active">
+                            <a class="page-link" href="#">1</a>
+                        </li>
+                        <li class="page-item"><a class="page-link" href="#">2</a></li>
+                        <li class="page-item"><a class="page-link" href="#">3</a></li>
+                        <li class="page-item"><a class="page-link" href="#">4</a></li>
+                        <li class="page-item"><a class="page-link" href="#">Next</a></li>
+                    </ul>
+                </div>
+            </div>
+        </tab>
+        <tab>
+            <ng-template tabHeading> Add From</ng-template>
+            <div class="card">
+                <div class="card-header">
+                    <i class="fa fa-align-justify"></i> Form Details
+                </div>
+                <fieldset>
+                    <!--<legend>Role Details</legend>-->
+                    <div class="container">
+                        <div class="row">
+                            <div class="form-group col-md-4">
+                                <label for="formName">Form Name<span class="danger">*</span></label>
+                                <input type="text" class="form-control" id="formName" placeholder="Enter Form Name">
+                            </div>
+                            <div class="form-group col-md-4">
+                                <label for="formType">From Type <span class="danger">*</span></label>
+                                <select class="form-control" id="formType" placeholder="Select Form Type">
+                                                    <option disabled>Select Form Type</option>
+                                                    <option>Admission Form</option>
+                                                </select>
+                            </div>
+                            <div class="form-group col-md-4">
+                                <label for="formDescription">Description</label>
+                                <textarea class="form-control" id="formDescription" placeholder="Enter Description"></textarea>
+                            </div>
+                        </div>
+                        <div class="row">
+                            <div class="form-group col-md-4">
+                                Upload Form :
+                                <input type="file" class="file-input">
+                            </div>
+                            <div class="form-group col-md-4">
+                                Active/De-Active : <label class="switch switch-default switch-pill switch-primary">
+                                        <input type="checkbox" class="switch-input" checked>
+                                        <span class="switch-label"></span>
+                                        <span class="switch-handle"></span>
+                                    </label>
+                            </div>
+                        </div>
+                    </div>
+                </fieldset>
+                <div class="card-footer" align="right">
+                    <button type="submit" class="btn btn-sm btn-success"><i class="fa fa-dot-circle-o"></i> Submit</button>
+                    <button type="reset" class="btn btn-sm btn-danger"><i class="fa fa-ban"></i> Reset</button>
+                </div>
+            </div>
+        </tab>
+    </tabset>
+</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">
+                <h4 class="modal-title">{{ myModalData.empId }}</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">
+                    <div class="row">
+                        <div class="col-md-6">
+                            <label><b>Form Name : </b> </label> {{myModalData.formName}}
+                        </div>
+                        <div class="col-md-6">
+                            <label><b>Form Type : </b> </label> {{myModalData.formType}}
+                        </div>
+                    </div>
+                    <div class="row">
+                        <div class="col-md-6">
+                            <label><b>Description : </b> </label> {{myModalData.description}}
+                        </div>
+                    </div>
+                    <div class="row">
+                        <div class="form-group col-md-4">
+                            <b>Active/De-Active :</b>
+                            <div>    <label class="switch switch-default switch-pill switch-primary">
+                                        <input type="checkbox" class="switch-input" checked>
+                                        <span class="switch-label"></span>
+                                        <span class="switch-handle"></span>
+                                    </label>
+                            </div>
+                        </div>
+                    </div>
+                </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 changes</button>-->
+            </div>
+        </div>
+        <!-- /.modal-content -->
+    </div>
+    <!-- /.modal-dialog -->
+</div>
+<!-- /.modal -->

src/app/views/masters/form-list/form-list.component.ts

@@ -0,0 +1,43 @@
+import { Component, OnInit } from '@angular/core';
+import { ModalDirective } from 'ngx-bootstrap/modal';
+
+@Component({
+  templateUrl: 'form-list.component.html'
+})
+export class FormListComponent implements OnInit {
+  show = false;
+  closed = false;
+  public myModal;
+  public myModalData;
+  formsList: any;
+  constructor() { }
+  ngOnInit(){
+    this.formsList = [
+      {
+        formName: 'KR Univ Student Registration Form',
+        formType: 'Registration Form',
+        description: 'KR univ students registration form for upcomming batch',
+        status: '1'
+      },
+      {
+        formName: 'KR Univ Re-registration form',
+        formType: 'Registration Form',
+        description: 'KR univ re-registration form for arts students',
+        status: '1'
+      },
+      {
+        formName: 'PML Univ Re-registration form',
+        formType: 'Registration Form',
+        description: 'PML univ re-registration form for arts students',
+        status: '0'
+      }
+    ]
+  }
+  getModelWindowDetails(emp) {
+    this.myModalData = emp||null;
+  }
+
+  editEmployee(){
+     this.show = !this.show;
+  }
+}

src/app/views/masters/masters-routing.module.ts

@@ -4,7 +4,7 @@ import { Routes, RouterModule } from '@angular/router';
 import { EmployeeComponent } from './employee/employee.component';
 import { RoleComponent } from './role/role.component';
 import { StudyCenterComponent } from './study-center/study-center.component';
-
+import { FormListComponent } from './form-list/form-list.component';
 const routes: Routes = [
   {
     path: '',
@@ -32,6 +32,13 @@ const routes: Routes = [
         data: {
           title: 'Study Center'
         }
+      },
+      {
+        path: 'formList',
+        component: FormListComponent,
+        data: {
+          title: 'Form List'
+        }
       }
     ]
   }

src/app/views/masters/masters.module.ts

@@ -20,6 +20,8 @@ import { EditEmployeeComponent } from './employee/edit-employee/edit-employee.co
 import { StudyCenterComponent } from './study-center/study-center.component';
 import { EditStudyCenterComponent } from './study-center/edit-study-center/edit-study-center.component';
 
+// Form list
+import { FormListComponent } from './form-list/form-list.component';
 @NgModule({
   imports: [
     CommonModule,
@@ -35,7 +37,8 @@ import { EditStudyCenterComponent } from './study-center/edit-study-center/edit-
     EmployeeComponent,
     EditEmployeeComponent,
     StudyCenterComponent,
-    EditStudyCenterComponent
+    EditStudyCenterComponent,
+    FormListComponent
   ]
 })
 export class MastersModule { }

src/app/views/status/answer-booklet/answer-booklet.component.html

@@ -24,7 +24,7 @@
                 </div>
                 <div class="card-body">
                     <div class="row">
-                        <div class="col-md-4">
+                        <div class="col-md-3">
                             <div class="input-prepend input-group">
                                 <select id="disabledSelect" class="form-control">
                                     <option value="0">Please Select University</option>
@@ -34,7 +34,7 @@
                                 </select>
                             </div>
                         </div>
-                        <div class="col-md-4">
+                        <div class="col-md-3">
                             <div class="input-prepend input-group">
                                 <select id="disabledSelect" class="form-control">
                                     <option value="0">Please Select Course</option>
@@ -44,7 +44,27 @@
                                 </select>
                             </div>
                         </div>
-                        <div class="col-md-4">
+                        <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">
+                                <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-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>
@@ -65,22 +85,30 @@
                     <table class="table table-bordered table-responsive">
                         <thead>
                             <tr>
-                                <th>Entrollment Id</th>
+                                <th>Form Id</th>
                                 <th>Student Name</th>
+                                <th>Father Name</th>
                                 <th>Mobile</th>
                                 <th>Course</th>
+                                <th>Sem/Year</th>
+                                <th>Batch</th>
+                                <th>Status</th>
                                 <th>Activity</th>
                             </tr>
                         </thead>
                         <tbody>
                             <tr *ngFor="let app of applicationDetails">
-                                <td>{{app.entrollemntId}}</td>
+                                <td>{{app.formId}}</td>
                                 <td>{{app.studentName}}</td>
+                                <td>{{app.fatherName}}</td>
                                 <td>{{app.mobile}}</td>
                                 <td>{{app.course}}</td>
+                                <td>{{app.sem}}</td>
+                                <td>{{app.batch}}</td>
+                                <td>{{app.status}}</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>
                                 </td>
                             </tr>
                         </tbody>
@@ -107,7 +135,7 @@
     <div class="modal-dialog modal-lg" role="document" *ngIf="myModalData">
         <div class="modal-content">
             <div class="modal-header">
-                <h4 class="modal-title">{{ myModalData.applicationId }}</h4>
+                <h4 class="modal-title">{{ myModalData.formId }}</h4>
                 <button type="button" class="close" (click)="myModal.hide()" aria-label="Close">
           <span aria-hidden="true">&times;</span>
         </button>
@@ -119,22 +147,26 @@
                             <label><b> Student Name : </b> </label> {{myModalData.studentName}}
                         </div>
                         <div class="col-md-6">
-                            <label><b>Course Name : </b> </label> {{myModalData.courseName}}
+                            <label><b>Course Name : </b> </label> {{myModalData.course}}
                         </div>
                     </div>
                     <div class="row">
                         <div class="col-md-6">
                             <label><b> Sem/Year : </b> </label> {{myModalData.sem}}
                         </div>
+                         <div class="col-md-6">
+                            <label><b> Batch : </b> </label> {{myModalData.batch}}
+                        </div>
                     </div>
                     <div class="row">
                     <div class="col-md-4">
                          <label for="name"> Status</label>
                             <select id="disabledSelect" class="form-control">
                                 <option value="0">Select Status</option>
-                                <option value="1">Approved</option>
+                                <option value="1">Sent to SC</option>
                                 <option value="2">Rejected</option>
-                                <option value="3">Canceled</option>
+                                <option value="3">Received</option>
+                                <option value="3">Sent to Univ</option>
                             </select>
                     </div>
                        <div class="col-md-4">

src/app/views/status/answer-booklet/answer-booklet.component.ts

@@ -15,22 +15,34 @@ export class AnswerBookletComponent implements OnInit {
   ngOnInit(){
      this.applicationDetails = [
       {
-        entrollemntId: '0001',
+        formId: '0001',
         studentName: 'xyz',
+        fatherName: 'SSS',
         mobile: '+91 9999999999',
-        course: 'B.Com'
+        course: 'B.Com',
+        sem: '2',
+        batch: 'Jun 2017',
+        status: 'Sent to SC'
       },
       {
-        entrollemntId: '0002',
+        formId: '0002',
         studentName: 'svs',
+        fatherName: 'MMM',
         mobile: '+91 9999911111',
-        course: 'BSc'
+        course: 'BSc',
+        sem: '3',
+        batch: 'Jun 2017',
+        status: 'Sent to SC'
       },
       {
-        entrollemntId: '0003',
+        formId: '0003',
         studentName: 'pns',
+        fatherName: 'VVV',
         mobile: '+91 9999900000',
-        course: 'MCA'
+        course: 'MCA',
+        sem: '1',
+        batch: 'Jun 2017',
+        status: 'Sent to SC'
       }
     ]
   }

src/app/views/status/courier/courier.component.html

@@ -0,0 +1,203 @@
+<!--<span *ngIf="show" class="backToList">
+    <a (click)="show = !show;" tooltip="Go to listing">Back to List</a>
+    </span>-->
+
+<div class="col-lg-12" *ngIf="!show">
+    <tabset>
+        <tab>
+            <ng-template tabHeading> Courier Details List</ng-template>
+            <div class="card">
+                <div class="card-header">
+                    <i class="fa fa-align-justify"></i> Courier Details List
+                </div>
+                <div class="card-body">
+                     <div class="row">
+                        <div class="col-md-4">
+                            <div class="input-prepend input-group">
+                                <span class="input-group-addon">
+                                    <i class="fa fa-search"></i>
+                                    </span>
+                                <input id="search" class="form-control" type="text" placeholder="search">
+                            </div>
+                        </div>
+                    </div>
+                    <br>
+                    <table class="table table-bordered table-responsive">
+                        <thead>
+                            <tr>
+                                <th>Courier Name</th>
+                                <th>Docket No.</th>
+                                <th>Type</th>
+                                <th>Comments</th>
+                                <th>Received By/ Dispatched By</th>
+                                <th>Status</th>
+                                <th>Action</th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            <tr *ngFor="let cour of courier">
+                                <td>{{cour.courierName}}</td>
+                                <td>{{cour.docketNo}}</td>
+                                <td>{{cour.type}}</td>
+                                <td>{{cour.comments}}</td>
+                                <td>{{cour.receiveBy}}</td>
+                                <td>{{cour.status}}</td>
+                                <td>
+                                    <!--<i class="fa fa-edit" tooltip="Edit" (click)="editEmployee()"></i> |-->
+                                    <i class="fa fa-eye" tooltip="View More" data-toggle="modal" (click)="myModal.show(); getModelWindowDetails(cour)"></i>
+                                </td>
+                            </tr>
+                        </tbody>
+                    </table>
+                    <ul class="pagination">
+                        <li class="page-item"><a class="page-link" href="#">Prev</a></li>
+                        <li class="page-item active">
+                            <a class="page-link" href="#">1</a>
+                        </li>
+                        <li class="page-item"><a class="page-link" href="#">2</a></li>
+                        <li class="page-item"><a class="page-link" href="#">3</a></li>
+                        <li class="page-item"><a class="page-link" href="#">4</a></li>
+                        <li class="page-item"><a class="page-link" href="#">Next</a></li>
+                    </ul>
+                </div>
+            </div>
+        </tab>
+        <tab>
+            <ng-template tabHeading> Add Courier</ng-template>
+            <div class="animated fadeIn">
+                <div class="row">
+                    <div class="col-md-12">
+                        <div class="card">
+                            <div class="card-header">
+                             <i class="fa fa-align-justify"></i> Add Courier Details
+                            </div>
+                            <form>
+                                <fieldset>
+                                    <div class="container">
+                                        <div class="row">
+                                            <div class="form-group col-md-4">
+                                                <label for="cname">Courier Name <span class="danger">*</span></label>
+                                                <input type="text" class="form-control" id="cname" placeholder="Enter Courier name">
+                                            </div>
+                                            <div class="form-group col-md-4">
+                                                <label for="lname">Docket No. <span class="danger">*</span></label>
+                                                <input type="text" class="form-control" id="lname" placeholder="Enter Docket No">
+                                            </div>
+                                        </div>
+                                        <div class="row">
+                                            <div class="form-group col-md-4">
+                                                <label for="pmobile">Type<span class="danger">*</span></label>
+                                                <input type="text" class="form-control" id="pmobile" placeholder="Enter Type">
+                                            </div>
+                                            <div class="form-group col-md-4">
+                                                <label for="smobile">Status</label>
+                                                <input type="text" class="form-control" id="smobile" placeholder="Enter Status">
+                                            </div>
+                                           <div class="form-group col-md-4">
+                                                <label for="smobile">Comments</label>
+                                                <input type="text" class="form-control" id="smobile" placeholder="Enter Status">
+                                            </div>
+                                        </div>
+                                        <div class="row">
+                                            <div class="form-group col-md-4">
+                                                <label for="email">Qty <span class="danger">*</span></label>
+                                                <input type="text" class="form-control" id="email" placeholder="Enter Qty">
+                                            </div>
+                                            <div class="form-group col-md-4">
+                                                <label for="fatherName">Amount<span class="danger">*</span></label>
+                                                <input type="text" class="form-control" id="fatherName" placeholder="Enter Amount">
+                                            </div>
+                                            <div class="form-group col-md-4">
+                                                <label for="motherName">Date<span class="danger">*</span></label>
+                                                <input type="text" class="form-control" id="motherName" placeholder="Enter Date">
+                                            </div>
+                                        </div>
+                                        <div class="row">
+                                            <div class="form-group col-md-4">
+                                                <label for="motherName">Received By / Dispatched By<span class="danger">*</span></label>
+                                                <input type="text" class="form-control" id="motherName" placeholder="Enter Name">
+                                            </div>
+                                        </div>
+                                    </div>
+                                </fieldset>
+                                <div class="card-footer" align="right">
+                                    <button type="submit" class="btn btn-sm btn-success"><i class="fa fa-dot-circle-o"></i> Submit</button>
+                                    <button type="reset" class="btn btn-sm btn-danger"><i class="fa fa-ban"></i> Reset</button>
+                                </div>
+                            </form>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </tab>
+    </tabset>
+</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">
+                <h4 class="modal-title">{{ myModalData.courierName }}</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">
+                    <div class="row">
+                        <div class="col-md-6">
+                            <label><b>Docket No. : </b> </label> {{myModalData.docketNo}}
+                        </div>
+                    </div>
+                    <div class="row">
+                        <div class="col-md-6">
+                            <label><b>Type : </b> </label> {{myModalData.type}}
+                        </div>
+                        <div class="col-md-6">
+                            <label><b>Comments : </b> </label> {{myModalData.comments}}
+                        </div>
+                    </div>
+                    <div class="row">
+                        <div class="col-md-6">
+                            <label><b>Qty : </b> </label> {{myModalData.qt}}
+                        </div>
+                        <div class="col-md-6">
+                            <label><b>Weight : </b> </label> {{myModalData.weight}}
+                        </div>
+                    </div>
+                     <div class="row">
+                        <div class="col-md-6">
+                            <label><b>Amount : </b> </label> {{myModalData.amt}}
+                        </div>
+                        <div class="col-md-6">
+                            <label><b>Date : </b> </label> {{myModalData.date}}
+                        </div>
+                    </div>
+                      <div class="row">
+                        <div class="col-md-4">
+                            <label for="name"> Status</label>
+                            <select id="disabledSelect" class="form-control">
+                                <option value="0">Select Status</option>
+                                <option value="2">Sent to SC</option>
+                                <option value="3">Rejection</option>
+                            </select>
+                        </div>
+                        <div class="col-md-4">
+                            <label for="comment">Comments <span class="danger">*</span></label>
+                            <textarea class="form-control" id="comments" placeholder="Enter Comments"></textarea>
+
+                        </div>
+                    </div>
+                </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 changes</button>-->
+            </div>
+        </div>
+        <!-- /.modal-content -->
+    </div>
+    <!-- /.modal-dialog -->
+</div>
+<!-- /.modal -->

src/app/views/status/courier/courier.component.scss

@@ -0,0 +1 @@
+//courier 

src/app/views/status/courier/courier.component.ts

@@ -0,0 +1,63 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  templateUrl: 'courier.component.html',
+  styleUrls: ['./courier.component.scss']
+})
+
+export class CourierComponent implements OnInit {
+  show = false;
+  closed = false;
+  public myModal;
+  public myModalData;
+  courier: any;
+  constructor() { }
+  ngOnInit(){
+       this.courier = [
+      {
+        courierName: 'Documents',
+        docketNo: '234dsf',
+        type: 'Received',
+        comments: 'Documents Details',
+        receiveBy: 'sss',
+        status: 'sent',
+        date: '20/07/2018',
+        qt: 120,
+        weight: '12kgm',
+        amt : 120
+      },
+      {
+        courierName: 'Answer Booklets',
+        docketNo: '43526345',
+        type: 'Dispatched',
+        comments: 'answer booklets details',
+        receiveBy: 'asd',
+        status: 'received by SC',
+        date: '28/06/2018',
+        qt: 120,
+        weight: '12kgm',
+        amt : 120
+      },
+      {
+        courierName: 'Forms',
+        docketNo: '8855435',
+        type: 'Dispatched',
+        comments: 'details',
+        receiveBy: 'abc',
+        status: 'Sent by SC',
+        date: '12/06/2018',
+        qt: 120,
+        weight: '12kgm',
+        amt : 120
+      }
+    ]
+  }
+
+  getModelWindowDetails(stuCent) {
+    this.myModalData = stuCent||null;
+  }
+  editDocuments(){
+     this.show = !this.show;
+  }
+
+}

src/app/views/status/documents/documents.component.html

@@ -24,7 +24,7 @@
                 </div>
                 <div class="card-body">
                     <div class="row">
-                        <div class="col-md-4">
+                        <div class="col-md-3">
                             <div class="input-prepend input-group">
                                 <select id="disabledSelect" class="form-control">
                                     <option value="0">Please Select University</option>
@@ -34,7 +34,7 @@
                                 </select>
                             </div>
                         </div>
-                        <div class="col-md-4">
+                        <div class="col-md-3">
                             <div class="input-prepend input-group">
                                 <select id="disabledSelect" class="form-control">
                                     <option value="0">Please Select Course</option>
@@ -44,29 +44,68 @@
                                 </select>
                             </div>
                         </div>
-                        <div class="col-md-4">
+                        <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">
+                                <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-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>
+                    <br>
+                     <div class="row">
+                        <div class="col-md-4">
+                            <div class="input-prepend input-group">
+                                <span class="input-group-addon">
+                                    <i class="fa fa-search"></i>
+                                    </span>
+                                <input id="search" class="form-control" type="text" placeholder="search">
+                            </div>
+                        </div>
+                    </div>
                     <br>
                     <table class="table table-bordered table-responsive">
                         <thead>
                             <tr>
-                                <th>Entrollment Id</th>
+                                <th>Form Id</th>
                                 <th>Student Name</th>
+                                <th>Father Name</th>
                                 <th>Mobile</th>
                                 <th>Course</th>
+                                <th>Sem/Year</th>
+                                <th>Batch</th>
+                                <th>Status</th>
                                 <th>Activity</th>
                             </tr>
                         </thead>
                         <tbody>
                             <tr *ngFor="let app of documentsDetails">
-                                <td>{{app.entrollemntId}}</td>
+                                <td>{{app.formId}}</td>
                                 <td>{{app.studentName}}</td>
+                                <td>{{app.fatherName}}</td>
                                 <td>{{app.mobile}}</td>
                                 <td>{{app.course}}</td>
+                                <td>{{app.sem}}</td>
+                                <td>{{app.batch}}</td>
+                                <td>{{app.status}}</td>
                                 <td>
                                     <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>-->

src/app/views/status/documents/documents.component.ts

@@ -15,22 +15,34 @@ export class DocumentsComponent implements OnInit {
   ngOnInit(){
        this.documentsDetails = [
       {
-        entrollemntId: '0001',
+        formId: '0001',
         studentName: 'xyz',
+        fatherName: 'SSS',
         mobile: '+91 9999999999',
-        course: 'B.Com'
+        course: 'B.Com',
+        sem: '2',
+        batch: 'Jun 2017',
+        status: 'Sent to SC'
       },
       {
-        entrollemntId: '0002',
+        formId: '0002',
         studentName: 'svs',
+        fatherName: 'MMM',
         mobile: '+91 9999911111',
-        course: 'BSc'
+        course: 'BSc',
+        sem: '3',
+        batch: 'Jun 2017',
+        status: 'Sent to SC'
       },
       {
-        entrollemntId: '0003',
+        formId: '0003',
         studentName: 'pns',
+        fatherName: 'VVV',
         mobile: '+91 9999900000',
-        course: 'MCA'
+        course: 'MCA',
+        sem: '1',
+        batch: 'Jun 2017',
+        status: 'Sent to SC'
       }
     ]
   }

src/app/views/status/documents/edit-documents/edit-documents.component.html

@@ -20,7 +20,7 @@
         <table class="table table-bordered table-responsive">
             <thead>
                 <tr>
-                    <th>Form Id</th>
+                    <!--<th>Form Id</th>-->
                     <th>Document Type</th>
                     <th>Status</th>
                     <th>Comments</th>
@@ -29,7 +29,7 @@
             </thead>
             <tbody>
                 <tr *ngFor="let app of documentsDetails">
-                    <td>{{app.formId}}</td>
+                    <!--<td>{{app.formId}}</td>-->
                     <td>{{app.documentType}}</td>
                     <td>{{app.status}}</td>
                     <td>{{app.comments}}</td>
@@ -66,12 +66,11 @@
                 <div class="container">
                     <div class="row">
                         <div class="col-md-4">
-                            <label for="name"> From Id</label>
+                            <label for="name"> Document Type</label>
                             <select id="disabledSelect" class="form-control">
-                                <option value="0">Select Form Id</option>
+                                <option value="0">Select Document Type</option>
-                                <option value="1">12321</option>
+                                <option value="1">PC</option>
-                                <option value="2">423343</option>
+                                <option value="2">TC</option>
-                                <option value="3">342332</option>
                             </select>
                         </div>
                     </div>

src/app/views/status/status-routing.module.ts

@@ -5,6 +5,7 @@ import { ApplicationComponent } from './application/application.component';
 import { StudyMaterialComponent } from './study-material/study-material.component';
 import { DocumentsComponent } from './documents/documents.component';
 import { AnswerBookletComponent } from './answer-booklet/answer-booklet.component';
+import { CourierComponent } from './courier/courier.component';
 
 const routes: Routes = [
   {
@@ -19,6 +20,12 @@ const routes: Routes = [
         data: {
           title: 'Application'
         }
+      },{
+        path: 'courier',
+        component: CourierComponent,
+        data: {
+          title: 'Couriers'
+        }
       },{
         path: 'studyMaterial',
         component: StudyMaterialComponent,

src/app/views/status/status.module.ts

@@ -18,6 +18,8 @@ import { EditDocumentsComponent } from './documents/edit-documents/edit-document
 //answer-booklet
 import { AnswerBookletComponent } from './answer-booklet/answer-booklet.component';
 import { EditAnswerBookletComponent } from './answer-booklet/edit-answer-booklet/edit-answer-booklet.component';
+//courier
+import { CourierComponent } from './courier/courier.component';
 
 @NgModule({
   imports: [
@@ -34,7 +36,8 @@ import { EditAnswerBookletComponent } from './answer-booklet/edit-answer-booklet
       DocumentsComponent,
       EditDocumentsComponent,
       AnswerBookletComponent,
-      EditAnswerBookletComponent
+      EditAnswerBookletComponent,
+      CourierComponent
   ]
 })
 export class StatusModule { }