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 {