View stylesheet

XML schema http://dd.eionet.europa.eu/schemas/Mercury/MercuryAsNonWaste.xsd
Output type HTML
Description MercuryAsNonWaste html test preview
XSL file MercuryAsNonWasteHTML.xsl (Last modified: 05 Jun 2020 11:51 ) 
<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet version="2.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
xmlns:d="http://dd.eionet.europa.eu/schemas/Mercury" exclude-result-prefixes="d">
<xsl:template match="/d:ImportRestrictions">
	<html>
		<head>
			<meta charset="utf-8"/>
			<meta name="viewport" content="width=device-width, initial-scale=1"/>
			<link rel="stylesheet" href="https://cdr.eionet.europa.eu/help/BWD/Templates/HTML/css/bootstrap.min.css"/>
			<link rel="stylesheet" href="https://cdr.eionet.europa.eu/help/BWD/Templates/HTML/css/dataTables.bootstrap4.min.css"/>
			<link rel="stylesheet" href="https://cdr.eionet.europa.eu/help/BWD/Templates/HTML/css/fixedColumns.bootstrap4.css"/>
			
			<script src="https://cdr.eionet.europa.eu/help/BWD/Templates/HTML/js/jquery.min.js"></script>
			<script src="https://cdr.eionet.europa.eu/help/BWD/Templates/HTML/js/popper.min.js"></script>
			<script src="https://cdr.eionet.europa.eu/help/BWD/Templates/HTML/js/bootstrap.min.js"></script>
			<script src="https://cdr.eionet.europa.eu/help/BWD/Templates/HTML/js/jquery.dataTables.min.js"></script>
			<script src="https://cdr.eionet.europa.eu/help/BWD/Templates/HTML/js/dataTables.bootstrap4.min.js"></script>
			<script src="https://cdr.eionet.europa.eu/help/BWD/Templates/HTML/js/dataTables.fixedColumns.js"></script>
		</head>
		<style>
			div.dataTables_wrapper {
				margin: 0 auto;
			}
		</style>
		<body>
		<div class="container">
			<div class="jumbotron mt-2">
				<h2>
					<span>Mercury As Non Waste </span>
					<span class="badge badge-dark"><xsl:value-of select="d:referenceYear"/></span>
				</h2>
			</div>
			
			<div class="card mb-5">
				<div class="card-header bg-dark text-white">
					<h5>Dataset Import Restrictions</h5>
				</div>
				
				<div class="card-body">
					<div class="row mb-2">
						<div class="col-sm-12">
							<table class="table table-borderless">
								<tr>
									<thead class="thead-light"><th>Has the Member State granted written consent to import mercury or mixtures of mercury for a use allowed in accordance with the second sub-paragraph of Article 4(1) of Regulation (EU) 2017/852?</th></thead>
									<td><xsl:value-of select="d:hasGrantedWrittenConsent"/></td>
								</tr>
								<tr>
									<thead class="thead-light"><th>Consent description:</th></thead>
									<td><xsl:value-of select="d:consentDescription"/></td>
								</tr>
								<tr>
									<thead class="thead-light"><th>Has a copy of the form(s) used to grant or deny written consent on import pursuant to the second subparagraph of Article 4(1) of Regulation (EU) 2017/852 during the reporting year N-1 been sent?</th></thead>
									<td><xsl:value-of select="d:hasSentCopyOfForms"/></td>
								</tr>
							</table>
						</div>
					</div>
				</div>
			</div>	
			
			<div class="card mb-5">
				<div class="card-header bg-dark text-white">
					<h5>Mercury As Non Waste</h5>
				</div>
				<div class="card-body">
					<div class="mb-2">
						<table id="MercuryAsNonWaste" class="table table-striped table-bordered" style="width:100%">
							<thead>
								<tr>
									<th>Amount (t/y)</th>
									<th>Purpose</th>
									<th>Other Purpose Description</th>
								</tr>
							</thead>
							<tbody>
								<xsl:for-each select="d:MercuryAsNonWaste">
									<tr>
									  <td><xsl:value-of select="d:amount"/></td>
									  <td><xsl:value-of select="d:purpose"/></td>
									  <td><xsl:value-of select="d:otherPurposeDescription"/></td>
									</tr>
								</xsl:for-each>
							</tbody>
						</table>
					</div>
				</div>
			</div>
		</div>
		</body>
	</html>
</xsl:template>
</xsl:stylesheet>