Bindind layers together (some identified properties and deletion)

src/app/pages/portal/portal.component.html

@@ -135,6 +135,8 @@
       [withTitle]="actionbarWithTitle"
       [horizontal]="true"
       [withToggleButton]="actionbarMode === 'overlay'"
+      [iconColor]="'primary'"
+      [color]="'primary'"
       [mode]="actionbarMode">
     </igo-actionbar>
       <div class="spacer"></div>

src/contexts/_base.json

@@ -32,6 +32,81 @@
         "crossOrigin": "anonymous"
       }
     },
+    {
+      "title": "Hybride automobile",
+      "baseLayer": true,
+      "visible": true,
+      "linkedLayers": {
+        "linkId": "HybrideAuto",
+        "links": [{
+          "bidirectionnal": true,
+          "syncedDelete": true,
+          "linkedIds": ["bgr_v_sous_route_res_sup_act"],
+          "properties": ["visible"]
+        }]
+      },
+      "sourceOptions": {
+        "url": "https://geoegl.msp.gouv.qc.ca/apis/carto/tms/1.0.0/orthos@EPSG_3857/{z}/{x}/{-y}.jpeg",
+        "attributions": "© <a href='http://www.droitauteur.gouv.qc.ca/copyright.php' target='_blank'><img src='/gouvouvert/public/images/quebec/gouv_qc_logo.png' width='64' height='14'>Gouvernement du Québec</a> / <a href='http://www.igouverte.org/' target='_blank'>IGO2</a>",
+        "type": "xyz",
+        "maxZoom": 19,
+        "crossOrigin": "anonymous"
+      }
+    },
+    {
+      "title": "bgr_v_sous_route_res_sup_act",
+      "opacity": 0.5,
+      "showInLayerList": false,
+      "linkedLayers": {
+        "linkId": "bgr_v_sous_route_res_sup_act"
+      },
+      "sourceOptions": {
+        "type": "wms",
+        "queryable": true,
+        "url": "/swtq",
+        "params": {
+          "layers": "bgr_v_sous_route_res_sup_act"
+        }
+      }
+    },
+    {
+      "title": "Hybride vélo",
+      "baseLayer": true,
+      "visible": false,
+      "linkedLayers": {
+        "linkId": "HybrideVelo",
+        "links": [{
+          "bidirectionnal": true,
+          "syncedDelete": true,
+          "linkedIds": ["convi_velo_glv"],
+          "properties": ["visible"]
+        }]
+      },
+      "sourceOptions": {
+        "url": "https://geoegl.msp.gouv.qc.ca/apis/carto/tms/1.0.0/orthos@EPSG_3857/{z}/{x}/{-y}.jpeg",
+        "attributions": "© <a href='http://www.droitauteur.gouv.qc.ca/copyright.php' target='_blank'><img src='/gouvouvert/public/images/quebec/gouv_qc_logo.png' width='64' height='14'>Gouvernement du Québec</a> / <a href='http://www.igouverte.org/' target='_blank'>IGO2</a>",
+        "type": "xyz",
+        "maxZoom": 19,
+        "crossOrigin": "anonymous"
+      }
+    },
+    {
+      "title": "convi_velo_glv",
+      "opacity": 0.5,
+      "showInLayerList": false,
+      "linkedLayers": {
+        "linkId": "convi_velo_glv"
+      },
+      "sourceOptions": {
+        "type": "wms",
+        "url": "/swtq",
+        "params": {
+          "layers": "convi_velo_glv"
+        }
+      }
+    },
+
+
     {
       "title": "Aucun",
       "baseLayer": true,
@@ -46,7 +121,7 @@
     {
       "id": "carte_gouv_qc",
       "title": "Carte Topo",
-      "visible": true,
+      "visible": false,
       "baseLayer": true,
       "sourceOptions": {
         "url": "https://geoegl.msp.gouv.qc.ca/apis/carto/tms/1.0.0/carte_gouv_qc_ro@EPSG_3857/{z}/{x}/{-y}.png",

src/contexts/_contexts.json

@@ -14,6 +14,10 @@
   {
     "uri": "ogcFilters",
     "title": "Filtre attributaire (Attribute filter)"
+  },  
+  {
+    "uri": "layerSync",
+    "title": "Synchronisation de layers"
   },
   {
     "uri": "workspace",

src/contexts/layerSync.json

@@ -0,0 +1,264 @@
+{
+    "uri": "layerSync",
+    "title": "Layer Sync",
+    "base": "_base",
+    "layers": [
+      {        
+        "title": "TimeFilter WMS Destination",
+        "id": "TIMEFILTERDestination",
+        "linkedLayers": {
+          "linkId": "wmsTimeFilterDest"
+        },
+        "visible": true,
+        "sourceOptions": {
+          "url": "https://geoegl.msp.gouv.qc.ca/apis/ws/igo_gouvouvert.fcgi",
+          "timeFilterable": true,
+          "queryable": true,
+          "queryFormat": "gml2",
+          "queryTitle": "date_observation",
+          "optionsFromCapabilities": true,
+          "params": {
+            "layers": "vg_observation_v_autre_wmst",
+            "version": "1.3.0"
+          },
+          "type": "wms"
+        }
+      },
+      {        
+        "title": "TimeFilter WMS Source",
+        "id": "TIMEFILTERSource",
+        "linkedLayers": {
+          "linkId": "wmsTimeFilterSrc",
+          "links": [{
+            "bidirectionnal": true,
+            "linkedIds": ["wmsTimeFilterDest"],
+            "properties": ["opacity","timeFilter","visible"]
+            }]
+        },
+        "visible": true,
+        "sourceOptions": {
+          "url": "https://geoegl.msp.gouv.qc.ca/apis/ws/igo_gouvouvert.fcgi",
+          "timeFilterable": true,
+          "timeFilter": {
+            "min": "1990-01-01",
+            "max": "2020-03-28",
+            "style": "calendar",
+            "range": true,
+            "type": "date"
+          },
+          "queryable": true,
+          "queryFormat": "gml2",
+          "queryTitle": "date_observation",
+          "optionsFromCapabilities": true,
+          "params": {
+            "layers": "vg_observation_v_autre_wmst",
+            "version": "1.3.0"
+          },
+          "type": "wms"
+        }
+      },
+
+      {
+        "title": "OgcFilters WMS Destination",
+        "visible": false,
+        "id": "DestinationWMSOGCFILTERS",
+        "linkedLayers": {
+          "linkId": "wmsOgcFiltersDest"
+        },
+        "sourceOptions": {
+          "queryable": true,
+          "type": "wms",
+          "url": "https://geoegl.msp.gouv.qc.ca/apis/ws/swtq",
+          "urlWfs": "https://geoegl.msp.gouv.qc.ca/apis/ws/swtq",
+          "params": {
+            "layers": "radars_photos"
+          },
+          "paramsWFS": {
+            "featureTypes": "radars_photos",
+            "fieldNameGeometry": "geometry",
+            "maxFeatures": 10000,
+            "version": "1.1.0",
+            "outputFormat": "geojson",
+            "outputFormatDownload": "shp"
+          }
+        }
+      },
+      {
+        "title": "OgcFilters WMS Source",
+        "id": "wmsOgcFiltersSrc",
+        "minResolution": 0,
+        "maxResolution": 400,
+        "linkedLayers": {
+          "linkId": "wmsOgcFiltersSrc",
+          "links": [{
+            "bidirectionnal": true,
+            "syncedDelete": true,
+            "linkedIds": ["wmsOgcFiltersDest","wfsOgcFilterDest"],
+            "properties": ["zIndex", "opacity","visible","ogcFilters","minResolution", "maxResolution" ]
+          }]
+        },
+        "sourceOptions": {
+          "queryable": true,
+          "type": "wms",
+          "url": "https://geoegl.msp.gouv.qc.ca/apis/ws/swtq",
+          "urlWfs": "https://geoegl.msp.gouv.qc.ca/apis/ws/swtq",
+          "params": {
+            "layers": "radars_photos"
+          },
+          "ogcFilters": {
+            "enabled": true,
+            "editable": true,
+            "pushButtons": {
+              "groups": [
+                {"title": "Group 1 Title","name": "1","ids": ["id1","id2"]},
+                {"title": "Group 2 Title", "name": "2", "ids": ["id1"]}
+              ],
+              "bundles": [
+                {
+                  "id": "id1",
+                  "logical": "Or",
+                  "buttons": [
+                    {
+                      "title": "Radar photo fixe",
+                      "enabled": true,
+                      "color": "0,0,255",
+                      "tooltip": "Here a tooltip explaning ...",
+                      "filters": {
+                        "operator": "PropertyIsEqualTo",
+                        "propertyName": "typeAppareil",
+                        "expression": "Radar photo fixe"
+                      }
+                    },
+                    {
+                      "title": "Radar photo mobile",
+                      "enabled": false,
+                      "color": "255,200,0",
+                      "tooltip": "Here a tooltip explaning ...",
+                      "filters": {
+                        "operator": "PropertyIsEqualTo",
+                        "propertyName": "typeAppareil",
+                        "expression": "Radar photo mobile"
+                      }
+                    },
+                    {
+                      "title": "Radar photo fixe + feu rouge",
+                      "enabled": false,
+                      "color": "0,200,0",
+                      "tooltip": "Here a tooltip explaning ...",
+                      "filters": {
+                        "operator": "PropertyIsEqualTo",
+                        "propertyName": "typeAppareil",
+                        "expression": "Radar photo fixe et surveillance au feu rouge"
+                      }
+                    },
+                    {
+                      "title": "Radar feu rouge",
+                      "enabled": false,
+                      "color": "255,0,0",
+                      "tooltip": "Here a tooltip explaning ...",
+                      "filters": {
+                        "operator": "PropertyIsEqualTo",
+                        "propertyName": "typeAppareil",
+                        "expression": "Appareil de surveillance au feu rouge"
+                      }
+                    }
+                  ]
+                },
+                {
+                  "id": "id2",
+                  "logical": "Or",
+                  "vertical": true,
+                  "buttons": [
+                    {
+                      "title": "Montréal & Laval",
+                      "enabled": false,
+                      "tooltip": "Here a tooltip explaning ...",
+                      "filters": {
+                        "logical": "Or",
+                        "filters": [
+                          {
+                            "operator": "PropertyIsEqualTo",
+                            "propertyName": "region",
+                            "expression": "Montréal"
+                          },
+                          {
+                            "operator": "PropertyIsEqualTo",
+                            "propertyName": "region",
+                            "expression": "Laval"
+                          }
+                        ]
+                      }
+                    },
+                    {
+                      "title": "Outside Montréal & Laval",
+                      "enabled": false,
+                      "tooltip": "Here a tooltip explaning ...",
+                      "filters": {
+                        "logical": "And",
+                        "filters": [
+                          {
+                            "operator": "PropertyIsNotEqualTo",
+                            "propertyName": "region",
+                            "expression": "Montréal"
+                          },
+                          {
+                            "operator": "PropertyIsNotEqualTo",
+                            "propertyName": "region",
+                            "expression": "Laval"
+                          }
+                        ]
+                      }
+                    }
+                  ]
+                }
+              ]
+            },
+            "allowedOperatorsType": "all"
+          },
+          "paramsWFS": {
+            "featureTypes": "radars_photos",
+            "fieldNameGeometry": "geometry",
+            "maxFeatures": 10000,
+            "version": "1.1.0",
+            "outputFormat": "geojson",
+            "outputFormatDownload": "shp"
+          }
+        }
+      },
+      {
+        "title": "OgcFilters WFS Destination",
+        "linkedLayers": {
+          "linkId": "wfsOgcFilterDest"
+        },
+        "showInLayerList": true,
+        "visible": true,
+        "sourceOptions": {
+          "queryable": true,
+          "params": {
+            "featureTypes": "radars_photos",
+            "fieldNameGeometry": "geometry",
+            "maxFeatures": 10000,
+            "version": "2.0.0",
+            "outputFormatDownload": "shp"
+          },
+          "type": "wfs",
+          "url": "https://geoegl.msp.gouv.qc.ca/apis/ws/swtq"
+        }
+      }
+    ],
+    "toolbar": [
+      "searchResults",
+      "contextManager",
+      "mapTools",
+      "ogcFilter",
+      "timeFilter",
+      "measurer",
+      "directions",
+      "catalog",
+      "importExport",
+      "print",
+      "shareMap",
+      "about"
+    ]
+  }
+