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