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',
|
||||
template: `
|
||||
|
||||
<div *ngIf="projectInfo != null">
|
||||
<h2>{{projectInfo.acronym}}</h2>
|
||||
<p>
|
||||
<span>Title</span>
|
||||
<span>{{projectInfo.title}}</span>
|
||||
</p>
|
||||
<p>
|
||||
<span>Funding</span>
|
||||
<span>{{projectInfo.funding}}</span>
|
||||
</p>
|
||||
<p>
|
||||
<span>Call</span>
|
||||
<span>{{projectInfo.callIdentifier}}</span>
|
||||
</p>
|
||||
<p>
|
||||
<span>Contract (GA) number</span>
|
||||
<span>{{projectInfo.contractNum}}</span>
|
||||
</p>
|
||||
<p>
|
||||
<span>Start Date</span>
|
||||
<span>{{projectInfo.startDate}}</span>
|
||||
</p>
|
||||
<p>
|
||||
<span>End Date</span>
|
||||
<span>{{projectInfo.endDate}}</span>
|
||||
</p>
|
||||
<p>
|
||||
<span>Open Access mandate</span>
|
||||
<span>{{projectInfo.openAccessMandate}}</span>
|
||||
</p>
|
||||
<p>
|
||||
<span>Special Clause 39</span>
|
||||
<span>{{projectInfo.specialClause39}}</span>
|
||||
</p>
|
||||
<p>
|
||||
<span>Organizations</span>
|
||||
<span>{{projectInfo.organizations}}</span>
|
||||
</p>
|
||||
<p>
|
||||
<span>More information</span>
|
||||
<span><a target="_blank" href="{{projectInfo.url}}">{{projectInfo.urlInfo}}</a></span>
|
||||
</p>
|
||||
<div class="container" *ngIf="projectInfo != null">
|
||||
<div class="row row-offcanvas row-offcanvas-right">
|
||||
<div class="col-xs-6 col-sm-8">
|
||||
<div class="projectIcon">
|
||||
<h3 class="sc39" title="Special Clause 39">{{projectInfo.acronym}}</h3>
|
||||
</div>
|
||||
<!--div class="row">
|
||||
<div class="col-md-3">
|
||||
Title
|
||||
</div>
|
||||
<div>
|
||||
{{projectInfo.title}}
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-3">
|
||||
Funding
|
||||
</div>
|
||||
<div>
|
||||
{{projectInfo.funding}}
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-3">
|
||||
Call
|
||||
</div>
|
||||
<div>
|
||||
{{projectInfo.callIdentifier}}
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-3">
|
||||
Contract (GA) number
|
||||
</div>
|
||||
<div>
|
||||
{{projectInfo.contractNum}}
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-3">
|
||||
Start Date
|
||||
</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>
|
||||
|
||||
`,
|
||||
|
|
|
|||
Loading…
Reference in New Issue