Oliver/Secret-Hitler-Online
0
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add error styling, and rename url to uri

Browse source
This commit is contained in:
Oliver-Akins 2020-09-19 17:14:06 -06:00
parent 13b27056db
commit 703d03da3b
1 changed files with 13 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

21
src/components/WebsocketURL.vue
View file

@ -10,12 +10,14 @@
<input
type="text"
name="Websocket URL"
v-model="ws_url"
@keyup.enter="submit_ws_url()"
:class="has_error ? 'error' : ''"
v-model="ws_uri"
@change.stop="has_error = false"
@keyup.enter="submit_ws_uri()"
>
<br>
<button
@onclick.stop="submit_ws_url()"
@click.stop="submit_ws_uri()"
>
Confirm URL
</button>
@ -27,14 +29,17 @@ export default {
name: 'WebsocketEntry',
components: {},
data() {return {
ws_url: ``,
ws_uri: ``,
has_error: false,
ws_regex: /^(wss?|https?):\/\//,
}},
methods: {
submit_ws_url() {
if (this.ws_url.length > 0 && this.ws_url.match(/^wss?:\/\//)) {
this.$emit(`set-ws-url`, this.ws_url);
submit_ws_uri() {
if (this.ws_uri.length > 0 && this.ws_uri.match(this.ws_regex)) {
this.$emit(`try-ws-uri`, this.ws_uri);
} else {
alert(`Invalid websocket URL, it must begin with "wss://" in order to connect.`)
this.has_error = true;
alert(`Invalid websocket URL, please check that you typed it correctly.`)
}
},
},