add routing details , changer courier details : kdk

src/app/app.module.ts

@@ -6,6 +6,8 @@ import { AppComponent } from './app.component';
 
 import { StatusModule } from './views/status/status.module';
 import { EnrolmentModule } from './views/enrolment/enrolment.module';
+import { CourierModule } from './views/courier/courier.module';
+import { StudyMaterialModule } from './views/study-material/study-material.module';
 
 // Import containers
 import {
@@ -65,7 +67,9 @@ import { ChartsModule } from 'ng2-charts/ng2-charts';
     TooltipModule.forRoot(),
     ChartsModule,
     StatusModule,
-    EnrolmentModule
+    EnrolmentModule,
+    CourierModule,
+    StudyMaterialModule
   ],
   declarations: [
     AppComponent,

src/app/app.routing.ts

@@ -58,7 +58,15 @@ export const routes: Routes = [
       },
       {
         path: 'paymentdetails',
-        loadChildren: './views/payment-details/payment-details.module#PaymentDetailsModule',      },
+        loadChildren: './views/payment-details/payment-details.module#PaymentDetailsModule',     
+      },{
+        path: 'studyMaterial',
+        loadChildren: './views/study-material/study-material.module#StudyMaterialModule'
+     },
+      {
+        path: 'courier',
+        loadChildren: './views/courier/courier.module#CourierModule'
+     },
     ]
   },
   {

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

@@ -88,6 +88,12 @@
       <li class="nav-item">
         <a class="nav-link" routerLinkActive="active" [routerLink]="['/feescalculator']"><i class="icon-calculator"></i> Fees Calculator</a>
       </li>
+      <li class="nav-item">
+        <a class="nav-link" routerLinkActive="active" [routerLink]="['/studyMaterial']"><i class="fa fa-square-o"></i>Study Material</a>
+      </li>
+      <li class="nav-item">
+        <a class="nav-link" routerLinkActive="active" [routerLink]="['/courier']"><i class="fa fa-suitcase"></i>Courier</a>
+      </li>
       <li class="nav-item nav-dropdown" appNavDropdown>
         <a class="nav-link nav-dropdown-toggle" href="#" appNavDropdownToggle><i class="fa fa-tasks"></i> Status</a>
         <ul class="nav-dropdown-items">

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

@@ -0,0 +1,19 @@
+import { NgModule } from '@angular/core';
+import { Routes, RouterModule } from '@angular/router';
+// Courier
+import { CourierComponent } from './courier/courier.component';
+const routes: Routes = [
+  {
+    path: '',
+    component: CourierComponent,
+    data: {
+     title: 'Courier'
+    }
+  }
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule]
+})
+export class CourierRoutingModule {}

src/app/views/courier/courier.module.ts

@@ -0,0 +1,27 @@
+import { NgModule } from '@angular/core';
+import {CommonModule} from '@angular/common';
+import { FormsModule } from '@angular/forms';
+// import { BrowserModule } from '@angular/platform-browser';
+// Tabs Component
+import { TabsModule } from 'ngx-bootstrap/tabs';
+import { TooltipModule } from 'ngx-bootstrap/tooltip';
+import { ModalModule } from 'ngx-bootstrap/modal';
+
+import { CourierRoutingModule } from './courier-routing.module';
+
+// Courier
+import { CourierComponent } from './courier/courier.component';
+@NgModule({
+  imports: [
+    CommonModule,
+    FormsModule,
+    TabsModule,
+    ModalModule.forRoot(),
+    TooltipModule,
+    CourierRoutingModule 
+    ],
+  declarations: [
+   CourierComponent
+  ]
+})
+export class CourierModule { }

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

@@ -0,0 +1,134 @@
+<!--<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-responsiv">
+                        <thead>
+                            <tr>
+                                <th>Courier Name</th>
+                                <th>Docket No.</th>
+                                <th>Date</th>
+                                <th>Type</th>
+                                <th>Comments</th>
+                                <th>Send To / Received From</th>
+                                <th>Received By/ Dispatched By</th>
+                                <th>Status</th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            <tr *ngFor="let cour of courier">
+                                <td>{{cour.courierName}}</td>
+                                <td>{{cour.docketNo}}</td>
+                                <td>{{cour.date}}</td>
+                                <td>{{cour.type}}</td>
+                                <td>{{cour.comments}}</td>
+                                <td>{{cour.sendTo}}</td>
+                                <td>{{cour.receiveBy}}</td>
+                                <td>{{cour.status}}</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>
+    </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/courier/courier/courier.component.scss

@@ -0,0 +1,6 @@
+.line-height {
+  line-height: 0.5;
+}
+.line-height-table {
+  line-height: 0.1;
+}

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

@@ -0,0 +1,66 @@
+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',
+        sendTo: 'KR Univ',
+        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',
+        sendTo: 'SC 2',
+        status: 'received by SC',
+        date: '28/06/2018',
+        qt: 120,
+        weight: '12kgm',
+        amt : 120
+      },
+      {
+        courierName: 'Forms',
+        docketNo: '8855435',
+        type: 'Dispatched',
+        comments: 'details',
+        receiveBy: 'abc',
+        sendTo: 'SC 1',
+        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/study-material/study-material-routing.module.ts

@@ -0,0 +1,19 @@
+import { NgModule } from '@angular/core';
+import { Routes, RouterModule } from '@angular/router';
+// Study Material
+import { StudyMaterialComponent } from './study-material/study-material.component';
+const routes: Routes = [
+  {
+    path: '',
+    component: StudyMaterialComponent,
+    data: {
+     title: 'Study Material'
+    }
+  }
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule]
+})
+export class StudyMaterialRoutingModule {}

