From 64d9aba08c1498ebb49ac08b926321e74002e662 Mon Sep 17 00:00:00 2001
From: Mattia Vianelli <mattia.vianelli@4science.com>
Date: Thu, 16 Nov 2023 19:40:54 +0100
Subject: [PATCH] CST-12455_coar-7sync Small fix

---
 .../ldn-service-form.component.html           | 47 ++++++++++++++-----
 1 file changed, 35 insertions(+), 12 deletions(-)

diff --git a/src/app/admin/admin-ldn-services/ldn-service-form/ldn-service-form.component.html b/src/app/admin/admin-ldn-services/ldn-service-form/ldn-service-form.component.html
index 298fa0501e..1597a7fe5e 100644
--- a/src/app/admin/admin-ldn-services/ldn-service-form/ldn-service-form.component.html
+++ b/src/app/admin/admin-ldn-services/ldn-service-form/ldn-service-form.component.html
@@ -87,18 +87,41 @@
             <ng-container [formGroupName]="i">
 
 
-                <div class="row mb-1">
-                    <div class="col">
-                        <select #inboundPattern formControlName="pattern" id="additionalInboundPattern{{i}}"
-                                name="additionalInboundPattern{{i}}" required>
-                            <option value="">{{ 'ldn-new-service.form.label.placeholder.inboundPattern' | translate }}</option>
-                            <option *ngFor="let pattern of inboundPatterns"
-                                    [value]="pattern">{{ 'ldn-service.form.pattern.' + pattern + '.label' | translate }} </option>
-                        </select>
-                        <div *ngIf="!patternSelected()" class="error-text">
-                            {{ 'ldn-new-service.form.error.patterns' | translate }}
-                        </div>
-                    </div>
+        <div class="row mb-1">
+          <div class="col">
+            <div #inboundPatternDropdown="ngbDropdown" class="w-100" id="additionalInboundPattern{{i}}" ngbDropdown
+                 placement="bottom-start">
+              <div class="position-relative right-addon" role="combobox">
+                <i aria-hidden="true" class="position-absolute scrollable-dropdown-toggle"
+                   ngbDropdownToggle>
+
+                </i>
+                <input
+                  (click)="inboundPatternDropdown.open();"
+                  [readonly]="true"
+                  [value]="selectedInboundPatterns"
+                  class="form-control w-100 scrollable-dropdown-input"
+                  formControlName="patternLabel"
+                  id="inboundPatternDropdownButton"
+                  ngbDropdownAnchor
+                  type="text"
+                />
+                <div aria-labelledby="inboundPatternDropdownButton" ngbDropdownMenu class="dropdown-menu scrollable-dropdown-menu w-100 " >
+                  <div  class="scrollable-menu" role="listbox">
+                    <button (click)="selectInboundPattern(pattern, i); $event.stopPropagation()" class="dropdown-item collection-item text-truncate w-100"
+                      *ngFor="let pattern of inboundPatterns"
+                      ngbDropdownItem
+                      type="button"
+                      [title]="'ldn-service.form.pattern.' + pattern + '.description' | translate">
+                      <div>{{ 'ldn-service.form.pattern.' + pattern + '.label' | translate }}</div>
+                      <div
+                        class="small-text">{{ 'ldn-service.form.pattern.' + pattern + '.description' | translate }}</div>
+                    </button>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
 
 
                     <div class="col">