Files
pulse-signage/src/web/views/shared/frame-layout.hbs
T
2026-08-01 22:32:28 +01:00

97 lines
4.3 KiB
Handlebars

<!doctype html>
<html data-bs-theme="dark" style="color-scheme: dark;">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>{{title}} - Pulse</title>
<link rel="icon" type="image/png" href="/assets/favicon.png" />
<script src="/assets/js/theme-init.js"></script>
<link rel="stylesheet" href="/assets/adminlte/bootstrap-icons/css/bootstrap-icons.min.css" />
<link rel="stylesheet" href="/assets/adminlte/css/adminlte.min.css" />
<link rel="stylesheet" href="/assets/css/theme-custom.css" />
{{#if stylesheets.length}}
{{#each stylesheets}}
<link rel="stylesheet" href="/assets/{{this}}" />
{{/each}}
{{/if}}
</head>
<body class="hold-transition bg-body-tertiary {{frameBodyClass}} {{#if framePopupCard}}frame-popup-card-body{{/if}}">
{{#if framePopupCard}}
{{{body}}}
{{else}}
<div class="app-wrapper">
<div class="sidebar-overlay" aria-hidden="true"></div>
{{#unless hideFrameHeader}}
<nav class="app-header sticky-top navbar navbar-expand bg-body">
<div class="container-fluid">
<span class="navbar-text fw-semibold">
{{title}}
</span>
{{#unless hideThemeToggle}}
<li class="nav-item dropdown ms-auto list-unstyled">
<a
class="nav-link"
href="#"
id="bd-theme"
data-bs-toggle="dropdown"
aria-label="Toggle color scheme"
aria-expanded="false"
>
<span class="theme-icon-active">
<i class="bi bi-sun-fill" data-lte-theme-icon="light"></i>
<i class="bi bi-moon-fill d-none" data-lte-theme-icon="dark"></i>
<i class="bi bi-circle-half d-none" data-lte-theme-icon="auto"></i>
</span>
</a>
<ul class="dropdown-menu dropdown-menu-end" aria-labelledby="bd-theme" style="--bs-dropdown-min-width: 8rem;">
<li>
<button type="button" class="dropdown-item d-flex align-items-center" data-bs-theme-value="light" aria-pressed="false">
<i class="bi bi-sun-fill me-2"></i>
Light
<i class="bi bi-check-lg ms-auto d-none"></i>
</button>
</li>
<li>
<button type="button" class="dropdown-item d-flex align-items-center" data-bs-theme-value="dark" aria-pressed="false">
<i class="bi bi-moon-fill me-2"></i>
Dark
<i class="bi bi-check-lg ms-auto d-none"></i>
</button>
</li>
<li>
<button type="button" class="dropdown-item d-flex align-items-center active" data-bs-theme-value="auto" aria-pressed="true">
<i class="bi bi-circle-half me-2"></i>
Auto
<i class="bi bi-check-lg ms-auto d-none"></i>
</button>
</li>
</ul>
</li>
{{/unless}}
</div>
</nav>
{{/unless}}
<main class="app-main">
<div class="app-content">
<div class="container-fluid py-3">
{{{body}}}
</div>
</div>
</main>
</div>
{{/if}}
<script src="/assets/adminlte/js/bootstrap.bundle.min.js"></script>
<script src="/assets/adminlte/js/adminlte.min.js"></script>
<script src="/assets/js/web-ui-helpers.js"></script>
<script src="/assets/js/toast.js"></script>
<script src="/assets/js/table/table-sort.js"></script>
<script src="/assets/js/table/table-search.js"></script>
<script src="/assets/js/admin/admin-page.js"></script>
<script src="/assets/js/system-status.js"></script>
{{#if scripts.length}}
{{#each scripts}}
<script src="/assets/{{this}}"></script>
{{/each}}
{{/if}}
</body>
</html>