Smoke-Lab/admin.html at master · GoLiveHub/Smoke-Lab · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="robots" content="noindex, nofollow">
    <meta name="theme-color" content="#000000">
    <title>Админка · Smoke Lab</title>
    <link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">
    <link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png">
    <link rel="stylesheet" href="css/tokens.css?v=5">
    <link rel="stylesheet" href="css/sections/admin.css?v=5">
</head>
<body>

    <main class="admin">

        <!-- Вход -->
        <section class="admin__login" id="login-view">
            <p class="admin__brand">Smoke Lab</p>
            <form class="admin__login-card" id="login-form" autocomplete="off">
                <label class="admin__label" for="login-password">Пароль админа</label>
                <input class="admin__input" id="login-password" name="password" type="password" autocomplete="current-password" placeholder="••••••••">
                <span class="admin__error" id="login-error"></span>
                <button class="admin__btn" type="submit">Войти</button>
            </form>
        </section>

        <!-- Панель -->
        <section class="admin__panel" id="app-view" hidden>
            <header class="admin__head">
                <h1 class="admin__title">Заявки на бронь</h1>
                <div class="admin__head-actions">
                    <button class="admin__btn admin__btn--ghost" id="refresh-btn" type="button">Обновить</button>
                    <button class="admin__btn admin__btn--ghost" id="logout-btn" type="button">Выйти</button>
                </div>
            </header>

            <div class="admin__stats" id="stats">
                <div class="admin__stat"><span class="admin__stat-num" id="stat-total">0</span><span class="admin__stat-label">всего</span></div>
                <div class="admin__stat"><span class="admin__stat-num" id="stat-today">0</span><span class="admin__stat-label">сегодня</span></div>
                <div class="admin__stat"><span class="admin__stat-num" id="stat-upcoming">0</span><span class="admin__stat-label">предстоящие</span></div>
                <div class="admin__stat"><span class="admin__stat-num" id="stat-past">0</span><span class="admin__stat-label">прошедшие</span></div>
            </div>

            <div class="admin__toolbar">
                <span class="admin__muted" id="list-info"></span>
                <button class="admin__btn admin__btn--danger" id="clear-btn" type="button">Очистить все</button>
            </div>

            <div class="admin__list" id="list"></div>
            <div class="admin__empty" id="empty" hidden>Заявок пока нет.</div>
        </section>

    </main>

    <script src="js/data.js?v=5"></script>
    <script src="js/admin.js?v=5"></script>
</body>
</html>