77 lines
3.7 KiB
HTML
77 lines
3.7 KiB
HTML
<!DOCTYPE html>
|
|
<!-- Дизайн: Стандартный дизайн. Сохраняй все пять CSS; подробности в design.md. -->
|
|
<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">
|
|
|
|
<div class="kt-ai-shell">
|
|
<aside class="kt-ai-sidebar" id="sidebar" style="display:flex;flex-direction:column;padding:var(--kt-ai-space-5) var(--kt-ai-space-3);gap:2px">
|
|
<div class="kt-ai-brand-row" style="padding:0 var(--kt-ai-space-3)">
|
|
<img src="design-system/brand/kt-ai-logo.png" alt="Казахтелеком" height="24">
|
|
<span class="nav-label">Журнал заявок</span>
|
|
</div>
|
|
<nav aria-label="Разделы" style="display:flex;flex-direction:column;gap:2px;margin-top:var(--kt-ai-space-5)">
|
|
<div class="kt-ai-nav-group">Работа</div>
|
|
<button class="kt-ai-nav-item" data-active="true" onclick="S.goList()">
|
|
<svg class="kt-icon"><use href="#clipboard"></use></svg>
|
|
<span class="nav-label">Заявки</span>
|
|
<span class="count" id="navCount">0</span>
|
|
</button>
|
|
</nav>
|
|
<div style="margin-top:auto;padding:var(--kt-ai-space-3)">
|
|
<button class="kt-ai-btn" data-variant="primary" style="width:100%" onclick="S.openNew()">
|
|
<svg class="kt-icon"><use href="#plus"></use></svg>
|
|
<span class="nav-label">Новая заявка</span>
|
|
</button>
|
|
</div>
|
|
</aside>
|
|
|
|
<main class="kt-ai-main" style="min-height:100dvh;display:flex;flex-direction:column">
|
|
<header class="kt-ai-topbar">
|
|
<button class="kt-ai-icon-button" aria-label="Открыть меню" onclick="S.toggleSidebar()">
|
|
<svg class="kt-icon" viewBox="0 0 24 24"><path d="M3 6h18M3 12h18M3 18h18"/></svg>
|
|
</button>
|
|
<nav class="topbar-crumb"><span id="pageTitle">Заявки</span></nav>
|
|
</header>
|
|
|
|
<div class="kt-ai-work-column-table" id="view">
|
|
<div class="kt-ai-kpi-strip" data-cards="true" id="kpiStrip"></div>
|
|
<div class="j-toolbar">
|
|
<div class="kt-ai-field j-search-field">
|
|
<label for="topSearch" style="position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)">Поиск</label>
|
|
<input class="kt-ai-input" id="topSearch" placeholder="Поиск по названию оборудования…" oninput="S.onSearch(this.value)">
|
|
</div>
|
|
<div class="j-filters">
|
|
<span class="j-filters-label">Приоритет</span>
|
|
<div class="kt-ai-select-wrap">
|
|
<select class="kt-ai-select" id="prioSelect" onchange="S.setPrio(this.value)"></select>
|
|
</div>
|
|
</div>
|
|
<span class="spacer"></span>
|
|
<div class="kt-ai-segmented" id="statusSeg"></div>
|
|
<span class="kt-ai-meta" id="visCount"></span>
|
|
</div>
|
|
<div class="kt-ai-table-wrap" data-framed="true" id="tableWrap"></div>
|
|
</div>
|
|
</main>
|
|
</div>
|
|
|
|
<div class="kt-ai-drawer" id="drawer" role="dialog" aria-modal="true" aria-labelledby="drawerTitle" tabindex="-1" style="display:none"></div>
|
|
|
|
<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"></script>
|
|
</body>
|
|
</html>
|