diff --git a/plug/map_prof.zip b/plug/map_prof.zip new file mode 100644 index 0000000..81ae44c Binary files /dev/null and b/plug/map_prof.zip differ diff --git a/plug/map_prof/images/marker.png b/plug/map_prof/images/marker.png new file mode 100644 index 0000000..bb6d6c9 Binary files /dev/null and b/plug/map_prof/images/marker.png differ diff --git a/plug/map_prof/images/marker_cluster.png b/plug/map_prof/images/marker_cluster.png new file mode 100644 index 0000000..0367cfc Binary files /dev/null and b/plug/map_prof/images/marker_cluster.png differ diff --git a/plug/map_prof/map_prof_hooks.php b/plug/map_prof/map_prof_hooks.php new file mode 100644 index 0000000..ae71118 --- /dev/null +++ b/plug/map_prof/map_prof_hooks.php @@ -0,0 +1,147 @@ + $locations, + "filters" => $filters, + )); + + return mp_create_div($filters); +} +add_shortcode('lejourduprof_map', 'mp_ljdp_map'); + + + + + +/** + * re-publish posts + */ + +// function mp_add_update_button() { +// return mp_create_republish_button(); +// } +// add_shortcode('ljdp_update_publish', 'mp_add_update_button'); + + + + + +/** + * errors map + */ + +function mp_errors_map() { + return mp_find_address_errors(); +} +add_shortcode('ljdp_errors_map', 'mp_errors_map'); + + + + + +/** + * when a post is saved or published or updated, + * find its coordinates + */ + +function post_published_coordinates($id, $post) { + + $location = mp_get_coordinates($id); + //mp_console_log("location: "); + //mp_console_log($location); + + if ( ! add_post_meta( $id, 'location', $location, true ) ) + update_post_meta( $id, 'location', $location ); + +} +add_action( 'publish_post', 'post_published_coordinates', 10, 2 ); + + + + + +/** + * menu plugin + */ + +function ljdp_map_menu() { + add_menu_page( + 'JIPF map', // page_title + 'JIPF map', // menu_title + 'manage_options', // capability + 'ljdp-map-plugin', // menu_slug + 'ljdp_map_plugin_content' // callback function to display page content + ); +} +add_action('admin_menu', 'ljdp_map_menu'); + +?> diff --git a/plug/map_prof/mp_enqueue.php b/plug/map_prof/mp_enqueue.php new file mode 100644 index 0000000..8e00caf --- /dev/null +++ b/plug/map_prof/mp_enqueue.php @@ -0,0 +1,26 @@ + diff --git a/plug/map_prof/scripts/mp_create_filters.js b/plug/map_prof/scripts/mp_create_filters.js new file mode 100644 index 0000000..fc7ad8e --- /dev/null +++ b/plug/map_prof/scripts/mp_create_filters.js @@ -0,0 +1,103 @@ +function fill_filters(filters_div) { + + /* + * following variable are created by mp_add_to_script.php + * + * { } + * { [ ] } + * - filters: { - pays : [ { - _name : "" } ] } + * { [ { - villes : [] } ] } + * { [ { - categories: [] } ] } + * { [ { - mode : [] }, ...] } + * { [ ] } + * { } + * { [ ] } + * { - villes : [ { - _name : "" } ] } + * { [ { - pays : [] } ] } + * { [ { - categories: [] } ] } + * { [ { - mode : [] }, ...] } + * { [ ] } + * { } + * { [ ] } + * { - categories: [ { - _name : "" } ] } + * { [ { - pays : [] } ] } + * { [ { - villes : [] } ] } + * { [ { - mode : [] }, ...] } + * { [ ] } + * { } + * { } + * { [ ] } + * { - mode : [ { - _name : "" } ] } + * { [ { - pays : [] } ] } + * { [ { - villes : [] } ] } + * { [ { - categories: [] }, ...] } + * { [ ] } + * { } + * + */ + + let content = ""; + // use Object.keys to obtain an array of object keys + let keys = Object.keys(filters); + keys.forEach((key) => { + + // // version input checkbox + // + // content += ` + //
+ // + // + //
+ // `; + // for (value of filters[key]) { + // content += ` + //

${value._name}

+ // `; + // } + // content += ` + //
+ //
+ // `; + + // // version select + // + // content += ` + //
+ // + //
+ // `; + + // // version div + // + content += ` +
+
+

${key}

+
+
+

PAS DE FILTRE

+ `; + for (value of filters[key]) { + content += ` +

${value._name}

