CST-12455_coar-7sync Small fix

This commit is contained in:
Mattia Vianelli
2023-11-16 19:40:54 +01:00
parent 6303d4c7e6
commit 64d9aba08c

View File

@@ -87,18 +87,41 @@
<ng-container [formGroupName]="i"> <ng-container [formGroupName]="i">
<div class="row mb-1"> <div class="row mb-1">
<div class="col"> <div class="col">
<select #inboundPattern formControlName="pattern" id="additionalInboundPattern{{i}}" <div #inboundPatternDropdown="ngbDropdown" class="w-100" id="additionalInboundPattern{{i}}" ngbDropdown
name="additionalInboundPattern{{i}}" required> placement="bottom-start">
<option value="">{{ 'ldn-new-service.form.label.placeholder.inboundPattern' | translate }}</option> <div class="position-relative right-addon" role="combobox">
<option *ngFor="let pattern of inboundPatterns" <i aria-hidden="true" class="position-absolute scrollable-dropdown-toggle"
[value]="pattern">{{ 'ldn-service.form.pattern.' + pattern + '.label' | translate }} </option> ngbDropdownToggle>
</select>
<div *ngIf="!patternSelected()" class="error-text"> </i>
{{ 'ldn-new-service.form.error.patterns' | translate }} <input
</div> (click)="inboundPatternDropdown.open();"
</div> [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"> <div class="col">