Skip to content

GitLab

D
doi-landing-page
Commit a2e2b621 authored by Maxime Chaillet's avatar Maxime Chaillet
Browse files
Options

change the layout of the landing page with experimental report and... 

change the layout of the landing page with experimental report and experimental data one after the other.
parent 4f310451
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 124 additions and 119 deletions
www/css/doi.css
View file @ a2e2b621
......@@ -130,8 +130,8 @@ span.doiBadge a {
}
hr {
margin-top: 30px;
margin-bottom: 30px;
margin-top: 15px;
margin-bottom: 15px;
}
label {
......
www/min/output.min.css
View file @ a2e2b621
This source diff could not be displayed because it is too large. You can view the blob instead.
www/min/precompiled.templates.min.js
View file @ a2e2b621
This diff is collapsed.
www/templates/landingpage_tpl.js
View file @ a2e2b621
......@@ -4,117 +4,139 @@
<div class="row">
<div class="col-12 fontSize-20 text-center text-uppercase font-weight-bold py-3">{data.title}</div>
</div>
</div>
<div class="col-4">
<div id="badges" class="row py-4"> </div>
</div>
</div>
<hr>
<hr>
<div class="row">
<div class="col-4">
<div class="myBorder-left">
<label> Proposal </label>
{?data.proposalNumber}
<div class="padding-left-15">{data.proposalNumber}</div>
{:else}
<div class="padding-left-15"> Not available</div>
{/data.proposalNumber}
</div>
</div>
<div class="col-4">
<div class="myBorder-left">
<label> Publication year </label>
{?data.mintingYear}
<div class="padding-left-15">{data.mintingYear}</div>
{:else}
<div class="padding-left-15"> Not available</div>
{/data.mintingYear}
</div>
</div>
<div class="col-4">
<div class="myBorder-left">
<label> Beamline </label>
{?data.beamline}
{@eq key=data.beamlineUrl value="noLink"}
<div class="padding-left-15">{data.beamline}</div>
{:else}
<div class="padding-left-15">
<a href="{data.beamlineUrl}" target="_blank"> {data.beamline} </a>
</div>
{/eq}
{:else}
<div class="padding-left-15">Not available</div>
{/data.beamline}
</div>
<div class="row">
<div class="col-12">
<div class="myBorder-left">
<div>
{#data.creator} {?.givenName} {.givenName} {.familyName} ; {:else} {.name} ; {/.givenName} {/data.creator}
</div>
</div>
<div class="padding-top-15"></div>
<div class="row">
<div class="col-4">
<div class="myBorder-left">
<label> Session date </label>
{?data.sessionDate}
<div class="padding-left-15">{data.sessionDate}</div>
</div>
</div>
<hr>
<div class="row">
<div class="col">
<div class="myBorder-left">
<label> Proposal </label>
{?data.proposalNumber}
<div class="padding-left-15">{data.proposalNumber}</div>
{:else}
<div class="padding-left-15"> Not available</div>
{/data.sessionDate}
</div>
</div>
<div class="col-4">
<div class="myBorder-left">
<label>Category </label>
{?data.proposalType}
<div class="padding-left-15">{data.proposalType}</div>
{/data.proposalNumber}
</div>
</div>
<div class="col">
<div class="myBorder-left">
<label> Publication year </label>
{?data.mintingYear}
<div class="padding-left-15">{data.mintingYear}</div>
{:else}
<div class="padding-left-15"> Not available</div>
{/data.mintingYear}
</div>
</div>
<div class="col">
<div class="myBorder-left">
<label> Beamline </label>
{?data.beamline}
{@eq key=data.beamlineUrl value="noLink"}
<div class="padding-left-15">{data.beamline}</div>
{:else}
<div class="padding-left-15"> Not available</div>
{/data.proposalType}
</div>
</div>
<div class="col-4">
<div class="myBorder-left">
<label>Publisher </label>
<div class="padding-left-15"><a href="http://www.esrf.fr"> {data.publisher} </a> </div>
</div>
</div>
<div class="padding-left-15">
<a href="{data.beamlineUrl}" target="_blank"> {data.beamline} </a>
</div>
{/eq}
{:else}
<div class="padding-left-15">Not available</div>
{/data.beamline}
</div>
</div>
<div class="col">
<div class="myBorder-left">
<label> Session date </label>
{?data.sessionDate}
<div class="padding-left-15">{data.sessionDate}</div>
{:else}
<div class="padding-left-15"> Not available</div>
{/data.sessionDate}
</div>
</div>
<div class="col-4">
<div class="myBorder-left">
<label>Category </label>
{?data.proposalType}
<div class="padding-left-15">{data.proposalType}</div>
{:else}
<div class="padding-left-15"> Not available</div>
{/data.proposalType}
</div>
</div>
</div>
<hr>
<hr>
<div class="row">
<div class="col-12">
<div class="myBorder-left">
<label> Abstract </label>
<div class="padding-left-15">
There is no abstract for this session.
</div>
</div>
<div class="row">
<div class="col-12">
<div class="myBorder-left">
<label> Abstract </label>
<div class="padding-left-15">
There is no abstract for this session.
</div>
</div>
</div>
</div>
</div>
<hr>
<hr>
<div class="row">
<div class="col-12">
<div class="card-deck">
<div class="card" id="expReport">
<div class="card-header text-center">
<label>Experimental report </label>
</div>
</div>
<div class="card">
<div class="card-header text-center">
<label>Experimental data </label>
</div>
<div class="card-body padding10">
<p class="card-text" >{data.accessMessage|s}</p>
</div>
<div class="card-footer">
<form action="https://icat.esrf.fr/#/browse/facility/ESRF/proposal/{data.proposalNumber}/investigation/{data.investigationId}/dataset" target="_blank">
<button type="submit" class="btn btn-primary btn-lg btn-block"> Access data </button>
</form>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<div class="card" id="expReport">
<div class="card-header text-center">
<label>Experimental report </label>
</div>
</div>
</div>
</div>
<br>
<div class="row">
<div class="col-12">
<div class="card">
<div class="card-header text-center">
<label>Experimental data </label>
</div>
<div class="card-body padding10">
<p class="card-text" >{data.accessMessage|s}</p>
</div>
<div class="card-footer">
<div class="row">
<div class="col-2"> </div>
<div class="col-8">
<form action="https://icat.esrf.fr/#/browse/facility/ESRF/proposal/{data.proposalNumber}/investigation/{data.investigationId}/dataset" target="_blank">
<button type="submit" class="btn btn-primary btn-lg btn-block"> Access data </button>
</form>
</div>
<div class="col-2"> </div>
</div>
</div>
</div>
</div>
</div>
<hr>
......@@ -133,23 +155,6 @@
</div>
</div>
<div class="col-4">
<div id="badges" class="row py-4"> </div>
<br>
<div class="row">
<div class="col-12">
<div class="card">
<div class="card-header text-center">
<label>Authors </label>
</div>
<div class="card-body text-center">
{#data.creator} {?.givenName} {.givenName} {.familyName} </br> {:else} {.name} </br> {/.givenName} {/data.creator}
</div>
</div>
</div>
</div>
</div>
</div>
</div>
\ No newline at end of file
Markdown is supported
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