<div>
    <h1>Gisaf admin/control center</h1>
    <p>
        This is the adminstration area: baskets for importing files,
        tools for the management of the database...
    </p>

    <div *ngIf="authenticationService.getUser() | async as user; else anonymous">
        <p>
            You're logged in as: <span class='emph'>{{ user.username }}</span> ({{ user.email }}, #{{ user.id }}).
        </p>
        <p>
            Your roles are:
        </p>
        <ul>
            <li *ngFor="let role of user.roles">
                {{ role.name }}
            </li>
        </ul>
    </div>
</div>

<ng-template #anonymous>
    <div>You're not logged in.</div>
</ng-template>
