generated from bastian/boilerplate
37 lines
892 B
HTML
37 lines
892 B
HTML
<div class="shell">
|
|
<header class="topbar">
|
|
<button
|
|
class="icon-button"
|
|
type="button"
|
|
(click)="drawerOpen.set(!drawerOpen())"
|
|
aria-label="Navigation"
|
|
>
|
|
<span></span><span></span><span></span>
|
|
</button>
|
|
<strong>Business App</strong>
|
|
<a class="logout" href="/api/auth/logout">Abmelden</a>
|
|
</header>
|
|
|
|
<aside class="sidebar" [class.open]="drawerOpen()">
|
|
<nav>
|
|
@for (item of nav; track item.path) {
|
|
@if (visible(item)) {
|
|
<a
|
|
[routerLink]="item.path"
|
|
routerLinkActive="active"
|
|
[routerLinkActiveOptions]="{ exact: item.path === '/' }"
|
|
>
|
|
{{ item.label }}
|
|
</a>
|
|
}
|
|
}
|
|
</nav>
|
|
</aside>
|
|
|
|
<main class="content">
|
|
<nav class="breadcrumbs">Start / {{ title() }}</nav>
|
|
<h1>{{ title() }}</h1>
|
|
<router-outlet />
|
|
</main>
|
|
</div>
|