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 <div class="row" *ngIf="sessionExpired">
   4   <div class="col-lg-6 mt-4 offset-lg-3 alert alert-danger d-flex justify-content-center" i18n>
   5     Holdings Editor Session Expired
   6   </div>
   7 </div>
   8
   9 <ng-container *ngIf="!sessionExpired && !loading">
  10
  11   <eg-bib-summary *ngIf="context.recordId" [recordId]="context.recordId"></eg-bib-summary>
  12
  13   <div class="mt-3"> </div>
  14
  15   <ul ngbNav #holdingsNav="ngbNav" class="nav-tabs"
  16     [activeId]="tab" (navChange)="beforeTabChange($event)">
  17     <li ngbNavItem="holdings">
  18       <a ngbNavLink i18n>Holdings</a>
  19       <ng-template ngbNavContent>
  20         <div class="mt-2">
  21           <eg-vol-edit [context]="context"
  22             (canSaveChange)="volsCanSave = $event"></eg-vol-edit>
  23         </div>
  24         <ng-container *ngIf="volcopy.defaults.values.unified_display">
  25           <div class="mt-2">
  26             <eg-copy-attrs [context]="context"
  27               (canSaveChange)="attrsCanSave = $event"></eg-copy-attrs>
  28           </div>
  29         </ng-container>
  30       </ng-template>
  31     </li>
  32     <ng-container *ngIf="!volcopy.defaults.values.unified_display">
  33       <li ngbNavItem="attrs">
  34         <a ngbNavLink i18n>Item Attributes</a>
  35         <ng-template ngbNavContent>
  36           <div class="mt-2">
  37             <eg-copy-attrs [context]="context"
  38               (canSaveChange)="attrsCanSave = $event"></eg-copy-attrs>
  39           </div>
  40         </ng-template>
  41       </li>
  42     </ng-container>
  43     <li ngbNavItem="config">
  44       <a ngbNavLink i18n>Preferences</a>
  45       <ng-template ngbNavContent>
  46         <div class="mt-2">
  47           <eg-volcopy-config [context]="context"></eg-volcopy-config>
  48         </div>
  49       </ng-template>
  50     </li>
  51   </ul>
  52   <div [ngbNavOutlet]="holdingsNav"></div>
  53
  54   <ng-container *ngIf="tab === 'holdings' || tab === 'attrs'">
  55     <hr class="m-2"/>
  56     <div class="row m-2 p-2 border border-dark rounded bg-faint">
  57       <div class="col-lg-12 d-flex">
  58         <div class="form-check form-check-inline ml-2">
  59           <input class="form-check-input" id='use-labels-cbox' type="checkbox"
  60             [(ngModel)]="printLabels" (change)="savePrintLabels()">
  61           <label class="form-check-label" for='use-labels-cbox'
  62             i18n>Print Labels?</label>
  63         </div>
  64         <div class="flex-1"> </div>
  65         <button class="btn btn-outline-dark" (click)="save()"
  66           [ngClass]="{'border-danger': isNotSaveable()}"
  67           [disabled]="isNotSaveable()" i18n>Save</button>
  68         <button class="btn btn-outline-dark ml-2" (click)="save(true)"
  69           [ngClass]="{'border-danger': isNotSaveable()}"
  70           [disabled]="isNotSaveable()" i18n>Save &amp; Exit</button>
  71       </div>
  72     </div>
  73   </ng-container>
  74
  75 </ng-container>
  76
  77 <ng-container *ngIf="loading">
  78   <div class="row">
  79     <div class="col-lg-6 offset-lg-3">
  80       <eg-progress-inline></eg-progress-inline>
  81     </div>
  82   </div>
  83 </ng-container>
  84