safesight-control/internal/web/ui/templates/layout.html

50 lines
1.8 KiB
HTML

{{define "layout"}}
<!doctype html>
<html lang="zh-CN">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>{{.Title}}</title>
<link rel="stylesheet" href="/ui/assets/vendor/tabler.min.css" />
<link rel="stylesheet" href="/ui/assets/style.css" />
</head>
<body class="theme-light">
<div class="app-shell">
<aside class="sidebar">
<div class="brand-block">
<div class="brand-mark">AI</div>
<div>
<div class="brand-title">视觉识别运维平台</div>
<div class="brand-subtitle">Fleet Operations Console</div>
</div>
</div>
<nav class="side-nav" aria-label="主导航">
<div class="nav-section">主模块</div>
<a href="/ui/devices"><span class="nav-icon">{{icon "devices"}}</span><span>设备</span></a>
<a href="/ui/assets"><span class="nav-icon">{{icon "assets"}}</span><span>配置资产</span></a>
<a href="/ui/audit"><span class="nav-icon">{{icon "audit"}}</span><span>操作审计</span></a>
<a href="/ui/system"><span class="nav-icon">{{icon "system"}}</span><span>系统</span></a>
</nav>
<div class="sidebar-footer">
<div class="sidebar-note">统一设备管理、配置资产与操作留痕</div>
</div>
</aside>
<div class="workspace">
<header class="topbar">
<div>
<div class="crumb">多设备视觉识别运维平台</div>
<h1>{{.Title}}</h1>
</div>
</header>
<main>
{{if .Error}}<div class="error">{{.Error}}</div>{{end}}
{{if .Message}}<div class="msg">{{.Message}}</div>{{end}}
{{.ContentHTML}}
</main>
</div>
</div>
<script src="/ui/assets/vendor/tabler.min.js"></script>
</body>
</html>
{{end}}