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-navigation'>
  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     <ngb-tabset #recordTabs [activeId]="recordTab"
  40       (tabChange)="beforeTabChange($event)">
  41       <ngb-tab title="Item Table" i18n-title id="item_table">
  42         <ng-template ngbTabContent>
  43           <eg-catalog-copies [recordId]="recordId"></eg-catalog-copies>
  44         </ng-template>
  45       </ngb-tab>
  46       <!-- NOTE some tabs send the user over to the AngJS app -->
  47       <ngb-tab title="MARC Edit" i18n-title id="marc_edit">
  48         <ng-template ngbTabContent>
  49           <div class="mt-3">
  50             <eg-marc-editor #marcEditor (recordSaved)="handleMarcRecordSaved()"
  51               [recordId]="recordId"></eg-marc-editor>
  52           </div>
  53         </ng-template>
  54       </ngb-tab>
  55       <ngb-tab title="MARC View" i18n-title id="marc_html">
  56         <ng-template ngbTabContent>
  57           <eg-marc-html [recordId]="recordId" recordType="bib"></eg-marc-html>
  58         </ng-template>
  59       </ngb-tab>
  60       <ngb-tab title="Record Notes" i18n-title id="bibnotes">
  61         <ng-template ngbTabContent>
  62           <eg-catalog-record-notes [recordId]="recordId">
  63           </eg-catalog-record-notes>
  64         </ng-template>
  65       </ngb-tab>
  66       <ngb-tab title="View Holds" i18n-title id="holds">
  67         <ng-template ngbTabContent>
  68           <eg-holds-grid [recordId]="recordId"
  69             preFetchSetting="catalog.record.holds.prefetch"
  70             printTemplate="holds_for_bib"
  71             persistKey="cat.catalog.wide_holds"
  72             [defaultSort]="[{name:'request_time',dir:'asc'}]"
  73             [initialPickupLib]="currentSearchOrg()"></eg-holds-grid>
  74         </ng-template>
  75       </ngb-tab>
  76       <ngb-tab title="Monograph Parts" i18n-title id="monoparts">
  77         <ng-template ngbTabContent>
  78           <eg-catalog-record-parts [recordId]="recordId">
  79           </eg-catalog-record-parts>
  80         </ng-template>
  81       </ngb-tab>
  82       <ngb-tab title="Holdings View" i18n-title id="holdings">
  83         <ng-template ngbTabContent>
  84           <eg-holdings-maintenance #holdingsMaint [recordId]="recordId">
  85           </eg-holdings-maintenance>
  86         </ng-template>
  87       </ngb-tab>
  88       <ngb-tab title="Conjoined Items" i18n-title id="conjoined">
  89         <ng-template ngbTabContent>
  90           <eg-catalog-record-conjoined [recordId]="recordId">
  91           </eg-catalog-record-conjoined>
  92         </ng-template>
  93       </ngb-tab>
  94       <ngb-tab title="Shelf Browse" i18n-title id="cnbrowse">
  95         <ng-template ngbTabContent>
  96           <ng-container *ngIf="summary">
  97             <div class="mt-2">
  98               <eg-catalog-cn-browse-results [bibSummary]="summary">
  99               </eg-catalog-cn-browse-results>
 100             </div>
 101           </ng-container>
 102         </ng-template>
 103       </ngb-tab>
 104     </ngb-tabset>
 105   </div>
 106 </div>
 107
 108