moved filters div in php + small changes in docker version

srcs/plugins/map_prof/map_prof_hooks.php

@@ -29,6 +29,7 @@ require_once(dirname(__FILE__) . '/mp_get_events.php');
 require_once(dirname(__FILE__) . '/mp_sort_events.php');
 require_once(dirname(__FILE__) . '/mp_get_filters.php');
 require_once(dirname(__FILE__) . '/mp_address_errors.php');
+require_once(dirname(__FILE__) . '/mp_create_div.php');
 
 
 
@@ -93,36 +94,9 @@ function mp_ljdp_map() {
 	 * ADD FILTERS
 	 */
 
-	/*
-		pays
-		ville
-		categorie
-	*/
-//	$filters = (object)[];
-//	$filters->pays = [];
-//	$filters->ville = [];
-//	$filters->categorie = [];
-//
-//	mp_console_log("filters:");
-//	mp_console_log($filters);
+	$mp_map_div = mp_create_div($filters);
 
-
-	$mp_api_script  = '
-		<div id="ljdp_map_wrapper">
-			<div id="ljdp_map_filters">
-	';
-//	foreach ($pays as $loc) {
-//		$mp_api_script .= '<p>';
-//		$mp_api_script .= $loc;
-//		$mp_api_script .= '</p>';
-//	}
-	$mp_api_script .= '
-			</div>
-			<div id="ljdp_map"></div>
-		</div>
-	';
-
-	return $mp_api_script;
+	return $mp_map_div;
 }
 add_shortcode('lejourduprof_map', 'mp_ljdp_map');
 

srcs/plugins/map_prof/mp_create_div.php

@@ -0,0 +1,38 @@
+<?php
+
+function mp_create_div(&$filters) {
+	$mp_map_div  = '
+		<div id="ljdp_map_wrapper">
+			<div id="ljdp_map_filters">
+	';
+
+	foreach ($filters as $key => $filter) {
+		$mp_map_div .= '
+			<div class="filter_menu">
+				<div class="filter_menu_title" tabindex=0>
+					<p>'.$key.'</p>
+				</div>
+				<div class="filter_menu_drop" tabindex=0>
+					<p>TOUT DESELECTIONNER</p>
+		';
+		foreach ($filter as $value) {
+			$mp_map_div .= '
+					<p>'.$value->_name.'</p>
+			';
+		}
+		$mp_map_div .= '
+				</div>
+			</div>
+		';
+	};
+
+	$mp_map_div .= '
+			</div>
+			<div id="ljdp_map"></div>
+		</div>
+	';
+
+	return $mp_map_div;
+}
+
+?>

srcs/plugins/map_prof/mp_get_filters.php

@@ -69,7 +69,7 @@ function mp_get_filters($events) {
 	}
 
 	foreach ($filters as $key => $value) {
-		usort($filters->$key, mp_filter_compare);
+		usort($filters->$key, 'mp_filter_compare');
 	}
 
 	return $filters;

srcs/plugins/map_prof/scripts/mp_create_filters.js

@@ -37,6 +37,7 @@ function fill_filters(filters_div) {
 	 */
 
 	let content = "";
+	// use Object.keys to obtain an array of object keys
 	let keys = Object.keys(filters);
 	keys.forEach((key) => {
 

srcs/plugins/map_prof/scripts/mp_init_map.js

@@ -92,7 +92,7 @@ function mp_init_map() {
 	draw_clusters(map, markers);
 
 	let filters_div = document.getElementById("ljdp_map_filters");
-	fill_filters(filters_div);
+	//fill_filters(filters_div);
 
 	// add listener to close infowindow at any click on map
 	map.addListener('click', function() {