LP1852782 MARC editable content aria-labels
[Evergreen.git] / Open-ILS / src / eg2 / src / app / staff / share / marc-edit / editable-content.component.html
1
2 <ng-container *ngIf="bigText">
3   <div contenteditable
4     id='{{randId}}' 
5     spellcheck="false"
6     class="d-inline-block text-dark text-break {{moreClasses}}"
7     [attr.tabindex]="fieldText ? -1 : ''"
8     [attr.aria-label]="ariaLabel"
9     [egContextMenu]="contextMenuEntries()"
10     (menuItemSelected)="contextMenuChange($event.value)"
11     (keydown)="inputKeyDown($event)"
12     (focus)="selectText()"
13     (blur)="inputBlurred()"
14     (input)="bigTextValueChange()">
15   </div>
16 </ng-container>
17
18 <ng-container *ngIf="!bigText">
19   <input 
20     id='{{randId}}' 
21     spellcheck="false"
22     class="text-dark rounded-0 form-control {{moreClasses}}"
23     [size]="inputSize()" 
24     [maxlength]="maxLength || ''"
25     [disabled]="fieldText" 
26     [attr.tabindex]="fieldText ? -1 : ''"
27     [attr.aria-label]="ariaLabel"
28     [egContextMenu]="contextMenuEntries()"
29     (menuItemSelected)="contextMenuChange($event.value)"
30     (keydown)="inputKeyDown($event)"
31     (focus)="selectText()"
32     (blur)="inputBlurred()"
33     [ngModel]="getContent()"
34     (ngModelChange)="setContent($event)"
35   />
36 </ng-container>
37