imaq/angular/src/app/app.component.html

<!-- nav -->
<nav class="navbar navbar-expand navbar-primary px-3" *ngIf="user">
    <div class="container-fluid">
        <div class="navbar-nav">
            <a class="nav-item nav-link logo" routerLink="/" routerLinkActive="active"
               [routerLinkActiveOptions]="{exact: true}">
                <img src="./assets/images/specific/logo-imaq-pilot.png" width="300" height="100"
                     alt="{{'basic.company_name' | translate}}"/>
            </a>
        </div>
        <div class="navbar-nav align-items-center">
<!--            <div role="button" class="pe-2 me-4 position-relative" data-bs-toggle="dropdown">Benachrichtigungen-->
<!--                <span class="position-absolute top-0 start-100 translate-middle badge rounded-pill bg-danger">-->
<!--                    99+-->
<!--                </span>-->
<!--                <ul class="dropdown-menu dropdown-menu-end">-->
<!--                    <li><a class="dropdown-item" href="#">Fesago: Jan antwortete auf Deinen Beitrag</a></li>-->
<!--                    <li><a class="dropdown-item" href="#">Matsen: Peter antwortete auf Deinen Beitrag</a></li>-->
<!--                    <li><a class="dropdown-item" href="#">spawntree: Du hast eine neue Aufgabe erhalten</a></li>-->
<!--                    <li><a class="dropdown-item" href="#">Peter Matusik: Christian hat einen Kommentar verfasst</a></li>-->
<!--                </ul>-->
<!--            </div>-->
            <button class="btn-logout" (click)="logout()"></button>
            <button [class]="'toggle-left-hand ' + buttonClassLefties" (click)="leftHanded()" title="Left handed"></button>
            <button [class]="'toggle-dark-mode ' + buttonClassDarkMode" (click)="darkMode()" title="Dark mode"></button>
            <button class="btn btn-primary ms-3" id="c-btn" (click)="copyTokenToClipboard()">c</button>
        </div>
    </div>
</nav>

<!-- main app container -->
<div class="app-container">
    <router-outlet></router-outlet>
    <alert></alert>
</div>
@if (loading) {
    <div class="spt-loader-box">
        <span class="spt-loader"></span>
    </div>
}