From e5669ce4f45363b875c05aa0115f82572ac08b72 Mon Sep 17 00:00:00 2001
From: Patrykb0802 <patrykbartyzel0@gmail.com>
Date: Tue, 19 Sep 2023 16:42:38 +0200
Subject: [PATCH] #2663 Added Edit form cancel restores data point to initial
 state

- Added initialState variable that stores initial values of datapoint fields

- Added for loop that sets the initialState values back to the datapoint variable
---
 .../src/components/datasources/DataPointCreation.vue | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/scadalts-ui/src/components/datasources/DataPointCreation.vue b/scadalts-ui/src/components/datasources/DataPointCreation.vue
index bd314b4076..a555ef9cba 100644
--- a/scadalts-ui/src/components/datasources/DataPointCreation.vue
+++ b/scadalts-ui/src/components/datasources/DataPointCreation.vue
@@ -71,6 +71,8 @@
 	</v-card>
 </template>
 <script>
+import Vue from "vue";
+
 export default {
 	props: {
 		title: {
@@ -95,8 +97,13 @@ export default {
 		},
 	},
 
+	async mounted(){
+		this.initialState = JSON.parse(JSON.stringify(this.datapoint));
+	},
+
 	data() {
 		return {
+			initialState: null,
 			formValid: false,
 			xidUnique: true,
 			ruleNotNull: (v) => !!v || this.$t('validation.rule.notNull'),
@@ -107,6 +114,11 @@ export default {
 	methods: {
 		cancel() {
 			console.debug('datasources.DataPointCreation.vue::cancel()');
+			for (const key in this.initialState) {
+				if (this.initialState.hasOwnProperty(key)) {
+					Vue.set(this.datapoint, key, this.initialState[key]);
+				}
+			}
 			this.$emit('cancel');
 		},