View stylesheet

XML schema http://dd.eionet.europa.eu/schemas/Mercury/SpecsActivities.xsd
Output type HTML
Description MercurySpecsActivities HTML preview
XSL file MercurySpecsActivitiesHTMLbootstrap.xsl (Last modified: 16 Jun 2020 09:49 )
<?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:MercuryReport">
	<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 Report Activities </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>Mercury Report Activities Form</h5>
					</div>
					<div class="card-body">
						<div class="row mb-2">
							<div class="col-sm-12">
								<button type="button" class="btn btn-light mb-2" data-toggle="collapse" data-target="#section1">1. Industrial Activities (Article 7(1) and (2))</button>
								<div id="section1" class="collapse">
									<table class="table table-borderless">
									<tr>
										<thead class="thead-light"><th>Has the use of mercury for the production of vinyl chloride monomer been phased out (to be phased out by 1 January 2022 at the latest)?</th></thead>
										<td><xsl:value-of select="d:hasPhasedOutVinilChloride"/></td>
									</tr>
									<tr>
										<thead class="thead-light"><th>State the reason(s) for the perpetuation of this manufacturing process after the phase-out date</th></thead>
										<td><xsl:value-of select="d:phaseOutVinilChlorideProblem"/></td>
									</tr>
									<tr>
										<thead class="thead-light"><th>State the measure(s) taken or planned to phase out this manufacturing process and associated timetable</th></thead>
										<td><xsl:value-of select="d:phaseOutVinilChloridePlan"/></td>
									</tr>
									<tr>
										<thead class="thead-light"><th>Has the use of mercury for the production of chlor-alkali been phased out (to be phased out by 11 December 2017 at the latest)?</th></thead>
										<td><xsl:value-of select="d:hasPhasedOutChlorAlkali"/></td>
									</tr>
									<tr>
										<thead class="thead-light"><th>State the reason(s) for the perpetuation of this manufacturing process after the phase-out date</th></thead>
										<td><xsl:value-of select="d:phaseOutChlorAlkaliProblem"/></td>
									</tr>
									<tr>
										<thead class="thead-light"><th>State the measure(s) taken or planned to phase out this manufacturing process and associated timetable</th></thead>
										<td><xsl:value-of select="d:phaseOutChlorAlkaliPlan"/></td>
									</tr>
									<tr>
										<thead class="thead-light"><th>Has the use of mercury for the production of sodium and potassium methylate or ethylate been phased out (to be phased out by 1 January 2018 at the latest)?</th></thead>
										<td><xsl:value-of select="d:hasPhasedOutMethylate"/></td>
									</tr>
									<tr>
										<thead class="thead-light"><th>State the reason(s) for the perpetuation of this manufacturing process after the phase-out date</th></thead>
										<td><xsl:value-of select="d:phaseOutMethylateProblem"/></td>
									</tr>
									<tr>
										<thead class="thead-light"><th>State the measure(s) taken or planned to phase out this manufacturing process and associated timetable</th></thead>
										<td><xsl:value-of select="d:phaseOutMethylatePlan"/></td>
									</tr>
									<tr>
										<thead class="thead-light"><th>Has the use of mercury for the production of polyurethane been phased out (to be phased out by 1 January 2018 at the latest)?</th></thead>
										<td><xsl:value-of select="d:hasPhaseOutPolyurethane"/></td>
									</tr>
									<tr>
										<thead class="thead-light"><th>State the reason(s) for the perpetuation of this manufacturing process after the phase-out date</th></thead>
										<td><xsl:value-of select="d:phaseOutPolyurethaneProblem"/></td>
									</tr>
									<tr>
										<thead class="thead-light"><th>State the measure(s) taken or planned to phase out this manufacturing process and associated timetable</th></thead>
										<td><xsl:value-of select="d:phaseOutPolyurethanePlan"/></td>
									</tr>
									<tr>
										<thead class="thead-light"><th>Are there any installations in the territory of the Member State producing sodium or potassium methylate or ethylate making use of a manufacturing process involving the use of mercury and mercury compounds as referred to in Part II of Annex III to Regulation (EU) 2017/852?</th></thead>
										<td><xsl:value-of select="d:hasMethylateInstalations"/></td>
									</tr>
								</table>
								</div>
							</div>
						</div>
						
						<div class="row mb-2">
							<div class="col-sm-12">
								<button type="button" class="btn btn-light mb-2" data-toggle="collapse" data-target="#section2">2. Artisanal and small-scale gold mining (Article 9)</button>
								<div id="section2" class="collapse">
									<table class="table table-borderless">
								<tr>
									<thead class="thead-light"><th>Has the Member State found evidence of more than isolated cases of use of mercury amalgamation to extract gold in its territory?</th></thead>
									<td><xsl:value-of select="d:hasGoldMining"/></td>
								</tr>
								<tr>
									<thead class="thead-light"><th>Has the competent authority of the Member State developed and implemented a national plan on artisanal and small-scale gold mining and processing in accordance with Article 9(2) and Annex IV of Regulation (EU) 2017/852?</th></thead>
									<td><xsl:value-of select="d:hasGoldMiningPlan"/></td>
								</tr>
								<tr>
									<thead class="thead-light"><th>Internet link to the national plan on artisanal and small-scale gold mining and processing</th></thead>
									<td><xsl:value-of select="d:goldMiningPlanLink"/></td>
								</tr>
								<tr>
									<thead class="thead-light"><th>Information on the reason(s) for not having developed and implemented a national plan on artisanal and small-scale gold mining and processig and on the measures taken and/or planned to establish such a plan and an associated timetable</th></thead>
									<td><xsl:value-of select="d:goldMiningPlanProblem"/></td>
								</tr>
							</table>
								</div>
							</div>
						</div>
						
						<div class="row mb-2">
							<div class="col-sm-12">
								<button type="button" class="btn btn-light mb-2" data-toggle="collapse" data-target="#section3">3. Dental Amalgam (Article 10)</button>
								<div id="section3" class="collapse">
									<table class="table table-borderless">
										<tr>
											<thead class="thead-light"><th>Has the Member State faced important challenges in implementing Article 10 of Regulation (EU) 2017/852 on dental amalgam?</th></thead>
											<td><xsl:value-of select="d:hasDentalAmalgam"/></td>
										</tr>
										<tr>
											<thead class="thead-light"><th>Nature and scope of the challenges</th></thead>
											<td><xsl:value-of select="d:dentalAmalgamProblem"/></td>
										</tr>
										<tr>
											<thead class="thead-light"><th>measure(s) taken and/or planned to address these challenges and provide a timetable</th></thead>
											<td><xsl:value-of select="d:dentalAmalgamPlan"/></td>
										</tr>
									</table>
								</div>
							</div>
						</div>
						
						<div class="row mb-2">
							<div class="col-sm-12">
								<button type="button" class="btn btn-light mb-2" data-toggle="collapse" data-target="#section4">4. Reporting on Large Scale Sources (Article 12)</button>
								<div id="section4" class="collapse">
									<table class="table table-borderless">
										<tr>
											<thead class="thead-light"><th>Do you have any installation concerned per type of large source referred to Article 11(a), (b) and (c) of Regulation (EU) 2017/852?</th></thead>
											<td><xsl:value-of select="d:hasLargeSources"/></td>
										</tr>
										<tr>
											<thead class="thead-light"><th>Other relevant information the Member State wishes to make available</th></thead>
											<td><xsl:value-of select="d:largeScaleSourcesAdditionalInformation"/></td>
										</tr>
									</table>
								</div>
							</div>
						</div>
			
						<div class="row mb-2">
							<div class="col-sm-12">
								<button type="button" class="btn btn-light mb-2" data-toggle="collapse" data-target="#section5">5. Other Reporting required under Article 18</button>
								<div id="section5" class="collapse">
								<table class="table table-borderless">
									<tr>
										<thead class="thead-light"><th>Are there facilities that follow the requirements of Directive 2007/2/EC for stocks of more than 50 metric tonnes of mercury other than mercury waste that are located on 31 Decemeber of each reporting year?</th></thead>
										<td><xsl:value-of select="d:hasMercuryStocks"/></td>
									</tr>
									<tr>
										<thead class="thead-light"><th>Are there facilities that follow the requirements of Directive 2007/2/EC for sites where more than 50 metric tonnes of mercury waste is accumulated on 31 December of each reporting year, including the unique identifiers that follow the requirements of Directive 2007/2/EC?</th></thead>
										<td><xsl:value-of select="d:hasMercuryWasteSites"/></td>
									</tr>
									<tr>
										<thead class="thead-light"><th>Are there facilities that follow the requirements of Directive 2007/2/EC for sources supplying more than 10 metric tonnes of mercury per year?</th></thead>
										<td><xsl:value-of select="d:hasMercurySources"/></td>
									</tr>
								</table>
							</div>
							</div>
						</div>
			
						<div class="row mb-2">
							<div class="col-sm-12">
								<button type="button" class="btn btn-light mb-2" data-toggle="collapse" data-target="#section6">6. Final Questions</button>
								<div id="section6" class="collapse">
									<table class="table table-borderless">
										<tr>
											<thead class="thead-light"><th>Has the Member State faced other important challenges in implementing Regulation (EU) 2017/852?</th></thead>
											<td><xsl:value-of select="d:hasImplementationProblem"/></td>
										</tr>
										<tr>
											<thead class="thead-light"><th>Explanation of the challenges faced</th></thead>
											<td><xsl:value-of select="d:implementationProblem"/></td>
										</tr>
										<tr>
											<thead class="thead-light"><th>Information on measures taken or planned to address the difficulties encountered and associated timetable</th></thead>
											<td><xsl:value-of select="d:implementationPlan"/></td>
										</tr>
										<tr>
											<thead class="thead-light"><th>Information on other implementation promotion initiative undertaken or planned</th></thead>
											<td><xsl:value-of select="d:implementationOther"/></td>
										</tr>
										<tr>
											<thead class="thead-light"><th>Additional comments</th></thead>
											<td><xsl:value-of select="d:comments"/></td>
										</tr>
									</table>
								</div>
							</div>
						</div>
					</div>
			</div>


				<div class="card mb-5">
					<div class="card-header bg-dark text-white">
						<h5>Facilities</h5>
					</div>
					<div class="card-body">
						<div class="mb-2">
							<table id="facilitiesTable" class="table table-striped table-bordered display nowrap" style="width:100%">
							<thead>
								<tr>
									<th>Thematic ID</th>
									<th>Name</th>
									<th>Latitude</th>
									<th>Longitude</th>
									<th>Address</th>
									<th>inspireIdLocalId</th>
									<th>inspireIdNamespace</th>
									<th>Reporting Status</th>
									<th>Methylate</th>
									<th>Primary Mining</th>
									<th>Chlor-Alkali</th>
									<th>Natural Gas Cleaning</th>
									<th>Non Ferrous</th>
									<th>Non Waste over 50ton</th>
									<th>Waste over 50ton</th>
									<th>Over 10ton</th>
									<th>Water 2010</th>
									<th>Air 2010</th>
									<th>Land 2010</th>
									<th>Water 2020</th>
									<th>Air 2020</th>
									<th>Land 2020</th>

								</tr>
							</thead>
							<tbody>
								<xsl:for-each select="d:Facility">
									<tr>
									  <td><xsl:value-of select="d:thematicId"/></td>
									  <td><xsl:value-of select="d:name"/></td>
									  <td><xsl:value-of select="d:lat"/></td>
									  <td><xsl:value-of select="d:lon"/></td>
									  <td><xsl:value-of select="d:address"/></td>
									  <td><xsl:value-of select="d:inspireIdLocalId"/></td>
									  <td><xsl:value-of select="d:inspireIdNamespace"/></td>
									  <td><xsl:value-of select="d:reportingStatus"/></td>
									  <td><xsl:value-of select="d:isMethylateProductionFacility"/></td>
									  <td><xsl:value-of select="d:usesMercuryFromPrimaryMining"/></td>
									  <td><xsl:value-of select="d:isChlorAlkaliProductionFacility"/></td>
									  <td><xsl:value-of select="d:isCleaningNaturalGasProductionFacility"/></td>
									  <td><xsl:value-of select="d:isNonFerrousMiningAndSmeltingFacility"/></td>
									  <td><xsl:value-of select="d:hasMercuryNonWasteOver50Ton"/></td>
									  <td><xsl:value-of select="d:hasMercuryWasteOver50Ton"/></td>
									  <td><xsl:value-of select="d:suppliesMercuryOver10TonYear"/></td>
									  <td><xsl:value-of select="d:releaseToWater2010"/></td>
									  <td><xsl:value-of select="d:releaseToAir2010"/></td>
									  <td><xsl:value-of select="d:releaseToLand2010"/></td>
									  <td><xsl:value-of select="d:releaseToWater2020"/></td>
									  <td><xsl:value-of select="d:releaseToAir2020"/></td>
									  <td><xsl:value-of select="d:releaseToLand2020"/></td>
									  
									</tr>
								</xsl:for-each>
							</tbody>
						</table>
						</div>
					</div>
				</div>
				
				<div class="card mb-5">
					<div class="card-header bg-dark text-white">
						<h5>Facility Capacities</h5>
					</div>
					<div class="card-body">
						<div class="mb-2">
							<table id="facilityCapacitiesTable" class="table table-striped table-bordered display nowrap" style="width:100%">
							<thead>
								<tr>
									<th>Thematic ID</th>
									<th>Name</th>
									<th>Year</th>
									<th>Capacity</th>
								</tr>
							</thead>
							<tbody>
								<xsl:for-each select="d:Facility">
									<xsl:variable name="fcthid" select="d:thematicId"/>
									<xsl:variable name="fcname" select="d:name"/>
									<xsl:for-each select="d:FacilityCapacity">
										<tr>
											<td><xsl:value-of select="$fcthid"/></td>
											<td><xsl:value-of select="$fcname"/></td>
											<td><xsl:value-of select="d:year"/></td>
											<td><xsl:value-of select="d:capacity"/></td>
										</tr>
									</xsl:for-each>
								</xsl:for-each>
							</tbody>
						</table>
						</div>
					</div>
				</div>
				
				
				<div class="card mb-5">
					<div class="card-header bg-dark text-white">
						<h5>Facility Stocks</h5>
					</div>
					<div class="card-body">
						<div class="mb-2">
							<table id="facilityStocksTable" class="table table-striped table-bordered display nowrap" style="width:100%">
								<thead>
									<tr>
										<th>Thematic ID</th>
										<th>Name</th>
										<th>Year</th>
										<th>Amount stored</th>
										<th>Sent to temporary storage</th>
										<th>Sent to conversion</th>
										<th>Sent to permanent storage</th>
										<th>Non-waste stored</th>
										<th>Waste stored</th>
										<th>Amount supplied</th>

									</tr>
								</thead>
								<tbody>
									<xsl:for-each select="d:Facility">
										<xsl:variable name="fthid" select="d:thematicId"/>
										<xsl:variable name="fname" select="d:name"/>
										<xsl:for-each select="d:FacilityStock">
											<tr>
												<td><xsl:value-of select="$fthid"/></td>
												<td><xsl:value-of select="$fname"/></td>
												<td><xsl:value-of select="d:year"/></td>
												<td><xsl:value-of select="d:amountStored"/></td>
												<td><xsl:value-of select="d:amountSentToTemporaryStorage"/></td>
												<td><xsl:value-of select="d:amountSentToConversion"/></td>
												<td><xsl:value-of select="d:amountSentToPermanentStorage"/></td>
												<td><xsl:value-of select="d:amountMercuryNonWasteStored"/></td>
												<td><xsl:value-of select="d:amountMercuryWasteStored"/></td>
												<td><xsl:value-of select="d:amountMercurySupplied"/></td>
											</tr>
										</xsl:for-each>
									</xsl:for-each>
								</tbody>
							</table>
						</div>
					</div>
				</div>
		</div>

		<script>
			$(document).ready(function() {
				$('#facilitiesTable').DataTable({
					"pageLength": 10, 
					"scrollX": true, 
					"lengthChange": false,
					fixedColumns:   {
						leftColumns: 2
					},
					"ordering": false
				});
				
				$('#facilityCapacitiesTable').DataTable({
					"pageLength": 10, 
					"scrollX": true, 
					"lengthChange": false,
					fixedColumns:   {
						leftColumns: 2
					},
					"ordering": false
				});
				
				$('#facilityStocksTable').DataTable({
					"pageLength": 10, 
					"scrollX": true, 
					"lengthChange": false,
					fixedColumns:   {
						leftColumns: 2
					},
					"ordering": false
				});
				
				$("[class='pagination']").addClass("pagination-sm");
			} );
		</script>
		</body>
	</html>
</xsl:template>
</xsl:stylesheet>