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