Icon Changes In PD screen

ng6-seed/src/app/personal-discussion/manage-pd/list-pd/all-pd/all-pd.component.html

@@ -1,6 +1,27 @@
     <mat-card-content>
         <mat-table [dataSource]="dataSourceTab1" matSort *ngIf="PdListData.length > 0" >
              
+            <ng-container matColumnDef="PDType">
+                    <mat-cell fxFlex="10" class="cell" style="padding-top:2.5% !important;" *matCellDef="let details;"> 
+                    
+                   
+                      <!-- <button *ngIf="details.fk_pd_type == '1'"  mat-icon-button class="hover-icon pd_circle"  matTooltip="Full PD" 
+                      matTooltipPosition="above"><strong>F</strong></button> -->
+                      <!-- <button *ngIf="details.fk_pd_type != null" [matTooltip]="details.fk_pd_type == '1' ? 'Full PD' : details.fk_pd_type == '2' ? 'Smart PD' : details.fk_pd_type == '3' ? 'Tele PD' : '' "  mat-button mat-icon-button class="mr-1 mb-1 hover-icon pd_circle" type="button" 
+                      matTooltipPosition="above"><strong>{{(details.pd_type_name | slice:0:1)}}</strong></button> -->
+                      <button *ngIf="details.fk_pd_type != null" [matTooltip]="details.pd_type_name"  mat-button mat-icon-button class="mr-1 mb-1 hover-icon pd_circle" type="button" 
+                      matTooltipPosition="above"><strong>{{(details.pd_type_name | slice:0:1)}}</strong></button>
+                      <!-- <button *ngIf="details.fk_pd_type == '3'" mat-button mat-icon-button class="mr-1 mb-1 hover-icon pd_circle" type="button"  matTooltip="Tele PD" 
+                      matTooltipPosition="above"><strong>T</strong></button> -->
+
+                      <!-- <strong *ngIf="details.fk_pd_type == '2'" class="pd_circle" >S</strong>
+                      <strong *ngIf="details.fk_pd_type == '3'" class="pd_circle" >T</strong> -->
+                      <!-- <mat-icon color="primary" [matTooltip]="details.fk_pd_type == '1' ? 'Full PD' : details.fk_pd_type == '2' ? 'Smart PD' : 'Tele PD' " 
+                            matTooltipPosition="above" class="mr-1 mb-1">control_camera</mat-icon>
+                             -->
+                    
+                </mat-cell>
+            </ng-container>
             <ng-container matColumnDef="Name">
                   <mat-cell class="cell" *matCellDef="let details;"> 
                     <span *ngIf="details.applicat_details" mat-line><b>{{details.applicat_details[0].applicant_name}}</b></span><br> 

ng6-seed/src/app/personal-discussion/manage-pd/list-pd/all-pd/all-pd.component.scss

@@ -14,3 +14,13 @@
 .fontsize{
     font-size:14px;
 }
+.pd_circle {
+    width: 50px !important;
+    height: 50px;
+    border-radius: 50%;
+    font-size: 18px;
+    color: #ffffff;
+    line-height: 50px;
+    text-align: center;
+    background: red
+  }

ng6-seed/src/app/personal-discussion/manage-pd/list-pd/all-pd/all-pd.component.ts

