undo and redo added for position ajax call

Author: Dileepadari

administrator/components/com_workflow/resources/scripts/components/canvas/WorkflowCanvas.vue

@@ -64,6 +64,7 @@ import { generatePositionedNodes, createSpecialNode } from '../../utils/position
 import { generateStyledEdges } from '../../utils/edges.js';
 import { setupGlobalShortcuts } from '../../utils/KeyboardManager.js';
 import { debounce } from '../../utils/utils.es6'
+import store from "../../store/store.es6";
 
 export default {
   name: 'WorkflowCanvas',
@@ -213,21 +214,18 @@ export default {
         saveStatus.value = 'unsaved';
         updateSaveMessage();
         await store.dispatch('updateStagePosition', { id: node?.id, x, y })
-        saveNodePosition(node.id)
+        saveNodePosition()
       }
     }
 
-    const saveNodePosition = debounce(async (stageId) => {
-      const node = positionedNodes.value.find(n => n.id === stageId);
-      if (node) {
+    const saveNodePosition = debounce(async () => {
         const response = await store.dispatch('updateStagePositionAjax');
         if (response) {
           saveStatus.value = 'upToDate';
           updateSaveMessage();
         } else {
           console.error('Failed to save stage position:', response?.error || 'Unknown error');
         }
-      }
     }, 3000);
 
     function openModal(type, id = null) {
@@ -262,8 +260,18 @@ export default {
           else if (selectedTransition.value) showDeleteModal('transition', selectedTransition.value);
         },
         toggleMode: toggleTransitionMode,
-        undo: () => store.dispatch('undo'),
-        redo: () => store.dispatch('redo'),
+        undo: () => {
+          store.dispatch('undo');
+          saveStatus.value = 'unsaved';
+          updateSaveMessage();
+          saveNodePosition();
+        },
+        redo : () => {
+          store.dispatch('redo');
+          saveStatus.value = 'unsaved';
+          updateSaveMessage();
+          saveNodePosition();
+        },
         clearSelection,
         zoomIn,
         zoomOut,
@@ -290,6 +298,20 @@ export default {
       }, 0);
     });
 
+    window.WorkflowGraph.Event.listen('onClickRedoWorkflow', () => {
+      store.dispatch('redo');
+      saveStatus.value = 'unsaved';
+      updateSaveMessage();
+      saveNodePosition();
+    });
+
+    window.WorkflowGraph.Event.listen('onClickUndoWorkflow', () => {
+      store.dispatch('undo');
+      saveStatus.value = 'unsaved';
+      updateSaveMessage();
+      saveNodePosition();
+    });
+
 
     return {
       loading,

administrator/components/com_workflow/resources/scripts/utils/KeyboardManager.js

@@ -155,7 +155,7 @@ export function setupGlobalShortcuts({ addStage, addTransition, editItem, delete
     store.dispatch('updateStagePosition', { id: stageId, x: newX, y: newY });
     setSaveStatus('unsaved');
     updateSaveMessage();
-    saveNodePosition(stageId);
+    saveNodePosition();
   }
 
   document.addEventListener('keydown', handleKey);

administrator/components/com_workflow/resources/scripts/workflowgraph.es6.js

@@ -10,14 +10,6 @@ window.WorkflowGraph = window.WorkflowGraph || {};
 window.WorkflowGraph.Event = EventBus;
 
 document.addEventListener('DOMContentLoaded', () => {
-  window.WorkflowGraph.Event.listen('onClickRedoWorkflow', () => {
-    store.dispatch('redo');
-  });
-
-  window.WorkflowGraph.Event.listen('onClickUndoWorkflow', () => {
-    store.dispatch('undo');
-  });
-
   const mountElement = document.getElementById('workflow-graph-root');
 
   if (mountElement) {