From 647fb7f25dea9242364e01bc628f3c6a05cd2e4d Mon Sep 17 00:00:00 2001
From: saravanakumarkandasami <saravanakumar.k@venbainfotech.com>
Date: Thu, 1 Nov 2018 15:43:12 +0530
Subject: [PATCH] Map Pd Card

---
 .../map-pd-view/map-pd-view.component.html    | 61 +++++++++++--------
 .../map-pd-view/map-pd-view.component.ts      |  4 ++
 2 files changed, 40 insertions(+), 25 deletions(-)

diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/map-pd-view/map-pd-view.component.html b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/map-pd-view/map-pd-view.component.html
index 30d6932eb..6db4829c2 100644
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/map-pd-view/map-pd-view.component.html
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/map-pd-view/map-pd-view.component.html
@@ -10,43 +10,51 @@
        
       <div>
           <div    style="text-align:right;position:absolute;z-index:2;right:1px">
-              <button mat-fab color="primary" matTooltip="Close" matTooltipPosition="above" (click)="goList()"><mat-icon>close</mat-icon></button>
+             <button mat-fab color="primary" matTooltip="Close" matTooltipPosition="above" (click)="goList()"><mat-icon>close</mat-icon></button>
             </div>
+            
             <div   fxFlex.xs="100" fxFlex.sm="100" fxFlex.md="25" fxFlex.lg="25" fxFlex.xl="25" style="position:absolute;z-index:1">
                 
                   <div [style.overflow]="'auto'" [style.height.px]="'500'" *ngIf="pdList.length > 0">
                       <mat-expansion-panel>
                           <mat-expansion-panel-header style="background-color:#f44336;color:#fff">
-                            PD Details
+                            PD Details      
                           </mat-expansion-panel-header>
                            <div>
                               <input style="border-bottom: 1px solid #dcd9d9;padding-top: 5%;" matInput (keyup)="applyFilter($event.target.value)"  placeholder="Search">
                 
                               </div> 
-                          <mat-card   *ngFor="let details of dataSource.connect() | async">
+                              <div *ngFor="let details of dataSource.connect() | async">
+                                <div *ngIf="(details.pd_status=='TRIGGERED'  || details.pd_status=='ALLOCATED') && details.fk_pd_type !='3' "> 
+                                   
+                                    <mat-card [ngStyle]="{'border-left':'5px solid','border-left-color': getColor(details.fk_pd_type)}">
                      
