65 lines
2.2 KiB
HTML
65 lines
2.2 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="kk">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width,initial-scale=1">
|
||
<title>Qonaev TV — Комплаенс порталы</title>
|
||
<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>🛡️</text></svg>">
|
||
<link rel="stylesheet" href="style.css">
|
||
</head>
|
||
<body>
|
||
|
||
<!-- ===== КІРУ ЭКРАНЫ ===== -->
|
||
<div id="loginScreen" class="login-wrap">
|
||
<div class="login-card">
|
||
<div class="login-logo">🛡️</div>
|
||
<h1>Qonaev TV</h1>
|
||
<p class="login-sub">Комплаенс порталы</p>
|
||
<form id="loginForm">
|
||
<label>Логин (жеке нөміріңіз)</label>
|
||
<input type="text" id="loginNum" inputmode="numeric" autocomplete="username" placeholder="Мысалы: 1001" required>
|
||
<label>Құпия сөз</label>
|
||
<input type="password" id="loginPass" autocomplete="current-password" placeholder="Ағылшын әріптерімен" required>
|
||
<div id="loginError" class="login-error"></div>
|
||
<button type="submit" class="btn btn-primary btn-block">Кіру</button>
|
||
</form>
|
||
<p class="login-hint">Демо: админ — 1001 / Admin123 · қызметкер — 2001 / Worker123</p>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- ===== ҚОЛДАНБА ===== -->
|
||
<div id="app" class="app hidden">
|
||
|
||
<aside class="sidebar">
|
||
<div class="side-brand">
|
||
<span class="side-logo">🛡️</span>
|
||
<div>
|
||
<div class="side-name">Qonaev TV</div>
|
||
<div class="side-sub">Комплаенс</div>
|
||
</div>
|
||
</div>
|
||
<nav id="nav" class="nav"></nav>
|
||
<div class="side-user">
|
||
<div class="side-avatar" id="userAvatar">?</div>
|
||
<div class="side-userinfo">
|
||
<div class="side-username" id="userName">—</div>
|
||
<button class="side-logout" id="logoutBtn">Шығу</button>
|
||
</div>
|
||
</div>
|
||
</aside>
|
||
|
||
<main class="main">
|
||
<div class="topbar">
|
||
<h2 id="pageTitle">Басты бет</h2>
|
||
<div class="topbar-right">
|
||
<div class="role-badge" id="roleBadge"></div>
|
||
</div>
|
||
</div>
|
||
<div id="content" class="content"></div>
|
||
</main>
|
||
</div>
|
||
|
||
<script src="script.js"></script>
|
||
</body>
|
||
</html>
|