Open-ILS/src/eg2/src/app/share/combobox/combobox.component.html

   1
   2 <ng-template #defaultDisplayTemplate let-r="result">
   3   <span id="{{domId}}-{{r.id}}">{{r.label}}</span>
   4 </ng-template>
   5
   6 <ng-template #acqfTemplate egIdlClass="acqf" let-r="result">
   7   <span id="{{domId}}-{{r.id}}">{{r.fm.code()}} ({{r.fm.year()}}) ({{getOrgShortname(r.fm.org())}})</span>
   8 </ng-template>
   9 <ng-template #acplTemplate egIdlClass="acpl" let-r="result">
  10   <span id="{{domId}}-{{r.id}}">
  11     {{r.fm.name()}} ({{getOrgShortname(r.fm.owning_lib())}})
  12   </span>
  13 </ng-template>
  14
  15 <ng-container *ngIf="readOnly && selected">
  16   <ng-container *ngTemplateOutlet="getResultTemplate();context:{result: selected}">
  17   </ng-container>
  18 </ng-container>
  19
  20 <ng-container *ngIf="!readOnly">
  21   <div class="input-group">
  22     <input type="text"
  23       class="form-control"
  24       [id]="domId"
  25       [ngClass]="{
  26         'text-success fst-italic fw-bold': selected && selected.freetext,
  27         'form-control-sm': smallFormControl
  28       }"
  29       [placeholder]="placeholder"
  30       [name]="name"
  31       [disabled]="isDisabled"
  32       [required]="isRequired"
  33       [(ngModel)]="selected"
  34       [ngbTypeahead]="filter"
  35       [resultTemplate]="getResultTemplate()"
  36       [inputFormatter]="formatDisplayString"
  37       (click)="onClick($event)"
  38       (blur)="onBlur()"
  39       container="body"
  40       (selectItem)="selectorChanged($event)"
  41       #instance="ngbTypeahead"/>
  42     <button type="button" class="input-group-text" (click)="openMe($event)"
  43       aria-label="Open" i18n-aria-label title="Open" i18n-title>
  44       <span class="material-icons" aria-hidden="true">unfold_more</span>
  45     </button>
  46   </div>
  47 </ng-container>