Initial commit for gisaf/fastapi

src/app/login/login.component.html

@@ -0,0 +1,23 @@
+<div layout="row" layout-padding fxLayout='column wrap' fxLayoutAlign="space-around center">
+    <h1>Login</h1>
+    <form fxFlex fxLayout='column wrap'>
+        <div class="form-group" [formGroup]="formGroup" fxLayout='column wrap' fxFlex>
+            <mat-form-field>
+                <mat-label>User name</mat-label>
+                <input matInput type="text" formControlName="userName" #userName required/>
+            </mat-form-field>
+            <mat-form-field>
+                <mat-label>Password</mat-label>
+                <input matInput type="password" formControlName="password" #password required/>
+            </mat-form-field>
+        </div>
+        <div *ngIf="error" class="alert alert-danger error" fxFlex>{{error}}</div>
+        <button fxFlex
+            type="submit"
+            mat-raised-button
+            color="primary"
+            [disabled]="loading || !formGroup.valid"
+            (click)="submit()"
+        >Login</button>
+    </form>
+</div>