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

   1
   2 <!-- todo disabled -->
   3 <ng-template #defaultDisplayTemplate let-r="result">
   4 {{r.label || r.id}}
   5 </ng-template>
   6
   7 <ng-template #acqfTemplate egIdlClass="acqf" let-r="result">
   8   {{r.fm.code()}} ({{r.fm.year()}}) ({{getOrgShortname(r.fm.org())}})
   9 </ng-template>
  10 <ng-template #acplTemplate egIdlClass="acpl" let-r="result">
  11   {{r.fm.name()}} ({{getOrgShortname(r.fm.owning_lib())}})
  12 </ng-template>
  13
  14 <div class="d-flex">
  15   <input type="text"
  16     class="form-control"
  17     [id]="domId"
  18     [ngClass]="{
  19       'text-success font-italic font-weight-bold': selected && selected.freetext,
  20       'form-control-sm': smallFormControl
  21     }"
  22     [placeholder]="placeholder"
  23     [name]="name"
  24     [disabled]="isDisabled"
  25     [required]="isRequired"
  26     [(ngModel)]="selected"
  27     [ngbTypeahead]="filter"
  28     [resultTemplate]="getResultTemplate()"
  29     [inputFormatter]="formatDisplayString"
  30     (click)="onClick($event)"
  31     (blur)="onBlur()"
  32     (keyup.arrowdown)="onClick($event)"
  33     container="body"
  34     (selectItem)="selectorChanged($event)"
  35     #instance="ngbTypeahead"/>
  36   <div class="d-flex flex-column icons" (click)="openMe($event)">
  37     <span class="material-icons">keyboard_arrow_up</span>
  38     <span class="material-icons">keyboard_arrow_down</span>
  39   </div>
  40 </div>