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 <div id="staff-catalog-record-container">
   8   <div class="row ml-0 mr-0">
   9     <div id='staff-catalog-bib-navigation'>
  10       <div *ngIf="searchContext.isSearchable()">
  11         <eg-catalog-record-pagination [recordId]="recordId" [recordTab]="recordTab">
  12         </eg-catalog-record-pagination>
  13       </div>
  14     </div>
  15     <!-- push the actions component to the right -->
  16     <div class="flex-1"></div>
  17     <div id='staff-catalog-bib-navigation'>
  18       <eg-catalog-record-actions [recordId]="recordId">
  19       </eg-catalog-record-actions>
  20     </div>
  21   </div>
  22   <div id='staff-catalog-bib-summary-container' class='mt-1'>
  23     <eg-bib-summary [bibSummary]="summary">
  24     </eg-bib-summary>
  25   </div>
  26   <div id='staff-catalog-bib-tabs-container' class='mt-3'>
  27     <div class="row">
  28       <div class="col-lg-12 text-right">
  29         <button class="btn btn-secondary btn-sm"
  30             [disabled]="recordTab == defaultTab"
  31             (click)="setDefaultTab()" i18n>Set Default View</button>
  32       </div>
  33     </div>
  34     <ngb-tabset #recordTabs [activeId]="recordTab" (tabChange)="onTabChange($event)">
  35       <ngb-tab title="Item Table" i18n-title id="catalog">
  36         <ng-template ngbTabContent>
  37           <eg-catalog-copies [recordId]="recordId"></eg-catalog-copies>
  38         </ng-template>
  39       </ngb-tab>
  40       <!-- NOTE some tabs send the user over to the AngJS app -->
  41       <ngb-tab title="MARC Edit" i18n-title id="marc_edit">
  42         <ng-template ngbTabContent>
  43           <div class="mt-3">
  44             <eg-marc-editor (recordSaved)="handleMarcRecordSaved()"
  45               [recordId]="recordId"></eg-marc-editor>
  46           </div>
  47         </ng-template>
  48       </ngb-tab>
  49       <ngb-tab title="MARC View" i18n-title id="marc_html">
  50         <ng-template ngbTabContent>
  51           <eg-marc-html [recordId]="recordId" recordType="bib"></eg-marc-html>
  52         </ng-template>
  53       </ngb-tab>
  54       <ngb-tab title="View Holds" i18n-title id="holds">
  55         <ng-template ngbTabContent>
  56           <eg-holds-grid [recordId]="recordId"
  57             preFetchSetting="catalog.record.holds.prefetch"
  58             printTemplate="holds_for_bib"
  59             persistKey="cat.catalog.wide_holds"
  60             [defaultSort]="[{name:'request_time',dir:'asc'}]"
  61             [initialPickupLib]="currentSearchOrg()"></eg-holds-grid>
  62         </ng-template>
  63       </ngb-tab>
  64       <ngb-tab title="Monograph Parts" i18n-title id="monoparts">
  65         <ng-template ngbTabContent>
  66           <eg-catalog-record-parts [recordId]="recordId">
  67           </eg-catalog-record-parts>
  68         </ng-template>
  69       </ngb-tab>
  70       <ngb-tab title="Holdings View" i18n-title id="holdings">
  71         <ng-template ngbTabContent>
  72           <eg-holdings-maintenance [recordId]="recordId">
  73           </eg-holdings-maintenance>
  74         </ng-template>
  75       </ngb-tab>
  76       <ngb-tab title="Conjoined Items" i18n-title id="conjoined">
  77         <ng-template ngbTabContent>
  78           <eg-catalog-record-conjoined [recordId]="recordId">
  79           </eg-catalog-record-conjoined>
  80         </ng-template>
  81       </ngb-tab>
  82       <ngb-tab title="Patron View" i18n-title id="opac">
  83         <ng-template ngbTabContent>
  84           <eg-opac-record-detail [recordId]="recordId">
  85           </eg-opac-record-detail>
  86         </ng-template>
  87       </ngb-tab>
  88     </ngb-tabset>
  89   </div>
  90 </div>
  91
  92