43 lines
1.2 KiB
HTML
43 lines
1.2 KiB
HTML
<div id="page-auth">
|
|
<form id="page-auth-form">
|
|
<div>
|
|
<input
|
|
type="password"
|
|
name="uuid"
|
|
id="auth-forms-uuid"
|
|
placeholder="UUID"
|
|
required />
|
|
<button type="submit">
|
|
<span>Авторизуватися</span>
|
|
</button>
|
|
|
|
<hr>
|
|
|
|
<button type="button" id="open-scanner-btn" class="btn-scan"
|
|
style="background: var(--ColorThemes3);color: var(--ColorThemes0);">
|
|
<span>Сканувати QR-код</span>
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
<dialog id="scanner-dialog">
|
|
<content style="max-width: 300px;max-height: 300px;margin-top: 20px;">
|
|
<div class="scanner-container">
|
|
<video id="video" autoplay playsinline></video>
|
|
<div class="laser-box">
|
|
<div class="laser-line"></div>
|
|
</div>
|
|
<div id="loading-status">Запуск камери...</div>
|
|
</div>
|
|
</content>
|
|
|
|
<footer>
|
|
<button class="btn-close" id="close-scanner-btn"
|
|
aria-label="Закрити">Закрити</button>
|
|
</footer>
|
|
|
|
</dialog>
|
|
|
|
<canvas id="canvas" style="display: none;"></canvas>
|