diff --git a/gui/src/components/dynamic_components.vue b/gui/src/components/dynamic_components.vue
index b5507f38..8cbb5ebb 100644
--- a/gui/src/components/dynamic_components.vue
+++ b/gui/src/components/dynamic_components.vue
@@ -38,7 +38,6 @@ import { Scatter } from "vue-chartjs";
let count = ref(0);
let grid = null; // DO NOT use ref(null) as proxies GS will break all logic when comparing structures... see https://github.com/gridstack/gridstack.js/issues/2115
let items = ref([]);
-let gridEnabledLocal = ref(true);
class gridWidget {
//Contains the vue component
component2;
@@ -356,6 +355,7 @@ onMounted(() => {
},
false,
);
+ setGridEditState();
});
function onChange(event, changeItems) {
// update item position
@@ -432,9 +432,15 @@ function remove(widget) {
grid.removeWidget(selector, false);
saveGridLayout();
}
-function disableGrid() {
- gridEnabledLocal.value = !gridEnabledLocal.value
- if (gridEnabledLocal.value)
+function toggleGridEdit() {
+ //Toggle setting
+ settingsStore.local.grid_enabled = !settingsStore.local.grid_enabled
+ setGridEditState();
+}
+function setGridEditState()
+{
+ //Apply grid state setting (allows/disallows moving, resizing, showing remove icon)
+ if (settingsStore.local.grid_enabled)
grid.enable();
else
grid.disable();
@@ -487,7 +493,7 @@ function quickfill() {