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>
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>
17 <div id='staff-catalog-bib-summary-container' class='mt-1'>
18 <eg-bib-summary [bibSummary]="summary">
21 <div id='staff-catalog-bib-tabs-container' class='mt-3'>
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>
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>
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>
39 <eg-marc-editor (recordSaved)="handleMarcRecordSaved()"
40 [recordId]="recordId"></eg-marc-editor>
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>
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>
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>
65 <ngb-tab title="Holdings View" i18n-title id="holdings">
66 <ng-template ngbTabContent>
67 <eg-holdings-maintenance [recordId]="recordId">
68 </eg-holdings-maintenance>
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>