Geo: display related items on sheet

1 files changed, 133 insertions, 36 deletions

diff --git a/ishtar_common/static/js/ishtar-map.js b/ishtar_common/static/js/ishtar-map.js
index 95f8ad3e3..a0709c059 100644
--- a/ishtar_common/static/js/ishtar-map.js
+++ b/ishtar_common/static/js/ishtar-map.js
@@ -32,7 +32,7 @@ var fetching_msg = "Fetching data...";
 var base_maps_msg = "Base maps";
 
 var _map_submit_search = function(query_vars, name, source, extra){
-	if (!extra) extra = "default";
+    if (!extra) extra = "default";
     var modal_base_text = $('.modal-progress .modal-header').html();
     $('.modal-progress .modal-header').html(fetching_msg);
     $('.modal-progress').modal('show');
@@ -175,7 +175,7 @@ var TrackPositionControl = (function (Control) {
 /* base layers */
 
 var source_osm = function(options){
-	options["source"] = new ol.source.OSM();
+    options["source"] = new ol.source.OSM();
     return new ol.layer.Tile(options);
 };
 
@@ -207,19 +207,19 @@ var ign_resolutions = [
 var ign_key = "essentiels";
 
 var source_ign = function(options){
-	options["source"] = new ol.source.WMTS({
-		url: "https://wxs.ign.fr/" + ign_key + "/geoportail/wmts",
-		layer: "ORTHOIMAGERY.ORTHOPHOTOS",
-		matrixSet: "PM",
-		format: "image/jpeg",
-		style: "normal",
-		tileGrid : new ol.tilegrid.WMTS({
-			origin: [-20037508,20037508], // topLeftCorner
-			resolutions: ign_resolutions, // résolutions
-			matrixIds: ["0","1","2","3","4","5","6","7","8","9","10","11","12","13","14","15","16","17","18","19"] // ids des TileMatrix
-		})
-	});
-	return new ol.layer.Tile(options);
+    options["source"] = new ol.source.WMTS({
+        url: "https://wxs.ign.fr/" + ign_key + "/geoportail/wmts",
+        layer: "ORTHOIMAGERY.ORTHOPHOTOS",
+        matrixSet: "PM",
+        format: "image/jpeg",
+        style: "normal",
+        tileGrid : new ol.tilegrid.WMTS({
+            origin: [-20037508,20037508], // topLeftCorner
+            resolutions: ign_resolutions, // résolutions
+            matrixIds: ["0","1","2","3","4","5","6","7","8","9","10","11","12","13","14","15","16","17","18","19"] // ids des TileMatrix
+        })
+    });
+    return new ol.layer.Tile(options);
 }
 
 var default_map_layers = {
@@ -230,14 +230,14 @@ var default_map_layers = {
 var get_layers = function(layers){
     if (!layers){
         layers = [
-        	{
-        		'type': 'ign',
-        		'options': {'title': "IGN aérien (France)", 'visible': false, "type": 'base'}
-        	},
-        	{
-        		'type': 'osm',
-        		'options': {'title': "OpenStreetMap", 'visible': true, "type": 'base'}
-        	}
+            {
+                'type': 'ign',
+                'options': {'title': "IGN aérien (France)", 'visible': false, "type": 'base'}
+            },
+            {
+                'type': 'osm',
+                'options': {'title': "OpenStreetMap", 'visible': true, "type": 'base'}
+            }
         ];
     }
     var ol_layers = [];
@@ -627,12 +627,12 @@ var initialize_base_map = function(map_id, layers){
     center = wkt_format.readGeometry(map_default_center).getCoordinates();
 
     map_layers[map_id] = [
-    	new ol.layer.Group({
-			title: base_maps_msg,
-			visible: true,
-			layers: get_layers(layers)
-		})
-	];
+        new ol.layer.Group({
+            title: base_maps_msg,
+            visible: true,
+            layers: get_layers(layers)
+        })
+    ];
 
     map_view[map_id] = new ol.View({
         projection: view_projection,
@@ -661,14 +661,14 @@ var initialize_base_map = function(map_id, layers){
         view: map_view[map_id]
     });
     var layer_switcher = new ol.control.LayerSwitcher({
-		tipLabel: 'Légende',
-		groupSelectStyle: 'children'
-	});
-	map[map_id].addControl(layer_switcher);
+        tipLabel: 'Légende',
+        groupSelectStyle: 'children'
+    });
+    map[map_id].addControl(layer_switcher);
 }
 
 var redraw_map = function(map_id, layers){
-	if (!map || !map[map_id]) return;
+    if (!map || !map[map_id]) return;
     map[map_id].setTarget(null);
     map[map_id] = null;
     initialize_base_map(map_id, layers);
@@ -705,7 +705,6 @@ var display_map = function(map_id, points, lines_and_polys, layers){
 var display_points = function(map_id, points, first_init){
     if (!points) return;
     point_features[map_id] = geojson_format.readFeatures(points);
-    console.log(708);
     if (!cluster_source[map_id]){
         enable_clustering(map_id);
     } else {
@@ -736,7 +735,6 @@ var display_lines_and_polys = function(map_id, lines_and_polys, first_init){
         style: get_vector_style
     });
 
-    console.log(738);
     map[map_id].addLayer(vector_layer[map_id]);
     if (first_init && lines_and_polys.features && lines_and_polys.features.length){
         map_view[map_id].fit(vector_source[map_id].getExtent());
@@ -896,3 +894,102 @@ var base_features_type = function (id) {
     }
     else { return 'Point and MultiPolygon' }
 }
+
+var _geo_points = new Array();
+var _geo_other = new Array();
+
+var _point_list_crs = new Array();
+var _other_list_crs = new Array();
+var _point_list_finds = new Array();
+var _other_list_finds = new Array();
+
+const _refresh_map_crs = function(idx) {
+    if (idx in _geo_points && idx in _point_list_crs){
+        for (const feat of _point_list_crs[idx]){
+            _geo_points[idx]["features"].push(feat);
+        }
+    }
+    if (idx in _geo_other && idx in _other_list_crs){
+        for (const feat of _other_list_crs[idx]){
+            _geo_other[idx]["features"].push(feat);
+        }
+    }
+}
+const _refresh_map_finds = function(idx) {
+    if (idx in _geo_points && idx in _point_list_finds){
+        for (const feat of _point_list_finds[idx]){
+            _geo_points[idx]["features"].push(feat);
+        }
+    }
+    if (idx in _geo_other && idx in _other_list_finds){
+        for (const feat of _other_list_finds[idx]){
+            _geo_other[idx]["features"].push(feat);
+        }
+    }
+}
+
+const refresh_map_finds_crs = function(url, attrs, idx, crs_check, find_check) {
+    if (idx in _point_list_finds){
+        if (crs_check) _refresh_map_crs(idx);
+        if (find_check) _refresh_map_finds(idx);
+        return;
+    }
+    _point_list_crs[idx] = new Array();
+    _other_list_crs[idx] = new Array();
+    _point_list_finds[idx] = new Array();
+    _other_list_finds[idx] = new Array();
+    $.get(url, attrs).done(
+        function(data) {
+            data = JSON.parse(data);
+            if (data) {
+                if (data["context-records"] && data["context-records"]["features"]) {
+                    for (let feat of data["context-records"]["features"]){
+                        if (feat["geometry"]["type"] === 'Point' ||
+                            feat["geometry"]["type"] === 'MultiPoint'){
+                            _point_list_crs[idx].push(feat);
+                        } else {
+                            _other_list_crs[idx].push(feat);
+                        }
+                    }
+                    if (crs_check) _refresh_map_crs(idx);
+                }
+                if (data["finds"] && data["finds"]["features"]) {
+                    for (let feat of data["finds"]["features"]){
+                        if (feat["geometry"]["type"] === 'Point' ||
+                            feat["geometry"]["type"] === 'MultiPoint'){
+                            _point_list_finds[idx].push(feat);
+                        } else {
+                            _other_list_finds[idx].push(feat);
+                        }
+                    }
+                    if (finds_check) _refresh_map_finds(idx);
+                }
+            }
+        }
+    );
+}
+
+
+const refresh_map = function(idx, geodata_list, url, attrs) {
+    _geo_points[idx] = {"type": "FeatureCollection", "features": []};
+    _geo_other[idx] = {"type": "FeatureCollection", "features": []};
+    for (const key in geodata_list){
+        if ($("#map-ol-" + key).prop('checked')){
+            let geo_type = geodata_list[key][0];
+            let geojson = geodata_list[key][1];
+            if (geo_type === 'POINT'){
+                Array.prototype.push.apply(
+                    _geo_points[idx]["features"], geojson["features"]);
+            } else {
+                Array.prototype.push.apply(
+                    _geo_other[idx]["features"], geojson["features"]);
+            }
+        }
+    }
+    if (url && attrs){
+        let find_check = $("#map-ol-" + idx + "-finds").prop('checked');
+        let crs_check = $("#map-ol-" + idx + "-crs").prop('checked');
+        refresh_map_finds_crs(url, attrs, idx, crs_check, find_check);
+    }
+}
+