From 173badc4e099ebb818686dc5a25c2192c138bcd9 Mon Sep 17 00:00:00 2001
From: Alex Grozav <alex@grozav.com>
Date: Tue, 22 Nov 2022 13:03:15 +0200
Subject: [PATCH] feat: Add save confirmation modal when leaving sharing modal
 (#4683)

---
 .../src/components/WorkflowShareModal.ee.vue  | 20 +++++++++++++++++++
 .../src/plugins/i18n/locales/en.json          |  4 ++++
 2 files changed, 24 insertions(+)

diff --git a/packages/editor-ui/src/components/WorkflowShareModal.ee.vue b/packages/editor-ui/src/components/WorkflowShareModal.ee.vue
index d5e6e8ab5..6300f8625 100644
--- a/packages/editor-ui/src/components/WorkflowShareModal.ee.vue
+++ b/packages/editor-ui/src/components/WorkflowShareModal.ee.vue
@@ -5,6 +5,7 @@
 		:eventBus="modalBus"
 		:name="WORKFLOW_SHARE_MODAL_KEY"
 		:center="true"
+		:beforeClose="onCloseModal"
 	>
 		<template #content>
 			<div :class="$style.container">
@@ -242,6 +243,25 @@ export default mixins(
 				this.onRemoveSharee(user.id);
 			}
 		},
+		async onCloseModal() {
+			if (this.isDirty) {
+				const shouldSave = await this.confirmMessage(
+					this.$locale.baseText(
+						'workflows.shareModal.saveBeforeClose.message',
+					),
+					this.$locale.baseText('workflows.shareModal.saveBeforeClose.title'),
+					'warning',
+					this.$locale.baseText('workflows.shareModal.saveBeforeClose.confirmButtonText'),
+					this.$locale.baseText('workflows.shareModal.saveBeforeClose.cancelButtonText'),
+				);
+
+				if (shouldSave) {
+					return await this.onSave();
+				}
+			}
+
+			return true;
+		},
 		async loadUsers() {
 			await this.usersStore.fetchUsers();
 		},
diff --git a/packages/editor-ui/src/plugins/i18n/locales/en.json b/packages/editor-ui/src/plugins/i18n/locales/en.json
index b3781d929..a8074024a 100644
--- a/packages/editor-ui/src/plugins/i18n/locales/en.json
+++ b/packages/editor-ui/src/plugins/i18n/locales/en.json
@@ -1378,6 +1378,10 @@
 	"workflows.shareModal.list.delete.confirm.message": "<strong>This might cause the workflow to stop working:</strong> if {name} is the only user with access to credentials used in this workflow, those credentials will also be removed from {workflow}.",
 	"workflows.shareModal.list.delete.confirm.confirmButtonText": "Remove access",
 	"workflows.shareModal.list.delete.confirm.cancelButtonText": "Cancel",
+	"workflows.shareModal.saveBeforeClose.title": "Save sharing changes?",
+	"workflows.shareModal.saveBeforeClose.message": "You have unsaved changes. Do you want to save them before closing?",
+	"workflows.shareModal.saveBeforeClose.confirmButtonText": "Save",
+	"workflows.shareModal.saveBeforeClose.cancelButtonText": "Close without saving",
 	"workflows.shareModal.save": "Save",
 	"workflows.shareModal.changesHint": "You made changes",
 	"workflows.shareModal.notAvailable": "Sharing workflows with others is currently available only on n8n cloud, our hosted offering.",