src/app/views/study-material/study-material.module.ts

@@ -0,0 +1,27 @@
+import { NgModule } from '@angular/core';
+import {CommonModule} from '@angular/common';
+import { FormsModule } from '@angular/forms';
+// import { BrowserModule } from '@angular/platform-browser';
+// Tabs Component
+import { TabsModule } from 'ngx-bootstrap/tabs';
+import { TooltipModule } from 'ngx-bootstrap/tooltip';
+import { ModalModule } from 'ngx-bootstrap/modal';
+
+import { StudyMaterialRoutingModule } from './study-material-routing.module';
+
+// Study Material
+import { StudyMaterialComponent } from './study-material/study-material.component';
+@NgModule({
+  imports: [
+    CommonModule,
+    FormsModule,
+    TabsModule,
+    ModalModule.forRoot(),
+    TooltipModule,
+    StudyMaterialRoutingModule 
+    ],
+  declarations: [
+   StudyMaterialComponent
+  ]
+})
+export class StudyMaterialModule { }

src/app/views/study-material/study-material/study-material.component.html

@@ -0,0 +1,199 @@
+<div class="col-lg-12" *ngIf="!show">
+    <tabset>
+        <tab>
+            <ng-template tabHeading>Study Material Status</ng-template>
+            <!--<div class="form-group">
+                <div class="row">
+                    <div class="form-group col-md-4">
+                        <label for="name"> Study Material Center</label>
+                            <select id="disabledSelect" class="form-control">
+                                <option value="0">Please select Study Center</option>
+                                <option value="1">SC 001</option>
+                                <option value="2">SC 002</option>
+                                <option value="3">SC 003</option>
+                            </select>
+                    </div>
+                </div>
+            </div>-->
+            <div class="card">
+                <div class="card-header">
+                    <i class="fa fa-align-justify"></i> Study Matrial Status List
+                </div>
+                <div class="card-body">
+                      <div class="row">
+                          <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">
+                                <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>ID</th>
+                                <th>Study Material Details</th>
+                                <th>University</th>
+                                <th>Course</th>
+                                <th>Total</th>
+                                <th>Status</th>
+                                <!--<th>Action</th>-->
+                            </tr>
+                        </thead>
+                        <tbody>
+                            <tr *ngFor="let app of studyMaterialDetails">
+                                <td>{{app.applicationId}}</td>
+                                <td>{{app.details}}</td>
+                                <td>{{app.univ}}</td>
+                                <td>{{app.course}}</td>
+                                <td>{{app.total}}</td>
+                                <td>
+                                    <span *ngIf="app.status == 1" class="badge badge-success">Received</span>
+                                    <span *ngIf="app.status == 0" class="badge badge-danger">Sent</span>
+                                </td>
+                                <!--<td>
+                                     <i class="fa fa-eye" tooltip="View More" data-toggle="modal" (click)="myModal.show(); getModelWindowDetails(app)"></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>
+    </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.applicationId }}</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> Student Material Details : </b> </label> {{myModalData.details}}
+                        </div>
+                        <div class="col-md-6">
+                            <label><b>University : </b> </label> {{myModalData.univ}}
+                        </div>
+                    </div>
+                    <div class="row">
+                        <div class="col-md-6">
+                            <label><b> Course : </b> </label> {{myModalData.course}}
+                        </div>
+                    </div>
+                    <div class="row">
+                        <div class="col-md-6">
+                            <label><b> Total : </b> </label> {{myModalData.total}}
+                        </div>
+                    </div>
+                    <div class="row">
+                        <div class="col-md-6">
+                            <label><b> Sent Date : </b> </label> 
+                        </div>
+                         <div class="col-md-6">
+                            <label><b> Comments : </b> </label> 
+                        </div>
+                    </div>
+                      <div class="row">
+                        <div class="col-md-6">
+                            <label><b> Recive Date : </b> </label> 
+                        </div>
+                         <div class="col-md-6">
+                            <label><b> Comments : </b> </label>
+                        </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">Sent</option>
+                                <option value="2">Received</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</button>
+            </div>
+        </div>
+        <!-- /.modal-content -->
+    </div>
+    <!-- /.modal-dialog -->
+</div>
+<!-- /.modal -->

src/app/views/study-material/study-material/study-material.component.ts

@@ -0,0 +1,50 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  templateUrl: 'study-material.component.html'
+})
+
+export class StudyMaterialComponent implements OnInit {
+  show = false;
+  closed = false;
+  public myModal;
+  public myModalData;
+  studyMaterialDetails: any;
+  constructor() { }
+  ngOnInit(){
+       this.studyMaterialDetails = [
+      {
+        applicationId: '1',
+        details: 'xyz',
+        univ: 'kr university',
+        course: 'B.com',
+        total: '12',
+        status: '1'
+      },
+      {
+        applicationId: '2',
+        details: 'xyz',
+        univ: 'kr university',
+        course: 'B.Sc',
+        total: '12',
+        status: '1'
+      },
+      {
+        applicationId: '3',
+        details: 'xyz',
+        univ: 'kr university',
+        course: 'MCA',
+        total: '12',
+        status: '0'
+      }
+    ]
+  }
+
+  getModelWindowDetails(stuCent) {
+    this.myModalData = stuCent||null;
+  }
+  editStudyCenter(){
+     this.show = !this.show;
+  }
+
+}