Skip to content

Genesys Backend
Genesys Backend
Commit aaa32b13 authored by Taisiya Glushko's avatar Taisiya Glushko
Browse files
Options

accession-gallery-ui

parent 2170b834
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 263 additions and 276 deletions
src/main/sourceapp/1/styles/genesys.scss
View file @ aaa32b13
This diff is collapsed.
src/main/webapp/WEB-INF/jsp/accession/details.jsp
View file @ aaa32b13
......@@ -17,7 +17,7 @@
<small property="dwc:institutionCode" datatype="germplasmType:wiewsInstituteID"><c:out value="${accession.instituteCode}" /></small>
</h1>
<div class="main-col-header acn">
<div class="row main-col-header acn">
<div class="sel" x-aid="${accession.id}">
<a class="add" href=""><spring:message code="selection.add" arguments="${accession.accessionName}" /></a>
<a class="remove" href=""><spring:message code="selection.remove" arguments="${accession.accessionName}" /></a>
......@@ -50,8 +50,9 @@
</gui:alert>
--%>
<!--basic info section-->
<div class="crop-details">
<div class="basic-info">
<div class="collect-info basic-info">
<h4 class="section-heading">
<spring:message code="accession.page.profile.title" arguments="${accession.accessionName}" argumentSeparator="|" /></h4>
<div class="section-inner-content">
......@@ -364,73 +365,81 @@
</div>
<!-- End: basic info section -->
<!-- Image gallery section -->
<c:if test="${imageGallery ne null}">
<h4 class="row section-heading">
<spring:message code="accession.imageGallery" />
</h4>
<div class="row imagegallery thumbs" id="accession-images-thumbs">
<c:forEach items="${imageGallery.images}" var="image">
<div x-uuid="<c:out value="${image.uuid}" />" x-ext="<c:out value="${image.extension}" />" style="cursor: pointer;" class="col-xs-6 col-sm-3 col-md-2 col-lg-2">
<img src="<c:url value="/repository/d${image.path}_thumb/${thumbnailFormat}_${image.uuid}.png" />" alt="<c:out value="${image.title}" />" />
</div>
</c:forEach>
</div>
<div class="imagegallery image-frame row" id="accession-image-view">
<img class="theimage" />
<div class="metadata">
<div class="title">
<spring:message code="repository.file.title" />
<span class="val"></span>
</div>
<div class="subject">
<spring:message code="repository.file.subject" />
<span class="val"></span>
</div>
<div class="description">
<spring:message code="repository.file.description" />
<span class="val"></span>
</div>
<div class="creator">
<spring:message code="repository.file.creator" />
<span class="val"></span>
</div>
<div class="created">
<spring:message code="repository.file.created" />
<span class="val"></span>
</div>
<div class="rightsHolder">
<spring:message code="repository.file.rightsHolder" />
<span class="val"></span>
</div>
<div class="accessRights">
<spring:message code="repository.file.accessRights" />
<span class="val"></span>
</div>
<div class="license">
<spring:message code="repository.file.license" />
<span class="val"></span>
</div>
<div class="extent">
<spring:message code="repository.file.extent" />
<span class="val"></span>
</div>
<div class="bibliographicCitation">
<spring:message code="repository.file.bibliographicCitation" />
<span class="val"></span>
<div class="collect-info gallery">
<h4 class="row section-heading"><spring:message code="accession.imageGallery" /></h4>
<div class="section-inner-content clearfix">
<div class="row imagegallery thumbs" id="accession-images-thumbs">
<c:forEach items="${imageGallery.images}" var="image">
<div x-uuid="<c:out value="${image.uuid}" />" x-ext="<c:out value="${image.extension}" />" style="cursor: pointer;" class="col-lg-2 col-md-4 col-sm-4 col-xs-6">
<div class="img-wrapper">
<img src="<c:url value="/repository/d${image.path}_thumb/${thumbnailFormat}_${image.uuid}.png" />" alt="<c:out value="${image.title}" />" />
</div>
</div>
</c:forEach>
</div>
<div class="col-lg-12 col-md-12 col-sm-12 col-xs">
<div class="imagegallery image-frame row" id="accession-image-view">
<div class="theimage-wrapper"><img class="theimage" /></div>
<div class="metadata">
<div class="title">
<spring:message code="repository.file.title" />
<span class="val pull-right"></span>
</div>
<div class="subject">
<spring:message code="repository.file.subject" />
<span class="val pull-right"></span>
</div>
<div class="description">
<spring:message code="repository.file.description" />
<span class="val pull-right"></span>
</div>
<div class="creator">
<spring:message code="repository.file.creator" />
<span class="val pull-right"></span>
</div>
<div class="created">
<spring:message code="repository.file.created" />
<span class="val pull-right"></span>
</div>
<div class="rightsHolder">
<spring:message code="repository.file.rightsHolder" />
<span class="val pull-right"></span>
</div>
<div class="accessRights">
<spring:message code="repository.file.accessRights" />
<span class="val pull-right"></span>
</div>
<div class="license">
<div class="caption"><spring:message code="repository.file.license" /></div>
<span class="val pull-right"></span>
</div>
<div class="extent">
<spring:message code="repository.file.extent" />
<span class="val pull-right"></span>
</div>
<div class="bibliographicCitation">
<spring:message code="repository.file.bibliographicCitation" />
<span class="val pull-right"></span>
</div>
<!-- Extras -->
<div class="downloadLink">
<a href=""><spring:message code="repository.gallery.downloadImage" /></a>
</div>
<!-- Extras -->
<div class="downloadLink">
<a href=""><spring:message code="repository.gallery.downloadImage" /></a>
</div>
</div>
</div>
</div>
</div>
</div>
</c:if>
<!-- End: image gallery section -->
<!-- source info section -->
<c:if test="${accessionCollect ne null}">
<div class="collect-info">
<div class="collect-info source-info">
<h4 class="row section-heading">
<spring:message code="accession.collecting" />
</h4>
......@@ -537,9 +546,11 @@
</div>
</div>
</c:if>
<!-- End: source info section -->
<!-- breeder info section -->
<c:if test="${accessionBreeding ne null}">
<div class="collect-info">
<div class="collect-info breeder-info">
<h4 class="row section-heading">
<spring:message code="accession.breeding" />
</h4>
......@@ -575,10 +586,11 @@
</div>
</div>
</c:if>
<!-- End: breeder info section -->
<!-- geo info section -->
<c:if test="${accessionGeo ne null}">
<div class="collect-info">
<div class="collect-info geo-info">
<h4 class="row section-heading">
<spring:message code="accession.geo" />
</h4>
......@@ -587,25 +599,23 @@
<c:if test="${accessionGeo.latitude ne null and accessionGeo.longitude ne null}">
<div class="row" itemscope itemtype="http://schema.org/GeoCoordinates">
<%-- <h3>
<spring:message code="accession.collecting.site" />
</h3> --%>
<div class="row map-wrapper" itemscope itemtype="http://schema.org/GeoCoordinates">
<%-- <h3><spring:message code="accession.collecting.site" /></h3> --%>
<div id="map" class="map-container"></div>
<%-- <table class="map-data">
<tr>
<td><spring:message code="filter.geo.latitude" />:</td>
<td><c:out value="${accessionGeo.latitude}" /></td>
</tr>
<tr>
<td><spring:message code="filter.geo.longitude" />:</td>
<td><c:out value="${accessionGeo.longitude}" /></td>
</tr>
<tr>
<td><spring:message code="accession.elevation" />:</td>
<td><c:out value="${accessionGeo.elevation}" /></td>
</tr>
</table> --%>
<tr>
<td><spring:message code="filter.geo.latitude" />:</td>
<td><c:out value="${accessionGeo.latitude}" /></td>
</tr>
<tr>
<td><spring:message code="filter.geo.longitude" />:</td>
<td><c:out value="${accessionGeo.longitude}" /></td>
</tr>
<tr>
<td><spring:message code="accession.elevation" />:</td>
<td><c:out value="${accessionGeo.elevation}" /></td>
</tr>
</table> --%>
</div>
</c:if>
......@@ -699,10 +709,11 @@
</div>
</div>
</c:if>
<!-- End: geo info section -->
<!-- WorldClim.org -->
<c:if test="${worldclimJson ne null}">
<div class="collect-info">
<div class="collect-info climate-info">
<h4 class="row section-heading">
<spring:message code="worldclim.monthly.title" />
</h4>
......@@ -792,7 +803,7 @@
</div>
</div>
<%-- Needs work
<%-- Needs work
<h4><spring:message code="worldclim.other-climate" /></h4>
<c:forEach items="${worldclimJson.other.keySet()}" var="worldclimDescriptor">
<div class="row">
......@@ -804,6 +815,7 @@
</div>
</div>
</c:if>
<!-- End: WorldClim.org -->
<c:if test="${svalbardDeposits ne null and svalbardDeposits.size() gt 0}">
<div class="collect-info">
......@@ -906,7 +918,7 @@
<c:if test="${pdci ne null}">
<div class="crop-details">
<div class="data-index">
<div class="data-index collect-info">
<h4 class="section-heading">
<spring:message code="accession.pdci" />
</h4>
......@@ -985,7 +997,7 @@
</div>
</c:if>
<div class="collect-info">
<div class="section-inner-content clearfix">
<p>
<c:if test="${accession.lastModifiedBy ne null}">
......@@ -994,6 +1006,7 @@
<local:prettyTime date="${accession.lastModifiedDate}" locale="${pageContext.response.locale}" />
</p>
</div>
</div>
<content tag="javascript"> <c:if test="${accessionGeo ne null and accessionGeo.latitude ne null}">
<script type="text/javascript">
......
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