-                              <mat-card-title *ngIf="details.applicat_details" style="margin-bottom: 0px;">
-                                <div fxLayout="row" fxFlex="100">
-                                  <div fxFlex="55">
-                                     <span style="font-weight:700">{{details.applicat_details[0].applicant_name}}</span> <br>
-                                      <span style="font-size: 13px;" >{{details.lender_full_name}}({{details.lender_applicant_id}})</span><br>
-                                  </div>
-                                  <div fxFlex="45" style="text-align:right;" *ngIf="details.pd_status!=pdStatusCheck.DRAFT">
-                                      <button  mat-raised-button mat-button-sm mat-icon-button class="mr-1  hover-icon" type="button" matTooltip="PD Allocation" matTooltipPosition="above" (click)="pdAllocationTo(details)"><mat-icon>verified_user</mat-icon></button>
-                                      <button  mat-raised-button mat-button-sm mat-icon-button class="  hover-icon" type="button" matTooltip="Schedule" matTooltipPosition="above" (click)="scheduleDetails(details)"><mat-icon>schedule</mat-icon></button>                       
-                                  </div>
-                                </div>                   
-                              </mat-card-title>
-                              <mat-card-content  style="padding: 2% 0% 0% 7%;">                                   
-                                  
-                                <span style="font-size: 13px;" class="hover-icon"><i *ngIf="details.city_name" class="fa-1x fa fa-map-marker">&nbsp;</i>{{details.city_name}}/{{details.state_name}}-{{details.pincode}}</span>   <br>                 
-                                <span style="font-size: 13px;" *ngIf="details.product_abbr">{{details.product_abbr}}/{{details.subproduct_abbr}}</span><br>
-                                <span style="font-size: 13px;"> {{details.customer_segment_abbr}}<span *ngIf="details.loan_amount"  style="padding-left: 48%;"><i class="fa-1x fa fa-rupee">&nbsp;</i>{{details.loan_amount}}</span></span><br>
-                                <span style="font-size: 13px;">{{details.pd_date_of_initiation}}</span><br>
-                                <span style="font-size: 13px;">{{details.pd_status}} - {{ (details.updatedon)? (details.updatedon | slice:0:10):(details.updatedon) }}</span>
-
-                              </mat-card-content> 
-                            </mat-card>
+                                        <mat-card-title *ngIf="details.applicat_details" style="margin-bottom: 0px;">
+                                          <div fxLayout="row" fxFlex="100">
+                                            <div fxFlex="55">
+                                               <span style="font-weight:700">{{details.applicat_details[0].applicant_name}}</span><span style="font-size: 13px;"> ({{details.customer_segment_abbr}})</span> <br>
+                                                <span style="font-size: 13px;" >{{details.lender_full_name}} ({{details.lender_applicant_id}})</span><br>                                     
+                                            </div>
+                                            <div fxFlex="45" style="text-align:right;" *ngIf="details.pd_status!=pdStatusCheck.DRAFT">
+                                                <button  mat-raised-button mat-button-sm mat-icon-button class="mr-1  hover-icon" type="button" matTooltip="PD Allocation" matTooltipPosition="above" (click)="pdAllocationTo(details)"><mat-icon>verified_user</mat-icon></button>
+                                                <button  mat-raised-button mat-button-sm mat-icon-button class="  hover-icon" type="button" matTooltip="Schedule" matTooltipPosition="above" (click)="scheduleDetails(details)"><mat-icon>schedule</mat-icon></button>                       
+                                            </div>
+                                          </div>                   
+                                        </mat-card-title>
+                                        <mat-card-content  style="padding: 2% 0% 0% 7%;">                                   
+                                            
+                                          <span style="font-size: 13px;" class="hover-icon"><i *ngIf="details.city_name" class="fa-1x fa fa-map-marker">&nbsp;</i>{{details.city_name}}/{{details.state_name}}-{{details.pincode}}</span>   <br>                 
+                                          <span style="font-size: 13px;" *ngIf="details.product_abbr">{{details.product_abbr}}/{{details.subproduct_abbr}}</span><br>
+                                          <!----<span style="font-size: 13px;"> {{details.customer_segment_abbr}}<span *ngIf="details.loan_amount"  style="padding-left: 48%;"><i class="fa-1x fa fa-rupee">&nbsp;</i>{{details.loan_amount}}</span></span><br>-->
+                                           <span style="font-size: 13px;">{{details.pd_date_of_initiation}}</span> - 
+                                          <span style="font-size: 13px;">{{details.pd_status}} <!--- {{ (details.updatedon)? (details.updatedon | slice:0:10):(details.updatedon) }}--></span>
+          
+                                        </mat-card-content> 
+                                      </mat-card>
+                                </div>
+                               
+                              </div>
+                          
                             <mat-list *ngIf="recordStatus">
                                 <mat-list-item>
                                   <p mat-line>No Record Found ...</p>
@@ -70,6 +78,9 @@
                   </agm-map>
                 </mat-card>
                 </div> 
+                <div    style="text-align:right;position:absolute;z-index:2;bottom: 0;right: 0;">
+                    <span style="width: 30px; height: 10px;  background:#009688;color:#009688">II</span> Full &nbsp; <span style="width: 30px; height: 10px;  background:#673ab7;color:#673ab7">II</span> Smart  
+                    </div>
           </div>
       </div>
     </div>
diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/map-pd-view/map-pd-view.component.ts b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/map-pd-view/map-pd-view.component.ts
index 42fd05aae..226c149a2 100644
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/map-pd-view/map-pd-view.component.ts
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/map-pd-view/map-pd-view.component.ts
@@ -46,7 +46,11 @@ pdList:any[] = [];
     "COMPLETED" :'COMPLETED',
     "QC_COMPLETED" :'QC_COMPLETED',
   };
+  public getColor(type: number): string{
 
+    return type == 1 ? "#009688" : "#673ab7" ; 
+ }
+  
   constructor(notifier:NotifierService,private route: ActivatedRoute,
     private router: Router,private _pd: PdTrigerService,private dialog: MatDialog,private _geolocation: GetGeometricLocationService, private ListPdComponent : ListPdComponent) {
       this.notifier=notifier