@eeacms/volto-arcgis-block 0.1.213 → 0.1.215

package/CHANGELOG.md

@@ -4,6 +4,10 @@ All notable changes to this project will be documented in this file. Dates are d
 
 Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
+### [0.1.215](https://github.com/eea/volto-arcgis-block/compare/0.1.214...0.1.215) - 9 October 2023
+
+### [0.1.214](https://github.com/eea/volto-arcgis-block/compare/0.1.213...0.1.214) - 5 October 2023
+
 ### [0.1.213](https://github.com/eea/volto-arcgis-block/compare/0.1.212...0.1.213) - 4 October 2023
 
 ### [0.1.212](https://github.com/eea/volto-arcgis-block/compare/0.1.211...0.1.212) - 4 October 2023

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eeacms/volto-arcgis-block",
-  "version": "0.1.213",
+  "version": "0.1.215",
   "description": "volto-arcgis-block: Volto add-on",
   "main": "src/index.js",
   "author": "European Environment Agency: CodeSyntax",

package/src/components/MapViewer/MapViewer.jsx

@@ -327,7 +327,14 @@ class MapViewer extends React.Component {
   renderSwipe() {
     if (this.props.mapviewer_config.Download) return;
     if (this.view)
-      return <SwipeWidget view={this.view} mapViewer={this} map={this.map} />;
+      return (
+        <SwipeWidget
+          view={this.view}
+          mapViewer={this}
+          map={this.map}
+          layers={this.layers}
+        />
+      );
   }
 
   renderArea() {

package/src/components/MapViewer/SwipeWidget.jsx

@@ -25,7 +25,7 @@ class SwipeWidget extends React.Component {
     this.dpiMax = 1200;
     this.scaleMax = 600000000;
     this.map = this.props.map;
-    this.visibleSavedLayers = [];
+    this.layers = this.props.layers;
   }
 
   loader() {
@@ -139,9 +139,6 @@ class SwipeWidget extends React.Component {
     }
   }
   renderApplySwipeButton() {
-    if (this.visibleSavedLayers.length === 0) {
-      this.saveVisibleLayers();
-    }
     this.props.view.ui.remove(this.swipe);
     this.props.view.ui.add(this.swipe);
     let selectedLeadingLayer = document.getElementById('select-leading-layer')
@@ -154,35 +151,51 @@ class SwipeWidget extends React.Component {
     this.swipe.leadingLayers.removeAll();
     this.swipe.trailingLayers.removeAll();
     this.swipe.direction = selectedSwipeDirection;
+    let vl = JSON.parse(sessionStorage.getItem('visibleLayers'));
     this.map.layers.forEach((layer) => {
       layer.visible = false;
       if (layer.id === selectedLeadingLayer) {
         layer.visible = true;
+        if (vl) {
+          for (const key in vl) {
+            if (this.layers[key].id === layer.id) {
+              if (vl[key][1] === 'eye-slash') {
+                layer.visible = false;
+              }
+            }
+          }
+        }
         this.swipe.leadingLayers.add(layer);
       }
       if (layer.id === selectedTrailingLayer) {
         layer.visible = true;
+        if (vl) {
+          for (const key in vl) {
+            if (this.layers[key].id === layer.id) {
+              if (vl[key][1] === 'eye-slash') {
+                layer.visible = false;
+              }
+            }
+          }
+        }
         this.swipe.trailingLayers.add(layer);
       }
     });
   }
-  saveVisibleLayers() {
-    this.visibleSavedLayers.push('default');
-    this.map.layers.forEach((layer) => {
-      if (layer.visible) {
-        this.visibleSavedLayers.push(layer.id);
-      }
-    });
-  }
   loadVisibleLayers() {
+    let vl = JSON.parse(sessionStorage.getItem('visibleLayers'));
     this.map.layers.forEach((layer) => {
-      this.visibleSavedLayers.forEach((visibleLayerId) => {
-        if (layer.id === visibleLayerId) {
-          layer.visible = true;
+      layer.visible = true;
+      if (vl) {
+        for (const key in vl) {
+          if (this.layers[key].id === layer.id) {
+            if (vl[key][1] === 'eye-slash') {
+              layer.visible = false;
+            }
+          }
         }
-      });
+      }
     });
-    this.visibleSavedLayers = [];
   }
   /**
    * This method renders the component