From 0d709a97e4603b86c8057fbbb5c4d8188cb5c73e Mon Sep 17 00:00:00 2001
From: saber-nyan <saber-nyan@ya.ru>
Date: Mon, 25 Nov 2019 20:35:54 +0300
Subject: [PATCH] =?UTF-8?q?=D0=A3=D0=B4=D0=B0=D0=BB=D0=B5=D0=BD=D0=B8?=
 =?UTF-8?q?=D0=B5=20=D0=BF=D0=B0=D1=82=D1=82=D0=B5=D1=80=D0=BD=D0=BE=D0=B2?=
 =?UTF-8?q?,=20=D1=80=D0=B0=D0=B7=D0=BC=D0=B5=D1=80=20=D1=88=D1=80=D0=B8?=
 =?UTF-8?q?=D1=84=D1=82=D0=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue                         |  1 +
 src/components/PatternsDropdown.vue | 21 +++++++++++++++++++++
 2 files changed, 22 insertions(+)

diff --git a/src/App.vue b/src/App.vue
index 379ea0a..8d8a8ae 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -114,6 +114,7 @@
 		font-family: 'Open Sans', Helvetica, Arial, sans-serif;
 		-webkit-font-smoothing: antialiased;
 		-moz-osx-font-smoothing: grayscale;
+		font-size: .875rem;
 	}
 
 	body {
diff --git a/src/components/PatternsDropdown.vue b/src/components/PatternsDropdown.vue
index e3f2c37..2e8e311 100644
--- a/src/components/PatternsDropdown.vue
+++ b/src/components/PatternsDropdown.vue
@@ -15,6 +15,12 @@
 			<template v-if="pattern.type === 'BOTH'">anywhere</template>
 			<template v-else-if="pattern.type === 'INPUT'">in request</template>
 			<template v-else>in response</template>
+			<div class="float-right" style="margin-left: 2em;">
+				<button type="button" class="btn btn-outline-danger btn-block btn-sm"
+						@click.stop.prevent="deletePattern(pattern.id)">
+					<i class="far fa-trash-alt"/>
+				</button>
+			</div>
 		</b-dropdown-item-button>
 	</b-dropdown>
 </template>
@@ -52,6 +58,21 @@
 					query: {pattern: patternId,},
 				});
 			},
+			deletePattern(patternId) {
+				console.debug('Deleting pattern w/ id', patternId);
+				this.$http.delete(`pattern/${patternId}`)
+					.then(response => {
+						const data = response.data;
+						console.debug('Done deleting pattern', data);
+						this.$emit('patternAddComplete');
+					}).catch(e => {
+					this.$bvToast.toast(`Не удалось удалить паттерн: ${e}`, {
+						title: 'Сбой',
+						variant: 'danger',
+					});
+					console.error('Failed to delete pattern', e);
+				});
+			},
 		},
 	};
 </script>