+ `; + } + content += ` +
+
+ `; + + }); + + filters_div.innerHTML = content; +} diff --git a/plug/map_prof/scripts/mp_create_map.js b/plug/map_prof/scripts/mp_create_map.js new file mode 100644 index 0000000..ead03cc --- /dev/null +++ b/plug/map_prof/scripts/mp_create_map.js @@ -0,0 +1,41 @@ + +function restrict_map(restrict) { + let map_restriction = { + latLngBounds: g_world_bound, + strictBounds: true, + }; + if (restrict) + g_map.setOptions({restriction: map_restriction,}); + else + g_map.setOptions({restriction: null,}); +}; + +function create_map(map_div) { + // default map center to france + let map_center = coordinates_default; + // map_center = {lat:-2.515748362923059, lng:32.93366215464864}; + let map_restriction = { + latLngBounds: g_world_bound, + strictBounds: true, + }; + let map_options = { + /* map options : https://developers.google.com/maps/documentation/javascript/reference/map#MapOptions */ + disableDefaultUI: true, + zoomControl: true, + scaleControl: true, + zoom: map_zoom, + + //gestureHandling: "cooperative", + gestureHandling: "greedy", + //gestureHandling: "none", + //gestureHandling: "auto", + + //disableDoubleClickZoom: "false", // deprecated + //draggable: "true", // deprecated + + center: map_center, + restriction: map_restriction, + } + + return new google.maps.Map(map_div, map_options); +} diff --git a/plug/map_prof/scripts/mp_create_markers.js b/plug/map_prof/scripts/mp_create_markers.js new file mode 100644 index 0000000..00838d2 --- /dev/null +++ b/plug/map_prof/scripts/mp_create_markers.js @@ -0,0 +1,57 @@ +function create_markers(map, locations, infowindow) { + + /* + * following variable are created by mp_add_to_script.php + * - let icon_color = "" + * - let icon_color_back = "" + * - let icon_size = [x, y] + * - let cluster_size_factor = Number + * - let icon_stroke_width = Number + */ + + let icon_circle_radius = 40 - icon_stroke_width / 2; + + let markers = []; + for (loc of locations) { + + if (loc.coordinates == null) + continue; + + let count = loc.events.length; + + let marker_icon_size = [ + icon_size[0] + ( icon_size_factor * (count - 2) ), + icon_size[1] + ( icon_size_factor * (count - 2) ) + ]; + let svg_icon = window.btoa(` + + + + `); + let icon_options = { + url: `data:image/svg+xml;base64,${svg_icon}`, + scaledSize: new google.maps.Size(marker_icon_size[0], marker_icon_size[1]), + }; + let marker_label = { + text: String(count), + color: icon_color, + fontSize: "12px", + fontWeight: "bold", + }; + let marker_title = `address of ${count} events`; + + let marker = new google.maps.Marker({ + position: loc.coordinates, + map: map, + icon: icon_options, + title: marker_title, + label: marker_label, + }); + + attach_info_window(map, marker, loc.events, infowindow); + + markers.push(marker); + }; + + return markers; +} diff --git a/plug/map_prof/scripts/mp_draw_clusters.js b/plug/map_prof/scripts/mp_draw_clusters.js new file mode 100644 index 0000000..8f00a8a --- /dev/null +++ b/plug/map_prof/scripts/mp_draw_clusters.js @@ -0,0 +1,58 @@ +function draw_clusters(map, markers) { + + /* + * following variable are created by mp_add_to_script.php + * - let icon_color = "" + * - let icon_color_back = "" + * - let icon_size = [x, y] + * - let icon_size_factor = Number + * - let icon_stroke_width = Number + */ + + let icon_circle_radius = 40 - icon_stroke_width / 2; + + let renderer = { + render({ count, position }, stats) { + + /* CLUSTERS SETTINGS */ + + let marker_icon_size = [ + icon_size[0] + ( icon_size_factor * (count - 2) ), + icon_size[1] + ( icon_size_factor * (count - 2) ) + ]; + let cluster_svg = window.btoa(` + + + + `); + let cluster_icon = { + url: `data:image/svg+xml;base64,${cluster_svg}`, + scaledSize: new google.maps.Size(marker_icon_size[0], marker_icon_size[1]), + }; + let cluster_label = { + text: String(count), + color: icon_color, + fontSize: "12px", + fontWeight: "bold", + }; + let cluster_title = `Cluster of ${count} markers`; + let cluster_zIndex = Number(google.maps.Marker.MAX_ZINDEX) + count; + + return new google.maps.Marker({ + position, + icon: cluster_icon, + label: cluster_label, + title: cluster_title, + zIndex: cluster_zIndex, + }); + } + } + + let onClusterClick = (_, cluster, map) => { + restrict_map(false); + map.fitBounds(cluster.bounds); + restrict_map(true); + }; + + return new markerClusterer.MarkerClusterer({ map, markers, renderer, onClusterClick }); +} diff --git a/plug/map_prof/scripts/mp_errors_map.js b/plug/map_prof/scripts/mp_errors_map.js new file mode 100644 index 0000000..4d868a6 --- /dev/null +++ b/plug/map_prof/scripts/mp_errors_map.js @@ -0,0 +1,7 @@ +function print_error(error) { + let div_map = document.getElementById("ljdp_map"); + let p_err = document.createElement('p'); + + p_err.textContent = error; + div_map.after(p_err); +} diff --git a/plug/map_prof/scripts/mp_filter_events.js b/plug/map_prof/scripts/mp_filter_events.js new file mode 100644 index 0000000..e2a4f22 --- /dev/null +++ b/plug/map_prof/scripts/mp_filter_events.js @@ -0,0 +1,278 @@ + +// https://googlemaps.github.io/js-markerclusterer/classes/MarkerClusterer.html +// add true for noDraw +// bounds : https://stackoverflow.com/questions/19304574/center-set-zoom-of-map-to-cover-all-visible-markers/19304625#19304625 + + + +function array_first_not_in_second(first, second) { + let temp_array = []; + for (let index of first) { + if (second.indexOf(index) == -1) { + temp_array.push(index); + } + } + return temp_array; +} + +function filter_selection_indexes(menu, indexes, reverse, add) { + + if (indexes.length === 0) { + // if array of index is empty, delete menu + delete g_indexes[menu]; + } + else if (reverse) { + // if reverse is true, delete all indexes in g_indexes.menu + // https://stackoverflow.com/questions/5113374/javascript-check-if-variable-exists-is-defined-initialized + if ( typeof(g_indexes[menu]) !== "undefined" && g_indexes[menu] !== null ) { + // creates an array with all values of g_indexes[menu] minus indexes + let temp_array = array_first_not_in_second(g_indexes[menu], indexes); + if (temp_array.length === 0) + delete g_indexes[menu]; + else + g_indexes[menu] = [].concat(temp_array); + } + } + else { + if (add && typeof(g_indexes[menu]) !== "undefined") { + // add array of menus to g_indexes{} + // creates an array with all values of indexes that are not in g_indexes[menu] already + let temp_array = array_first_not_in_second(indexes, g_indexes[menu]); + g_indexes[menu] = g_indexes[menu].concat(temp_array); + } + else { + // replace or create array of menu in g_indexes{} + g_indexes[menu] = [].concat(indexes); + } + } + + // loop through all arrays of g_indexes to find intersection + // take first one as comparison + let keys = Object.keys(g_indexes); + let intersection = []; + let compare = []; + keys.forEach((key, i) => { + if (i == 0) { + intersection = g_indexes[key]; + } + else { + let temp = []; + compare = g_indexes[key]; + for (let index of intersection) { + if (compare.indexOf(index) != -1) + temp.push(index); + } + intersection = [].concat(temp); + } + }); + return intersection; +} + +function redraw_clusters(indexes) { + + let indexes_count = indexes.length; + + if (indexes_count !== 0) { + // if index array, hide all other markers, and if zoomin, zoom to new markers + g_marker_cluster.clearMarkers(true); + + let marker = g_markers[0]; + let current_bounds = g_map.getBounds(); + let bounds = new google.maps.LatLngBounds(); + + let outside_bounds = false; + for (let index of indexes) { + marker = g_markers[index]; + position = marker.getPosition(); + if (! current_bounds.contains(position)) + outside_bounds = true; + bounds.extend(position); + + g_marker_cluster.addMarker(marker, true); + } + if (outside_bounds) { + if (indexes_count === 1) { + g_map.setCenter(position); + g_map.setZoom(max_zoom); + } + else if (indexes_count > 1) { + g_map.fitBounds(bounds); + } + } + + } + else if ( Object.keys(g_indexes).length === 0 ) { + // object is empty, there are no filters + g_map.setCenter(coordinates_default); + g_map.setZoom(2); + g_marker_cluster.addMarkers(g_markers, true); + } + else { + // filters intersection lets no markers on the map + g_marker_cluster.clearMarkers(true); + } + + g_marker_cluster.render(); +} + +function html_item(menu_name, menu_item) { + let item = menu_item.replace(/ /g, "_"); + let html_id = `filter_${menu_name}_${item}`; + return document.getElementById(html_id); +} + +function toggle_menu_items(menu_name, x_abled) { + + let name = menu_name.replace(/ /g, "_"); + let class_name = `filter_menu_${name}`; + let items = document.getElementsByClassName(class_name); + + if (x_abled === "disable") { + for (let item of items) { + // if item is a menu title (like 'categorie' or 'pays') + // don't remove 'enable', instead add it, because it's not in the list of 'to_enable' + if (item.selected) { + item.classList.add('enable'); + } + else { + item.classList.remove('enable'); + } + if (item.classList.contains('to_enable')) { + item.classList.replace('to_enable', 'enable'); + item.removeAttribute('disabled'); + } + else if (! item.selected) + item.setAttribute('disabled', ''); + } + } + else { + for (let item of items) { + item.classList.remove('enable'); + item.removeAttribute('disabled'); + } + } +} + +function disable_menus(menu_name_ori, menu_item_ori, reverse, menu_index) { + + let menu_item_name = ""; + if (menu_item_ori == null) // it's a menu name + menu_item_name = menu_name_ori; + else + menu_item_name = menu_item_ori._name; + let item_ori_html = html_item(menu_name_ori, menu_item_name); + let is_enabled = item_ori_html.classList.contains('enable'); + + // in case it's a menu title, like "Pays" or "Categories", + // and it does'nt contains 'enable' + // just act like Reset button + // it's too bad it will also go through this menu items even though it's unnecessary + if (menu_index == 'menu_name') { // it's a menu name + if (! is_enabled) { + // "item" as a menu name will select all items in all menus + toggle_menu_items("item", "enable"); + } + return; + } + + // if it's Mode menu, + // and it was the first selection, meaning it does'nt contains 'enable' + // and both (irl and online) are abled or disabled, + // just act like Reset button + // it's too bas it will also go through this menu items even though it's unnecessary + if (menu_name_ori === "mode") { + let mode_menus = document.getElementsByClassName("filter_menu_mode"); + let state = 0; + for (let mode_menu of mode_menus) { + if (mode_menu.checked) + state++; + else + state--; + } + if (state != 0) { // state equal 0 if both have a different state, because (0 + 1 - 1 = 0) and (0 - 1 + 1 = 0) + if (! is_enabled) { + // "item" as a menu name will select all items in all menus + toggle_menu_items("item", "enable"); + return; + } + } + else if (reverse) { // menu is "mode" and only one item is selected and the action was to deselect one, so the action has trigered one item but really we want to see the options of the other item, so let's switch them + if (menu_index == 0) + menu_index++; + else + menu_index--; + menu_item_ori = filters[menu_name_ori][menu_index]; + } + } + + let keys = Object.keys(menu_item_ori); + // loop through list of other menu_items available for this menu_item + // loop though menu names (pays, categories, mode) + for (let menu_name of keys) { + if (menu_name === "_name") + continue; + if (menu_name === "indexes") + continue; + else if (! is_enabled) { + + // // it's too bad it will disable all and then enable certains, it would be better to check each time + // toggle_menu_items(menu_name, "disable"); + // // loop through items in menu names (ex. for "pays" : france, chili, cuba) + // for (let item of menu_item_ori[menu_name]) { + // let item_html = html_item(menu_name, item); + // item_html.classList.add('enable'); + // item_html.removeAttribute('disabled'); + // } + + for (let item of menu_item_ori[menu_name]) { + let item_html = html_item(menu_name, item); + item_html.classList.add('to_enable'); + } + toggle_menu_items(menu_name, "disable"); + } + } +} + +function filter_show_only(element, menu_name) { + + g_infowindow.close(); + + let menu_index = element.getAttribute("data-menu_index"); + let menu_item = null; + let indexes = []; + if (menu_index != "menu_name") { + menu_item = filters[menu_name][menu_index]; + indexes = menu_item.indexes; + } + + add = false; + reverse = false; + if (element.type === "checkbox") { + reverse = ! element.checked; + add = true; + } + + disable_menus(menu_name, menu_item, reverse, menu_index); + + let index_array = filter_selection_indexes(menu_name, indexes, reverse, add); + + redraw_clusters(index_array); +} + +function filter_show_all() { + + g_infowindow.close(); + + // "item" as a menu name will select all items in all menus + toggle_menu_items("item", "enable"); + + g_indexes = {}; + g_marker_cluster.clearMarkers(true); + g_marker_cluster.addMarkers(g_markers); + /* dont use fitBounds because it's not well centered */ + /* instead use setCenter and setZoom */ + //g_map.fitBounds(g__init_bounds); + g_map.setCenter(coordinates_default); + g_map.setZoom(2); +} + diff --git a/plug/map_prof/scripts/mp_info_window.js b/plug/map_prof/scripts/mp_info_window.js new file mode 100644 index 0000000..bc75e5a --- /dev/null +++ b/plug/map_prof/scripts/mp_info_window.js @@ -0,0 +1,82 @@ + +function attach_info_window(map, marker, events, infowindow) { + + /* + * https://developers.google.com/maps/documentation/javascript/infowindows + * https://stackoverflow.com/questions/11106671/google-maps-api-multiple-markers-with-infowindows + */ + + let window_content = ` +
+
+
+

