elevation outside, fix in component

aggpxtrack-update4.xml

@@ -119,7 +119,7 @@
         <maintainer>Astrid Günther</maintainer>
         <maintainerurl>https://astrid-guenther.de</maintainerurl>
         <targetplatform name="joomla" version="4.*"/>
-        <sha256></sha256>
-        <sha384></sha384>
+        <sha256>ed8c3dd2f80f279758d4753e61950c3c0d255da83b319c4fc6535ca7595c7bbf</sha256>
+        <sha384>830321c8a8e4907b23de751f2d220bbc36e69004098192a57943402a81a2dba8261f6687abef8060f6dc3695fdcdd39f</sha384>
     </update>
 </updates>

changelog.xml

@@ -30,7 +30,7 @@
 		<version>4.0.5</version>
 		<note>
 			<item>Fix (not needed anymore) component.</item>
-			<item>.</item>
+			<item>Make it posible to show elevation outside the map.</item>
 		</note>
 	</changelog>
 </changelogs>

j4/pkg_aggpxtrack/jorobo.ini

@@ -1,5 +1,5 @@
 extension = aggpxtrack
-version = 4.0.5
+version = 4.0.6
 source = src
 target = package
 

j4/pkg_aggpxtrack/src/media/plg_fields_aggpxtrack/js/aggpxtrack.js

@@ -381,9 +381,14 @@ document.addEventListener('DOMContentLoaded', function () {
 			{
 				elevantioncontrol_width = document.getElementById('map' + unique).offsetWidth * 0.25;
 			}
+			var position = elevantioncontrol_position;
+			if (elevantioncontrol_position === "above" || elevantioncontrol_position === "under")
+			{
+				position = "topright";
+			} 
 
 			window['aggpx_elevation' + unique] = L.control.elevation({
-				position: elevantioncontrol_position,
+				position: position,
 				mapid: '#map' + unique,
 				theme: elevantioncontrol_theme, //default: lime-theme
 				width: elevantioncontrol_width,
@@ -495,6 +500,29 @@ document.addEventListener('DOMContentLoaded', function () {
 
 		}).addTo(window['mymap' + unique]);
 
+		// Elevation außerhalb von Karte schieben
+		if (elevantioncontrol_position === "above")
+		{
+			var thismap = document.querySelector('#map' + unique);
+			var parent = document.getElementById("aggpxtrackabove" + unique);
+			var elevation = thismap.querySelector(".elevation");
+			setParent(elevation, parent);
+			function setParent(el, newParent) {
+				if (el)
+					newParent.appendChild(el);
+			}
+		} 
+		if (elevantioncontrol_position === "under")
+		{
+			var thismap = document.querySelector('#map' + unique);
+			var parent = document.getElementById("aggpxtrackunder" + unique);
+			var elevation = thismap.querySelector(".elevation");
+			setParent(elevation, parent);
+			function setParent(el, newParent) {
+				if (el)
+					newParent.appendChild(el);
+			}
+		} 
 
 
 		if (show_easyprint === "1")

j4/pkg_aggpxtrack/src/plugins/fields/aggpxtrack/params/aggpxtrack.xml

@@ -278,6 +278,8 @@
 				<option value="bottomright">PLG_FIELDS_AGGPXTRACK_PARAMS_CONTROL_POSITION_BOTTOMRIGHT</option>
 				<option value="topleft">PLG_FIELDS_AGGPXTRACK_PARAMS_CONTROL_POSITION_TOPLEFT</option>
 				<option value="topright">PLG_FIELDS_AGGPXTRACK_PARAMS_CONTROL_POSITION_TOPRIGHT</option>
+				<option value="under">PLG_FIELDS_AGGPXTRACK_PARAMS_CONTROL_POSITION_UNDER</option>
+				<option value="above">PLG_FIELDS_AGGPXTRACK_PARAMS_CONTROL_POSITION_ABOVE</option>
 			</field>
 
 			<field type="list" name="elevantioncontrol_theme" default="elevation-lime" label="PLG_FIELDS_AGGPXTRACK_PARAMS_CONTROL_THEME_LABEL" description="PLG_FIELDS_AGGPXTRACK_PARAMS_CONTROL_THEME_DESC" showon="show_elevantioncontrol:1" validate="options">

j4/pkg_aggpxtrack/src/plugins/fields/aggpxtrack/tmpl/aggpxtrack.php

@@ -112,6 +112,7 @@
 		$defaultArray = [];
 
 		$skriptstring = "";
+		$skriptstring .= "<div class='aggpxtrackabove' id='aggpxtrackabove" . $unique . "'></div><br>";
 		$skriptstring .= "<div id='map" . $unique . "'";
 		$skriptstring .= " class = 'leafletmap'";
 		$skriptstring .= " style='z-index:1;height: " . $fieldParams->get('map_height', '400') . "px;'";
@@ -205,6 +206,7 @@
 
 		$skriptstring .= " %s>";
 		$skriptstring .= "</div>";
+		$skriptstring .= "<div class='aggpxtrackunder' id='aggpxtrackunder" . $unique . "'></div>";
 
 		JText::script('PLG_AGGPXTRACK_CURRENTPOSITION_STRING');