Commit 874f1a06 authored by Matija Obreza's avatar Matija Obreza

Look-n-Feel update

parent 3ca2c119
......@@ -11,14 +11,26 @@
<spring:message code="accession.page.data.title" />
</h1>
<c:if test="${jsonFilter ne null}">
<div class="clearfix filterinfo filter-block">
<div class="main-col-header clearfix">
<div class="nav-header pull-left">
<div class="results"><spring:message code="accessions.number" arguments="${pagedData.totalElements}" /></div>
<div class="pagination">
<spring:message code="paged.pageOfPages" arguments="${pagedData.number+1},${pagedData.totalPages}" />
<a href="<spring:url value=""><spring:param name="page" value="${pagedData.number eq 0 ? 1 : pagedData.number}" /><spring:param name="filter" value="${jsonFilter}" /></spring:url>"><spring:message code="pagination.previous-page" /></a>
<a href="<spring:url value=""><spring:param name="page" value="${pagedData.number+2}" /><spring:param name="filter" value="${jsonFilter}" /></spring:url>"><spring:message code="pagination.next-page" /></a>
</div>
</div>
</div>
<c:if test="${filters eq null and jsonFilter ne null}">
<div class="applied-filters">
<spring:message code="filters.data-is-filtered" />
<a href="<spring:url value="/acn/filter"><spring:param name="filter" value="${jsonFilter}" /></spring:url>"><spring:message code="filters.modify-filters" /></a>
</div>
</c:if>
<c:if test="${filters ne null}">
<div class="applied-filters">
<c:forEach items="${filters.keySet()}" var="by">
<c:set value="${filters[by].getClass().simpleName}" var="clazz" />
<div>
......@@ -47,15 +59,9 @@
</div>
<c:remove var="clazz" />
</c:forEach>
<a href="<spring:url value="/acn/filter"><spring:param name="filter" value="${jsonFilter}" /></spring:url>"><spring:message code="filters.modify-filters" /></a>
</div>
</c:if>
<div class="nav-header">
<spring:message code="accessions.number" arguments="${pagedData.totalElements}" />
<br />
<spring:message code="paged.pageOfPages" arguments="${pagedData.number+1},${pagedData.totalPages}" />
<a href="<spring:url value=""><spring:param name="page" value="${pagedData.number eq 0 ? 1 : pagedData.number}" /><spring:param name="filter" value="${jsonFilter}" /></spring:url>"><spring:message code="pagination.previous-page" /></a>
<a href="<spring:url value=""><spring:param name="page" value="${pagedData.number+2}" /><spring:param name="filter" value="${jsonFilter}" /></spring:url>"><spring:message code="pagination.next-page" /></a>
</div>
<table class="accessions">
<thead>
......@@ -94,6 +100,5 @@
</tbody>
</table>
</body>
</html>
\ No newline at end of file
......@@ -12,7 +12,7 @@
<small><c:out value="${accession.instituteCode}" /></small>
</h1>
<div class="page-header acn">
<div class="main-col-header acn">
<div class="sel ${selection.containsId(accession.id) ? 'picked' : ''}" x-aid="${accession.id}">
<a class="add" href="<c:url value="/sel/add/${accession.id}" />"><spring:message code="selection.add" arguments="${accession.accessionName}" /></a> <a class="remove" href="<c:url value="/sel/remove/${accession.id}" />"><spring:message code="selection.remove"
arguments="${accession.accessionName}" /></a>
......@@ -49,10 +49,33 @@
</div>
</c:if>
<table>
<div class="pos-relative">
<div class="pseudo-right-col">
<c:if test="${accessionGeo.latitude ne null}">
<div class="crop-location">
<h3><spring:message code="accession.collecting.site" /></h3>
<div id="map" class="map-container">
<spring:message code="maps.loading-map" />
</div>
<table class="map-data">
<tr>
<td><spring:message code="filter.lat" />:</td>
<td><c:out value="${accessionGeo.latitude}" /></td>
</tr><tr>
<td><spring:message code="filter.lon" />:</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>
</div>
<table class="accessions crop-details">
<tbody>
<tr>
<td><spring:message code="accession.holdingInstitute" /></td>
<td><a href="<c:url value="/wiews/${accession.instituteCode.toLowerCase()}" />"> <c:out value="${accession.institute.fullName}" />
......@@ -162,7 +185,7 @@
<c:if test="${accessionCollect ne null}">
<tr>
<td colspan="2">
<td class="title" colspan="2">
<h4><spring:message code="accession.collecting" /></h4>
</td>
</tr>
......@@ -201,7 +224,7 @@
<c:if test="${accessionBreeding ne null}">
<tr>
<td colspan="2">
<td class="title" colspan="2">
<h4><spring:message code="accession.breeding" /></h4>
</td>
</tr>
......@@ -218,7 +241,7 @@
<c:if test="${accessionGeo ne null}">
<tr>
<td colspan="2">
<td class="title" colspan="2">
<h4><spring:message code="accession.geo" /></h4>
</td>
</tr>
......@@ -233,6 +256,13 @@
<td><spring:message code="accession.geolocation" /></td>
<td>${accessionGeo.latitude}, ${accessionGeo.longitude}</td>
</tr>
</c:if>
<c:if test="${accessionGeo.elevation ne null}">
<tr>
<td><spring:message code="accession.elevation" /></td>
<td>${accessionGeo.elevation}<span class="uom">m</span></td>
</tr>
</c:if>
<tr>
<td><spring:message code="accession.geo.datum" /></td>
<td>${accessionGeo.datum}</td>
......@@ -241,33 +271,18 @@
<td><spring:message code="accession.geo.method" /></td>
<td>${accessionGeo.method}</td>
</tr>
</c:if>
<c:if test="${accessionGeo.elevation ne null}">
<tr>
<td><spring:message code="accession.elevation" /></td>
<td>${accessionGeo.elevation}<span class="uom">m</span></td>
</tr>
</c:if>
<c:if test="${accessionGeo.uncertainty ne null}">
<tr>
<td><spring:message code="accession.geo.uncertainty" /></td>
<td>${accessionGeo.uncertainty}<span class="uom">m</span></td>
</tr>
</c:if>
<c:if test="${accessionGeo.latitude ne null}">
<tr>
<td colspan="2">
<h4><spring:message code="accession.collecting.site" /></h4>
<div id="map" class="gis-map"><spring:message code="maps.loading-map" /></div>
</td>
</tr>
</c:if>
</c:if>
<c:if test="${svalbardData ne null}">
<tr>
<td colspan="2">
<td class="title" colspan="2">
<h4><spring:message code="accession.svalbard-data" /></h4>
</td>
</tr>
......@@ -294,13 +309,14 @@
</tbody>
</table>
</div>
<c:if test="${methods.size() gt 0}">
<h4>
<spring:message code="accession.methods" />
</h4>
<table>
<table class="accessions crop-details">
<tbody>
<c:forEach items="${methods}" var="method" varStatus="status">
<tr class="targeted" id="method${method.id}">
......
......@@ -14,11 +14,10 @@
<div class="clearfix filter-block">
<div class="pull-left filter-name"><spring:message code="filter.${filter.name}" /></div>
<div class="clearfix pull-left" id="filter-${filter.name}">
<div class="filter-values pull-left"></div>
<div class="pull-left" id="filter-${filter.name}">
<c:choose>
<c:when test="${filter.type=='NUMERIC'}">
<div class="filter-new form-group pull-left">Min: <input class="span1 form-control" type="text" /> Max: <input class="span1 form-control" type="text" /> <button class="btn notimportant">+</button></div>
<div class="filter-new form-group pull-left input-group"><span class="input-group-btn"><input class="span1 form-control" type="text" /><input class="span1 form-control" type="text" /><button class="btn notimportant">+</button></span></div>
</c:when>
<%-- <c:when test="${filter.type=='BOOLEAN'}">
<div class="filter-new pull-left"><input type="checkbox" id="check.${filter.name}" /> <label for="check.${filter.name}">Yes</label> <button class="notimportant">+</button></div>
......@@ -27,13 +26,15 @@
<div class="filter-new form-group pull-left input-group"><span class="input-group-btn"><input class="span2 form-control" type="text" /><button class="btn notimportant">+</button></span></div>
</c:otherwise>
</c:choose>
<div class="filter-values pull-left"></div>
</div>
</div>
</c:forEach>
</div>
<div class="clearfix">
<a id="filtersHref" href=""><button class="btn">View!</button></a>
<a id="filtersHref" href=""><button class="btn btn-green pull-left">View!</button></a>
</div>
</div>
<div id="filtersJson">${jsonObject}</div>
......@@ -59,7 +60,7 @@ jQuery(document).ready(function() {
//debugger;
if ($.isPlainObject(i)) {
// ranges & ops
var x="<div class='filtval complex'><span class='deleteTag close'>&times;</span>";
var x="<div class='filtval complex'>";
if (i["range"]!=null) {
x+="Between " + i["range"][0] + " and " + i["range"][1];
} else if (i["min"]!=null) {
......@@ -69,7 +70,7 @@ jQuery(document).ready(function() {
}
x+="</div>";
} else {
var x="<div class='filtval discrete'><span class='deleteTag close'>&times;</span>" + i + "</div>";
var x="<div class='filtval discrete'>" + i + "</div>";
}
c.append(x);
});
......
......@@ -11,12 +11,17 @@
<spring:message code="metadata.page.title" />
</h1>
<div class="nav-header">
<spring:message code="paged.totalElements" arguments="${pagedData.totalElements}" />
<br />
<spring:message code="paged.pageOfPages" arguments="${pagedData.number+1},${pagedData.totalPages}" />
<a class="${pagedData.number eq 0 ? 'disabled' :''}" href="?page=${pagedData.number eq 0 ? 1 : pagedData.number}"><spring:message code="pagination.previous-page" /></a> <a href="?page=${pagedData.number + 2}"><spring:message code="pagination.next-page" /></a>
<div class="main-col-header clearfix">
<div class="nav-header pull-left">
<div class="results"><spring:message code="paged.totalElements" arguments="${pagedData.totalElements}" /></div>
<div class="pagination">
<spring:message code="paged.pageOfPages" arguments="${pagedData.number+1},${pagedData.totalPages}" />
<a href="<spring:url value=""><spring:param name="page" value="${pagedData.number eq 0 ? 1 : pagedData.number}" /><spring:param name="filter" value="${jsonFilter}" /></spring:url>"><spring:message code="pagination.previous-page" /></a>
<a href="<spring:url value=""><spring:param name="page" value="${pagedData.number+2}" /><spring:param name="filter" value="${jsonFilter}" /></spring:url>"><spring:message code="pagination.next-page" /></a>
</div>
</div>
</div>
<ul class="funny-list">
<c:forEach items="${pagedData.content}" var="metadata" varStatus="status">
<li class="clearfix ${status.count % 2 == 0 ? 'even' : 'odd'}"><a class="show pull-left" href="/data/view/${metadata.id}"><c:out value="${metadata.title}" /></a>
......
......@@ -11,17 +11,16 @@
<c:out value="${metadata.title}" />
</h1>
<div class="audit-info">
<c:if test="${metadata.lastModifiedBy ne null}"><spring:message code="audit.lastModifiedBy" arguments="${jspHelper.userFullName(metadata.lastModifiedBy)}" /></c:if>
<fmt:formatDate value="${metadata.lastModifiedDate}" type="both" />
<div class="main-col-header clearfix">
<div class="nav-header pull-left">
<div class="results"><spring:message code="paged.totalElements" arguments="${pagedData.totalElements}" /></div>
<div class="pagination">
<spring:message code="paged.pageOfPages" arguments="${pagedData.number+1},${pagedData.totalPages}" />
<a class="${pagedData.number eq 0 ? 'disabled' :''}" href="?page=${pagedData.number eq 0 ? 1 : pagedData.number}"><spring:message code="pagination.previous-page" /></a> <a href="?page=${pagedData.number + 2}"><spring:message code="pagination.next-page" /></a>
</div>
</div>
<c:if test="${faoInstitute ne null}">
<p>
<a class="" href="<c:url value="/wiews/${faoInstitute.code.toLowerCase()}" />"><b><c:out value="${faoInstitute.code}" /></b> <c:out value="${faoInstitute.fullName}" /></a>
</p>
</c:if>
</div>
<c:if test="${page eq 1}">
<table>
<thead>
......@@ -62,19 +61,22 @@
<div><a href="<c:url value="/data/view/${metadata.id}/dwca" />"><spring:message code="metadata.download-dwca" /></a></div>
<h3>Observations</h3>
<c:if test="${faoInstitute ne null}">
<p>
<a class="" href="<c:url value="/wiews/${faoInstitute.code.toLowerCase()}" />"><b><c:out value="${faoInstitute.code}" /></b> <c:out value="${faoInstitute.fullName}" /></a>
</p>
</c:if>
<div class="audit-info">
<c:if test="${metadata.lastModifiedBy ne null}"><spring:message code="audit.lastModifiedBy" arguments="${jspHelper.userFullName(metadata.lastModifiedBy)}" /></c:if>
<fmt:formatDate value="${metadata.lastModifiedDate}" type="both" />
</div>
</c:if>
<div class="nav-header">
<spring:message code="paged.totalElements" arguments="${pagedData.totalElements}" />
<br />
<spring:message code="paged.pageOfPages" arguments="${pagedData.number+1},${pagedData.totalPages}" />
<a class="${pagedData.number eq 0 ? 'disabled' :''}" href="?page=${pagedData.number eq 0 ? 1 : pagedData.number}"><spring:message code="pagination.previous-page" /></a> <a href="?page=${pagedData.number + 2}"><spring:message code="pagination.next-page" /></a>
</div>
<div class="table-responsive">
<table class="accessions table wide-table">
<table class="accessions wide-table">
<thead>
<tr>
<td class="idx-col"></td>
......@@ -89,7 +91,7 @@
<td><spring:message code="accession.holdingCountry" /></td>
--%>
<c:forEach items="${methods}" var="method">
<td><c:out value="${method.fieldName}" /> <c:if test="${method.unit ne ''}">[<c:out value="${method.unit}" />]</c:if></td>
<td><c:out value="${method.fieldName}" /> <c:if test="${method.unit ne null'}">[<c:out value="${method.unit}" />]</c:if></td>
</c:forEach>
......
......@@ -19,11 +19,15 @@
<c:if test="${pagedData != null}">
<div class="nav-header">
<spring:message code="accessions.number" arguments="${pagedData.totalElements}" />
<br />
<spring:message code="paged.pageOfPages" arguments="${pagedData.number+1},${pagedData.totalPages}" />
<a class="${pagedData.number eq 0 ? 'disabled' :''}" href="?page=${pagedData.number eq 0 ? 1 : pagedData.number}"><spring:message code="pagination.previous-page" /></a> <a href="?page=${pagedData.number + 2}"><spring:message code="pagination.next-page" /></a>
<div class="main-col-header clearfix">
<div class="nav-header pull-left">
<div class="results"><spring:message code="accessions.number" arguments="${pagedData.totalElements}" /></div>
<div class="pagination">
<spring:message code="paged.pageOfPages" arguments="${pagedData.number+1},${pagedData.totalPages}" />
<a href="<spring:url value=""><spring:param name="page" value="${pagedData.number eq 0 ? 1 : pagedData.number}" /><spring:param name="filter" value="${jsonFilter}" /></spring:url>"><spring:message code="pagination.previous-page" /></a>
<a href="<spring:url value=""><spring:param name="page" value="${pagedData.number+2}" /><spring:param name="filter" value="${jsonFilter}" /></spring:url>"><spring:message code="pagination.next-page" /></a>
</div>
</div>
</div>
<table class="accessions">
......
......@@ -5,6 +5,10 @@ body {
color:#4d4c46;
}
a {
color: #5476B2;
}
/* RTL styles */
html[dir="rtl"] #content .left-col,
......@@ -177,9 +181,16 @@ html[dir="rtl"] #header .nav .dropdown-menu .checkbox {
}
#header .nav .dropdown-menu .btn-default {
background:#e8e8e8;
color:#4d4c46;
margin-bottom:15px;
}
#header .nav .dropdown-menu .btn-default:hover {
background:#e8e8e8;
text-decoration:underline;
}
#header .nav .dropdown-menu .or {
display:block;
margin:5px 0;
......@@ -208,11 +219,20 @@ html[dir="rtl"] #header .nav .dropdown-menu .checkbox {
}
.navbar#nav-main ul li a:hover,
.navbar#nav-main ul li a:focus,
.navbar#nav-main ul li.active a {
background:url('../images/arrow_mainnav.png') no-repeat bottom center;
text-decoration:none;
}
.navbar#nav-main .badge {
-moz-border-radius:15px;
-webkit-border-radius:15px;
border-radius:15px;
padding:5px 15px;
margin:-2px 0 -2px 5px;
}
/* Content */
/* Left column */
......@@ -514,13 +534,23 @@ html[dir="rtl"] .tab-pane .all-posts .type-crop .post-inner .post-image img {
left:15px;
}
.tab-pane .all-posts .post-inner .post-content {
float:left;
width:391px;
}
.tab-pane .all-posts .type-crop .post-inner .post-content {
width:441px;
}
.tab-pane .all-posts .type-list .post-inner .post-content {
background:url('../images/pic_map_news_full.png') no-repeat center right;
width:551px;
}
.tab-pane .all-posts .post-inner .post-content {
padding:10px;
.tab-pane .all-posts .type-list .post-inner .post-content ol {
margin:10px 0 10px 10px;
padding:0;
}
html[dir="rtl"] .tab-pane .all-posts .type-list .post-inner .post-content ol {
......@@ -756,6 +786,570 @@ html[dir="rtl"] #stats .stat-lists ol li img {
padding-left:5px;
}
/* Main column - General styles */
.main-col {
background-color: #fff;
margin: 10px 0 20px;
padding: 10px;
}
.main-col > *:FIRST-CHILD {
margin-top: 0;
padding-top: 0;
}
.main-col > h1:FIRST-CHILD {
background: none repeat scroll 0 0 #88ba42;
color: #fff;
font-size: 24px;
font-weight: bold;
margin: -10px -10px 10px;
padding:10px;
}
.main-col > h1:FIRST-CHILD small {
font-size: 18px;
color: rgba(255, 255, 255, 0.7);
}
.crop-name {
font-size:24px;
padding:20px 10px;
}
.crop-name .download-link {
background:url('../images/icon_download.png') no-repeat center left;
font-size:14px;
padding:5px 0 5px 40px;
}
.main-col .acn a.add {
background:url('../images/icon_add.png') no-repeat center left;
font-weight:bold;
padding:7px 0 7px 35px;
text-transform:uppercase;
}
.main-col .acn a.download {
background:url('../images/icon_download.png') no-repeat center left;
padding:7px 0 7px 35px;
}
.main-col .acn a.print {
background:url('../images/icon_print.png') no-repeat center left;
margin-left:30px;
padding:7px 0 7px 35px;
}
.main-col .acn .sel a.remove {
display: none;
}
.main-col .acn .sel.picked a.remove {
display: inline;
}
.main-col .acn .sel.picked a.add {
display: none;
}
.main-col .alert {
font-size:16px;
margin:10px 10px 20px 10px;
}
/* Main column - Header */
.main-col-header {
background:#d4d1c6;
margin: -10px -10px 10px;
padding: 10px 10px;
}
.main-col-header.acn {
padding: 20px 10px;
}
.main-col-header .nav-header .results {
color:#6f6e69;
margin:0 0 10px 0;
}
.main-col .pagination {
font-size:18px;
font-weight:bold;
margin:0;
}
.main-col .pagination.on-bottom {
border-top:1px solid #cac9c7;
display:block;
margin:10px 10px 0 10px;
padding:10px 0;
}
.main-col .pagination a {
padding:0 10px;
text-transform:uppercase;
}
.main-col-header .filterinfo {
font-size:18px;
font-weight:bold;
margin-top:30px;
text-transform:uppercase;
}
.applied-filters {
border-top:1px solid #c9c9c7;
border-bottom:1px solid #c9c9c7;
color:#6f6e69;
padding:5px 0;
margin: 10px 0;
}
.filtval {
background:#e6e0c6 url('../images/icon_remove_from_list.png') no-repeat top right;
cursor:pointer;
display:inline-block;
padding:5px 20px 5px 10px;
margin: 2px 5px;
}
.filtval:hover {
background-color:#ccc7af;
text-decoration:none;
}
/* Main column - Tables / Lists */
.main-col table {
width: 100%;
border-spacing: 0 5px;
border-collapse: separate;
}
.main-col table.accessions {
font-size: 12px;
}
.main-col table.wide-table tr td {
white-space: nowrap;
}
.pos-relative {
position: relative;
}
.main-col .table-responsive {
overflow-x: scroll;
overflow-y: hidden;
width: 100%;
}
.main-col table.accessions thead td {
color:#000;
font-size:16px;
}
.main-col table.accessions td {
padding: 10px;
font-size: 13px;
}
.main-col table.accessions td a b {
font-size:14px;