Pass parameters to PatternModal

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) {
 				// Не знаю, как сделать это без костылей

src/views/ContentStream.vue

@@ -67,7 +67,3 @@
 		},
 	};
 </script>
-
-<style scoped>
-
-</style>

src/views/PatternModal.vue

@@ -85,12 +85,9 @@
 </template>
 
 <script>
+
 const hexRegex = /[0-9A-Fa-f ]/;
-	export default {
+const defaultPattern = {
-		name: 'AddPattern',
-		data() {
-			return {
-				newPattern: {
 	name: '',
 	value: '',
 	color: '#FF7474',
@@ -98,8 +95,33 @@
 	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: {},
+			};
+		},
+		watch: {
+			initialPattern() {
+				console.debug('initialService changed, reassigning...', this.initialPattern);
+				this.newPattern = {...defaultPattern, ...this.initialPattern,};
+			},
 		},
 		computed: {
 			serviceOptions: function () {

src/views/ServiceModal.vue

@@ -142,7 +142,3 @@
 		},
 	};
 </script>
-
-<style scoped>
-
-</style>

src/views/Settings.vue

@@ -62,7 +62,3 @@
 		},
 	};
 </script>
-
-<style scoped>
-
-</style>