From 4d0919dc3bd2cd54fda5f9da4667daaba56fcb93 Mon Sep 17 00:00:00 2001
From: saravanakumarkandasami <saravanakumar.k@venbainfotech.com>
Date: Sat, 13 Oct 2018 12:21:05 +0530
Subject: [PATCH] PD List UI and filter changes

---
 .../manage-pd/list-pd/list-pd.component.html       | 14 +++++++++++---
 .../manage-pd/list-pd/list-pd.component.ts         |  6 ++++++
 2 files changed, 17 insertions(+), 3 deletions(-)

diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/list-pd.component.html b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/list-pd.component.html
index b3922d059..fa3855b93 100644
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/list-pd.component.html
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/list-pd.component.html
@@ -1,6 +1,14 @@
-<div align="right" *ngIf="viewPdList">
-    <button mat-stroked-button color="primary" (click)="viewMapPdDetails()" class="mr-1 mb-1"><mat-icon>map</mat-icon>Map List</button> 
-    <button mat-stroked-button color="primary" (click)="addPdDetails()" class="mr-1 mb-1"><mat-icon>add</mat-icon>Add PD</button>
+<div fxLayout="row" fxLayoutAlign="start center" class="filter-header">
+  <div *ngIf="!noRecordFound" class="ml-xs mr-xs" style="width: 80%;">
+      <mat-form-field dividerColor="primary" class="ml-xs mr-xs" style="width: 30%;">
+        <input matInput (keyup)="applyFilter($event.target.value)" placeholder="Filter">
+      </mat-form-field>
+  </div>
+  <div *ngIf="noRecordFound" class="nocontent ml-xs mr-xs" style="width: 80%;">No records found</div>  
+  <div class="ml-xs mr-xs"  style="width: 20%;text-align:right" *ngIf="viewPdList">
+    <button mat-fab  color="primary" (click)="viewMapPdDetails()" class="mr-1 mb-1" matTooltip="Map List" matTooltipPosition="above"><mat-icon>map</mat-icon></button> 
+    <button mat-fab color="primary" (click)="addPdDetails()" class="mr-1 mb-1" matTooltip="Add PD" matTooltipPosition="above"><mat-icon>add</mat-icon></button>
+</div>
 </div>
 <mat-card *ngIf="viewPdList">
   <mat-tab-group>
diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/list-pd.component.ts b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/list-pd.component.ts
index 791e98d32..3de4e7979 100644
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/list-pd.component.ts
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/list-pd.component.ts
@@ -83,6 +83,12 @@ export class ListPdComponent implements OnInit, OnDestroy {
     this.viewPdList = !this.viewPdList;
     this.router.navigate([ '../pdlist/viewpd',pdid], { relativeTo: this.route });
 
+  }
+   //Global filter 
+   applyFilter(filterValue: string) {
+    filterValue = filterValue.trim(); // Remove whitespace
+    filterValue = filterValue.toLowerCase(); // Datasource defaults to lowercase matches
+    this.dataSource.filter = filterValue;
   }
   ngOnDestroy(): void {
     this.viewPdList=false;