From fd0cba612db00f703ee9bc89b63000b23b656e8f Mon Sep 17 00:00:00 2001
From: gandhimathi <bitbucket@venbainfotech.com>
Date: Mon, 22 Oct 2018 12:35:59 +0530
Subject: [PATCH] start pd added

---
 .../edit-pd-applicant.component.html          |   3 +-
 .../edit-pd-master.component.html             |   5 +-
 .../edit-pd-master.component.ts               |  11 +-
 .../list-pd/start-pd/start-pd.component.html  | 158 ++++++++
 .../list-pd/start-pd/start-pd.component.scss  | 115 ++++++
 .../start-pd/start-pd.component.spec.ts       |  25 ++
 .../list-pd/start-pd/start-pd.component.ts    | 365 ++++++++++++++++++
 .../list-pd/view-pd/view-pd.component.html    |   2 +-
 .../list-pd/view-pd/view-pd.component.ts      |   5 +
 .../manage-pd/manage-pd.module.ts             |   7 +-
 .../manage-pd/manage-pd.routing.ts            |   6 +-
 11 files changed, 691 insertions(+), 11 deletions(-)
 create mode 100644 ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/start-pd.component.html
 create mode 100644 ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/start-pd.component.scss
 create mode 100644 ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/start-pd.component.spec.ts
 create mode 100644 ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/start-pd.component.ts

diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/edit-pd-applicant/edit-pd-applicant.component.html b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/edit-pd-applicant/edit-pd-applicant.component.html
index 7ba1f8a77..96f693c0f 100644
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/edit-pd-applicant/edit-pd-applicant.component.html
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/edit-pd-applicant/edit-pd-applicant.component.html
@@ -68,13 +68,14 @@
     </div>
    </div>
                         
- </form>
+ 
  <div style="text-align: right">
         <button mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon" matTooltip="Reset" matTooltipPosition="above" type="button"
         (click)="onReset()"><mat-icon>settings_backup_restore</mat-icon></button>
       
     <button mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon" type="submit" matTooltip="Save" matTooltipPosition="above"><mat-icon>save</mat-icon></button>
  </div>
+</form>
 </div>
 <!-- <notifier-container></notifier-container> -->
 
diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/edit-pd-master/edit-pd-master.component.html b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/edit-pd-master/edit-pd-master.component.html
index 4e60bdf24..f222edb03 100644
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/edit-pd-master/edit-pd-master.component.html
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/edit-pd-master/edit-pd-master.component.html
@@ -128,9 +128,8 @@
  <mat-card-actions style="text-align: right">
                 <button mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon" matTooltip="Reset" matTooltipPosition="above" type="button"
                 (click)="onReset()"><mat-icon>settings_backup_restore</mat-icon></button>
-                <button  mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon" (click)="submitPdDetails(this._EditPDtriggerForm.value,draftStatus)" matTooltip="Save As Draft" matTooltipPosition="above"><mat-icon>insert_drive_file</mat-icon></button> 
-
-      <button mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon" matTooltip="Save" matTooltipPosition="above" [disabled]="allicantLength>0 || !_EditPDtriggerForm.valid || !enablePDButton" type="submit"><mat-icon>save</mat-icon></button>
+                <button  mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon" (click)="submitPdDetails(this._EditPDtriggerForm.value,draftStatus)" type="button" matTooltip="Save As Draft" matTooltipPosition="above"><mat-icon>insert_drive_file</mat-icon></button> 
+      <button mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon" matTooltip="Save" matTooltipPosition="above" [disabled]="applicantLength<=0 || !enablePDButton" type="submit"><mat-icon>save</mat-icon></button>
   </mat-card-actions>
  </form>
 </mat-card>
diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/edit-pd-master/edit-pd-master.component.ts b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/edit-pd-master/edit-pd-master.component.ts
index 6f89cdc76..170d2cbc5 100644
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/edit-pd-master/edit-pd-master.component.ts
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/edit-pd-master/edit-pd-master.component.ts
@@ -21,7 +21,7 @@ export class EditPdMasterComponent implements OnInit {
   cityList:any;
   pdTypeList:any;
   billingList:any;
-  allicantLength:number;
+  applicantLength:number;
   draftStatus: string;
   PDTriggerStatus: string;
   enablePDButton: boolean
@@ -42,7 +42,7 @@ export class EditPdMasterComponent implements OnInit {
     this.getStateCityList();
     this.getPDTypeList();
     this.loadFormData();
-    this.allicantLength=this.data.allicantLength
+    this.applicantLength=this.data.applicantLength;
     this.OnChanges();
   }
 
@@ -122,6 +122,13 @@ export class EditPdMasterComponent implements OnInit {
              fk_state: [this.data.records.fk_state],
         		 pincode : [this.data.records.pincode],
        });
