activate-user.component.html

<div class="admin-container" [class.admin-is-mobile]="mobileQuery.matches">
    <mat-toolbar color="primary" class="admin-toolbar">
        <button mat-button>
            <mat-icon class="maarchLogo" [svgIcon]="mobileQuery.matches ? 'maarchLogoOnly' : 'maarchLogo'"></mat-icon>
        </button>
        <h1 class="admin-toolbar-title text-center" >{{lang.missingAdvertTitle}}
        </h1>
        <span style="flex: 1 1 auto;"></span>
        <menu-top></menu-top>
    </mat-toolbar>
    <mat-sidenav-container autosize class="admin-sidenav-container">
        <mat-sidenav-content>
            <div *ngIf="loading" style="display:flex;height:100%;">
                <mat-spinner style="margin:auto;"></mat-spinner>
            </div>
            <div *ngIf="!loading" class="text-center" style="position:relative; top:50px;">
                {{lang.missingAdvert}}<br>
                {{lang.missingAdvert2}}<br>
                {{lang.missingChoose}}<br>
                <br>
                <button mat-raised-button color="primary" type="button" (click)="activateUser()">{{lang.validate}}</button>
                <button mat-raised-button color="primary" type="button" (click)="logout()">{{lang.cancel}}</button>
            </div>
        </mat-sidenav-content>
    </mat-sidenav-container>
</div>