Feature: Ctrl+S should save the workflow

[douglasg14b]

Title says it! Capturing Ctrl/Cmd+S to save the workflow instead of the webpage

[glime-ai]

To capture the Ctrl/Cmd+S keyboard shortcut and use it to save the workflow in Elsa Workflow Designer instead of its default behavior (which is typically to save the webpage), you would need to implement a custom event handler in your web application that listens for the specific key combination. When the event is detected, you can prevent the default action and instead trigger the save functionality for your workflow.

Here's a basic example of how you might implement this in JavaScript:

document.addEventListener('keydown', function(event) {
  // Check for Ctrl or Cmd
  const isCtrlOrCmd = event.ctrlKey || event.metaKey;

  // Check if 'S' is pressed
  if (isCtrlOrCmd && event.key === 's') {
    event.preventDefault(); // Prevent the default save action
    // Trigger your workflow save function here
    saveWorkflow();
  }
});

function saveWorkflow() {
  // Your code to save the workflow
  console.log('Workflow saved!');
}

This code snippet listens for the keydown event and checks if the Ctrl key (or Cmd key on Mac) is held down while the 'S' key is pressed. If this condition is met, it prevents the default action (saving the webpage) and calls a saveWorkflow function, which you would replace with the actual logic to save your workflow in Elsa Workflow Designer.

Please note that the actual implementation may vary depending on the specifics of your application and the Elsa Workflow Designer integration. If you're using a framework like Angular, React, or Vue.js, you would integrate this logic into your component lifecycle and event handling patterns.

Remember to test this functionality across different browsers to ensure compatibility and to handle any edge cases that might arise.

This comment was generated by Glime.