${events[0].location.address}

+
+
+ `; + for (key in events) { + window_content += ` + +

${events[key].title}

+ + `; + }; + window_content += ` +
+
+ `; + + marker.addListener('click', () => { + + let view_center = map.getCenter(); + // height must be half css value (mp_info_windows.css -> '--size: XXXpx;') + let window_offset = { width: 0, height: 275 }; + + infowindow.setOptions({ + //disableAutoPan: true, + disableAutoPan: false, + content: window_content, + + /* dimensions */ + //maxWidth: 400, + //minWidth: 400, + + /* center window */ + position: view_center, + pixelOffset: window_offset, + + //shouldFocus: false, + }); + + infowindow.open(map); + }); + +} + +/* + event : {} + - heure_de_debut : ""; + - heure_de_fin : ""; + - categorie : ""; + - date : ""; + - pays : ""; + - ville : ""; + - adresse : ""; + - prenom : ""; + - nom : ""; + - irl : bool; + - id : x; + - index : x (default null); + - title : ""; + - url : ""; + - location : {} + - street : ""; + - city : ""; + - country : ""; + - address : ""; + - approximate : bool; + - coordinates : {} + - lat : x; + - lng : x; +*/ + diff --git a/plug/map_prof/scripts/mp_init_map.js b/plug/map_prof/scripts/mp_init_map.js new file mode 100644 index 0000000..1e652ab --- /dev/null +++ b/plug/map_prof/scripts/mp_init_map.js @@ -0,0 +1,72 @@ + +let g_map = {}; +let g_markers = []; +let g_marker_cluster = {}; +let g_indexes = {}; +let g_infowindow = {}; +const g_world_bound = { + north: 80, + south: -80, + west: -180, + east: 180, +}; + +function mp_init_map() { + + /* + * following variable are created by mp_add_to_script.php + * - let locations = [ + * { + * coordinates: {} + * events : [{}, ...] + * }, + * ... + * ] + * + * { } + * { [ ] } + * - filters: { - pays : [ { - _name : "" } ] } + * { [ { - villes : [] } ] } + * { [ { - categories: [] } ] } + * { [ { - indexes : [] } ] } + * { [ { - mode : [] }, ...] } + * { [ ] } + * { } + * { - villes : ... } + * { - categories: ... } + * { - mode : ... } + * { } + * + * - let coordinates_default = {lat: ,lng: } + * - let icon_color = "" + * - let icon_color_back = "" + * - let icon_size = [x, y] + * - let cluster_size_factor = Number + * - let map_zoom = x + * - let max_zoom = x + */ + + + let map_div = document.getElementById("ljdp_map"); + //let filters_div = document.getElementById("ljdp_map_filters"); + g_infowindow = new google.maps.InfoWindow(); + + g_map = create_map(map_div); + g_markers = create_markers(g_map, locations, g_infowindow); + g_marker_cluster = draw_clusters(g_map, g_markers); + + // add listener to close infowindow + // https://developers.google.com/maps/documentation/javascript/events + g_map.addListener('click', function() { + g_infowindow.close(); + }); + g_map.addListener('drag', function() { + g_infowindow.close(); + }); + g_map.addListener('zoom_changed', function() { + g_infowindow.close(); + }); + + //g_map.addListener('clusteringbegin', restrict_map(false)); + +} diff --git a/plug/map_prof/scripts/mp_publish_error.js b/plug/map_prof/scripts/mp_publish_error.js new file mode 100644 index 0000000..5d1270e --- /dev/null +++ b/plug/map_prof/scripts/mp_publish_error.js @@ -0,0 +1,21 @@ + +console.log("publish error"); + +wp.data.dispatch( 'core/notices' ).createNotice( + 'error', // Can be one of: success, info, warning, error. + 'impossible de publier : le pays est invalide', // Text string to display. + { + isDismissible: true, // Whether the user can dismiss the notice. + } +); + +//( function ( wp ) { +// console.log("publish error"); +// wp.data.dispatch( 'core/notices' ).createNotice( +// 'error', // Can be one of: success, info, warning, error. +// 'impossible de publie : le pays est invalide', // Text string to display. +// { +// isDismissible: true, // Whether the user can dismiss the notice. +// } +// ); +//} )( window.wp ); diff --git a/plug/map_prof/settings/mp_globals.php b/plug/map_prof/settings/mp_globals.php new file mode 100644 index 0000000..d64fb4e --- /dev/null +++ b/plug/map_prof/settings/mp_globals.php @@ -0,0 +1,80 @@ + 46.227638, "lng" => 2.213749]; // france +if (isset($mp_settings_coordinates_default)) + $mp_coordinates_default = $mp_settings_coordinates_default; + + +/* ICON COLOR +*/ +$mp_icon_color = "#ba197a"; +$mp_icon_color_back = "#ffffff99"; +if (isset($mp_settings_icon_color)) + $mp_icon_color = $mp_settings_icon_color; +if (isset($mp_settings_icon_color_back)) + $mp_icon_color_back = $mp_settings_icon_color_back; + + +/* ICON STROKE WIDTH +*/ +$mp_icon_stroke_width = 6; +if (isset($mp_settings_icon_stroke_width)) + $mp_icon_stroke_width = $mp_settings_icon_stroke_width; + + +/* MAX ZOOM +*/ +$mp_max_zoom = 5; +if (isset($mp_settings_max_zoom)) + $mp_max_zoom = $mp_settings_max_zoom; + + +?> diff --git a/plug/map_prof/settings/mp_optionnals.php b/plug/map_prof/settings/mp_optionnals.php new file mode 100644 index 0000000..0722820 --- /dev/null +++ b/plug/map_prof/settings/mp_optionnals.php @@ -0,0 +1,86 @@ + 30.0, "lng" => -1.0]; // carte mieux centree + + + +/* ************************************ + couleurs d'icones + - couleur de contour + - couleur de remplissage + _ + valeurs par defaut "#ba197a" + "#ffffff99" + ************************************ */ +//$mp_settings_icon_color = "#d168a8"; +//$mp_settings_icon_color_back = "#ffffff80"; // transparency : + // 0.0 : 00 + // 0.1 : 1a + // 0.2 : 33 + // 0.3 : 4d + // 0.4 : 66 + // 0.5 : 80 + // 0.6 : 99 + // 0.7 : b3 + // 0.8 : cc + // 0.9 : e6 + + + +/* ************************************ + epaisseur de trait des icones + _ + valeurs par defaut "6" + ************************************ */ +$mp_settings_icon_stroke_width = 8; + + + + +/* ************************************ + zoom automatique maximum sur les + marqueurs + _ + valeurs par defaut "5" + ************************************ */ +$mp_settings_max_zoom = 4; + + + +?> diff --git a/plug/map_prof/settings/mp_required.php b/plug/map_prof/settings/mp_required.php new file mode 100644 index 0000000..ff39475 --- /dev/null +++ b/plug/map_prof/settings/mp_required.php @@ -0,0 +1,13 @@ + diff --git a/plug/map_prof/settings/mp_url_api.php b/plug/map_prof/settings/mp_url_api.php new file mode 100644 index 0000000..3ae9fca --- /dev/null +++ b/plug/map_prof/settings/mp_url_api.php @@ -0,0 +1,23 @@ + 'https://maps.googleapis.com/maps/api/js', + 'key' => $mp_api_key, + 'callback' => 'mp_init_map', + ); + $mp_src = ""; + foreach ($mp_url as $url_key => $url_value) { + if ($url_key === 'src') { + $mp_src .= $url_value; + if (count($mp_url) > 1) + $mp_src .= "?"; + } + else + $mp_src .= "&" . $url_key . "=" . $url_value; + }; + + return $mp_src; +} +?> diff --git a/plug/map_prof/srcs/errors/mp_address_errors.php b/plug/map_prof/srcs/errors/mp_address_errors.php new file mode 100644 index 0000000..93ef820 --- /dev/null +++ b/plug/map_prof/srcs/errors/mp_address_errors.php @@ -0,0 +1,96 @@ +approximate) { + return false; + } + } + + return true; +} + +function mp_is_address_complete($post, $id, $location) { + + // is presentiel but not complete address ? + $presentiel = get_field("mode", $id); + if ($presentiel[0] === "En présentiel") { + if (strlen($location->street) == 0) { + return false; + } + if (strlen($location->city) == 0) { + return false; + } + } + + return true; +} + +function mp_is_valid_address($post, $id, $location) { + + // is coordinates ? + if ($location->coordinates == null) + return false; + + return true; +} + +function mp_fill_address_message($post, $id, $location) { + + $message = '

article : "' + . $post->post_title . '"

- adresse fournie : "' + . get_field('adresse', $id) . ', ' + . get_field('ville', $id) . ', ' + . get_field('pays', $id) + . '"

- adresse trouvée : "' + . $location->address + . '"

'; + + return $message; +} + +function mp_find_address_errors() { + + $errors = ""; + $incompletes = ""; + $approximates = ""; + $count_errors = 0; + $count_incompletes = 0; + $count_approximates = 0; + + $get_posts_args = array( + 'numberposts' => -1, + 'post_status' => 'publish', + 'post_type' => 'post', + ); + $posts = get_posts($get_posts_args); + foreach ($posts as $post) { + $id = $post->ID; + $location = get_field('location', $id); + if (! mp_is_valid_address($post, $id, $location)) { + $count_errors++; + $errors .= mp_fill_address_message($post, $id, $location); + } + // else if (! mp_is_address_complete($post, $id, $location)) { + // $count_incompletes++; + // $incompletes .= mp_fill_address_message($post, $id, $location); + // } + else if (! mp_is_precise($post, $id, $location)) { + $count_approximates++; + $approximates .= mp_fill_address_message($post, $id, $location); + } + } + $message = "

nombre d'erreurs : " . $count_errors . "

"; +// $message .= "

nombre d'adresses incompletes pour des evenements en presentiels : " . $count_incompletes . "

"; + $message .= "

nombre d'adresses approximatives pour des evenements en presentiels : " . $count_approximates . "

"; + $message .= "

erreurs :

" . $errors; +// $message .= "

adresses incompletes:

" . $incompletes; + $message .= "

approximatives :

" . $approximates; + + return $message; +} + +?> diff --git a/plug/map_prof/srcs/map/mp_add_to_scripts.php b/plug/map_prof/srcs/map/mp_add_to_scripts.php new file mode 100644 index 0000000..c8a991d --- /dev/null +++ b/plug/map_prof/srcs/map/mp_add_to_scripts.php @@ -0,0 +1,34 @@ + $var) { + wp_add_inline_script('mp_init_map', mp_php_to_js($var, $key), 'before'); + } +} + +?> diff --git a/plug/map_prof/srcs/map/mp_create_div.php b/plug/map_prof/srcs/map/mp_create_div.php new file mode 100644 index 0000000..e563f72 --- /dev/null +++ b/plug/map_prof/srcs/map/mp_create_div.php @@ -0,0 +1,135 @@ +indexes).', '."'".$key."'".')" + onclick="filter_show_only_selection(this, '.json_encode($value->indexes).', '."'".$key."'".')" + onfocus="filter_show_only_selection(this, '.json_encode($value->indexes).', '."'".$key."'".')" + onclick="filter_show_only_selection(this, '.json_encode(array()).', '."'".$key."'".')" + onchange="filter_show_only_selection(this, '.json_encode($value->indexes).', '."'".$key."'".')" + + onchange="filter_show_only_selection(this, '.json_encode(array()).', '."'".$key."'".')" + onchange="filter_event(this, this.options[this.selectedIndex], \''.$key.'\')" + */ + $menu_name_class = 'filter_menu_'.str_replace(" ", "_", $key).''; + $id = "filter_" + . $key + . "_" + . $key + ; + $content = ' + + '; + + return $content; +}; + +function mp_filter_buttons($key, &$filter) { + +/* + onclick="filter_show_only_selection(this, '.json_encode($value->indexes).', '."'".$key."'".', true)" +*/ + $menu_name_class = 'filter_menu_'.str_replace(" ", "_", $key).''; + $content = ''; + foreach ($filter as $key_filter => $value) { + $id = "filter_" + . $key + . "_" + . str_replace( " ", "_", $value->_name) + ; + $content .= ' + + + '; + } + + return $content; +}; + +function mp_create_div(&$filters) { + $mp_map_div = ' +
+ +
+ '; + + foreach ($filters as $key => $filter) { + + if ($key == "mode") + $mp_map_div .= mp_filter_buttons($key, $filter); + else + $mp_map_div .= mp_filter_drop_down($key, $filter); + }; + + $mp_map_div .= ' + + + '; + + $mp_map_div .= ' +
+
+
+ '; + + return $mp_map_div; +}; + + +?> diff --git a/plug/map_prof/srcs/map/mp_get_events.php b/plug/map_prof/srcs/map/mp_get_events.php new file mode 100644 index 0000000..dad16c4 --- /dev/null +++ b/plug/map_prof/srcs/map/mp_get_events.php @@ -0,0 +1,212 @@ + -1, + 'post_status' => 'publish', + 'post_type' => 'post', + ); + $posts_published = get_posts($get_posts_args); + + return $posts_published; +} + +function mp_fill_fields_value($id) { + + /* + * get_field is an ACF function + * in "pure" worpdress use : + * get_post_meta or get_post_custom + * - https://developer.wordpress.org/reference/functions/get_post_meta/ + * - https://developer.wordpress.org/reference/functions/get_post_custom/ + * if you try to use `get_fields(id)` to retrieve all the acf7 custom fields, + * sometimes it fails eventhough you can get a specific value with `get_field(value, id)`, + * it's because acf7 didn´t insert the field itself and so some hidden data is not there : + * - https://coreysalzano.com/wordpress/acf-get_fields-not-working-but-get_field-does/ + */ + + // add fields + $fields = array( + "heure_de_debut", + "heure_de_fin", + "categorie", + "date", + "pays", + "ville", + "adresse", + "prenom", + "nom", + "location", + ); + $event = (object)[]; + foreach($fields as $field) { + $value = get_field($field, $id); + if ($value === "↓") + $value = "Autre"; + if (gettype($value) === "string") + $value = trim($value, " "); + $event->$field = $value; + } + + // add mode irl or online (irl: true | false) + $presentiel = get_field("mode", $id); + $event->irl = false; + if ($presentiel[0] === "En présentiel") + $event->irl = true; + + // add post url + $event->url = get_post_permalink($id); + + return $event; +} + +function mp_get_published_events() { + $posts_list = mp_get_published_posts(); + +// mp_console_log("posts :"); +// mp_console_log($posts_list); +// foreach ($posts_list as $post) { +// mp_console_log("--------------- post :"); +// $id = $post->ID; +// mp_console_log("id: " . $id); +// mp_console_log("adresse: " . $event->adresse); +// mp_console_log("pays: " . $event->pays); +// mp_console_log("ville: " . $event->ville); +// mp_console_log("irl: " . $event->irl); +// mp_console_log($event); +// +// $fields = get_fields($id); +// mp_console_log("fields:"); +// mp_console_log($fields); +// $field_heure = get_field("heure_de_debut", $id); +// mp_console_log("field_heure: " . $field_heure); +// $post_metas = get_post_meta($id); +// mp_console_log("post_metas:"); +// mp_console_log($post_metas); +// $post_custom = get_post_custom($id); +// mp_console_log("post_custom:"); +// mp_console_log($post_custom); +// foreach( $fields as $name => $value ) +// mp_console_log($name . " : " . $value); +// } + + $events = []; + foreach ($posts_list as $post) { + $event = mp_fill_fields_value($post->ID); + $event->id = $post->ID; + $event->title = trim($post->post_title, " "); + $event->index = null; + array_push($events, $event); + } + return $events; +} + +/* + event : {} + - heure_de_debut : ""; + - heure_de_fin : ""; + - categorie : ""; + - date : ""; + - pays : ""; + - ville : ""; + - adresse : ""; + - prenom : ""; + - nom : ""; + - irl : bool; + - id : x; + - index : x (default null); + - title : ""; + - url : ""; + - location : {} + - street : ""; + - city : ""; + - country : ""; + - address : ""; + - approximate : bool; + - coordinates : {} + - lat : x; + - lng : x; +*/ + + +?> diff --git a/plug/map_prof/srcs/map/mp_get_filters.php b/plug/map_prof/srcs/map/mp_get_filters.php new file mode 100644 index 0000000..94a5993 --- /dev/null +++ b/plug/map_prof/srcs/map/mp_get_filters.php @@ -0,0 +1,160 @@ +_name, $b->_name); + + if ($a->_name === "Autre") { + if ($compare !== 0) + return 1; + } + if ($b->_name === "Autre") { + if ($compare !== 0) + return -1; + } + + return $compare; +} + +function mp_already_in_menu(&$menu, $name) { + foreach ($menu as $field) { + if ($field->_name == $name) + return $field; + } + return null; +} + + +/** + * creates the menus + * from the events fields + * and add the index of the event as it is in location (events when they are sorted) + * + * fields: [ countries:"", cities:"", categories:"", ... ] + * name : field's values -> countries, cities, categories, ... + * menu : [ { _name:"", field_1:[], field_2:[] }, ... ] + * index : index of this event in locations[] array + */ +function mp_fill_name($fields, $name, &$menu, $index) { + if ($fields[$name] == null) + return; + if (gettype($fields[$name]) != 'string') + return; + if (strlen($fields[$name]) == 0) + return; + // menu_item, ex: for menu "countries" -> france + $menu_item = mp_already_in_menu($menu, $fields[$name]); + if ($menu_item != null) { + // add to this menu item, eg "Austria", the infos of this + // event, like "city" or "category", if not there already + foreach ($fields as $key_field => $value) { + // no need to add name if already exist + if ($key_field == $name) + continue; + if (! isset($menu_item->$key_field) ) + $menu_item->$key_field = []; + if (!is_string($value)) + continue; + if (strlen($value) != 0) { + if (! in_array($value, $menu_item->$key_field) ) + array_push($menu_item->$key_field, $value); + } + } + // add location index, if not there already + if (! in_array($index, $menu_item->indexes) ) { + array_push($menu_item->indexes, $index); + } + } + else { + $menu_item = (object)[]; + $menu_item->_name = $fields[$name]; + // add lists of event info (cities, countries, ...) + foreach ($fields as $key_field => $value) { + if ($key_field == $name) + continue; + $menu_item->$key_field = []; + if (!is_string($value)) + continue; + if (strlen($value) != 0) + array_push($menu_item->$key_field, $value); + } + // add list of location index + $menu_item->indexes = [$index]; + + // and add this item to list of menu + array_push($menu, $menu_item); + } +} + +function mp_get_filters(&$events) { + $filters = (object)[]; + + foreach ($events as $event) { + + // no index means no coordinates + $index = $event->index; + if ($index === null) + continue; + + // create array of menus + $fields = array( + "Pays" => $event->location->country, + "Catégories" => $event->categorie, + "mode" => ($event->irl)? "En présentiel" : "En ligne", + ); + + // fill all menu with other menus without doubles + foreach ($fields as $name => $value) { + if (! isset($filters->$name)) + $filters->$name = []; + mp_fill_name($fields, $name, $filters->$name, $index); + } + } + + foreach ($filters as $key => $value) { + usort($filters->$key, 'mp_filter_compare'); + } + + return $filters; +} + +/* + { } + { [ ] } +filters: { - countries : [ { - _name : "" } ] } + { [ { - categories: [] } ] } + { [ { - indexes : [] }, ... ] } + { [ ] } + { } + { - categories: } + { - modes : } + { } +*/ + +/* + event : {} + - heure_de_debut : ""; + - heure_de_fin : ""; + - categorie : ""; + - date : ""; + - pays : ""; + - ville : ""; + - adresse : ""; + - prenom : ""; + - nom : ""; + - irl : bool; + - id : x; + - index : x; + - title : ""; + - location : {} + - street : ""; + - city : ""; + - country : ""; + - address : ""; + - approximate : bool; + - coordinates : {} + - lat : x; + - lng : x; +*/ + +?> diff --git a/plug/map_prof/srcs/map/mp_get_locations.php b/plug/map_prof/srcs/map/mp_get_locations.php new file mode 100644 index 0000000..8ff65e5 --- /dev/null +++ b/plug/map_prof/srcs/map/mp_get_locations.php @@ -0,0 +1,66 @@ +coordinates->lat == $coordinates->lat) + if ($location->coordinates->lng == $coordinates->lng) + return $location; + } + return null; +} + +function mp_sort_n_insert(&$event, &$locations) { + $coordinates = $event->location->coordinates; + if ($coordinates == null) + return; + + $already_exist = mp_coord_already_exist($coordinates, $locations); + if ($already_exist) { + // add index to the event + $index = $already_exist->index; + $event->index = $index; + // add event to events[] + array_push($already_exist->events, $event); + } + else { + // create new location object + $location = (object)[]; + $location->events = []; + + // add index to the location and event + $index = count($locations); + $location->index = $index; + $event->index = $index; + // add coordinates to the location + $location->coordinates = $coordinates; + // add first event to events[] + array_push($location->events, $event); + // add this location to locations[] + array_push($locations, $location); + } +} + +function mp_sort_events(&$events) { + $locations = []; + + foreach ($events as $event) { + mp_sort_n_insert($event, $locations); + }; + + return $locations; +} + +/* + + locations = [ + { + index : x + coordinates: {} + events : [{}, ...] + }, + ... + ] + +*/ + +?> diff --git a/plug/map_prof/srcs/map_posts/mp_post_events_pages.php b/plug/map_prof/srcs/map_posts/mp_post_events_pages.php new file mode 100644 index 0000000..953f36a --- /dev/null +++ b/plug/map_prof/srcs/map_posts/mp_post_events_pages.php @@ -0,0 +1,27 @@ +coordinates; + + $mp_coordinates_default = $coordinates; + } +} + +?> diff --git a/plug/map_prof/srcs/menu/mp_menu_content.php b/plug/map_prof/srcs/menu/mp_menu_content.php new file mode 100644 index 0000000..5bb8c81 --- /dev/null +++ b/plug/map_prof/srcs/menu/mp_menu_content.php @@ -0,0 +1,258 @@ + -1, + 'post_status' => 'any', + 'post_type' => 'post', + ); + $posts_list = get_posts($get_posts_args); + + return $posts_list; +} + + + +function mp_posts_published($posts_list) { + + $posts_published = []; + foreach ($posts_list as $post) { + $status = $post->post_status; + if ($status == "publish") + array_push($posts_published, $post); + } + return $posts_published; +} + + + +function mp_have_no_address($posts_list) { + + $posts_no_address = []; + foreach ($posts_list as $post) { + $address = mp_get_address($post->ID); + if (empty($address)) + array_push($posts_no_address, $post); + } + return $posts_no_address; +} + + + +function mp_have_no_coordinates($posts_list) { + + $posts_no_coordinates = []; + foreach ($posts_list as $post) { + $location = get_field("location", $post->ID); + if (empty($location)) + array_push($posts_no_coordinates, $post); + else if (empty($location->coordinates)) + array_push($posts_no_coordinates, $post); + } + return $posts_no_coordinates; +} + + + +function mp_show_list_posts_no_address($posts) { + + echo << +

+ ATTENTION ! +

+

+ + HTML; + echo count($posts); + echo ''; + if (count($posts) == 1) + echo " article n'a pas d'adresse :"; + else + echo " articles n'ont pas d'adresses :"; + echo << +