login.component.html

<span class=".row-fill-remaining-space"></span>
<span>
	<span *ngIf="userService.loggedIn ? false : true">
		<form *ngIf="idps"
			(ngSubmit)="userService.login(selectedIdP)" #loginForm="ngForm">
			<mat-form-field>
				<mat-select name="idp" required [(ngModel)]="selectedIdP">
					<mat-option *ngFor="let idp of idps" [value]="idp">
						{{ idp.name }}
					</mat-option>
				</mat-select>
			</mat-form-field>
			<button mat-raised-button [disabled]="!loginForm.form.valid" color="accent" type="submit">Login</button>
		</form>
	</span>
	<span *ngIf="userService.loggedIn">
		<button mat-button mat-icon-button (click)="dialog.openAccount()">
			<mat-icon>settings</mat-icon>
		</button>
		<button mat-button mat-icon-button (click)="dialog.openSshKeys()">
			<mat-icon>vpn_key</mat-icon>
		</button>
		<button mat-button (click)="dialog.openProfile()">
			{{ userService.user?.email }}
		</button>
		<button mat-raised-button color="accent" (click)="userService.logout()">Logout</button>
	</span>
</span>