Initial commit for gisaf/fastapi

src/app/app.component.html

@@ -0,0 +1,50 @@
+<div fxLayout="column" fxLayoutAlign="stretch" fxFlexFill>
+    <mat-toolbar fxFlex="2em" id='top-toolbar'>
+        <span
+            style='font-family:GisafSymbols'
+            matTooltip="Gisaf v. {{ version['version'] }} ({{ version['date'] | date: 'dd/MM/yyyy' }})"
+            matTooltipPosition="below"
+            class='gisafIcon'
+            >
+            &#xE001;
+        </span>
+        <a id='title' routerLink="/admin"
+            matTooltip='Go to admin'
+            routerLinkActive="active"
+        >
+            {{ title }}
+        </a>
+        <span class="fill-space"></span>
+        <nav>
+            <a mat-raised-button
+                *ngFor="let route of routes"
+                [routerLink]="route.target"
+                routerLinkActive="active">
+                <mat-icon>{{ route.icon }}</mat-icon>
+                {{ route.text }}
+            </a>
+        </nav>
+        <span class="fill-space"></span>
+        <span *ngIf="authenticationService.user$ | async; else login" class="auth-indicator">
+            <nav>
+                <a mat-icon-button
+                    (click)='this.authenticationService.logout()'
+                    aria-label="Log out"
+                    matTooltip="User: {{ (authenticationService.user$ | async ).userName }}. Click to log out">
+                    <mat-icon>verified_user</mat-icon>
+                </a>
+            </nav>
+        </span>
+    </mat-toolbar>
+    <div fxFlex>
+        <router-outlet></router-outlet>
+    </div>
+</div>
+
+<ng-template #login>
+    <nav>
+        <a mat-icon-button routerLink="/login" routerLinkActive="active" aria-label="Log in" matTooltip="Log in">
+            <mat-icon>account_circle</mat-icon>
+        </a>
+    </nav>
+</ng-template>