From 7002a4d666734794f0900f4dd825f9062d9e72c5 Mon Sep 17 00:00:00 2001
From: saber-nyan <saber-nyan@ya.ru>
Date: Mon, 6 Apr 2020 22:13:48 +0300
Subject: [PATCH] =?UTF-8?q?=D0=92=D0=B0=D0=BB=D0=B8=D0=B4=D0=B0=D1=86?=
 =?UTF-8?q?=D0=B8=D1=8F=20HEX-=D1=81=D1=82=D1=80=D0=BE=D0=BA=D0=B8,=20?=
 =?UTF-8?q?=D0=BF=D0=BE=D0=B4=D1=81=D0=BA=D0=B0=D0=B7=D0=BA=D0=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Fixed #6
---
 src/views/AddPattern.vue | 23 +++++++++++++++++++++--
 1 file changed, 21 insertions(+), 2 deletions(-)

diff --git a/src/views/AddPattern.vue b/src/views/AddPattern.vue
index f8ad008..4e2d684 100644
--- a/src/views/AddPattern.vue
+++ b/src/views/AddPattern.vue
@@ -18,8 +18,9 @@
 					label="Pattern"
 					description="Substring, RegEx or bytes"
 					label-for="pattern-value">
-				<b-form-input @keydown.native.enter="addPattern" id="pattern-value" required
-							  v-model="newPattern.value"/>
+				<b-form-input @keydown.native.enter="addPattern" @keydown="validateKey"
+							  id="pattern-value" required v-model="newPattern.value"
+							  :placeholder="getPlaceholder()"/>
 			</b-form-group>
 			<b-form-group
 					label-cols-sm="4"
@@ -58,6 +59,7 @@
 </template>
 
 <script>
+	const hexRegex = /[0-9A-Fa-f ]/;
 	export default {
 		name: 'AddPattern',
 		data() {
@@ -72,6 +74,19 @@
 			};
 		},
 		methods: {
+			getPlaceholder() {
+				if (this.newPattern.searchType === 'REGEX') return 'CTF{.{42}}';
+				else if (this.newPattern.searchType === 'SUBSTRING') return 'HTTP/2';
+				else return 'DEAD BEEF 1337';
+			},
+			validateKey(e) {
+				console.log('', e);
+				if (this.newPattern.searchType !== 'SUBBYTES') return;
+				if (!hexRegex.test(e?.key)) {
+					e.preventDefault();
+				}
+			},
+
 			checkValidity() {
 				return this.$refs.addPatternForm.reportValidity();
 			},
@@ -94,6 +109,10 @@
 				}
 				console.debug('Adding pattern...', this.newPattern);
 
+				if (this.newPattern.searchType === 'SUBBYTES') {
+					this.newPattern.value = this.newPattern.value.replace(/\s+/g, '').toLowerCase();
+				}
+
 				this.$http.post('pattern/', this.newPattern)
 					.then(response => {
 						const data = response.data;