Open-ILS/src/eg2/src/app/staff/cat/volcopy/volcopy.component.html

   1 <eg-staff-banner bannerText="Holdings Editor" i18n-bannerText></eg-staff-banner>
   2
   3 <eg-confirm-dialog #pendingChangesDialog
   4   i18n-dialogTitle dialogTitle="Unsaved Changes Confirmation"
   5   i18n-dialogBoby  dialogBody="Unsaved changes will be lost.  Continue navigation?">
   6 </eg-confirm-dialog>
   7
   8 <div class="row" *ngIf="sessionExpired">
   9   <div class="col-lg-6 mt-4 offset-lg-3 alert alert-danger d-flex justify-content-center" i18n>
  10     Holdings Editor Session Expired
  11   </div>
  12 </div>
  13
  14 <ng-container *ngIf="!sessionExpired && !loading">
  15
  16   <eg-bib-summary *ngIf="context.recordId" [recordId]="context.recordId"></eg-bib-summary>
  17
  18   <div class="mt-3"> </div>
  19
  20   <ul ngbNav #holdingsNav="ngbNav" class="nav-tabs"
  21     [activeId]="tab" (navChange)="beforeTabChange($event)">
  22     <li ngbNavItem="holdings">
  23       <a ngbNavLink i18n>Holdings</a>
  24       <ng-template ngbNavContent>
  25         <div class="mt-2">
  26           <eg-vol-edit [context]="context"
  27             (canSaveChange)="volsCanSaveChange($event)"></eg-vol-edit>
  28         </div>
  29         <ng-container *ngIf="volcopy.defaults.values.unified_display">
  30           <div class="mt-2">
  31             <eg-copy-attrs [context]="context" #copyAttrs
  32               (canSaveChange)="attrsCanSaveChange($event)"></eg-copy-attrs>
  33           </div>
  34         </ng-container>
  35       </ng-template>
  36     </li>
  37     <ng-container *ngIf="!volcopy.defaults.values.unified_display">
  38       <li ngbNavItem="attrs">
  39         <a ngbNavLink i18n>Item Attributes</a>
  40         <ng-template ngbNavContent>
  41           <div class="mt-2">
  42             <eg-copy-attrs [context]="context" #copyAttrs
  43               (canSaveChange)="attrsCanSaveChange($event)"></eg-copy-attrs>
  44           </div>
  45         </ng-template>
  46       </li>
  47     </ng-container>
  48     <li ngbNavItem="config">
  49       <a ngbNavLink i18n>Preferences</a>
  50       <ng-template ngbNavContent>
  51         <div class="mt-2">
  52           <eg-volcopy-config [context]="context"></eg-volcopy-config>
  53         </div>
  54       </ng-template>
  55     </li>
  56   </ul>
  57   <div [ngbNavOutlet]="holdingsNav"></div>
  58
  59   <ng-container *ngIf="tab === 'holdings' || tab === 'attrs'">
  60     <hr class="m-2"/>
  61     <div class="row m-2 p-2 border border-dark rounded bg-faint">
  62       <div class="col-lg-12 d-flex">
  63
  64         <div class="form-check form-check-inline ml-2">
  65           <input class="form-check-input" id='use-labels-cbox' type="checkbox"
  66             [ngModel]="volcopy.defaults.values.print_labels"
  67             (change)="toggleCheckbox('print_labels')">
  68           <label class="form-check-label" for='use-labels-cbox'
  69             i18n>Print Labels?</label>
  70         </div>
  71
  72         <ng-container *ngIf="tab === 'holdings'">
  73           <!--
  74             These actions could cause confusion or unintended
  75             consequences if visible on any other tabs
  76           -->
  77           <ng-container *ngIf="volcopy.defaults.hidden.use_checkdigit !== true">
  78             <div class="form-check form-check-inline">
  79               <input class="form-check-input" type="checkbox" id="use-checkdigit"
  80                 (change)="toggleCheckbox('use_checkdigit')"
  81                 [ngModel]="volcopy.defaults.values.use_checkdigit"/>
  82               <label class="form-check-label" for="use-checkdigit" i18n>
  83                 Use Checkdigit
  84               </label>
  85             </div>
  86           </ng-container>
  87           <ng-container *ngIf="volcopy.defaults.hidden.generate_barcodes !== true">
  88             <button class="btn btn-sm btn-outline-dark label-with-material-icon"
  89               (click)="volcopy.genBarcodesRequested.emit()">
  90               <span i18n>Generate Barcodes</span>
  91               <span class="material-icons">refresh</span>
  92             </button>
  93           </ng-container>
  94         </ng-container>
  95
  96         <div class="flex-1"> </div>
  97         <button class="btn btn-outline-dark" (click)="save(false, true)"
  98           [ngClass]="{'border-danger': isNotSaveable()}"
  99           [disabled]="isNotSaveable()" i18n>Apply All &amp; Save</button>
 100         <button class="btn btn-outline-dark ml-2" (click)="save(true, true)"
 101           [ngClass]="{'border-danger': isNotSaveable()}"
 102           [disabled]="isNotSaveable()" i18n>Apply All, Save &amp; Exit</button>
 103       </div>
 104     </div>
 105   </ng-container>
 106
 107 </ng-container>
 108
 109 <ng-container *ngIf="loading">
 110   <div class="row">
 111     <div class="col-lg-6 offset-lg-3">
 112       <eg-progress-inline></eg-progress-inline>
 113     </div>
 114   </div>
 115 </ng-container>
 116