landingpage_tpl.js

<div class="container-fluid">
  <div class="row padding-top-15">
    <div class="col-12 col-md-9">
      <div class="row">
        <div class="col-12">
          <div id="badges"> </div>     
        </div>
      </div>
    
      <div class="row">
        <div class="col-12 fontSize-20 text-center text-uppercase font-weight-bold py-3">{data.title}</div>
      </div>
    
      <div class="row">
        <div class="col-12">
          <div class="myBorder-left">
            <div>
              <cite>
              {#data.creator}
                {@sep}
                  {?.givenName} {.givenName} {.familyName} ; {:else} {.name} ; {/.givenName}
                {/sep}
                {@last}
                  {?.givenName} {.givenName} {.familyName}. {:else} {.name}. {/.givenName}
                {/last}
              {/data.creator}
              </cite>
            </div>
          </div>
        </div>
      </div>
      <div class="padding-top-15"></div>
    </div>
    <div class="col-12 col-md-3">
      <div class="card">
        <div class="card-body">
          <div class="card-text">
            <label> DOI </label>
            <div class="padding-left-15">  
              <span class="doiBadge borderRadius-5 font-1p4rem"> 
                <a id="doiLink" href={data.dataciteLink}> {data.doi} </a>
            </span> 
            </div>
                  
            <label class="padding-top-5"> Licence (for files) </label>
            <div class="padding-left-15">
              <p> <a href="https://creativecommons.org/licenses/by/4.0/"> Creative Common Attribution 4.0 </a> </p>
            </div>                        
          </div>
        </div>
      </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.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">
                 <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>
      
  <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>
      
  <hr>
      
  <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-body">
          <div class="row">
            <div class="col-1"> </div>
            <div class="col-10">
              <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-1"> </div>
          </div>
        </div>
      </div>     
    </div>
  </div>
      
  <hr>
      
  <div class="row">
    <div class="col-12">
      <div class="myBorder-left">
        <label class="greyGradientToRight padding-left-10 padding-right-20"> Citation </label>
        <div class="padding-left-25">
          <p> Below is the recommended format for citing this work in a research publication.</p>
          <div class="padding-left-25">
            <cite> {data.citation|s} </cite>
          </div>
        </div>
      </div>  
    </div>
  </div>
</div>