From 1b9ba8ef8d9eb14e4cddcd0ccea1128a91b3438d Mon Sep 17 00:00:00 2001
From: Oliver-Akins <Tyler.Akins1999@gmail.com>
Date: Fri, 18 Sep 2020 00:06:27 -0600
Subject: [PATCH] Add component for inputting the websocket URL

---
 src/components/WebsocketURL.vue | 51 +++++++++++++++++++++++++++++++++
 1 file changed, 51 insertions(+)
 create mode 100644 src/components/WebsocketURL.vue

diff --git a/src/components/WebsocketURL.vue b/src/components/WebsocketURL.vue
new file mode 100644
index 0000000..6d0b49d
--- /dev/null
+++ b/src/components/WebsocketURL.vue
@@ -0,0 +1,51 @@
+<template>
+	<div id="websocket_entry">
+		<h2>
+			Enter a websocket URL:
+		</h2>
+		<input
+			type="text"
+			name="Websocket URL"
+			v-model="ws_url"
+			@keyup.enter="submit_ws_url()"
+		>
+		<br>
+		<button
+			@onclick.stop="submit_ws_url()"
+		>
+			Confirm URL
+		</button>
+	</div>
+</template>
+
+<script>
+export default {
+	name: 'WebsocketEntry',
+	components: {},
+	data() {return {
+		ws_url: ``,
+	}},
+	methods: {
+		submit_ws_url() {
+			if (this.ws_url.length > 0 && this.ws_url.match(/^wss?:\/\//)) {
+				this.$emit(`set-ws-url`, this.ws_url);
+			} else {
+				alert(`Invalid websocket URL, it must begin with "wss://" in order to connect.`)
+			}
+		},
+	},
+}
+</script>
+
+<style lang="stylus">
+#websocket_entry {
+	text-align: center
+	height: 100vh
+	width: 33vw
+	margin: 0 auto
+
+	@media screen and (max-width: 600px) {
+		width: 90vw
+	}
+}
+</style>