+       if(this.data.records.fk_lender_id && this.data.records.fk_product_id && this.data.records.fk_subproduct_id && this.data.records.fk_pd_type && this.data.records.fk_customer_segment && this.data.records.loan_amount && this.data.records.addressline1 && this.data.records.fk_city && this.data.records.fk_state && this.data.records.pincode){
+        this.enablePDButton=true;
+       }
+       else{
+        this.enablePDButton=false;
+       }
+          
          }
          // enable pd trigger submit function
   OnChanges(): void{
diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/start-pd.component.html b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/start-pd.component.html
new file mode 100644
index 000000000..d11559126
--- /dev/null
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/start-pd.component.html
@@ -0,0 +1,158 @@
+<mat-sidenav-container class="app-inner background-none shadow-none mail-db">
+          <mat-sidenav #mailnav [mode]="isOver() ? 'over' : 'side'" [opened]="!isOver()" class="mail-sidebar pl-xs pr-xs">
+            
+                        <mat-expansion-panel *ngFor="let category of categoryList ">
+                            <mat-expansion-panel-header>
+                              <mat-panel-title class="text-xs-left">
+                               <h6 class="mt-0"> {{category.category_name}}</h6>
+                              </mat-panel-title>
+                            
+                            </mat-expansion-panel-header>
+                        
+                            <mat-list>
+                                <mat-list-item class="custm-list-item" (click)="onSelectQuestions(questions)" *ngFor="let questions of category.questions">
+                                    <small>{{ (questions.question.length>15)? (questions.question | slice:0:15)+'..':(questions.question) }}</small>
+                                </mat-list-item>
+                               
+                               
+                               </mat-list>
+                          </mat-expansion-panel>
+                  
+                  
+             
+          </mat-sidenav>
+          <mat-toolbar color="primary" fxHide="false" fxHide.gt-sm>
+             <button (click)="mailnav.toggle()" mat-icon-button>
+                <mat-icon>short_text</mat-icon>
+             </button>
+             <span class="mr-1 ml-1">Category</span>
+          </mat-toolbar>
+          <div class="main-content" fxFlex.xs="100" fxFlex.sm="100" fxFlex.md="100" fxFlex.lg="100" fxFlex.xl="100">
+             <figure>
+                   <mat-card-content>
+                      <div fxLayout="row" >
+                         <div fxFlex="33" class="text-xs-left">
+                            <h4 class="mt-0">Varun Krish</h4>
+                            <small>Salaried Non Professional</small>
+                         </div>
+                         <div fxFlex="66" class="text-xs-right">
+                            <h4 class="mt-0">Home Loan / Purchase (Resale) Loan.</h4>
+                            <small>IOB - IOB-DEV-001</small>
+                         </div>
+        
+                      </div>
+                   </mat-card-content>
+                   <hr>
+                   <mat-card-content style="min-height: 240px;" *ngIf="selectedCategory.length==0">
+                      <!-- <h6 class="mt-0">About</h6> -->
+                      <p>No Records Found..</p>
+                   </mat-card-content>
+                   <mat-card-content *ngIf="selectedCategory.answers">
+                      <h6 class="mt-0">{{selectedCategory.question}}</h6>
+                      <div fxLayout="row" >
+                          <div fxFlex="60" class="text-xs-left">
+                              <mat-list>
+                                  <mat-list-item *ngFor="let ans of selectedCategory.answers">
+                                
+                                      <small><mat-radio-button></mat-radio-button>
+                                        {{ans.answer}}
+                                      </small>
+                                  </mat-list-item>
+                               
+                                 </mat-list>
+                                 
+                          </div>
+                          <div fxFlex="40" class="text-xs-right">
+                              <mat-card >
+                                <mat-card-content style="display: flex;
+                                overflow: auto;min-height: 200px; max-height: 240px;">
+                                <div fxLayout="row wrap">
+                                    <div fxFlex="50" class="m-gap p-gap">
+                                        <div class="p-list-main mb-2">
+                                            <div class="p-list">
+                                                <div class="top"><img src="assets/images/1.jpg" alt=""></div>
+                                                
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div fxFlex="50" class="m-gap p-gap">
+                                       <div class="p-list-main mb-2">
+                                           <div class="p-list">
+                                               <div class="top"><img src="assets/images/2.jpg" alt=""></div>
+                                               
+                                              
+                                           </div>
+                                       </div>
+                                   </div>
+                                   <div fxFlex="50" class="m-gap p-gap">
+                                       <div class="p-list-main mb-2">
+                                           <div class="p-list">
+                                               <div class="top"><img src="assets/images/3.jpg" alt=""></div>
+                                               
+                                              
+                                           </div>
+                                       </div>
+                                   </div>
+                                   <div fxFlex="50" class="m-gap p-gap">
+                                       <div class="p-list-main mb-2">
+                                           <div class="p-list">
+                                               <div class="top"><img src="assets/images/4.jpg" alt=""></div>
+                                               
+                                              
+                                           </div>
+                                       </div>
+                                   </div>
+                                   <div fxFlex="50" class="m-gap p-gap">
+                                       <div class="p-list-main mb-2">
+                                           <div class="p-list">
+                                               <div class="top"><img src="assets/images/face1.jpg" alt=""></div>
+                                               
+                                              
+                                           </div>
+                                       </div>
+                                   </div>
+                                   <div fxFlex="50" class="m-gap p-gap">
+                                       <div class="p-list-main mb-2">
+                                           <div class="p-list">
+                                               <div class="top"><img src="assets/images/face2.jpg" alt=""></div>
+                                               
+                                              
+                                           </div>
+                                       </div>
+                                   </div>
+                                   
+                                  
+                                   
+                                </div>
+                              </mat-card-content>
+                                  
+                               </mat-card>
+                          </div>
+         
+                       </div>
+                      
+                   </mat-card-content>
+                   <mat-card-actions *ngIf="selectedCategory.answers">
+                      <div fxLayout="row" >
+                          <div fxFlex="66" class="pb-0 text-sm-left">
+                              <mat-form-field appearance="outline" style="width: 100%">
+                                  <mat-label>Remarks</mat-label>
+                                  <textarea matInput placeholder="Remarks"></textarea>
+
+                                </mat-form-field>
+                            </div>
+                            <div fxFlex="33" class="pb-0 text-sm-right">
+                                <mat-button-toggle-group name="alignment" class="mr-1 mb-1">
+                                    <mat-button-toggle value="left"><mat-icon>arrow_backward</mat-icon></mat-button-toggle>
+                                    <mat-button-toggle value="right"><mat-icon>arrow_forward</mat-icon></mat-button-toggle>
+                                  </mat-button-toggle-group>
+                              </div>
+                            </div>
+                      
+                   </mat-card-actions>
+                </figure>
+          </div>
+       </mat-sidenav-container>
+      
+    
+ 
\ No newline at end of file
diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/start-pd.component.scss b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/start-pd.component.scss
new file mode 100644
index 000000000..458552a5b
--- /dev/null
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/start-pd.component.scss
@@ -0,0 +1,115 @@
+@import "./../../../../../assets/styles/scss/components/messages";
+:host {
+  margin-left: -5px;
+  margin-right: -5px;
+  margin-top: -5px;
+  display: block;
+}
+:host /deep/ {
+    mat-sidenav {
+        width: 250px;
+    }
+    .mat-sidenav-content {
+        padding: 0;
+        
+    }
+    @media (min-width: 959px) {
+        .mat-sidenav-side {
+            background-color: transparent;
+            box-shadow: none!important;
+        }
+        
+    }
+}
+
+.mat-expansion-panel-header-description {
+    color: rgba(0, 0, 0, 87);
+}
+.mat-card-content {
+  background-color: white;
+}
+.mat-card-actions {
+  background-color: white;
+}
+
+.text-ellipsis {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+.custm-list-item {
+  cursor: pointer;
+}
+
+
+$base-card-box-shadow:1.5px 2.6px 24px 0 rgba(0, 35, 136, 0.08) !important;
+$product-bg-color-hover: rgba(103, 58, 183, 0.7);
+.p-list-main {
+    background: white;
+    margin: auto;
+    position: relative;
+    overflow: hidden !important;
+    border-radius: 10px 10px 10px 10px;
+    box-shadow: $base-card-box-shadow;
+    transform: scale(0.95);
+    transition: box-shadow 0.5s, transform 0.5s;
+    &:hover {
+        transform: scale(1);
+        box-shadow: 5px 20px 30px rgba(0, 0, 0, 0.2);
+    }
+    .p-list {
+        position: relative;
+        .top {
+            height: 100%;
+            width: 100%;
+            //      background: url(https://s-media-cache-ak0.pinimg.com/736x/49/80/6f/49806f3f1c7483093855ebca1b8ae2c4.jpg) no-repeat center center; 
+            -webkit-background-size: 100%;
+            -moz-background-size: 100%;
+            -o-background-size: 100%;
+            background-size: 100%;
+        }
+        .bottom {
+            width: 200%;
+            height: 20%;
+            transition: transform 0.5s;
+            h1 {
+                margin: 0;
+                padding: 0;
+            }
+            p {
+                margin: 0;
+                padding: 0;
+            }
+            .left {
+                height: 100%;
+                width: 50%;
+                background: #f4f4f4;
+                position: relative;
+                float: left;
+                .details {
+                    padding: 20px;
+                    float: left;
+                    width: calc(70% - 40px);
+                }
+               
+            }
+            .right {
+                width: 50%;
+                background: #A6CDDE;
+                color: white;
+                float: right;
+                height: 200%;
+                overflow: hidden;
+                .details {
+                    padding: 20px;
+                    float: right;
+                    width: calc(70% - 40px);
+                }
+               
+             
+            }
+        }
+    }
+   
+}
\ No newline at end of file
diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/start-pd.component.spec.ts b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/start-pd.component.spec.ts
new file mode 100644
index 000000000..22e26dab0
--- /dev/null
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/start-pd.component.spec.ts
@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { StartPdComponent } from './start-pd.component';
+
+describe('StartPdComponent', () => {
+  let component: StartPdComponent;
+  let fixture: ComponentFixture<StartPdComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ StartPdComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(StartPdComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/start-pd.component.ts b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/start-pd.component.ts
new file mode 100644
index 000000000..cd9af26e6
--- /dev/null
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/start-pd.component.ts
@@ -0,0 +1,365 @@
+import { Component, ViewChild ,OnInit,ViewEncapsulation, OnDestroy } from '@angular/core';
+import { FormBuilder, FormGroup, Validators, FormControl, FormArray } from '@angular/forms';
+import { ActivatedRoute, Router } from '@angular/router';
+import { ListPdComponent } from './../list-pd.component';
+
+
+@Component({
+  selector: 'app-start-pd',
+  templateUrl: './start-pd.component.html',
+  styleUrls: ['./start-pd.component.scss']
+})
+export class StartPdComponent implements OnInit, OnDestroy {
+public startPD:string;
+// MESSAGE
+selectedMessage: any;
+selectedCategory:any=[];
+messages: Object[] = [{
+    from: 'John Doe',
+    photo: 'assets/images/face1.jpg',
+    subject: 'Online',
+  }, {
+    from: 'Geremy Ginner',
+    photo: 'assets/images/face2.jpg',
+    subject: 'Online',
+  }, {
+    from: 'Tom Diaz',
+    photo: 'assets/images/face3.jpg',
+    subject: 'Offline',
+  }, {
+    from: 'Dave Bension',
+    photo: 'assets/images/face4.jpg',
+    subject: 'Away',
+  }, {
+    from: 'Petter Brook',
+    photo: 'assets/images/face5.jpg',
+    subject: 'Busy',
+  }, {
+    from: 'Genna Mercy',
+    photo: 'assets/images/face6.jpg',
+    subject: 'Busy',
+  }, {
+    from: 'Harmy Junior',
+    photo: 'assets/images/face7.jpg',
+    subject: 'In a meeting',
+  }
+];
+
+categoryList: Object[]=[
+  {
+      "category_name": "Personal ",
+      "template_category_weightage_id": "1",
+      "fk_question_category_id": "1",
+      "fk_template_id": "3",
+      "weightage": "40",
+      "createdon": "11/10/2018",
+      "fk_createdby": "1",
+      "updatedon": "17/10/2018",
+      "isactive": "0",
+      "fk_updatedby": "1",
+      "questions": [
+          {
+              "question_id": "1",
+              "question": "Percentage of Earning Members to Total Family Members (This is to be calculated by software based on information captured i.e Inf 22 + 1 divided by Inf 21)",
+              "template_question_id": "1",
+              "fk_template_id": "3",
+              "fk_question_id": "1",
+              "question_weightage": "25",
+              "question_answerable_by": null,
+              "fk_template_question_category_id": "1",
+              "isactive": "1",
+              "answer_type_name": "Option",
+              "answers": [
+                  {
+                      "question_answer_id": "1",
+                      "answer": "100%\n",
+                      "template_answer_weightage_id": "1",
+                      "fk_template_question_id": "1",
+                      "fk_question_answer_id": "1",
+                      "template_answer_weightage": "115",
+                      "isactive": "1"
+                  },
+                  {
+                      "question_answer_id": "2",
+                      "answer": "75% to <100%\n",
+                      "template_answer_weightage_id": "2",
+                      "fk_template_question_id": "1",
+                      "fk_question_answer_id": "2",
+                      "template_answer_weightage": "225",
+                      "isactive": "1"
+                  },
+                  {
+                      "question_answer_id": "3",
+                      "answer": "50% to <75%\n",
+                      "template_answer_weightage_id": "3",
+                      "fk_template_question_id": "1",
+                      "fk_question_answer_id": "3",
+                      "template_answer_weightage": "335",
+                      "isactive": "1"
+                  },
+                  {
+                      "question_answer_id": "4",
+                      "answer": "25% to <50%\n",
+                      "template_answer_weightage_id": "4",
+                      "fk_template_question_id": "1",
+                      "fk_question_answer_id": "4",
+                      "template_answer_weightage": "445",
+                      "isactive": "1"
+                  },
+                  {
+                      "question_answer_id": "5",
+                      "answer": "<25%\n",
+                      "template_answer_weightage_id": "5",
+                      "fk_template_question_id": "1",
+                      "fk_question_answer_id": "5",
+                      "template_answer_weightage": "555",
+                      "isactive": "1"
+                  }
+              ]
+          },
+          {
+              "question_id": "2",
+              "question": "What is the Educational Qualification of the Main Applicant?\n",
+              "template_question_id": "2",
+              "fk_template_id": "3",
+              "fk_question_id": "2",
+              "question_weightage": "25",
+              "question_answerable_by": "1",
+              "fk_template_question_category_id": "1",
+              "isactive": "1",
+              "answer_type_name": "Option",
+              "answers": []
+          },
+          {
+              "question_id": "3",
+              "question": "What are the Personal Assets Owned?\n",
+              "template_question_id": "4",
+              "fk_template_id": "3",
+              "fk_question_id": "3",
+              "question_weightage": "50",
+              "question_answerable_by": null,
+              "fk_template_question_category_id": "1",
+              "isactive": "1",
+              "answer_type_name": "Option",
+              "answers": [
+                  {
+                      "question_answer_id": "10",
+                      "answer": "If it includes - House / Office \n",
+                      "template_answer_weightage_id": "11",
+                      "fk_template_question_id": "4",
+                      "fk_question_answer_id": "10",
+                      "template_answer_weightage": "1",
+                      "isactive": null
+                  },
+                  {
+                      "question_answer_id": "11",
+                      "answer": "If it includes - Land \n",
+                      "template_answer_weightage_id": "12",
+                      "fk_template_question_id": "4",
+                      "fk_question_answer_id": "11",
+                      "template_answer_weightage": "1",
+                      "isactive": null
+                  },
+                  {
+                      "question_answer_id": "12",
+                      "answer": "If it includes - Four Wheeler Vehicle\n",
+                      "template_answer_weightage_id": "13",
+                      "fk_template_question_id": "4",
+                      "fk_question_answer_id": "12",
+                      "template_answer_weightage": "1",
+                      "isactive": null
+                  },
+                  {
+                      "question_answer_id": "13",
+                      "answer": "If it includes only any other asset\n",
+                      "template_answer_weightage_id": "14",
+                      "fk_template_question_id": "4",
+                      "fk_question_answer_id": "13",
+                      "template_answer_weightage": "1",
+                      "isactive": null
+                  },
+                  {
+                      "question_answer_id": "14",
+                      "answer": "No assets\n",
+                      "template_answer_weightage_id": "15",
+                      "fk_template_question_id": "4",
+                      "fk_question_answer_id": "14",
+                      "template_answer_weightage": "1",
+                      "isactive": null
+                  }
+              ]
+          }
+      ]
+  },
+  {
+      "category_name": "Proprietary",
+      "template_category_weightage_id": "2",
+      "fk_question_category_id": "4",
+      "fk_template_id": "3",
+      "weightage": "20",
+      "createdon": "11/10/2018",
+      "fk_createdby": "1",
+      "updatedon": "17/10/2018",
+      "isactive": "1",
+      "fk_updatedby": "1",
+      "questions": []
+  },
+  {
+      "category_name": "Income",
+      "template_category_weightage_id": "3",
+      "fk_question_category_id": "3",
+      "fk_template_id": "3",
+      "weightage": "40",
+      "createdon": "11/10/2018",
+      "fk_createdby": "1",
+      "updatedon": "17/10/2018",
+      "isactive": "0",
+      "fk_updatedby": "1",
+      "questions": [
+          {
+              "question_id": "6",
+              "question": "How was the approach to the PD location?\n\n",
+              "template_question_id": "5",
+              "fk_template_id": "3",
+              "fk_question_id": "6",
+              "question_weightage": "10",
+              "question_answerable_by": null,
+              "fk_template_question_category_id": "3",
+              "isactive": "1",
+              "answer_type_name": "Option",
+              "answers": [
+                  {
+                      "question_answer_id": "25",
+                      "answer": "Good\n\n",
+                      "template_answer_weightage_id": "16",
+                      "fk_template_question_id": "5",
+                      "fk_question_answer_id": "25",
+                      "template_answer_weightage": "1",
+                      "isactive": null
+                  },
+                  {
+                      "question_answer_id": "26",
+                      "answer": "Fair\n\n",
+                      "template_answer_weightage_id": "17",
+                      "fk_template_question_id": "5",
+                      "fk_question_answer_id": "26",
+                      "template_answer_weightage": "1",
+                      "isactive": null
+                  },
+                  {
+                      "question_answer_id": "27",
+                      "answer": "Difficult\n\n",
+                      "template_answer_weightage_id": "18",
+                      "fk_template_question_id": "5",
+                      "fk_question_answer_id": "27",
+                      "template_answer_weightage": "1",
+                      "isactive": null
+                  }
+              ]
+          },
+          {
+              "question_id": "8",
+              "question": "Who was the person met during PD?\n\n\n\n",
+              "template_question_id": "6",
+              "fk_template_id": "3",
+              "fk_question_id": "8",
+              "question_weightage": "90",
+              "question_answerable_by": null,
+              "fk_template_question_category_id": "3",
+              "isactive": "1",
+              "answer_type_name": "Option",
+              "answers": [
+                  {
+                      "question_answer_id": "30",
+                      "answer": "Main Applicant\n\n\n\n",
+                      "template_answer_weightage_id": "19",
+                      "fk_template_question_id": "6",
+                      "fk_question_answer_id": "30",
+                      "template_answer_weightage": "2",
+                      "isactive": null
+                  },
+                  {
+                      "question_answer_id": "31",
+                      "answer": "One of the Earning Co applicants\n\n\n\n",
+                      "template_answer_weightage_id": "20",
+                      "fk_template_question_id": "6",
+                      "fk_question_answer_id": "31",
+                      "template_answer_weightage": "2",
+                      "isactive": null
+                  },
+                  {
+                      "question_answer_id": "32",
+                      "answer": "Accountant / Manager / Other employee\n",
+                      "template_answer_weightage_id": "21",
+                      "fk_template_question_id": "6",
+                      "fk_question_answer_id": "32",
+                      "template_answer_weightage": "2",
+                      "isactive": null
+                  },
+                  {
+                      "question_answer_id": "33",
+                      "answer": "One of the Non-Earning Co applicants\n",
+                      "template_answer_weightage_id": "22",
+                      "fk_template_question_id": "6",
+                      "fk_question_answer_id": "33",
+                      "template_answer_weightage": "2",
+                      "isactive": null
+                  },
+                  {
+                      "question_answer_id": "34",
+                      "answer": "Relative / Friend of the applicant\n",
+                      "template_answer_weightage_id": "23",
+                      "fk_template_question_id": "6",
+                      "fk_question_answer_id": "34",
+                      "template_answer_weightage": "2",
+                      "isactive": null
+                  }
+              ]
+          }
+      ]
+  }
+]
+  constructor( private route: ActivatedRoute,
+    private router: Router,
+    private listPDComponent : ListPdComponent) {
+      this.startPD = this.route.snapshot.params['pdid'];
+     
+  }
+
+  ngOnInit() {
+    this.listPDComponent.showListView(false);
+    const elemSidebar = <HTMLElement>document.querySelector('.app-inner .mail-sidebar');
+    const elemContent = <HTMLElement>document.querySelector('.app-inner .main-content');
+
+    if (window.matchMedia(`(min-width: 960px)`).matches && !this.isMac()) {
+      // Ps.initialize(elemSidebar, { wheelSpeed: 2, suppressScrollX: true });
+      // Ps.initialize(elemContent, { wheelSpeed: 2, suppressScrollX: true });
+    }
+  }
+  isMac(): boolean {
+    let bool = false;
+    if (navigator.platform.toUpperCase().indexOf('MAC') >= 0 || navigator.platform.toUpperCase().indexOf('IPAD') >= 0) {
+      bool = true;
+    }
+    return bool;
+  }
+  ngOnDestroy(): void {
+    this.listPDComponent.showListView(true);
+  }
+
+  
+
+  isOver(): boolean {
+    return window.matchMedia(`(max-width: 960px)`).matches;
+  }
+
+  onSelect(message: Object[]): void {
+    this.selectedMessage = message;
+  }
+
+  onSelectQuestions(categoryMessage: any){
+    console.log(categoryMessage)
+    this.selectedCategory = categoryMessage;
+  }
+
+}
diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/view-pd/view-pd.component.html b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/view-pd/view-pd.component.html
index 6a2d01706..740292e7a 100644
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/view-pd/view-pd.component.html
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/view-pd/view-pd.component.html
@@ -7,7 +7,7 @@
                  <div *ngFor="let master of pdMasterData" class="ml-xs mr-xs pt-1"   fxFlex="25" style="text-align:right;" >
                   <button  *ngIf="master.pd_type_name" mat-raised-button  mat-icon-button class="mr-1 mb-1 hover-icon" type="button" (click)="pdAllocationTo(master)"><mat-icon>directions_run</mat-icon></button>
                         <button *ngIf="master.pd_type_name" mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" (click)="scheduleDetails(master)"><mat-icon>schedule</mat-icon></button>
-                       
+                        <button mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" (click)="getPDStart(viewID)"><mat-icon>question_answer</mat-icon></button>
                     <button mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon"  type="button" (click)="loadPdListCompoent()"><mat-icon>close</mat-icon></button>        
                     <br><span style="color:red;text-align:center">{{master.pd_allocated_to}} -{{master.pd_status_name}}</span>
                   </div>
diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/view-pd/view-pd.component.ts b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/view-pd/view-pd.component.ts
index b3c7e8372..febab3b51 100644
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/view-pd/view-pd.component.ts
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/view-pd/view-pd.component.ts
@@ -133,6 +133,11 @@ export class ViewPdComponent implements OnInit, OnDestroy {
       });
   }
 
+  // start pd 
+  getPDStart(pdID:any){
+    this.router.navigate([ '../../../pdlist/startpd',pdID], { relativeTo: this.route });
+  }
+
 //   updateViewComponent(editBack:string) {
     
 //  if(editBack=='1'){
diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/manage-pd.module.ts b/ng6-seed/src/app/personal-discussion/manage-pd/manage-pd.module.ts
index 0000aaaec..47bfcf151 100644
--- a/ng6-seed/src/app/personal-discussion/manage-pd/manage-pd.module.ts
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/manage-pd.module.ts
@@ -7,7 +7,7 @@ import {
   MatRadioModule, 
   MatButtonModule,MatTableModule,MatPaginatorModule,
   MatProgressBarModule,MatDialogModule, MatSortModule,
-  MatToolbarModule,MatSelectModule, MatListModule, MatGridListModule, MatTabsModule, MatCheckboxModule, MatBadgeModule, MatExpansionModule, MatStepperModule  } from '@angular/material';
+  MatToolbarModule,MatSelectModule, MatListModule, MatGridListModule, MatTabsModule, MatCheckboxModule, MatBadgeModule, MatExpansionModule, MatStepperModule ,MatSidenavModule ,MatMenuModule, MatButtonToggleModule } from '@angular/material';
 import {MatSlideToggleModule} from '@angular/material/slide-toggle';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { FileUploadModule } from 'ng2-file-upload/ng2-file-upload';
@@ -34,6 +34,7 @@ import { OwlDateTimeModule, OwlNativeDateTimeModule } from 'ng-pick-datetime';
 import { SchedulePdComponent } from './list-pd/schedule-pd/schedule-pd.component';
 import { EditPdApplicantComponent } from './list-pd/edit-pd-applicant/edit-pd-applicant.component';
 import { EditPdMasterComponent } from './list-pd/edit-pd-master/edit-pd-master.component';
+import { StartPdComponent } from './list-pd/start-pd/start-pd.component';
 /**
  * Custom angular notifier options
  */
@@ -94,7 +95,7 @@ const pdCustomNotifierOptions: NotifierOptions = {
     FlexLayoutModule,
     NgxDatatableModule,
     FormsModule,MatSlideToggleModule,
-    MatSelectModule, MatListModule,MatGridListModule, MatTabsModule, MatBadgeModule, MatCheckboxModule,MatStepperModule,
+    MatSelectModule, MatListModule,MatGridListModule, MatTabsModule, MatBadgeModule, MatCheckboxModule,MatStepperModule,MatSidenavModule ,MatMenuModule, MatButtonToggleModule,
     ReactiveFormsModule,
     FileUploadModule,
     TreeModule,
@@ -103,7 +104,7 @@ const pdCustomNotifierOptions: NotifierOptions = {
     AgmCoreModule.forRoot({apiKey: 'AIzaSyBtdO5k6CRntAMJCF-H5uZjTCoSGX95cdk'}),OwlDateTimeModule, 
          OwlNativeDateTimeModule,
   ],
-  declarations: [ListPdComponent, ManagePdComponent, MapPdViewComponent, AddPdComponent, ViewPdComponent, PdAllocationComponent, SmartPdAllocationComponent, SchedulePdComponent, EditPdApplicantComponent, EditPdMasterComponent],
+  declarations: [ListPdComponent, ManagePdComponent, MapPdViewComponent, AddPdComponent, ViewPdComponent, PdAllocationComponent, SmartPdAllocationComponent, SchedulePdComponent, EditPdApplicantComponent, EditPdMasterComponent, StartPdComponent],
   providers: [PdTrigerService, GetGeometricLocationService],
   entryComponents: [PdAllocationComponent, SmartPdAllocationComponent, SchedulePdComponent, EditPdApplicantComponent, EditPdMasterComponent]
 })
diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/manage-pd.routing.ts b/ng6-seed/src/app/personal-discussion/manage-pd/manage-pd.routing.ts
index 3b30f5bd6..9a0742a4e 100644
--- a/ng6-seed/src/app/personal-discussion/manage-pd/manage-pd.routing.ts
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/manage-pd.routing.ts
@@ -5,7 +5,7 @@ import { ListPdComponent } from './list-pd/list-pd.component';
 import { MapPdViewComponent } from './list-pd/map-pd-view/map-pd-view.component';
 import { AddPdComponent } from '../manage-pd/list-pd/add-pd/add-pd.component';
 import { ViewPdComponent } from '../manage-pd/list-pd/view-pd/view-pd.component';
-
+import { StartPdComponent } from './list-pd/start-pd/start-pd.component';
 /*
 * manage pd router
 */
@@ -34,6 +34,10 @@ const routes: Routes = [
           path: 'viewpd/:pdid',
           component: ViewPdComponent,
        },
+       {
+        path: 'startpd/:pdid',
+        component: StartPdComponent,
+      }
           ]
 		   }
 		]