@@ -16,7 +16,7 @@ export class AllPdComponent implements OnInit, OnChanges {
   tabStatus:string="ALL";
   public dataLengthTab1: number;
   public dataSourceTab1 = new MatTableDataSource();
-  displayedColumns = ['Name','Lenderid','Address','Status','Action'];
+  displayedColumns = ['PDType','Name','Lenderid','Address','Status','Action'];
 
   @ViewChild(MatPaginator) paginator: MatPaginator;
   @ViewChild(MatSort) sort: MatSort;

ng6-seed/src/app/personal-discussion/manage-pd/list-pd/completed-pd/completed-pd.component.html

@@ -1,6 +1,14 @@
 <mat-card-content>
         <mat-table [dataSource]="dataSourceTab4" matSort *ngIf="completedPdListData.length > 0" >
     
+                <ng-container matColumnDef="PDType">
+                        <mat-cell fxFlex="10" class="cell" style="padding-top:2.5% !important;" *matCellDef="let details;"> 
+                               <!-- <button *ngIf="details.fk_pd_type != null" [matTooltip]="details.fk_pd_type == '1' ? 'Full PD' : details.fk_pd_type == '2' ? 'Smart PD' : details.fk_pd_type == '3' ? 'Tele PD' : '' "  mat-button mat-icon-button class="mr-1 mb-1 hover-icon pd_circle" type="button" 
+                      matTooltipPosition="above"><strong>{{(details.pd_type_name | slice:0:1)}}</strong></button> -->
+                      <button *ngIf="details.fk_pd_type != null" [matTooltip]="details.pd_type_name"  mat-button mat-icon-button class="mr-1 mb-1 hover-icon pd_circle" type="button" 
+                      matTooltipPosition="above"><strong>{{(details.pd_type_name | slice:0:1)}}</strong></button>
+                        </mat-cell>
+                    </ng-container>
             <ng-container matColumnDef="Name">
                   <mat-cell class="cell" *matCellDef="let details;"> 
                     <span *ngIf="details.applicat_details" mat-line><b>{{details.applicat_details[0].applicant_name}}</b></span><br> 

ng6-seed/src/app/personal-discussion/manage-pd/list-pd/completed-pd/completed-pd.component.scss

@@ -14,3 +14,13 @@
 .fontsize{
     font-size:14px;
 }
+.pd_circle {
+    width: 50px !important;
+    height: 50px;
+    border-radius: 50%;
+    font-size: 18px;
+    color: #ffffff;
+    line-height: 50px;
+    text-align: center;
+    background: red
+  }

ng6-seed/src/app/personal-discussion/manage-pd/list-pd/completed-pd/completed-pd.component.ts

@@ -16,7 +16,7 @@ export class CompletedPdComponent implements OnInit, OnChanges {
   tabStatus:string="COMPLETED";
   public dataLengthTab4: number;
   public dataSourceTab4 = new MatTableDataSource();
-  displayedColumns = ['Name','Lenderid','Address','Status','Action'];
+  displayedColumns = ['PDType','Name','Lenderid','Address','Status','Action'];
 
   @ViewChild(MatPaginator) paginator: MatPaginator;
   @ViewChild(MatSort) sort: MatSort;

ng6-seed/src/app/personal-discussion/manage-pd/list-pd/inprogress-pd/inprogress-pd.component.html

@@ -1,6 +1,13 @@
 <mat-card-content>
         <mat-table [dataSource]="dataSourceTab2" matSort *ngIf="progressPdListData.length > 0" >
-    
+            <ng-container matColumnDef="PDType">
+                <mat-cell fxFlex="10" class="cell" style="padding-top:2.5% !important;" *matCellDef="let details;"> 
+   <!-- <button *ngIf="details.fk_pd_type != null" [matTooltip]="details.fk_pd_type == '1' ? 'Full PD' : details.fk_pd_type == '2' ? 'Smart PD' : details.fk_pd_type == '3' ? 'Tele PD' : '' "  mat-button mat-icon-button class="mr-1 mb-1 hover-icon pd_circle" type="button" 
+                      matTooltipPosition="above"><strong>{{(details.pd_type_name | slice:0:1)}}</strong></button> -->
+                      <button *ngIf="details.fk_pd_type != null" [matTooltip]="details.pd_type_name"  mat-button mat-icon-button class="mr-1 mb-1 hover-icon pd_circle" type="button" 
+                      matTooltipPosition="above"><strong>{{(details.pd_type_name | slice:0:1)}}</strong></button>
+                </mat-cell>
+            </ng-container>
             <ng-container matColumnDef="Name">
                   <mat-cell class="cell" *matCellDef="let details;"> 
                     <span *ngIf="details.applicat_details" mat-line><b>{{details.applicat_details[0].applicant_name}}</b></span><br> 

ng6-seed/src/app/personal-discussion/manage-pd/list-pd/inprogress-pd/inprogress-pd.component.scss

@@ -14,3 +14,13 @@
 .fontsize{
     font-size:14px;
 }
+.pd_circle {
+    width: 50px !important;
+    height: 50px;
+    border-radius: 50%;
+    font-size: 18px;
+    color: #ffffff;
+    line-height: 50px;
+    text-align: center;
+    background: red
+  }

ng6-seed/src/app/personal-discussion/manage-pd/list-pd/inprogress-pd/inprogress-pd.component.ts

@@ -14,7 +14,7 @@ export class InprogressPdComponent implements OnInit, OnChanges {
   tabStatus:string="INPROGRESS";
   public dataLengthTab2: number;
   public dataSourceTab2 = new MatTableDataSource();
-  displayedColumns = ['Name','Lenderid','Address','Status','Action'];
+  displayedColumns = ['PDType','Name','Lenderid','Address','Status','Action'];
 
   @ViewChild(MatPaginator) paginator: MatPaginator;
   @ViewChild(MatSort) sort: MatSort;

ng6-seed/src/app/personal-discussion/manage-pd/list-pd/qc-completed-pd/qc-completed-pd.component.html

@@ -1,6 +1,13 @@
 <mat-card-content>
   <mat-table [dataSource]="dataSourceTab5" matSort *ngIf="qcCompletedPdListData.length > 0" >
-
+        <ng-container matColumnDef="PDType">
+                <mat-cell fxFlex="10" class="cell" style="padding-top:2.5% !important;" *matCellDef="let details;"> 
+                       <!-- <button *ngIf="details.fk_pd_type != null" [matTooltip]="details.fk_pd_type == '1' ? 'Full PD' : details.fk_pd_type == '2' ? 'Smart PD' : details.fk_pd_type == '3' ? 'Tele PD' : '' "  mat-button mat-icon-button class="mr-1 mb-1 hover-icon pd_circle" type="button" 
+                      matTooltipPosition="above"><strong>{{(details.pd_type_name | slice:0:1)}}</strong></button> -->
+                      <button *ngIf="details.fk_pd_type != null" [matTooltip]="details.pd_type_name"  mat-button mat-icon-button class="mr-1 mb-1 hover-icon pd_circle" type="button" 
+                      matTooltipPosition="above"><strong>{{(details.pd_type_name | slice:0:1)}}</strong></button>
+                </mat-cell>
+            </ng-container>
       <ng-container matColumnDef="Name">
             <mat-cell class="cell" *matCellDef="let details;"> 
               <span *ngIf="details.applicat_details" mat-line><b>{{details.applicat_details[0].applicant_name}}</b></span><br> 

ng6-seed/src/app/personal-discussion/manage-pd/list-pd/qc-completed-pd/qc-completed-pd.component.scss

@@ -14,3 +14,13 @@
 .fontsize{
     font-size:14px;
 }
+.pd_circle {
+    width: 50px !important;
+    height: 50px;
+    border-radius: 50%;
+    font-size: 18px;
+    color: #ffffff;
+    line-height: 50px;
+    text-align: center;
+    background: red
+  }

ng6-seed/src/app/personal-discussion/manage-pd/list-pd/qc-completed-pd/qc-completed-pd.component.ts

@@ -16,7 +16,7 @@ export class QcCompletedPdComponent implements OnInit, OnChanges {
   tabStatus:string="QC_COMPLETED";
   public dataLengthTab5: number;
   public dataSourceTab5 = new MatTableDataSource();
-  displayedColumns = ['Name','Lenderid','Address','Status','Action'];
+  displayedColumns = ['PDType','Name','Lenderid','Address','Status','Action'];
 
   @ViewChild(MatPaginator) paginator: MatPaginator;
   @ViewChild(MatSort) sort: MatSort;

ng6-seed/src/app/personal-discussion/manage-pd/list-pd/scheduled-pd/scheduled-pd.component.html

@@ -1,6 +1,13 @@
 <mat-card-content>
         <mat-table [dataSource]="dataSourceTab3" matSort *ngIf="scheduledPdListData.length > 0" >
-    
+                <ng-container matColumnDef="PDType">
+                        <mat-cell fxFlex="10" class="cell" style="padding-top:2.5% !important;" *matCellDef="let details;"> 
+                                <!-- <button *ngIf="details.fk_pd_type != null" [matTooltip]="details.fk_pd_type == '1' ? 'Full PD' : details.fk_pd_type == '2' ? 'Smart PD' : details.fk_pd_type == '3' ? 'Tele PD' : '' "  mat-button mat-icon-button class="mr-1 mb-1 hover-icon pd_circle" type="button" 
+                      matTooltipPosition="above"><strong>{{(details.pd_type_name | slice:0:1)}}</strong></button> -->
+                      <button *ngIf="details.fk_pd_type != null" [matTooltip]="details.pd_type_name"  mat-button mat-icon-button class="mr-1 mb-1 hover-icon pd_circle" type="button" 
+                      matTooltipPosition="above"><strong>{{(details.pd_type_name | slice:0:1)}}</strong></button>
+                        </mat-cell>
+                    </ng-container>
             <ng-container matColumnDef="Name">
                   <mat-cell class="cell" *matCellDef="let details;"> 
                     <span *ngIf="details.applicat_details" mat-line><b>{{details.applicat_details[0].applicant_name}}</b></span><br> 

ng6-seed/src/app/personal-discussion/manage-pd/list-pd/scheduled-pd/scheduled-pd.component.scss

@@ -14,3 +14,13 @@
 .fontsize{
     font-size:14px;
 }
+.pd_circle {
+    width: 50px !important;
+    height: 50px;
+    border-radius: 50%;
+    font-size: 18px;
+    color: #ffffff;
+    line-height: 50px;
+    text-align: center;
+    background: red
+  }

ng6-seed/src/app/personal-discussion/manage-pd/list-pd/scheduled-pd/scheduled-pd.component.ts

@@ -14,7 +14,7 @@ export class ScheduledPdComponent implements OnInit, OnChanges {
   tabStatus:string="SCHEDULED";
   public dataLengthTab3: number;
   public dataSourceTab3 = new MatTableDataSource();
-  displayedColumns = ['Name','Lenderid','Address','Status','Action'];
+  displayedColumns = ['PDType','Name','Lenderid','Address','Status','Action'];
 
   @ViewChild(MatPaginator) paginator: MatPaginator;
   @ViewChild(MatSort) sort: MatSort;

ng6-seed/src/app/personal-discussion/manage-pd/list-pd/view-pd/view-pd.component.html

@@ -13,7 +13,11 @@
                       <button *ngIf="master.pd_type_name && currentPDStatus!=pdStatusCheck.DRAFT && currentPDStatus!=pdStatusCheck.TRIGGERED && currentPDStatus!=pdStatusCheck.DRAFT" mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" matTooltip="Discussion" matTooltipPosition="above" (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" matTooltip="Close" matTooltipPosition="above" (click)="loadPdListCompoent()"><mat-icon>close</mat-icon></button>  
                   <br>
-                  <span *ngIf="master.pd_allocated_to" style="color:red;text-align:left">{{master.pd_allocated_to | titlecase}}</span> &nbsp;&nbsp;
+                  <!-- <span *ngIf="master.pd_allocated_to" style="color:red;text-align:left" class="fa-1x fa fa-user-secret" matTooltip="PD Officer" 
+                  matTooltipPosition="above"></span>       -->
+                  
+                  <span *ngIf="master.pd_allocated_to" style="color:red;text-align:left"><mat-icon color="primary" class="hover-icon" matTooltip="PD Officer" 
+                    matTooltipPosition="above">person</mat-icon>{{master.pd_allocated_to | titlecase}}</span> &nbsp;&nbsp;
                   <span *ngIf="master.pd_status==pdStatusCheck.SCHEDULED" style="color:red;text-align:left">{{master.pd_status | titlecase}} &nbsp;On&nbsp;{{master.scheduled_on}}</span>
                   <span *ngIf="master.pd_status!=pdStatusCheck.SCHEDULED" style="color:red;text-align:left">{{master.pd_status | titlecase}} &nbsp;On&nbsp; {{ (master.updatedon)? (master.updatedon | slice:0:10):(master.updatedon) }}</span>
 

ng6-seed/src/app/session/login/login-component.scss

@@ -1,4 +1,5 @@
 .form-bg {
+    background-image:url('http://www.ssa.sineedge.com/beta/assets/images/login.jpg') !important;
     height: 100vh !important;
     background-position: center !important;
     min-height: calc(0vh + 0px) !important;