@abi-software/map-side-bar 2.5.0 → 2.5.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abi-software/map-side-bar",
-  "version": "2.5.0",
+  "version": "2.5.1",
   "files": [
     "dist/*",
     "src/*",

package/src/App.vue

@@ -128,7 +128,14 @@ export default {
       },
       connectivityInput: exampleConnectivityInput,
       activeId: 1,
-      createData: null,
+      createData: {
+        toBeConfirmed: false,
+        points: [],
+        shape: "",
+        x: 0,
+        y: 0,
+      },
+      createDataSet: false,
     }
   },
   methods: {
@@ -239,7 +246,7 @@ export default {
       console.log('Algolia facets:', facets)
     },
     toggleCreateData : function() {
-      if (!this.createData) {
+      if (!this.createDataSet) {
         this.createData = {
           drawingBox: false,
           toBeConfirmed: true,
@@ -251,8 +258,16 @@ export default {
           faceIndex: -1,
           toBeDeleted: false,
         }
+        this.createDataSet = true
       } else {
-        this.createData = null
+        this.createData = {
+          toBeConfirmed: false,
+          points: [],
+          shape: "",
+          x: 0,
+          y: 0,
+        }
+        this.createDataSet = false
       }
     },
     onConnectivityComponentClick: function(data) {

package/src/components/ConnectivityInfo.vue

@@ -765,8 +765,15 @@ export default {
 }
 
 .el-button-secondary {
-  border-color: transparent;
-  background-color: transparent;
+  border-color: transparent !important;
+  background-color: transparent !important;
+  color: inherit !important;
+
+  &:hover {
+    color: $app-primary-color !important;
+    border-color: $app-primary-color !important;
+    background-color: #f9f2fc !important;
+  }
 }
 
 .buttons-row {

package/src/components/SideBar.vue

@@ -158,7 +158,13 @@ export default {
     },
     createData: {
       type: Object,
-      default: null,
+      default: {
+        toBeConfirmed: false,
+        points: [],
+        shape: "",
+        x: 0,
+        y: 0,
+      },
     }
   },
   data: function () {
@@ -300,6 +306,13 @@ export default {
     tabClose: function (id) {
       this.$emit('tab-close', id);
     },
+    /**
+     * To receive error message for connectivity graph
+     * @param {String} errorMessage
+     */
+    updateConnectivityGraphError: function (errorMessage) {
+      EventBus.emit('connectivity-graph-error', errorMessage);
+    },
   },
   computed: {
     activeTabs: function() {
@@ -314,13 +327,6 @@ export default {
       }
       return tabs;
     },
-    /**
-     * To receive error message for connectivity graph
-     * @param {String} errorMessage
-     */
-    updateConnectivityGraphError: function (errorMessage) {
-      EventBus.emit('connectivity-graph-error', errorMessage);
-    },
   },
   created: function () {
     this.drawerOpen = this.openAtStart