formu-registratsii-dlya-iven/app.html

101 lines
5.6 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<!-- Кабинет организатора: очередь заявок на ивент. ДС KT AI. -->
<html lang="ru" data-theme="auto">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Участники ивента · АО «Казахтелеком»</title>
<link rel="icon" href="design-system/brand/kt-ai-logo.png">
<link rel="stylesheet" href="design-system/kt-ai-fonts.css">
<link rel="stylesheet" href="design-system/kt-ai-tokens.css">
<link rel="stylesheet" href="design-system/kt-ai-components.css">
<link rel="stylesheet" href="design-system/kt-ai-page.css">
<style>
.drawer-head { display: flex; align-items: flex-start; gap: var(--kt-ai-space-4); margin-bottom: var(--kt-ai-space-6); }
.drawer-head .t { flex: 1; min-width: 0; }
.drawer-sec { padding: var(--kt-ai-space-6) 0; border-top: 1px solid var(--kt-ai-divider); }
.drawer-sec:first-of-type { border-top: none; padding-top: 0; }
.reg-table td:first-child, .reg-table th:first-child { width: 40px; }
</style>
</head>
<body class="kt-ai-app">
<div class="kt-ai-shell">
<aside class="kt-ai-sidebar">
<div class="sb-top">
<img src="design-system/brand/kazakhtelecom-logo.png" alt="Казахтелеком" style="height:24px;width:auto;border-radius:0">
<span class="nm nav-label">Ивент 2026</span>
</div>
<div class="sb-new">
<a class="kt-ai-btn" data-variant="primary" href="index.html" style="display:flex;width:100%;justify-content:center;text-decoration:none"><svg class="kt-icon kt-icon-sm" aria-hidden="true" style="margin-right:6px"><use href="#plus"></use></svg>Новая заявка</a>
</div>
<nav aria-label="Разделы" style="display:flex;flex-direction:column;gap:2px;flex:1">
<div class="kt-ai-nav-group">
<div class="nav-label">Участники</div>
<a class="kt-ai-nav-item is-active" href="app.html"><svg class="kt-icon" aria-hidden="true"><use href="#users"></use></svg><span>Заявки</span><span class="count" id="navCount"></span></a>
<a class="kt-ai-nav-item" href="index.html"><svg class="kt-icon" aria-hidden="true"><use href="#external"></use></svg><span>Форма регистрации</span></a>
</div>
</nav>
<div class="sb-bottom">
<a class="kt-ai-nav-item" href="index.html"><svg class="kt-icon" aria-hidden="true"><use href="#home"></use></svg><span class="nav-label">Страница ивента</span></a>
<div class="kt-ai-nav-item" style="cursor:default"><span class="kt-ai-avatar">ОР</span><span class="nav-label" style="min-width:0">Организатор</span></div>
</div>
</aside>
<main class="kt-ai-main">
<header class="kt-ai-topbar">
<nav class="topbar-crumb" aria-label="Раздел">
<span>Ивент 2026</span>
<span id="crumbSub" style="color:var(--kt-ai-fg-faint)"></span>
</nav>
<div class="spacer"></div>
<input class="kt-ai-search" id="topSearch" type="search" placeholder="Поиск: ФИО, почта, телефон…" aria-label="Поиск">
</header>
<div class="kt-ai-work-column-table" style="padding-top:var(--kt-ai-stack-group)">
<section id="eventHead" style="margin-bottom:var(--kt-ai-stack-block)"></section>
<div class="kt-ai-kpi-strip" id="kpiStrip" aria-label="Показатели"></div>
<div class="kt-ai-toolbar" style="display:flex;flex-wrap:wrap;gap:var(--kt-ai-space-3);align-items:center;margin-bottom:var(--kt-ai-space-5)">
<div class="kt-ai-segmented" id="statusSeg" role="group" aria-label="Фильтр по статусу">
<button type="button" class="kt-ai-btn" data-size="sm" data-status="" style="border-radius:0">Все</button>
<button type="button" class="kt-ai-btn" data-size="sm" data-status="Заявка" style="border-radius:0">Заявка</button>
<button type="button" class="kt-ai-btn" data-size="sm" data-status="Подтверждена" style="border-radius:0">Подтверждена</button>
<button type="button" class="kt-ai-btn" data-size="sm" data-status="Отменена" style="border-radius:0">Отменена</button>
</div>
<span class="kt-ai-spacer"></span>
<button class="kt-ai-btn" data-size="sm" type="button" id="exportBtn"><svg class="kt-icon kt-icon-sm" aria-hidden="true" style="margin-right:4px"><use href="#download"></use></svg>Скачать таблицу</button>
</div>
<div class="kt-ai-table-wrap" data-framed="true">
<table class="kt-ai-table reg-table" id="regTable">
<thead>
<tr>
<th scope="col"></th>
<th scope="col">Участник</th>
<th scope="col">Контакты</th>
<th scope="col">Филиал / должность</th>
<th scope="col">Сессия · Питание</th>
<th scope="col">Заявка</th>
<th scope="col">Статус</th>
</tr>
</thead>
<tbody id="regBody"></tbody>
</table>
<div id="regEmpty" hidden></div>
</div>
<section class="kt-ai-conclusion" id="conclusion" style="margin-top:var(--kt-ai-stack-group)"></section>
</div>
</main>
</div>
<aside class="kt-ai-drawer" id="drawer" role="dialog" aria-modal="true" aria-labelledby="drawerTitle" tabindex="-1" hidden></aside>
<div class="kt-ai-toast-stack" id="toasts" role="status" aria-live="polite"></div>
<script src="design-system/icons/kt-ai-icons.js"></script>
<script src="script.js" data-page="app"></script>
</body>
</html>