]> git.evergreen-ils.org Git - Evergreen.git/blob - Open-ILS/src/eg2/src/app/staff/share/marc-edit/editor.component.html
LP1852782 MARC editable content aria-labels
[Evergreen.git] / Open-ILS / src / eg2 / src / app / staff / share / marc-edit / editor.component.html
1
2 <eg-confirm-dialog #confirmDelete
3   i18n-dialogTitle dialogTitle="Confirm Delete"
4   i18n-dialogBody dialogBody="Delete Record ID {{record ? record.id : ''}}?">
5 </eg-confirm-dialog>
6
7 <eg-confirm-dialog #confirmUndelete
8   i18n-dialogTitle dialogTitle="Confirm Undelete"
9   i18n-dialogBody dialogBody="Undelete Record ID {{record ? record.id : ''}}?">
10 </eg-confirm-dialog>
11
12 <eg-alert-dialog #cannotDelete
13   i18n-dialogBody 
14   dialogBody="Records with holdings attached cannot be deleted.">
15 </eg-alert-dialog>
16
17 <eg-string #successMsg i18n-text text="Record successfully updated"></eg-string>
18 <eg-string #failMsg i18n-text text="Record failed to update"></eg-string>
19
20 <div class="row d-flex p-2 m-2">
21   <div class="flex-1"></div>
22
23   <h3 class="mr-2">
24     <span class="badge badge-light p-2" i18n>
25       Record Type {{record ? record.recordType() : ''}}
26     </span>
27   </h3>
28     
29   <div class="mr-2">
30     <eg-combobox #sourceSelector
31       [entries]="sources"
32       placeholder="Select a Source..."
33       i18n-placeholder>
34     </eg-combobox>
35   </div>
36
37   <ng-container *ngIf="record && record.id">
38     <button *ngIf="!record.deleted" class="btn btn-warning" 
39       [disabled]="inPlaceMode" (click)="deleteRecord()" i18n>Delete Record</button>
40     <button *ngIf="record.deleted" class="btn btn-info" 
41       [disabled]="inPlaceMode" (click)="undeleteRecord()" i18n>Undelete Record</button>
42   </ng-container>
43
44   <button class="btn btn-success ml-2" (click)="saveRecord()" 
45     [disabled]="record && record.deleted" i18n>Save Changes</button>
46 </div>
47
48 <div class="row">
49   <div class="col-lg-12">
50     <ngb-tabset [activeId]="editorTab" (tabChange)="tabChange($event)">
51       <ngb-tab title="Enhanced MARC Editor" i18n-title id="rich">
52         <ng-template ngbTabContent>
53           <ng-container *ngIf="context && context.record">
54             <eg-marc-rich-editor [context]="context"></eg-marc-rich-editor>
55           </ng-container>
56         </ng-template>
57       </ngb-tab>
58       <ngb-tab title="Flat Text Editor" i18n-title id="flat">
59         <ng-template ngbTabContent>
60           <ng-container *ngIf="context && context.record">
61             <eg-marc-flat-editor [context]="context"></eg-marc-flat-editor>
62           </ng-container>
63         </ng-template>
64       </ngb-tab>
65     </ngb-tabset>
66   </div>
67 </div>
68
69 <div class="row d-flex p-2 m-2 flex-row-reverse">
70   <button class="btn btn-success" (click)="saveRecord()"
71     [disabled]="record && record.deleted" i18n>Save Changes</button>
72 </div>
73
74