Commit 233f7d9b authored by Matija Obreza's avatar Matija Obreza

CSS

parent 147c8b79
/target/
target/
/taxonomy_data/
.classpath
/bin/
......@@ -8,8 +8,7 @@ data
/*.xlsx
/*.csv
.pmd
/taxonomychecker-cli/dependency-reduced-pom.xml
dependency-reduced-pom.xml
.idea/
*.iml
effective.pom
taxonomychecker-web/target
......@@ -2,101 +2,93 @@
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<html>
<head>
<title><spring:message code="label.title"/></title>
<style>
html {
font-family: Tahoma;
font-size: 12px;
}
label {
display: block;
margin: 1em 0 .5em;
font-weight: bold;
}
p.hint {
margin: 0.5em;
font-style: italic;
}
form textarea {
width: 100%;
height: 10em;
}
.btn {
padding: 1em 2em;
margin: 2em 0;
}
</style>
</head>
<body>
<!-- <div style="float: right">
<span>
<a href="?lang=ru">ru</a>
|
<a href="?lang=en">en</a>
|
<a href="?lang=de">de</a>
</span>
</div> -->
<h1>
How to use the MCPD taxonomy validation tool?
</h1>
<div>
<label>Source taxonomy databases</label>
<p class="hint">The tool checks data against the GRIN-Global Taxonomy database (version 1.9.6.2) maintained by USDA-ARS.
See <a href="https://npgsweb.ars-grin.gov/gringlobal/taxon/abouttaxonomy.aspx" target="_blank">About GRIN Taxonomy for Plants.</a>
</p>
<label>Data source</label>
<p class="hint">This tools is able to parse CSV data.</p>
<label>Validated columns</label>
<p class="hint">Only the following MCPD columns will be checked: GENUS, SPECIES, SPAUTHOR, SUBTAXA, SUBTAUTHOR. Any other column will be ignored.</p>
</div>
<head>
<title><spring:message code="label.title"/></title>
<style>
html {
font-family: Tahoma;
font-size: 12px;
}
<form id="process" action="process" method="POST" enctype="multipart/form-data">
<h1>Submit data for validation</h1>
<div>
<label><spring:message code="label.copy-paste-csv"/>:</label>
<p class="hint"><spring:message code="hint.copy-paste-csv" /></p>
<textarea name="csvText" id="csvText"></textarea>
</div>
label {
display: block;
margin: 1em 0 0.5em;
font-weight: bold;
}
<div>
<label for="file"><spring:message code="label.file"/>:</label>
<input id="file" type="file" name="csvFile" accept="text/*" />
<p class="hint"><spring:message code="hint.upload-file" /></p>
</div>
p.hint {
margin: 0.5em;
font-style: italic;
}
<div>
<label for="separator"><spring:message code="label.csv-separator"/>:</label>
<input id="separator" name="separator" placeholder=","/>
<p class="hint"><spring:message code="hint.csv-separator" /></p>
</div>
form textarea {
width: 100%;
height: 10em;
}
<div>
<label for="quoteChar"><spring:message code="label.quote-char"/>:</label>
<input id="quoteChar" name="quoteChar" placeholder="&#34"/>
<p class="hint"><spring:message code="hint.quote-char" /></p>
</div>
.btn {
padding: 1em 2em;
margin: 2em 0;
}
<div>
<label for="escapeChar"><spring:message code="label.escape-char"/>:</label>
<input id="escapeChar" name="escapeChar" placeholder=""/>
<p class="hint"><spring:message code="hint.escape-char" /></p>
</div>
</style>
</head>
<body>
<h1>
How to use the MCPD taxonomy validation tool?
</h1>
<div>
<label>Source taxonomy databases</label>
<p class="hint">The tool checks data against the GRIN-Global Taxonomy database (version 1.9.6.2) maintained by USDA-ARS. See
<a href="https://npgsweb.ars-grin.gov/gringlobal/taxon/abouttaxonomy.aspx" target="_blank">GRIN Taxonomy for Plants.</a>
</p>
<label>Data source</label>
<p class="hint">This tools is able to parse CSV data.</p>
<label>Validated columns</label>
<p class="hint">Only the following MCPD columns will be checked: GENUS, SPECIES, SPAUTHOR, SUBTAXA, SUBTAUTHOR. Other columns will be included in the output, but not processed.</p>
</div>
<div>
<label><spring:message code="label.non.current.taxa"/>:</label>
<input type="radio" name="toCurrentTaxa" value="true"><spring:message code="label.yes"/>
<input type="radio" name="toCurrentTaxa" value="false" checked><spring:message code="label.no"/>
</div>
<form id="process" action="process" method="POST" enctype="multipart/form-data">
<h1>Submit data for validation</h1>
<div>
<label><spring:message code="label.copy-paste-csv"/>:</label>
<p class="hint"><spring:message code="hint.copy-paste-csv"/></p>
<textarea name="csvText" id="csvText"></textarea>
</div>
<div>
<button class="btn" type="submit"><spring:message code="label.run-check"/></button>
</div>
</form>
</body>
</html>
<div>
<label for="file"><spring:message code="label.file"/>:</label>
<input id="file" type="file" name="csvFile" accept="text/*"/>
<p class="hint"><spring:message code="hint.upload-file"/></p>
</div>
<div>
<label for="separator"><spring:message code="label.csv-separator"/>:</label>
<input id="separator" name="separator" placeholder=","/>
<p class="hint"><spring:message code="hint.csv-separator"/></p>
</div>
<div>
<label for="quoteChar"><spring:message code="label.quote-char"/>:</label>
<input id="quoteChar" name="quoteChar" placeholder="&#34"/>
<p class="hint"><spring:message code="hint.quote-char"/></p>
</div>
<div>
<label for="escapeChar"><spring:message code="label.escape-char"/>:</label>
<input id="escapeChar" name="escapeChar" placeholder=""/>
<p class="hint"><spring:message code="hint.escape-char"/></p>
</div>
<div>
<label><spring:message code="label.non.current.taxa"/>:</label>
<input type="radio" name="toCurrentTaxa" value="true"><spring:message code="label.yes"/>
<input type="radio" name="toCurrentTaxa" value="false" checked><spring:message code="label.no"/>
</div>
<div>
<button class="btn" type="submit"><spring:message code="label.run-check"/></button>
</div>
</form>
</body>
</html>
......@@ -4,82 +4,100 @@
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<html>
<head>
<title><spring:message code="label.title" /></title>
<style>
html {
font-family: Tahoma;
font-size: 12px;
}
label {
display: block;
margin: 1em 0 .5em;
font-weight: bold;
}
<head>
<title><spring:message code="label.title"/></title>
<style>
html {
font-family: Tahoma;
font-size: 12px;
}
label {
display: block;
margin: 1em 0 0.5em;
font-weight: bold;
}
p.hint {
margin: 0.5em;
font-style: italic;
}
p.hint {
margin: 0.5em;
font-style: italic;
}
table {
font-size: 10px;
border-collapse: collapse;
}
table {
font-size: 10px;
border-collapse: collapse;
}
thead th {
padding: .4em 1em;
}
thead th {
padding: 0.4em 1em;
text-align: left;
border-bottom: solid 1px Gray;
}
tbody td {
padding: .2em 1em;
}
tbody td {
padding: 0.2em 1em;
border-bottom: dotted 1px Gray;
}
.x-GENUS_check, .x-SPECIES_check, .x-SPAUTHOR_check, .x-GRINTAX_speciesId,
.x-GRINTAX_speciesCurrent, .x-SUBTAXA_check, .x-SUBTAUTHOR_check {
background-color: #ffffca;
}
thead .x-GENUS_check, thead .x-SPECIES_check, thead .x-SPAUTHOR_check, thead .x-GRINTAX_speciesId,
thead .x-GRINTAX_speciesCurrent, thead .x-SUBTAXA_check, thead .x-SUBTAUTHOR_check {
background-color: Yellow;
}
</style>
</head>
<body>
<h1>How to interpret results?</h1>
<div>
<label>"_check" columns</label>
<p class="hint">Columns highlighted Yellow were injected into your dataset at most appropriate positions. They contain the results of the validation run.</p>
<p class="hint">
<ul>
<li><b>OK</b> means that a 100% match was found in the taxonomic databases, the data is valid.</li>
<li><em>blank (empty) cell</em> means the system could not find a decent match in the taxonomic databases and offers no suggestion.</li>
</ul>
</p>
</div>
<h1>Results</h1>
<table>
<thead>
<tr class="">
<c:forEach items="${tableHeaders}" var="element" varStatus="status">
<th class="cell x-${element}">
<c:out value="${element}" />
</th>
</c:forEach>
</tr>
</thead>
<tbody>
<c:forEach items="${result}" var="row" begin="1">
.x-GENUS_check,
.x-GRINTAX_speciesCurrent,
.x-GRINTAX_speciesId,
.x-SPAUTHOR_check,
.x-SPECIES_check,
.x-SUBTAUTHOR_check,
.x-SUBTAXA_check {
background-color: #ffffca;
}
thead .x-GENUS_check,
thead .x-GRINTAX_speciesCurrent,
thead .x-GRINTAX_speciesId,
thead .x-SPAUTHOR_check,
thead .x-SPECIES_check,
thead .x-SUBTAUTHOR_check,
thead .x-SUBTAXA_check {
background-color: Yellow;
}
</style>
</head>
<body>
<h1>How to interpret results?</h1>
<div>
<label>"_check" columns</label>
<p class="hint">Columns highlighted Yellow were injected into your dataset at most appropriate positions. They contain the results of the validation run.</p>
<p class="hint">
<ul>
<li>
<b>OK</b>
means that a 100% match was found in the taxonomic databases, the data is valid.</li>
<li>
<em>blank (empty) cell</em>
means the system could not find a decent match in the taxonomic databases and offers no suggestion.</li>
</ul>
</p>
</div>
<h1>Results</h1>
<table>
<thead>
<tr class="">
<c:forEach items="${row}" var="element" varStatus="status">
<c:set var="tableHeader" value="${tableHeaders[status.index]}" />
<td class="x-${tableHeader}">
<c:out value="${element}" />
</td>
<c:forEach items="${tableHeaders}" var="element" varStatus="status">
<th class="cell x-${element}">
<c:out value="${element}"/>
</th>
</c:forEach>
</tr>
</c:forEach>
</tbody>
</table>
</body>
</thead>
<tbody>
<c:forEach items="${result}" var="row" begin="1">
<tr class="">
<c:forEach items="${row}" var="element" varStatus="status">
<c:set var="tableHeader" value="${tableHeaders[status.index]}"/>
<td class="x-${tableHeader}">
<c:out value="${element}"/>
</td>
</c:forEach>
</tr>
</c:forEach>
</tbody>
</table>
</body>
</html>
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