Commit 9e6c210b authored by Alexander Philipp Nowosad's avatar Alexander Philipp Nowosad
Browse files

Add new navbar layout

parent 7ba90caf
......@@ -23,6 +23,7 @@ import { RunningProcessMethodComponent } from './running-process-method/running-
import { DomainsComponent } from './domains/domains.component';
import { DomainComponent } from './domain/domain.component';
import { AuthGuard } from '../database/auth.guard';
import { MethodElementsComponent } from './method-elements/method-elements.component';
const routes: Routes = [
{
......@@ -57,6 +58,7 @@ const routes: Routes = [
{path: 'detail/:id', component: DomainComponent},
],
},
{path: 'methodElements', component: MethodElementsComponent, canActivate: [AuthGuard]},
{
path: 'artifacts',
canActivate: [AuthGuard],
......
......@@ -81,6 +81,7 @@ import {
} from './running-process-method-comment-form/running-process-method-comment-form.component';
import { SituationalFactorFormComponent } from './situational-factor-form/situational-factor-form.component';
import { ArtifactDefinitionFormComponent } from './artifact-definition-form/artifact-definition-form.component';
import { MethodElementsComponent } from './method-elements/method-elements.component';
@NgModule({
declarations: [
......@@ -146,6 +147,7 @@ import { ArtifactDefinitionFormComponent } from './artifact-definition-form/arti
RunningProcessMethodCommentFormComponent,
SituationalFactorFormComponent,
ArtifactDefinitionFormComponent,
MethodElementsComponent,
],
imports: [
DevelopmentProcessesRoutingModule,
......
<div class="nav-scroller bg-white shadow-sm">
<nav class="nav nav-underline">
<a class="nav-link active" [routerLink]="[]">Method Elements</a>
</nav>
</div>
<main role="main" class="container">
<div class="my-3 p-3 bg-white rounded shadow-sm">
<h6 class="border-bottom border-gray pb-2">Method Elements</h6>
<div class="list-group">
<a
*ngFor="let item of methodElementLinks"
class="list-group-item list-group-item-action d-flex"
[routerLink]="item.route">
<div>{{item.name}}</div>
<div class="ml-auto">
<div class="btn btn-dark btn-xs">View</div>
</div>
</a>
</div>
</div>
</main>
import { Component } from '@angular/core';
interface MethodElementLink {
name: string;
route: string[];
}
@Component({
selector: 'app-method-elements',
templateUrl: './method-elements.component.html',
styleUrls: ['./method-elements.component.css']
})
export class MethodElementsComponent {
methodElementLinks: MethodElementLink[] = [
{name: 'Artifacts', route: ['/', 'artifacts']},
{name: 'Situational Factors', route: ['/', 'situationalFactors']},
{name: 'Stakeholders', route: ['/', 'stakeholders']},
{name: 'Tools', route: ['/', 'tools']},
{name: 'Types', route: ['/', 'types']},
];
}
......@@ -21,29 +21,21 @@ class RootNavItem extends NavItem {
export class NavbarComponent implements OnInit, OnDestroy {
navItems: RootNavItem[] = [
{name: 'Running Methods', route: ['runningprocess'], roles: [InternalRoles.BUSINESSDEVELOPER]},
{name: 'Method Enactment', route: ['runningprocess'], roles: [InternalRoles.BUSINESSDEVELOPER]},
{name: 'Method Composition', route: ['bmprocess'], roles: [InternalRoles.EXPERT]},
{
name: 'Method Modeler', submenu: [
{name: 'Methods', route: ['bmprocess'], roles: [InternalRoles.EXPERT]},
name: 'Method Repository', submenu: [
{name: 'Patterns', route: ['process'], roles: [InternalRoles.EXPERT]},
{name: 'Building Blocks', route: ['methods'], roles: [InternalRoles.EXPERT]},
{name: 'Method Elements', route: ['methodElements'], roles: [InternalRoles.EXPERT]},
], roles: [InternalRoles.EXPERT],
},
{
name: 'Method Elements', submenu: [
{name: 'Artifacts', route: ['artifacts'], roles: [InternalRoles.EXPERT]},
{name: 'Situational Factors', route: ['situationalFactors'], roles: [InternalRoles.EXPERT]},
{name: 'Stakeholders', route: ['stakeholders'], roles: [InternalRoles.EXPERT]},
{name: 'Tools', route: ['tools'], roles: [InternalRoles.EXPERT]},
{name: 'Types', route: ['types'], roles: [InternalRoles.EXPERT]},
], roles: [InternalRoles.EXPERT],
},
{name: 'Domains', route: ['domains'], roles: [InternalRoles.EXPERT]},
{
name: 'Canvas', submenu: [
name: 'Model Repository', submenu: [
{name: 'Expert Models', route: ['expertModels'], roles: [InternalRoles.EXPERT]},
{name: 'Company Models', route: ['companyModels'], roles: [InternalRoles.EXPERT]},
{name: 'Canvas Definitions', route: ['canvas', 'definitions'], roles: [InternalRoles.EXPERT]},
{name: 'Domains', route: ['domains'], roles: [InternalRoles.EXPERT]},
], roles: [InternalRoles.EXPERT],
},
{name: 'Explanation', route: ['explanation'], roles: [InternalRoles.EXPERT, InternalRoles.BUSINESSDEVELOPER]},
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment