adding npm-shrinkwrap.json.stable in a stable version of angural2, add src/app/sharedComponents for the components used in main application component (e.g navbar, footer, etc ) and they will be common in all pages
git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-services-portal/trunk@43800 d315682c-612b-4755-9ff5-7f18f6832af3
This commit is contained in:
argiro.kokogiannaki
parent
d38a3f298e
commit
7896693521
File diff suppressed because it is too large
Load Diff
|
|
@ -4,42 +4,8 @@ import 'rxjs/Rx';
|
|||
@Component({
|
||||
selector: 'app',
|
||||
template: `
|
||||
<div>
|
||||
<nav class="navbar navbar-default" id="top">
|
||||
<div class="container-fluid">
|
||||
<!-- Brand and toggle get grouped for better mobile display -->
|
||||
<div class="navbar-header">
|
||||
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
</button>
|
||||
<a class="navbar-brand" href="#">OpenAire</a>
|
||||
</div>
|
||||
|
||||
<!-- Collect the nav links, forms, and other content for toggling -->
|
||||
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
|
||||
<ul class="nav navbar-nav">
|
||||
<li><a routerLinkActive="active" routerLink="/claims">Claims Admin</a></li>
|
||||
<li><a routerLink="/myclaims">My Claims</a></li>
|
||||
<li><a routerLink="/linking">Linking</a></li>
|
||||
<li><a routerLink="/bulk-linking">Bulk Linking</a></li>
|
||||
<li><a routerLink="/deposit">Deposit</a></li>
|
||||
<li><a routerLink="/search-publications">Search Publications</a></li>
|
||||
<li><a routerLink="/advanced-search-publications">Advanced Search Publications</a></li>
|
||||
<li><a routerLink="/deposit">Deposit</a></li>
|
||||
<li><a [queryParams]="{articleId: 'od_______908::3a5b2885656a91307156325644e73b92'}" routerLink="publication" >Publication </a></li>
|
||||
<li><a [queryParams]="{datasetId: 'datacite____::430ac1c41b7f99b7b543ef737dc41a74'}" routerLink="dataset" >Dataset </a></li>
|
||||
<li><a [queryParams]="{projectId: 'corda_______::2c37878a0cede85dbbd1081bb9b4a2f8'}" routerLink="project" >Project </a></li>
|
||||
<li><a [queryParams]="{personId: 'datacite____::9da3a037961b36a634fcd40ab0bf6535'}" routerLink="person" >Person </a></li>
|
||||
<li><a [queryParams]="{organizationId: 'dedup_wf_001::f686277c34bf457bbdf19e03589b5e81'}" routerLink="organization" >Organization </a></li>
|
||||
<li><a [queryParams]="{datasourceId: 'opendoar____::798ed7d4ee7138d49b8828958048130a'}" routerLink="dataprovider" >Data Provider </a></li>
|
||||
</ul>
|
||||
|
||||
</div><!-- /.navbar-collapse -->
|
||||
</div><!-- /.container-fluid -->
|
||||
</nav>
|
||||
<div>
|
||||
<navbar></navbar>
|
||||
|
||||
<main>
|
||||
<router-outlet></router-outlet>
|
||||
|
|
|
|||
|
|
@ -1 +0,0 @@
|
|||
wrote npm-shrinkwrap.json
|
||||
|
|
@ -0,0 +1,49 @@
|
|||
import { Component } from '@angular/core';
|
||||
import 'rxjs/Rx';
|
||||
|
||||
@Component({
|
||||
selector: 'navbar',
|
||||
template: `
|
||||
<div>
|
||||
<nav class="navbar navbar-default" id="top">
|
||||
<div class="container-fluid">
|
||||
<!-- Brand and toggle get grouped for better mobile display -->
|
||||
<div class="navbar-header">
|
||||
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
</button>
|
||||
<a class="navbar-brand" href="#">OpenAire</a>
|
||||
</div>
|
||||
|
||||
<!-- Collect the nav links, forms, and other content for toggling -->
|
||||
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
|
||||
<ul class="nav navbar-nav">
|
||||
<li><a routerLinkActive="active" routerLink="/claims">Claims Admin</a></li>
|
||||
<li><a routerLink="/myclaims">My Claims</a></li>
|
||||
<li><a routerLink="/linking">Linking</a></li>
|
||||
<li><a routerLink="/bulk-linking">Bulk Linking</a></li>
|
||||
<li><a routerLink="/deposit">Deposit</a></li>
|
||||
<li><a routerLink="/search-publications">Search Publications</a></li>
|
||||
<li><a routerLink="/advanced-search-publications">Advanced Search Publications</a></li>
|
||||
<li><a routerLink="/deposit">Deposit</a></li>
|
||||
<li><a [queryParams]="{articleId: 'od_______908::3a5b2885656a91307156325644e73b92'}" routerLink="publication" >Publication </a></li>
|
||||
<li><a [queryParams]="{datasetId: 'datacite____::430ac1c41b7f99b7b543ef737dc41a74'}" routerLink="dataset" >Dataset </a></li>
|
||||
<li><a [queryParams]="{projectId: 'corda_______::2c37878a0cede85dbbd1081bb9b4a2f8'}" routerLink="project" >Project </a></li>
|
||||
<li><a [queryParams]="{personId: 'datacite____::9da3a037961b36a634fcd40ab0bf6535'}" routerLink="person" >Person </a></li>
|
||||
<li><a [queryParams]="{organizationId: 'dedup_wf_001::f686277c34bf457bbdf19e03589b5e81'}" routerLink="organization" >Organization </a></li>
|
||||
<li><a [queryParams]="{datasourceId: 'opendoar____::798ed7d4ee7138d49b8828958048130a'}" routerLink="dataprovider" >Data Provider </a></li>
|
||||
</ul>
|
||||
|
||||
</div><!-- /.navbar-collapse -->
|
||||
</div><!-- /.container-fluid -->
|
||||
</nav>
|
||||
|
||||
|
||||
</div>`
|
||||
})
|
||||
export class NavigationBarComponent {
|
||||
|
||||
}
|
||||
|
|
@ -0,0 +1,27 @@
|
|||
import { NgModule } from '@angular/core';
|
||||
import { CommonModule } from '@angular/common';
|
||||
import { FormsModule } from '@angular/forms';
|
||||
// import { routing } from '../app.routing';
|
||||
import { RouterModule } from "@angular/router";
|
||||
|
||||
|
||||
import {NavigationBarComponent} from './navigationBar.component';
|
||||
|
||||
|
||||
@NgModule({
|
||||
imports: [
|
||||
CommonModule, FormsModule,
|
||||
// routing,
|
||||
RouterModule
|
||||
|
||||
],
|
||||
declarations: [
|
||||
NavigationBarComponent
|
||||
|
||||
],
|
||||
exports: [
|
||||
NavigationBarComponent
|
||||
|
||||
]
|
||||
})
|
||||
export class SharedComponentsModule{ }
|
||||
|
|
@ -11,6 +11,7 @@ import {ClaimModule} from './app/claimPages/claim.module';
|
|||
import {SearchModule} from './app/searchPages/search.module';
|
||||
import {DepoditModule} from './app/deposit/deposit.module';
|
||||
import {LandingModule} from './app/landingPages/landing.module';
|
||||
import {SharedComponentsModule} from './app/sharedComponents/sharedComponents.module'; //navbar
|
||||
|
||||
import {ServicesModule} from './app/services/services.module';
|
||||
|
||||
|
|
@ -30,6 +31,7 @@ import {ErrorPageComponent} from './app/error/errorPage.component';
|
|||
SearchModule,
|
||||
DepoditModule,
|
||||
LandingModule,
|
||||
SharedComponentsModule,
|
||||
ServicesModule,
|
||||
routing
|
||||
],
|
||||
|
|
|
|||
|
|
@ -11,6 +11,7 @@ import {ClaimModule} from './app/claimPages/claim.module';
|
|||
import {SearchModule} from './app/searchPages/search.module';
|
||||
import {DepoditModule} from './app/deposit/deposit.module';
|
||||
import {LandingModule} from './app/landingPages/landing.module';
|
||||
import {SharedComponentsModule} from './app/sharedComponents/sharedComponents.module'; //navbar
|
||||
|
||||
import {ServicesModule} from './app/services/services.module';
|
||||
|
||||
|
|
@ -30,6 +31,7 @@ import {ErrorPageComponent} from './app/error/errorPage.component';
|
|||
SearchModule,
|
||||
DepoditModule,
|
||||
LandingModule,
|
||||
SharedComponentsModule,
|
||||
ServicesModule,
|
||||
routing
|
||||
],
|
||||
|
|
|
|||
Loading…
Reference in New Issue