From 86115c44ce12e1715c2855371dd090d85535d083 Mon Sep 17 00:00:00 2001
From: lotte <lotte_hofstede@hotmail.com>
Date: Wed, 13 Feb 2019 12:18:21 +0100
Subject: [PATCH] started navigation for tabs

---
 .../edit-item-page/edit-item-page.component.html       | 10 +++++-----
 .../edit-item-page/edit-item-page.component.ts         |  5 +++--
 src/app/+item-page/item-page-routing.module.ts         |  4 ++--
 3 files changed, 10 insertions(+), 9 deletions(-)

diff --git a/src/app/+item-page/edit-item-page/edit-item-page.component.html b/src/app/+item-page/edit-item-page/edit-item-page.component.html
index 82a4b0c283..2cb05ab21f 100644
--- a/src/app/+item-page/edit-item-page/edit-item-page.component.html
+++ b/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>
diff --git a/src/app/+item-page/edit-item-page/edit-item-page.component.ts b/src/app/+item-page/edit-item-page/edit-item-page.component.ts
index b8d3ca7957..a795dd3dee 100644
--- a/src/app/+item-page/edit-item-page/edit-item-page.component.ts
+++ b/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;
   }
 
 }
diff --git a/src/app/+item-page/item-page-routing.module.ts b/src/app/+item-page/item-page-routing.module.ts
index 0f2f0817f6..962f659076 100644
--- a/src/app/+item-page/item-page-routing.module.ts
+++ b/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]
       }
     ])
   ],