generated from bastian/boilerplate
Initial commit
This commit is contained in:
36
apps/frontend/src/app/layout/app-shell.html
Normal file
36
apps/frontend/src/app/layout/app-shell.html
Normal file
@@ -0,0 +1,36 @@
|
||||
<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>
|
||||
Reference in New Issue
Block a user