➡️ Ввод имени по нажатию enter

* Более подробные сообщения о неверном коде подключения
* CSS курсора при наведении на кнопку
* Ссылка на главную
This commit is contained in:
2020-10-02 16:43:47 +03:00
parent b9e94883e5
commit c75b158762
2 changed files with 29 additions and 12 deletions

View File

@@ -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 @@
<div class="inputWrap">
Код подключения:<br>
<input type="text" size="45" placeholder="43d0505c-d695-4323-9140-5d7744ec95e7" bind:value={id}>
{#if invalidId}<span class="error-hint">Неверный формат кода :(</span>{/if}
{#if invalidId}<span class="error-hint">{invalidIdMsg}</span>{/if}
</div>
<span style="text-align: center;">
<input class="btn" type="button" value="Подключиться" on:click={connect}>