Commit aaa32b13 authored by Taisiya Glushko's avatar Taisiya Glushko

accession-gallery-ui

parent 2170b834
This diff is collapsed.
...@@ -17,7 +17,7 @@ ...@@ -17,7 +17,7 @@
<small property="dwc:institutionCode" datatype="germplasmType:wiewsInstituteID"><c:out value="${accession.instituteCode}" /></small> <small property="dwc:institutionCode" datatype="germplasmType:wiewsInstituteID"><c:out value="${accession.instituteCode}" /></small>
</h1> </h1>
<div class="main-col-header acn"> <div class="row main-col-header acn">
<div class="sel" x-aid="${accession.id}"> <div class="sel" x-aid="${accession.id}">
<a class="add" href=""><spring:message code="selection.add" arguments="${accession.accessionName}" /></a> <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> <a class="remove" href=""><spring:message code="selection.remove" arguments="${accession.accessionName}" /></a>
...@@ -50,8 +50,9 @@ ...@@ -50,8 +50,9 @@
</gui:alert> </gui:alert>
--%> --%>
<!--basic info section-->
<div class="crop-details"> <div class="crop-details">
<div class="basic-info"> <div class="collect-info basic-info">
<h4 class="section-heading"> <h4 class="section-heading">
<spring:message code="accession.page.profile.title" arguments="${accession.accessionName}" argumentSeparator="|" /></h4> <spring:message code="accession.page.profile.title" arguments="${accession.accessionName}" argumentSeparator="|" /></h4>
<div class="section-inner-content"> <div class="section-inner-content">
...@@ -364,73 +365,81 @@ ...@@ -364,73 +365,81 @@
</div> </div>
<!-- End: basic info section --> <!-- End: basic info section -->
<!-- Image gallery section -->
<c:if test="${imageGallery ne null}"> <c:if test="${imageGallery ne null}">
<h4 class="row section-heading"> <div class="collect-info gallery">
<spring:message code="accession.imageGallery" /> <h4 class="row section-heading"><spring:message code="accession.imageGallery" /></h4>
</h4> <div class="section-inner-content clearfix">
<div class="row imagegallery thumbs" id="accession-images-thumbs"> <div class="row imagegallery thumbs" id="accession-images-thumbs">
<c:forEach items="${imageGallery.images}" var="image"> <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"> <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">
<img src="<c:url value="/repository/d${image.path}_thumb/${thumbnailFormat}_${image.uuid}.png" />" alt="<c:out value="${image.title}" />" /> <div class="img-wrapper">
</div> <img src="<c:url value="/repository/d${image.path}_thumb/${thumbnailFormat}_${image.uuid}.png" />" alt="<c:out value="${image.title}" />" />
</c:forEach> </div>
</div> </div>
</c:forEach>
<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> </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 --> <!-- Extras -->
<div class="downloadLink"> <div class="downloadLink">
<a href=""><spring:message code="repository.gallery.downloadImage" /></a> <a href=""><spring:message code="repository.gallery.downloadImage" /></a>
</div> </div>
</div>
</div>
</div>
</div> </div>
</div> </div>
</c:if> </c:if>
<!-- End: image gallery section -->
<!-- source info section -->
<c:if test="${accessionCollect ne null}"> <c:if test="${accessionCollect ne null}">
<div class="collect-info"> <div class="collect-info source-info">
<h4 class="row section-heading"> <h4 class="row section-heading">
<spring:message code="accession.collecting" /> <spring:message code="accession.collecting" />
</h4> </h4>
...@@ -537,9 +546,11 @@ ...@@ -537,9 +546,11 @@
</div> </div>
</div> </div>
</c:if> </c:if>
<!-- End: source info section -->
<!-- breeder info section -->
<c:if test="${accessionBreeding ne null}"> <c:if test="${accessionBreeding ne null}">
<div class="collect-info"> <div class="collect-info breeder-info">
<h4 class="row section-heading"> <h4 class="row section-heading">
<spring:message code="accession.breeding" /> <spring:message code="accession.breeding" />
</h4> </h4>
...@@ -575,10 +586,11 @@ ...@@ -575,10 +586,11 @@
</div> </div>
</div> </div>
</c:if> </c:if>
<!-- End: breeder info section -->
<!-- geo info section -->
<c:if test="${accessionGeo ne null}"> <c:if test="${accessionGeo ne null}">
<div class="collect-info"> <div class="collect-info geo-info">
<h4 class="row section-heading"> <h4 class="row section-heading">
<spring:message code="accession.geo" /> <spring:message code="accession.geo" />
</h4> </h4>
...@@ -587,25 +599,23 @@ ...@@ -587,25 +599,23 @@
<c:if test="${accessionGeo.latitude ne null and accessionGeo.longitude ne null}"> <c:if test="${accessionGeo.latitude ne null and accessionGeo.longitude ne null}">
<div class="row" itemscope itemtype="http://schema.org/GeoCoordinates"> <div class="row map-wrapper" itemscope itemtype="http://schema.org/GeoCoordinates">
<%-- <h3> <%-- <h3><spring:message code="accession.collecting.site" /></h3> --%>
<spring:message code="accession.collecting.site" />
</h3> --%>
<div id="map" class="map-container"></div> <div id="map" class="map-container"></div>
<%-- <table class="map-data"> <%-- <table class="map-data">
<tr> <tr>
<td><spring:message code="filter.geo.latitude" />:</td> <td><spring:message code="filter.geo.latitude" />:</td>
<td><c:out value="${accessionGeo.latitude}" /></td> <td><c:out value="${accessionGeo.latitude}" /></td>
</tr> </tr>
<tr> <tr>
<td><spring:message code="filter.geo.longitude" />:</td> <td><spring:message code="filter.geo.longitude" />:</td>
<td><c:out value="${accessionGeo.longitude}" /></td> <td><c:out value="${accessionGeo.longitude}" /></td>
</tr> </tr>
<tr> <tr>
<td><spring:message code="accession.elevation" />:</td> <td><spring:message code="accession.elevation" />:</td>
<td><c:out value="${accessionGeo.elevation}" /></td> <td><c:out value="${accessionGeo.elevation}" /></td>
</tr> </tr>
</table> --%> </table> --%>
</div> </div>
</c:if> </c:if>
...@@ -699,10 +709,11 @@ ...@@ -699,10 +709,11 @@
</div> </div>
</div> </div>
</c:if> </c:if>
<!-- End: geo info section -->
<!-- WorldClim.org --> <!-- WorldClim.org -->
<c:if test="${worldclimJson ne null}"> <c:if test="${worldclimJson ne null}">
<div class="collect-info"> <div class="collect-info climate-info">
<h4 class="row section-heading"> <h4 class="row section-heading">
<spring:message code="worldclim.monthly.title" /> <spring:message code="worldclim.monthly.title" />
</h4> </h4>
...@@ -792,7 +803,7 @@ ...@@ -792,7 +803,7 @@
</div> </div>
</div> </div>
<%-- Needs work <%-- Needs work
<h4><spring:message code="worldclim.other-climate" /></h4> <h4><spring:message code="worldclim.other-climate" /></h4>
<c:forEach items="${worldclimJson.other.keySet()}" var="worldclimDescriptor"> <c:forEach items="${worldclimJson.other.keySet()}" var="worldclimDescriptor">
<div class="row"> <div class="row">
...@@ -804,6 +815,7 @@ ...@@ -804,6 +815,7 @@
</div> </div>
</div> </div>
</c:if> </c:if>
<!-- End: WorldClim.org -->
<c:if test="${svalbardDeposits ne null and svalbardDeposits.size() gt 0}"> <c:if test="${svalbardDeposits ne null and svalbardDeposits.size() gt 0}">
<div class="collect-info"> <div class="collect-info">
...@@ -906,7 +918,7 @@ ...@@ -906,7 +918,7 @@
<c:if test="${pdci ne null}"> <c:if test="${pdci ne null}">
<div class="crop-details"> <div class="crop-details">
<div class="data-index"> <div class="data-index collect-info">
<h4 class="section-heading"> <h4 class="section-heading">
<spring:message code="accession.pdci" /> <spring:message code="accession.pdci" />
</h4> </h4>
...@@ -985,7 +997,7 @@ ...@@ -985,7 +997,7 @@
</div> </div>
</c:if> </c:if>
<div class="collect-info">
<div class="section-inner-content clearfix"> <div class="section-inner-content clearfix">
<p> <p>
<c:if test="${accession.lastModifiedBy ne null}"> <c:if test="${accession.lastModifiedBy ne null}">
...@@ -994,6 +1006,7 @@ ...@@ -994,6 +1006,7 @@
<local:prettyTime date="${accession.lastModifiedDate}" locale="${pageContext.response.locale}" /> <local:prettyTime date="${accession.lastModifiedDate}" locale="${pageContext.response.locale}" />
</p> </p>
</div> </div>
</div>
<content tag="javascript"> <c:if test="${accessionGeo ne null and accessionGeo.latitude ne null}"> <content tag="javascript"> <c:if test="${accessionGeo ne null and accessionGeo.latitude ne null}">
<script type="text/javascript"> <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