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

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