Open-ILS/src/eg2/src/app/staff/catalog/record/record.component.html

   1
   2 <ng-container *ngIf="summary">
   3   <eg-title i18n-prefix prefix="Bib {{summary.record.tcn_value()}} - {{summary.display.title}}">
   4   </eg-title>
   5 </ng-container>
   6
   7 <eg-confirm-dialog #pendingChangesDialog
   8   i18n-dialogTitle dialogTitle="Unsaved Changes Confirmation"
   9   i18n-dialogBoby  dialogBody="Unsaved changes will be lost.  Continue navigation?">
  10 </eg-confirm-dialog>
  11
  12 <div id="staff-catalog-record-container">
  13   <div id='staff-catalog-bib-summary-container' class='mt-1'>
  14     <eg-bib-summary [bibSummary]="summaryForDisplay()">
  15     </eg-bib-summary>
  16   </div>
  17   <div class="row ml-0 mr-0">
  18     <div id='staff-catalog-bib-navigation'>
  19       <eg-catalog-record-pagination [recordId]="recordId" [recordTab]="recordTab">
  20       </eg-catalog-record-pagination>
  21     </div>
  22     <!-- push the actions component to the right -->
  23     <div class="flex-1"></div>
  24     <div id='staff-catalog-bib-actions'>
  25       <eg-catalog-record-actions [recordId]="recordId"
  26         [isHoldable]="summary && summary.isHoldable"
  27         (addHoldingsRequested)="addHoldingsRequested()">
  28       </eg-catalog-record-actions>
  29     </div>
  30   </div>
  31   <div id='staff-catalog-bib-tabs-container' class='mt-3'>
  32     <div class="row">
  33       <div class="col-lg-12 text-right">
  34         <button class="btn btn-secondary btn-sm"
  35             [disabled]="recordTab === defaultTab"
  36             (click)="setDefaultTab()" i18n>Set Default View</button>
  37       </div>
  38     </div>
  39     <ul ngbNav #recordTabs="ngbNav" [(activeId)]="recordTab"
  40       (navChange)="beforeNavChange($event)" [keyboard]="true" [roles]="false" role="tablist" class="nav-tabs">
  41       <li role="presentation" [ngbNavItem]="'staff_view'">
  42         <a i18n ngbNavLink role="tab">Staff View</a>
  43         <ng-template ngbNavContent>
  44           <eg-bib-staff-view [recordId]="recordId" [bibSummary]="summaryForDisplay()">
  45           </eg-bib-staff-view>
  46         </ng-template>
  47       </li>
  48       <li role="presentation" [ngbNavItem]="'item_table'">
  49         <a i18n ngbNavLink role="tab">Item Table</a>
  50         <ng-template ngbNavContent>
  51           <eg-catalog-copies [recordId]="recordId"></eg-catalog-copies>
  52         </ng-template>
  53       </li>
  54       <!-- NOTE some tabs send the user over to the AngJS app -->
  55       <li role="presentation" [ngbNavItem]="'marc_edit'">
  56         <a i18n ngbNavLink role="tab">MARC Edit</a>
  57         <ng-template ngbNavContent>
  58           <div class="mt-3">
  59             <eg-marc-editor #marcEditor (recordSaved)="handleMarcRecordSaved()"
  60               [recordId]="recordId"></eg-marc-editor>
  61           </div>
  62         </ng-template>
  63       </li>
  64       <li role="presentation" [ngbNavItem]="'marc_html'">
  65         <a i18n ngbNavLink role="tab">MARC View</a>
  66         <ng-template ngbNavContent>
  67           <eg-marc-html [recordId]="recordId" recordType="bib"></eg-marc-html>
  68         </ng-template>
  69       </li>
  70       <li role="presentation" [ngbNavItem]="'bibnotes'">
  71         <a i18n ngbNavLink role="tab">Record Notes</a>
  72         <ng-template ngbNavContent>
  73           <eg-catalog-record-notes [recordId]="recordId">
  74           </eg-catalog-record-notes>
  75         </ng-template>
  76       </li>
  77       <li role="presentation" [ngbNavItem]="'holds'">
  78         <a i18n ngbNavLink role="tab">View Holds</a>
  79         <ng-template ngbNavContent>
  80           <eg-holds-grid [recordId]="recordId"
  81             preFetchSetting="catalog.record.holds.prefetch"
  82             printTemplate="holds_for_bib"
  83             persistKey="cat.catalog.wide_holds"
  84             [defaultSort]="[{name:'request_time',dir:'asc'}]"
  85             [initialPickupLib]="currentSearchOrg()"></eg-holds-grid>
  86         </ng-template>
  87       </li>
  88       <li role="presentation" [ngbNavItem]="'monoparts'">
  89         <a i18n ngbNavLink role="tab">Monograph Parts</a>
  90         <ng-template ngbNavContent>
  91           <eg-catalog-record-parts [recordId]="recordId">
  92           </eg-catalog-record-parts>
  93         </ng-template>
  94       </li>
  95       <li role="presentation" [ngbNavItem]="'holdings'">
  96         <a i18n ngbNavLink role="tab">Holdings View</a>
  97         <ng-template ngbNavContent>
  98           <eg-holdings-maintenance #holdingsMaint [recordId]="recordId">
  99           </eg-holdings-maintenance>
 100         </ng-template>
 101       </li>
 102       <li role="presentation" [ngbNavItem]="'conjoined'">
 103         <a i18n ngbNavLink role="tab">Conjoined Items</a>
 104         <ng-template ngbNavContent>
 105           <eg-catalog-record-conjoined [recordId]="recordId">
 106           </eg-catalog-record-conjoined>
 107         </ng-template>
 108       </li>
 109       <li role="presentation" [ngbNavItem]="'cnbrowse'">
 110         <a i18n ngbNavLink role="tab">Shelf Browse</a>
 111         <ng-template ngbNavContent>
 112           <ng-container *ngIf="summary">
 113             <div class="mt-2">
 114               <eg-catalog-cn-browse-results [bibSummary]="summary">
 115               </eg-catalog-cn-browse-results>
 116             </div>
 117           </ng-container>
 118         </ng-template>
 119       </li>
 120     </ul>
 121
 122     <div [ngbNavOutlet]="recordTabs" class="mt-2"></div>
 123   </div>
 124 </div>