Commit a2e2b621 authored by Maxime Chaillet's avatar Maxime Chaillet

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
......@@ -130,8 +130,8 @@ span.doiBadge a {
}
hr {
margin-top: 30px;
margin-bottom: 30px;
margin-top: 15px;
margin-bottom: 15px;
}
label {
......
This source diff could not be displayed because it is too large. You can view the blob instead.
This diff is collapsed.
......@@ -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