diff --git a/src/routes/index.svelte b/src/routes/index.svelte
index 445e715..8c6cb28 100644
--- a/src/routes/index.svelte
+++ b/src/routes/index.svelte
@@ -10,13 +10,18 @@
let id;
let invalidId = false;
+ let invalidIdMsg = '';
function connect() {
if (/^[0-9a-f]{8}-[0-9a-f]{4}-[0-5][0-9a-f]{3}-[089ab][0-9a-f]{3}-[0-9a-f]{12}$/i.test(id)) {
const url=`${process.env.URL}/room/?id=${id}`;
window.location.href = url;
+ } else if (id === '' || id === undefined) {
+ invalidId = true;
+ invalidIdMsg = 'Введите код'
} else {
invalidId = true;
+ invalidIdMsg = 'Неверный формат кода :('
}
}
@@ -65,7 +70,7 @@
Код подключения:
- {#if invalidId}Неверный формат кода :({/if}
+ {#if invalidId}{invalidIdMsg}{/if}
diff --git a/src/routes/room.svelte b/src/routes/room.svelte
index 3f8b887..4a523c2 100644
--- a/src/routes/room.svelte
+++ b/src/routes/room.svelte
@@ -44,16 +44,18 @@
let nameInput = [];
let enabledInput;
- function selectVar(selected) {
- if (!room.teams[selected]) {
- room.teams[selected] = [];
- }
- if (nameInput[selected] !== "" && nameInput[selected] !== undefined) {
- room.teams[selected][room.teams[selected].length] = nameInput[selected];
- //room.teams[selected].push(nameInput[selected]);
- var url = `${process.env.URL}/api/select/?id=${parsed.id}&name=${nameInput[selected]}&team=${selected}`;
- fetch(url);
- nameInput[selected] = "";
+ function selectVar(selected, event) {
+ if (!event || event && event.keyCode === 13) {
+ if (!room.teams[selected]) {
+ room.teams[selected] = [];
+ }
+ if (nameInput[selected] !== "" && nameInput[selected] !== undefined) {
+ room.teams[selected][room.teams[selected].length] = nameInput[selected];
+ //room.teams[selected].push(nameInput[selected]);
+ var url = `${process.env.URL}/api/select/?id=${parsed.id}&name=${nameInput[selected]}&team=${selected}`;
+ fetch(url);
+ nameInput[selected] = "";
+ }
}
}
@@ -85,6 +87,7 @@
{#if room}
+
{room.name}
По {room.group == "true" ? "бригадам" : "вариантам"}
@@ -100,7 +103,7 @@
{/each}
{#if room.teams[i].length == 0 || room.group == "true"}
selectVar(i)}>
-
+ selectVar(i, event)}>
{/if}
{/each}
@@ -124,6 +127,14 @@
margin-bottom: 0px;
}
+ .exit {
+ height: 0px;
+ width: 100%;
+ text-align: left;
+ font-size: small;
+ cursor: pointer;
+ }
+
.subtext {
font-size: x-small;
margin-bottom: 50px;
@@ -182,6 +193,7 @@
text-align: center;
margin-right: 15px;
margin-left: 15px;
+ cursor: pointer;
}
.deleteName {