From 41c982b1dd015ece347dbfa3529fb98b1b93c21e Mon Sep 17 00:00:00 2001
From: Sergey Shkurov <sergey.shkurov@traderepublic.com>
Date: Sat, 29 Apr 2023 02:58:43 +0200
Subject: [PATCH] Pass parameters to PatternModal

---
 src/components/PatternsDropdown.vue | 11 +++++++-
 src/views/ContentStream.vue         |  4 ---
 src/views/PatternModal.vue          | 42 ++++++++++++++++++++++-------
 src/views/ServiceModal.vue          |  4 ---
 src/views/Settings.vue              |  4 ---
 5 files changed, 42 insertions(+), 23 deletions(-)

diff --git a/src/components/PatternsDropdown.vue b/src/components/PatternsDropdown.vue
index ffc002e..80c0546 100644
--- a/src/components/PatternsDropdown.vue
+++ b/src/components/PatternsDropdown.vue
@@ -55,7 +55,7 @@
 			</div>
 		</b-dropdown-item-button>
 
-		<AddPattern/>
+		<AddPattern :creating="patternModalIsCreating" :initial-pattern="patternModalEditingPattern" />
 	</b-dropdown>
 </template>
 <!--suppress JSUnresolvedReference -->
@@ -65,6 +65,12 @@
 	export default {
 		name: 'PatternsDropdown',
 		components: {AddPattern: PatternModal, },
+		data() {
+			return {
+				patternModalIsCreating: true,
+				patternModalEditingPattern: {},
+			};
+		},
 		mounted() {
 			this.updatePatterns();
 		},
@@ -90,7 +96,10 @@
 				return this.$store.state.services.find(o => o.port === port)?.name ?? '<Deleted service>'
 			},
 			showAddPattern() {
+				this.patternModalIsCreating = true;
+				this.patternModalEditingPattern = {};
 				this.$bvModal.show('patternModal');
+				console.debug('Showing patternModal...');
 			},
 			showLookBack(pattern) {
 				// Не знаю, как сделать это без костылей
diff --git a/src/views/ContentStream.vue b/src/views/ContentStream.vue
index cd8a9f1..c112763 100644
--- a/src/views/ContentStream.vue
+++ b/src/views/ContentStream.vue
@@ -67,7 +67,3 @@
 		},
 	};
 </script>
-
-<style scoped>
-
-</style>
diff --git a/src/views/PatternModal.vue b/src/views/PatternModal.vue
index 5604911..2a5114e 100644
--- a/src/views/PatternModal.vue
+++ b/src/views/PatternModal.vue
@@ -85,22 +85,44 @@
 </template>
 
 <script>
-	const hexRegex = /[0-9A-Fa-f ]/;
+
+const hexRegex = /[0-9A-Fa-f ]/;
+const defaultPattern = {
+	name: '',
+	value: '',
+	color: '#FF7474',
+	searchType: 'SUBSTRING',
+	directionType: 'BOTH',
+	actionType: 'FIND',
+	serviceId: null,
+};
+
 	export default {
 		name: 'AddPattern',
+		props: {
+			creating: Boolean,
+
+			initialPattern: {
+				name: String,
+				value: String,
+				color: String,
+				searchType: String,
+				directionType: String,
+				actionType: String,
+				serviceId: Number,
+			},
+		},
 		data() {
 			return {
-				newPattern: {
-					name: '',
-					value: '',
-					color: '#FF7474',
-					searchType: 'SUBSTRING',
-					directionType: 'BOTH',
-          actionType: 'FIND',
-					serviceId: null,
-				},
+				newPattern: {},
 			};
 		},
+		watch: {
+			initialPattern() {
+				console.debug('initialService changed, reassigning...', this.initialPattern);
+				this.newPattern = {...defaultPattern, ...this.initialPattern,};
+			},
+		},
 		computed: {
 			serviceOptions: function () {
 				let services = this.$store.state.services;
diff --git a/src/views/ServiceModal.vue b/src/views/ServiceModal.vue
index 7eda366..b66fb8e 100644
--- a/src/views/ServiceModal.vue
+++ b/src/views/ServiceModal.vue
@@ -142,7 +142,3 @@
 		},
 	};
 </script>
-
-<style scoped>
-
-</style>
diff --git a/src/views/Settings.vue b/src/views/Settings.vue
index de5939b..25b6e08 100644
--- a/src/views/Settings.vue
+++ b/src/views/Settings.vue
@@ -62,7 +62,3 @@
 		},
 	};
 </script>
-
-<style scoped>
-
-</style>