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
  22   <ng-container *ngIf="recordType === 'biblio'">
  23     <div class="form-check">
  24       <input class="form-check-input" type="checkbox"
  25         [(ngModel)]="showFastAdd" id="fast-add-item"/>
  26       <label class="form-check-label" for="fast-add-item">
  27         Add Item
  28       </label>
  29     </div>
  30   </ng-container>
  31
  32   <ng-container *ngIf="showFastAdd">
  33     <div class="form-inline">
  34       <input type="text" class="form-control ml-2"
  35         [(ngModel)]="fastItemLabel" placeholder="Call Number" i18n-placeholder/>
  36       <input type="text" class="form-control ml-2"
  37         [(ngModel)]="fastItemBarcode" placeholder="Barcode" i18n-placeholder/>
  38     </div>
  39   </ng-container>
  40
  41   <div class="flex-1"></div>
  42
  43   <h3 class="mr-2">
  44     <span class="badge badge-light p-2" i18n>
  45       Record Type {{record ? record.recordType() : ''}}
  46     </span>
  47   </h3>
  48
  49   <ng-container *ngIf="recordType === 'biblio'">
  50     <div class="mr-2">
  51       <eg-combobox #sourceSelector
  52         [entries]="sources"
  53         placeholder="Select a Source..."
  54         i18n-placeholder>
  55       </eg-combobox>
  56     </div>
  57   </ng-container>
  58
  59   <ng-container *ngIf="record && record.id">
  60     <button *ngIf="!record.deleted" class="btn btn-warning"
  61       [disabled]="inPlaceMode" (click)="deleteRecord()" i18n>Delete Record</button>
  62     <button *ngIf="record.deleted" class="btn btn-info"
  63       [disabled]="inPlaceMode" (click)="undeleteRecord()" i18n>Undelete Record</button>
  64   </ng-container>
  65
  66   <button class="btn btn-success ml-2" (click)="saveRecord()"
  67     [disabled]="record && record.deleted" i18n>Save Changes</button>
  68 </div>
  69
  70 <ng-container *ngIf="dataSaving">
  71   <div class="row mt-5">
  72     <div class="offset-lg-3 col-lg-6">
  73       <eg-progress-inline></eg-progress-inline>
  74     </div>
  75   </div>
  76 </ng-container>
  77
  78 <div *ngIf="!dataSaving" class="row">
  79   <div class="col-lg-12">
  80     <ngb-tabset [activeId]="editorTab" (tabChange)="tabChange($event)">
  81       <ngb-tab title="Enhanced MARC Editor" i18n-title id="rich">
  82         <ng-template ngbTabContent>
  83           <ng-container *ngIf="context && context.record">
  84             <eg-marc-rich-editor [context]="context"></eg-marc-rich-editor>
  85           </ng-container>
  86         </ng-template>
  87       </ngb-tab>
  88       <ngb-tab title="Flat Text Editor" i18n-title id="flat">
  89         <ng-template ngbTabContent>
  90           <ng-container *ngIf="context && context.record">
  91             <eg-marc-flat-editor [context]="context"></eg-marc-flat-editor>
  92           </ng-container>
  93         </ng-template>
  94       </ngb-tab>
  95     </ngb-tabset>
  96   </div>
  97 </div>
  98
  99 <div class="row d-flex p-2 m-2 flex-row-reverse">
 100   <button class="btn btn-success" (click)="saveRecord()"
 101     [disabled]="record && record.deleted" i18n>Save Changes</button>
 102 </div>
 103
 104