Merge pull request #252 from sohailamjad12/search_preffered_issue

Karma Quest:  https://karmayogibharat.atlassian.net/browse/KB-5265 fixed preffered search issue

Author: vishnubansaltarento

project/ws/app/src/lib/routes/home/routes/request/request-copy-details/request-copy-details.component.html

@@ -213,7 +213,7 @@
                         <mat-form-field appearance="outline" class="w-full placeholder-text field-height" fxFlex="40">
                             <mat-select placeholder="Choose the Assignee" formControlName="assignee">
                               <input #search autocomplete="off" placeholder="Search" class="assigneeSearch"
-                               (keyup)="searchValueData('assigneeText')" (keydown.space)="$event.stopPropagation()"  formControlName="assigneeText" matInput>
+                                (keydown.space)="$event.stopPropagation()"  formControlName="assigneeText" matInput>
                               <mat-option *ngFor="let option of filteredAssigneeType" [value]="option">{{option.orgName}}</mat-option>
 
                             </mat-select>
@@ -243,7 +243,7 @@
                               </mat-select-trigger>
                               <mat-optgroup>
                                 <mat-form-field floatLabel="never">
-                                  <input #search autocomplete="off" placeholder="Search" (keyup)="searchValueData('providerText')" (keydown.space)="$event.stopPropagation()"
+                                  <input #search autocomplete="off" placeholder="Search"  (keydown.space)="$event.stopPropagation()"
                                    formControlName="providerText" matInput>
                                   <button [disableRipple]="true" *ngIf="search.value" matSuffix mat-icon-button aria-label="Clear"
                                     (click)="clearSearch($event,'providerText')"><mat-icon>close</mat-icon></button>
@@ -252,7 +252,8 @@
                               <mat-optgroup *ngIf="filteredRequestType.length === 0">
                                 <div>No results found!</div>
                               </mat-optgroup>
-                              <mat-option *ngFor="let option of filteredRequestType" [disabled]="isOptionDisabled(option)" [value]="option">{{option.orgName}}</mat-option>
+                              <mat-option *ngFor="let option of filteredRequestType" [ngClass]="{'hideOptions': (option.hideOption && option.hideOption === 'hide')}"
+                              [disabled]="isOptionDisabled(option)" [value]="option">{{option.orgName}}</mat-option>
 
                             </mat-select>
                           </mat-form-field>

project/ws/app/src/lib/routes/home/routes/request/request-copy-details/request-copy-details.component.scss

@@ -173,6 +173,10 @@
       }
     }
   }
+
+  .hideOptions {
+    display: none;
+  }
   ::ng-deep .tooltip-sec {
     background-color: 000000 !important;
     font-size: 12px !important;

project/ws/app/src/lib/routes/home/routes/request/request-copy-details/request-copy-details.component.ts

@@ -115,7 +115,7 @@ export class RequestCopyDetailsComponent implements OnInit {
         this.actionBtnName = params.name
       }
     })
-
+    this.valuechangeFuctions()
   }
 
   getRequestDataById() {
@@ -161,7 +161,7 @@ export class RequestCopyDetailsComponent implements OnInit {
    if (this.filteredRequestType) {
     const abc = this.filteredRequestType.filter(option =>
       this.requestObjData.preferredProvider.some((res: any) =>
-         res.providerName === option.orgName
+         res.providerId === option.id
     )
   )
   this.requestForm.controls['providers'].setValue(abc)
@@ -170,7 +170,7 @@ export class RequestCopyDetailsComponent implements OnInit {
    if (this.filteredAssigneeType) {
     if (this.requestObjData.assignedProvider) {
       const assignData = this.filteredAssigneeType.find(option =>
-        this.requestObjData.assignedProvider.providerName === option.orgName
+        this.requestObjData.assignedProvider.providerId === option.id
        )
        if (assignData) {
          this.requestForm.controls['assignee'].setValue(assignData)
@@ -184,17 +184,19 @@ export class RequestCopyDetailsComponent implements OnInit {
     this.router.navigateByUrl('/app/home/all-request')
   }
 
-  searchValueData(searchValue: any) {
-    if (searchValue === 'providerText') {
+
+  valuechangeFuctions() {
+    if (this.requestForm.controls['providerText']) {
       this.requestForm.controls['providerText'].valueChanges.pipe(
         debounceTime(100),
         distinctUntilChanged(),
         startWith(''),
       ).subscribe((newValue: any) => {
-        this.filteredRequestType = this.filterOrgValues(newValue, this.requestTypeData)
+        this.filteredRequestType = this.getHiddenOptions(newValue, this.requestTypeData)
       })
     }
-    if (searchValue === 'assigneeText') {
+
+    if (this.requestForm.controls['assigneeText']) {
       this.requestForm.controls['assigneeText'].valueChanges.pipe(
         debounceTime(100),
         distinctUntilChanged(),
@@ -206,6 +208,28 @@ export class RequestCopyDetailsComponent implements OnInit {
 
   }
 
+  // searchValueData(searchValue: any) {
+  //   if (searchValue === 'providerText') {
+  //     this.requestForm.controls['providerText'].valueChanges.pipe(
+  //       debounceTime(100),
+  //       distinctUntilChanged(),
+  //       startWith(''),
+  //     ).subscribe((newValue: any) => {
+  //       this.filteredRequestType = this.filterOrgValues(newValue, this.requestTypeData)
+  //     })
+  //   }
+  //   if (searchValue === 'assigneeText') {
+  //     this.requestForm.controls['assigneeText'].valueChanges.pipe(
+  //       debounceTime(100),
+  //       distinctUntilChanged(),
+  //       startWith(''),
+  //     ).subscribe((newValue: any) => {
+  //       this.filteredAssigneeType = this.filterOrgValues(newValue, this.requestTypeData)
+  //     })
+  //   }
+
+  // }
+
   filterValues(searchValue: string, array: any) {
     return array.filter((value: any) =>
       value.name.toLowerCase().includes(searchValue.toLowerCase()))
@@ -216,6 +240,19 @@ export class RequestCopyDetailsComponent implements OnInit {
       value.orgName.toLowerCase().includes(searchValue.toLowerCase()))
   }
 
+  getHiddenOptions(searchValue: string, array: any) {
+    const hiddenOptions: any = []
+    array.forEach((element: any) => {
+      if (element.orgName.toLowerCase().includes(searchValue.toLowerCase())) {
+        element['hideOption'] = 'show'
+      } else {
+        element['hideOption'] = 'hide'
+      }
+      hiddenOptions.push(element)
+    })
+    return hiddenOptions
+  }
+
   getFilterEntity() {
     const filterObj = {
       search: {