hazza/dspace-angular
1
0
Fork 1
mirror of https://github.com/DSpace/dspace-angular.git synced 2025-10-13 13:03:04 +00:00
Code Issues Packages Projects Releases Wiki Activity

started navigation for tabs

Browse Source
This commit is contained in:
lotte
2019-02-13 12:18:21 +01:00
parent 69be696a19
commit 86115c44ce
3 changed files with 10 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/app/+item-page/edit-item-page/edit-item-page.component.html
View File

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

5
src/app/+item-page/edit-item-page/edit-item-page.component.ts
View File

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

4
src/app/+item-page/item-page-routing.module.ts
View File

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