55 lines
2.3 KiB
TypeScript
55 lines
2.3 KiB
TypeScript
import {Component, Output, EventEmitter} from '@angular/core';
|
|
import {RouteConfig, ROUTER_DIRECTIVES, Router} from '@angular/router-deprecated';
|
|
import {JSONP_PROVIDERS} from '@angular/http';
|
|
import {Observable} from 'rxjs/Observable';
|
|
|
|
@Component({
|
|
selector: 'linking-home',
|
|
template: `
|
|
<div class="card-deck-wrapper">
|
|
<div class="card-deck">
|
|
<div class="card card-inverse card-info text-xs-center">
|
|
<!--<img class="card-img-top" data-src="images/funders.png" alt="Card image cap"> -->
|
|
<div class="card-block">
|
|
<h4 class="card-title">Link with project</h4>
|
|
<p class="card-text">Link your research result with funded projects.</p>
|
|
<a (click)="select('project')" class="btn btn-primary">Link with project</a>
|
|
<!--<p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p>-->
|
|
</div>
|
|
</div>
|
|
<div class="card card-inverse card-success text-xs-center" >
|
|
<div class="card-block">
|
|
<h4 class="card-title">Link with Community</h4>
|
|
<p class="card-text">Link your research result with research communities.</p>
|
|
<a (click)="select('context')" class="btn btn-primary">Link with community</a>
|
|
<!--<p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p> -->
|
|
</div>
|
|
</div>
|
|
<div class="card card-inverse text-xs-center" style="background-color:pink;">
|
|
<div class="card-block">
|
|
<h4 class="card-title">Link with Software</h4>
|
|
<p class="card-text">....</p>
|
|
<a (click)="select('software')" class="btn btn-primary">Link with software</a>
|
|
<!--<p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p> -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`,
|
|
directives: [
|
|
...ROUTER_DIRECTIVES
|
|
],
|
|
})
|
|
|
|
export class LinkingHomeComponent {
|
|
@Output() linkTypeChange = new EventEmitter();
|
|
linkType:string = "project";
|
|
select(type:string){
|
|
this.linkType = type;
|
|
this.linkTypeChange.emit({
|
|
value: this.linkType
|
|
});
|
|
}
|
|
|
|
}
|