Open-ILS/src/eg2/src/app/staff/share/marc-edit/editable-content.component.html

   1
   2 <!--
   3 Some context menus have additional static options.
   4 Track their labels here.
   5 -->
   6 <eg-string #add006 text="Add 006" i18n-text></eg-string>
   7 <eg-string #add007 text="Add 007" i18n-text></eg-string>
   8 <eg-string #add008 text="Add/Replace 008" i18n-text></eg-string>
   9 <eg-string #insertBefore text="Insert Field Before" i18n-text></eg-string>
  10 <eg-string #insertAfter text="Insert Field After" i18n-text></eg-string>
  11 <eg-string #deleteField text="Delete Field" i18n-text></eg-string>
  12
  13 <ng-container *ngIf="bigText">
  14   <div contenteditable
  15     id='{{randId}}'
  16     class="d-inline-block text-dark text-break {{moreClasses}}"
  17     [ngClass]="{'auth-invalid': isAuthInvalid()}"
  18     [attr.tabindex]="fieldText ? -1 : '0'"
  19     [attr.aria-label]="ariaLabel"
  20     [egContextMenu]="contextMenuEntries()"
  21     (menuItemSelected)="contextMenuChange($event.value)"
  22     (keydown)="inputKeyDown($event)"
  23     (focus)="selectText()"
  24     (blur)="inputBlurred()"
  25     (input)="bigTextValueChange()">
  26   </div>
  27 </ng-container>
  28
  29 <ng-container *ngIf="!bigText">
  30   <input
  31     id='{{randId}}'
  32     class="text-dark rounded-0 form-control {{moreClasses}}"
  33     [ngClass]="{'auth-invalid': isAuthInvalid()}"
  34     [size]="inputSize()"
  35     [maxlength]="maxLength || ''"
  36     [disabled]="fieldText"
  37     [attr.tabindex]="fieldText ? -1 : '0'"
  38     [attr.aria-label]="ariaLabel"
  39     [egContextMenu]="contextMenuEntries()"
  40     (menuItemSelected)="contextMenuChange($event.value)"
  41     (keydown)="inputKeyDown($event)"
  42     (focus)="selectText()"
  43     (blur)="inputBlurred()"
  44     [ngModel]="getContent()"
  45     (ngModelChange)="setContent($event)"
  46   />
  47 </ng-container>
  48