started navigation for tabs

src/app/+item-page/edit-item-page/edit-item-page.component.html

@@ -3,13 +3,13 @@
     <div class="col-12">
       <h2 class="border-bottom">{{'item.edit.head' | translate}}</h2>
       <div class="pt-2">
-        <ngb-tabset>
-          <ngb-tab title="{{'item.edit.tabs.status.head' | translate}}">
+        <ngb-tabset [activeId]="(params$ | async)?.page || 'status'">
+          <ngb-tab [id]="'status'" title="{{'item.edit.tabs.status.head' | translate}}">
             <ng-template ngbTabContent>
               <ds-item-status [item]="(itemRD$ | async)?.payload"></ds-item-status>
             </ng-template>
           </ngb-tab>
-          <ngb-tab title="{{'item.edit.tabs.bitstreams.head' | translate}}">
+          <ngb-tab [id]="'bitstreams'" title="{{'item.edit.tabs.bitstreams.head' | translate}}">
             <ng-template ngbTabContent>
 
             </ng-template>
@@ -20,12 +20,12 @@
               </ds-item-metadata>
             </ng-template>
           </ngb-tab>
-          <ngb-tab title="{{'item.edit.tabs.view.head' | translate}}">
+          <ngb-tab [id]="'view'" title="{{'item.edit.tabs.view.head' | translate}}">
             <ng-template ngbTabContent>
 
             </ng-template>
           </ngb-tab>
-          <ngb-tab title="{{'item.edit.tabs.curate.head' | translate}}">
+          <ngb-tab [id]="'curate'" title="{{'item.edit.tabs.curate.head' | translate}}">
             <ng-template ngbTabContent>
 
             </ng-template>

src/app/+item-page/edit-item-page/edit-item-page.component.ts

@@ -1,6 +1,6 @@
 import {fadeIn, fadeInOut} from '../../shared/animations/fade';
 import {ChangeDetectionStrategy, Component, OnInit} from '@angular/core';
-import {ActivatedRoute} from '@angular/router';
+import { ActivatedRoute, Params } from '@angular/router';
 import {RemoteData} from '../../core/data/remote-data';
 import {Item} from '../../core/shared/item.model';
 import {Observable} from 'rxjs';
@@ -24,12 +24,13 @@ export class EditItemPageComponent implements OnInit {
    * The item to edit
    */
   itemRD$: Observable<RemoteData<Item>>;
-
+  params$: Observable<Params>;
   constructor(private route: ActivatedRoute) {
   }
 
   ngOnInit(): void {
     this.itemRD$ = this.route.data.pipe(map((data) => data.item));
+    this.params$ = this.route.params;
   }
 
 }

src/app/+item-page/item-page-routing.module.ts

@@ -15,7 +15,7 @@ export function getItemEditPath(id: string) {
   return new URLCombiner(getItemModulePath(),ITEM_EDIT_PATH.replace(/:id/, id)).toString()
 }
 
-const ITEM_EDIT_PATH = ':id/edit';
+const ITEM_EDIT_PATH = ':id/edit/:page';
 
 @NgModule({
   imports: [
@@ -38,7 +38,7 @@ const ITEM_EDIT_PATH = ':id/edit';
       {
         path: ITEM_EDIT_PATH,
         loadChildren: './edit-item-page/edit-item-page.module#EditItemPageModule',
-        // canActivate: [AuthenticatedGuard]
+        canActivate: [AuthenticatedGuard]
       }
     ])
   ],