From af7974253329eb12fc337ef277070076a1e6b4bf Mon Sep 17 00:00:00 2001
From: Bill Erickson <berickxx@gmail.com>
Date: Fri, 26 Jun 2020 13:57:50 -0400
Subject: [PATCH] LP1864371 ngbTabset to ngbNav for marc editor

Signed-off-by: Bill Erickson <berickxx@gmail.com>
Signed-off-by: Jane Sandberg <sandbej@linnbenton.edu>
Signed-off-by: Galen Charlton <gmc@equinoxinitiative.org>
---
 .../share/marc-edit/editor.component.html     | 20 +++++++++++--------
 .../staff/share/marc-edit/editor.component.ts |  4 ++--
 2 files changed, 14 insertions(+), 10 deletions(-)

diff --git a/Open-ILS/src/eg2/src/app/staff/share/marc-edit/editor.component.html b/Open-ILS/src/eg2/src/app/staff/share/marc-edit/editor.component.html
index 95baa0765e..21348105ce 100644
--- a/Open-ILS/src/eg2/src/app/staff/share/marc-edit/editor.component.html
+++ b/Open-ILS/src/eg2/src/app/staff/share/marc-edit/editor.component.html
@@ -79,22 +79,26 @@
 
 <div *ngIf="!dataSaving" class="row">
   <div class="col-lg-12">
-    <ngb-tabset [activeId]="editorTab" (tabChange)="tabChange($event)">
-      <ngb-tab title="Enhanced MARC Editor" i18n-title id="rich">
-        <ng-template ngbTabContent>
+    <ul ngbNav #editorNav="ngbNav" class="nav-tabs"
+      [activeId]="editorTab" (navChange)="tabChange($event)">
+      <li [ngbNavItem]="'rich'">
+        <a ngbNavLink i18n>Enhanced MARC Editor</a>
+        <ng-template ngbNavContent>
           <ng-container *ngIf="context && context.record">
             <eg-marc-rich-editor [context]="context"></eg-marc-rich-editor>
           </ng-container>
         </ng-template>
-      </ngb-tab>
-      <ngb-tab title="Flat Text Editor" i18n-title id="flat">
-        <ng-template ngbTabContent>
+      </li>
+      <li ngbNavItem="flat">
+        <a ngbNavLink i18n>Flat Text Editor</a>
+        <ng-template ngbNavContent>
           <ng-container *ngIf="context && context.record">
             <eg-marc-flat-editor [context]="context"></eg-marc-flat-editor>
           </ng-container>
         </ng-template>
-      </ngb-tab>
-    </ngb-tabset>
+      </li>
+    </ul>
+    <div [ngbNavOutlet]="editorNav"></div>
   </div>
 </div>
 
diff --git a/Open-ILS/src/eg2/src/app/staff/share/marc-edit/editor.component.ts b/Open-ILS/src/eg2/src/app/staff/share/marc-edit/editor.component.ts
index 241379f382..cbcf5edc1d 100644
--- a/Open-ILS/src/eg2/src/app/staff/share/marc-edit/editor.component.ts
+++ b/Open-ILS/src/eg2/src/app/staff/share/marc-edit/editor.component.ts
@@ -13,7 +13,7 @@ import {ComboboxEntry, ComboboxComponent
   } from '@eg/share/combobox/combobox.component';
 import {ConfirmDialogComponent} from '@eg/share/dialog/confirm.component';
 import {MarcEditContext} from './editor-context';
-import {NgbTabset, NgbTabChangeEvent} from '@ng-bootstrap/ng-bootstrap';
+import {NgbNav, NgbNavChangeEvent} from '@ng-bootstrap/ng-bootstrap';
 import {HoldingsService} from '@eg/staff/share/holdings/holdings.service';
 
 export interface MarcSavedEvent {
@@ -155,7 +155,7 @@ export class MarcEditorComponent implements OnInit {
     }
 
     // Remember the last used tab as the preferred tab.
-    tabChange(evt: NgbTabChangeEvent) {
+    tabChange(evt: NgbNavChangeEvent) {
 
         // Avoid undo persistence across tabs since that could result
         // in changes getting lost.
-- 
2.43.2