56 lines
2.0 KiB
HTML
56 lines
2.0 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="ru" data-theme="light">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width,initial-scale=1">
|
||
<title>Дашборд по продажам</title>
|
||
<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">
|
||
<link rel="stylesheet" href="./design-system/vibe-theme.css">
|
||
<link rel="stylesheet" href="./style.css">
|
||
</head>
|
||
<body class="kt-ai-app">
|
||
<script src="./design-system/icons/kt-ai-icons.js"></script>
|
||
|
||
<div class="kt-ai-shell">
|
||
<aside class="kt-ai-sidebar" id="sidebar">
|
||
<div class="ds-brand">
|
||
<img src="./design-system/brand/kazakhtelecom-logo.png" alt="Казахтелеком" height="26">
|
||
<span class="brand-label">Дашборд продаж</span>
|
||
</div>
|
||
<nav class="ds-nav" aria-label="Разделы">
|
||
<button class="kt-ai-nav-item" data-screen="overview" data-active="true">
|
||
<svg class="kt-icon"><use href="#dashboard"></use></svg>
|
||
<span>Сводка</span>
|
||
</button>
|
||
<button class="kt-ai-nav-item" data-screen="details">
|
||
<svg class="kt-icon"><use href="#table"></use></svg>
|
||
<span>Детали</span>
|
||
</button>
|
||
</nav>
|
||
</aside>
|
||
|
||
<main class="kt-ai-main">
|
||
<header class="kt-ai-topbar">
|
||
<button class="kt-ai-icon-button ds-burger" aria-label="Меню">
|
||
<svg class="kt-icon" viewBox="0 0 24 24"><path d="M3 6h18M3 12h18M3 18h18"/></svg>
|
||
</button>
|
||
<div class="ds-topbar-title">
|
||
<strong id="pageTitle">Сводка</strong>
|
||
<span id="pageSub">Январь – сентябрь 2026</span>
|
||
</div>
|
||
<span class="kt-ai-spacer"></span>
|
||
<span class="kt-ai-chip" data-tone="blue">2026</span>
|
||
</header>
|
||
|
||
<div class="ds-view" id="view"></div>
|
||
</main>
|
||
</div>
|
||
|
||
<script src="./design-system/kt-ai-chart-tip.js"></script>
|
||
<script src="./script.js"></script>
|
||
</body>
|
||
</html>
|