From 35c45850e796539eddf7f56e100005e133c30f02 Mon Sep 17 00:00:00 2001
From: Mattia Vianelli <mattia.vianelli@4science.com>
Date: Wed, 15 Nov 2023 11:57:14 +0100
Subject: [PATCH] CST-12455 Itemfilter dropdown for the edit inboundpatterns is
 working, now changing all remaining code and finalizing task

---
 .../ldn-service-form-edit.component.html      | 37 +++++++++++++++----
 .../ldn-service-form-edit.component.ts        | 14 +++++++
 2 files changed, 44 insertions(+), 7 deletions(-)

diff --git a/src/app/admin/admin-ldn-services/ldn-service-form-edit/ldn-service-form-edit.component.html b/src/app/admin/admin-ldn-services/ldn-service-form-edit/ldn-service-form-edit.component.html
index 0ea17d6fdd..51abf43f04 100644
--- a/src/app/admin/admin-ldn-services/ldn-service-form-edit/ldn-service-form-edit.component.html
+++ b/src/app/admin/admin-ldn-services/ldn-service-form-edit/ldn-service-form-edit.component.html
@@ -103,11 +103,11 @@
                 />
 
                 <!-- Main label TODO: remove after developing done cause it will pick the selected value to show -->
-                <div>{{ selectedInboundPatterns ? ('ldn-service.form.pattern.' + selectedInboundPatterns + '.label' | translate) : ('ldn-new-service.form.label.placeholder.outboundPattern' | translate) }}</div>
+                <div>{{ selectedInboundPatterns ? ('ldn-service.form.pattern.' + selectedInboundPatterns + '.label' | translate) : ('ldn-new-service.form.label.placeholder.inboundPattern' | translate) }}</div>
                 <div
                   class="small-text">{{ selectedInboundPatterns ? ('ldn-service.form.pattern.' + selectedInboundPatterns + '.description' | translate) : ('' | translate) }}</div>
                 <!-- TODO: infinite scroll with 3 selects -->
-                <div aria-labelledby="outboundPatternDropdownButton" ngbDropdownMenu>
+                <div aria-labelledby="inboundPatternDropdownButton" ngbDropdownMenu>
                   <button (click)="selectInboundPattern(pattern, i); $event.stopPropagation()" *ngFor="let pattern of inboundPatterns; let internalIndex = index"
                           ngbDropdownItem
                           type="button">
@@ -122,11 +122,34 @@
 
           <div class="col">
             <ng-container *ngIf="getInboundPatternControlNames(i)">
-              <select formControlName="constraint" id="constraint{{i}}" name="constraint{{i}}">
-                <option value="">{{ 'ldn-new-service.form.label.placeholder.selectedItemFilter' | translate }}</option>
-                <option *ngFor="let itemFilter of (itemfiltersRD$ | async)?.payload?.page"
-                        [value]="itemFilter.id">{{ itemFilter.id }}</option>
-              </select>
+              <div #inboundItemfilterDropdown="ngbDropdown" class="w-100" id="constraint{{i}}" ngbDropdown>
+                <div class="position-relative right-addon" role="combobox">
+                  <i aria-hidden="true" class="position-absolute scrollable-dropdown-toggle"
+                     ngbDropdownToggle></i>
+                  <input
+                    (click)="inboundItemfilterDropdown.open();"
+                    [readonly]="true"
+                    [value]="selectedInboundItemfilters"
+                    class="form-control w-100 scrollable-dropdown-input"
+                    formControlName="constraint"
+                    id="inboundItemfilterDropdown"
+                    ngbDropdownAnchor
+                    type="text"
+                  />
+
+                  <div>{{ selectedInboundItemfilters ? ('ldn-service.form.pattern.' + selectedInboundItemfilters + '.label' | translate) : ('ldn-new-service.form.label.placeholder.outboundPattern' | translate) }}</div>
+                  <div
+                    class="small-text">{{ selectedInboundItemfilters ? ('ldn-service.form.pattern.' + selectedInboundItemfilters + '.description' | translate) : ('' | translate) }}</div>
+                  <!-- TODO: infinite scroll with 3 selects -->
+                  <div aria-labelledby="inboundItemfilterDropdownButton" ngbDropdownMenu>
+                    <button (click)="selectInboundItemFilter(constraint.id, i); $event.stopPropagation()" *ngFor="let constraint of (itemfiltersRD$ | async)?.payload?.page; let internalIndex = index"
+                            ngbDropdownItem
+                            type="button">
+                      <div>{{ constraint.id }}</div>
+                    </button>
+                  </div>
+                </div>
+              </div>
             </ng-container>
           </div>
 
diff --git a/src/app/admin/admin-ldn-services/ldn-service-form-edit/ldn-service-form-edit.component.ts b/src/app/admin/admin-ldn-services/ldn-service-form-edit/ldn-service-form-edit.component.ts
index 9c0e60040c..fdb07226aa 100644
--- a/src/app/admin/admin-ldn-services/ldn-service-form-edit/ldn-service-form-edit.component.ts
+++ b/src/app/admin/admin-ldn-services/ldn-service-form-edit/ldn-service-form-edit.component.ts
@@ -67,6 +67,7 @@ export class LdnServiceFormEditComponent implements OnInit {
     private modalRef: any;
     private service: LdnService;
     selectedOutboundPatterns: string[];
+    selectedInboundItemfilters: any;
     selectedInboundPatterns: string[];
 
     constructor(
@@ -214,6 +215,16 @@ export class LdnServiceFormEditComponent implements OnInit {
     //this.getPatternControlNames(index)
    }
 
+  selectInboundItemFilter(filterValue: string, index: number): void {
+    // this.selectedOutboundPatterns = patternValue;
+    const filterArray = (this.formModel.get('notifyServiceInboundPatterns') as FormArray)
+    console.log((this.formModel.get('notifyServiceInboundPatterns') as FormArray))
+    filterArray.controls[index].patchValue({constraint: filterValue} )
+
+    //console.log(patternArray);
+    //this.getPatternControlNames(index)
+  }
+
     selectInboundPattern(patternValue: string, index: number): void {
         // this.selectedOutboundPatterns = patternValue;
         const patternArray = (this.formModel.get('notifyServiceInboundPatterns') as FormArray)
@@ -474,4 +485,7 @@ export class LdnServiceFormEditComponent implements OnInit {
     //console.warn('inside setValueForControlInOutboundArray', formArray);
     //formArray.at(index).setValue(value);
     //}
+
+
+
 }