Updating component for landing page of project : use of bootstrap components
git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-services-portal/trunk@43097 d315682c-612b-4755-9ff5-7f18f6832af3
This commit is contained in:
konstantina.galouni
parent
9de98a9f6f
commit
eaa535e2a2
|
|
@ -9,49 +9,214 @@ import {ProjectInfo} from '../../entities/projectInfo';
|
||||||
selector: 'project',
|
selector: 'project',
|
||||||
template: `
|
template: `
|
||||||
|
|
||||||
<div *ngIf="projectInfo != null">
|
<div class="container" *ngIf="projectInfo != null">
|
||||||
<h2>{{projectInfo.acronym}}</h2>
|
<div class="row row-offcanvas row-offcanvas-right">
|
||||||
<p>
|
<div class="col-xs-6 col-sm-8">
|
||||||
<span>Title</span>
|
<div class="projectIcon">
|
||||||
<span>{{projectInfo.title}}</span>
|
<h3 class="sc39" title="Special Clause 39">{{projectInfo.acronym}}</h3>
|
||||||
</p>
|
</div>
|
||||||
<p>
|
<!--div class="row">
|
||||||
<span>Funding</span>
|
<div class="col-md-3">
|
||||||
<span>{{projectInfo.funding}}</span>
|
Title
|
||||||
</p>
|
</div>
|
||||||
<p>
|
<div>
|
||||||
<span>Call</span>
|
{{projectInfo.title}}
|
||||||
<span>{{projectInfo.callIdentifier}}</span>
|
</div>
|
||||||
</p>
|
</div>
|
||||||
<p>
|
<div class="row">
|
||||||
<span>Contract (GA) number</span>
|
<div class="col-md-3">
|
||||||
<span>{{projectInfo.contractNum}}</span>
|
Funding
|
||||||
</p>
|
</div>
|
||||||
<p>
|
<div>
|
||||||
<span>Start Date</span>
|
{{projectInfo.funding}}
|
||||||
<span>{{projectInfo.startDate}}</span>
|
</div>
|
||||||
</p>
|
</div>
|
||||||
<p>
|
<div class="row">
|
||||||
<span>End Date</span>
|
<div class="col-md-3">
|
||||||
<span>{{projectInfo.endDate}}</span>
|
Call
|
||||||
</p>
|
</div>
|
||||||
<p>
|
<div>
|
||||||
<span>Open Access mandate</span>
|
{{projectInfo.callIdentifier}}
|
||||||
<span>{{projectInfo.openAccessMandate}}</span>
|
</div>
|
||||||
</p>
|
</div>
|
||||||
<p>
|
<div class="row">
|
||||||
<span>Special Clause 39</span>
|
<div class="col-md-3">
|
||||||
<span>{{projectInfo.specialClause39}}</span>
|
Contract (GA) number
|
||||||
</p>
|
</div>
|
||||||
<p>
|
<div>
|
||||||
<span>Organizations</span>
|
{{projectInfo.contractNum}}
|
||||||
<span>{{projectInfo.organizations}}</span>
|
</div>
|
||||||
</p>
|
</div>
|
||||||
<p>
|
<div class="row">
|
||||||
<span>More information</span>
|
<div class="col-md-3">
|
||||||
<span><a target="_blank" href="{{projectInfo.url}}">{{projectInfo.urlInfo}}</a></span>
|
Start Date
|
||||||
</p>
|
</div>
|
||||||
|
<div>
|
||||||
|
{{projectInfo.startDate}}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-3">
|
||||||
|
End Date
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
{{projectInfo.endDate}}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-3">
|
||||||
|
Open Access mandate
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
{{projectInfo.openAccessMandate}}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-3">
|
||||||
|
Special Clause 39
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
{{projectInfo.specialClause39}}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-3">
|
||||||
|
Organizations
|
||||||
|
</div>
|
||||||
|
<div class="col-md-offset-3">
|
||||||
|
{{projectInfo.organizations}}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-3">
|
||||||
|
More information
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<a target="_blank" href="{{projectInfo.url}}">
|
||||||
|
{{projectInfo.urlInfo}}
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div-->
|
||||||
|
|
||||||
|
<dl class="dl-horizontal">
|
||||||
|
<dt>Title: </dt>
|
||||||
|
<dd>{{projectInfo.title}}</dd>
|
||||||
|
<dt>Funding: </dt>
|
||||||
|
<dd>{{projectInfo.funding}}</dd>
|
||||||
|
<dt>Call: </dt>
|
||||||
|
<dd>{{projectInfo.callIdentifier}}</dd>
|
||||||
|
<dt>Contract (GA) number: </dt>
|
||||||
|
<dd>{{projectInfo.contractNum}}</dd>
|
||||||
|
<dt>Start Date: </dt>
|
||||||
|
<dd>{{projectInfo.startDate}}</dd>
|
||||||
|
<dt>End Date: </dt>
|
||||||
|
<dd>{{projectInfo.endDate}}</dd>
|
||||||
|
<dt>Open Access mandate: </dt>
|
||||||
|
<dd>{{projectInfo.openAccessMandate}}</dd>
|
||||||
|
<dt>Special Clause 39: </dt>
|
||||||
|
<dd>{{projectInfo.specialClause39}}</dd>
|
||||||
|
<dt>Organizations: </dt>
|
||||||
|
<dd>{{projectInfo.organizations}}</dd>
|
||||||
|
<dt>More information:</dt>
|
||||||
|
<dd>
|
||||||
|
<a target="_blank" href="{{projectInfo.url}}">
|
||||||
|
{{projectInfo.urlInfo}}
|
||||||
|
</a>
|
||||||
|
</dd>
|
||||||
|
</dl>
|
||||||
|
|
||||||
|
<ul class="nav nav-tabs">
|
||||||
|
<li class="active"><a data-toggle="tab" href="#publicationsTab">Publications</a></li>
|
||||||
|
<li><a data-toggle="tab" href="#dataTab">Research Data</a></li>
|
||||||
|
<li><a data-toggle="tab" href="#StatisticsTab">Statistics</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-xs-6 col-sm-4" id="sidebar">
|
||||||
|
<h5>SHARE - BOOKMARK</h5>
|
||||||
|
<div class="panel panel-default">
|
||||||
|
<div class="panel-heading">
|
||||||
|
<h4 class="text-center">APP BOX</h4>
|
||||||
|
</div>
|
||||||
|
<div class="panel-body">
|
||||||
|
|
||||||
|
<!--ul class="list-group">
|
||||||
|
<li class="list-group-item">
|
||||||
|
<a href="">
|
||||||
|
Publication details
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="list-group-item">
|
||||||
|
<a href="">
|
||||||
|
Dynamically incorporate publications in your site (HTML)
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="list-group-item">
|
||||||
|
<a href="">
|
||||||
|
View EC progress report (HTML)
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="list-group-item">
|
||||||
|
<a href="">
|
||||||
|
Download EC progress report (CSV)
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="list-group-item">
|
||||||
|
<div class="text-center">
|
||||||
|
<a class="btn btn-danger btn-block" href="">
|
||||||
|
Link Research Results
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center">
|
||||||
|
<a class="btn btn-danger btn-block" href="">
|
||||||
|
Deposit Publications
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
</ul-->
|
||||||
|
|
||||||
|
<table class="table table-striped">
|
||||||
|
<tr><td>
|
||||||
|
<a data-toggle="tab" href="">
|
||||||
|
Publication details
|
||||||
|
</a>
|
||||||
|
</td></tr>
|
||||||
|
|
||||||
|
<tr><td>
|
||||||
|
<a data-toggle="tab" href="">
|
||||||
|
Dynamically incorporate publications in your site (HTML)
|
||||||
|
</a>
|
||||||
|
</td></tr>
|
||||||
|
|
||||||
|
<tr><td>
|
||||||
|
<a data-toggle="tab" href="">
|
||||||
|
View EC progress report (HTML)
|
||||||
|
</a>
|
||||||
|
</td></tr>
|
||||||
|
|
||||||
|
<tr><td>
|
||||||
|
<a data-toggle="tab" href="">
|
||||||
|
Download EC progress report (CSV)
|
||||||
|
</a>
|
||||||
|
</td></tr>
|
||||||
|
|
||||||
|
<tr><td>
|
||||||
|
<div class="text-center">
|
||||||
|
<a class="btn btn-danger btn-block" href="">
|
||||||
|
Link Research Results
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="text-center">
|
||||||
|
<a class="btn btn-danger btn-block" href="">
|
||||||
|
Deposit Publications
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</td></tr>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
`,
|
`,
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue