client/src/app/shared/shared-forms/select/select-custom-value.component.html from Chocobozzz/PeerTube

client/src/app/shared/shared-forms/select/select-custom-value.component.html

Summary

Maintainability

Test Coverage

Issues
Source
Stats

Issues

<div class="d-flex align-items-center">
  <my-select-options
    class="flex-grow-1"

    [inputId]="inputId"
    [disabled]="disabled"

    [items]="itemsWithCustom"
    [(ngModel)]="selectedId"
    (ngModelChange)="onModelChange()"
  ></my-select-options>

  @if (isCustomValue()) {
    <input
      [attr.aria-labelledby]="labelId" [(ngModel)]="customValue" (ngModelChange)="onModelChange()"
      [type]="inputType" class="ms-2 form-control pt-input-text"
    />

    <span *ngIf="inputSuffix" class="ms-1">{{ inputSuffix }}</span>
  }
</div>