<h4 class="external-link-host">
    <!-- Show either an inline image with a tiny status indicator -->
    <i *ngIf="showInlineImage; else noInlineImg" class="inline-image name-prefix" [class.online]="user.isLoggedIn"
       [style.background-image]="user.imageData | bgImageData:'/assets/img/no_profile_grey.png'">
    </i>
    <!-- or a full-size status -->
    <ng-template #noInlineImg>
        <span class="sdi-status" [ngClass]="user.isLoggedIn ? 'online' : 'offline'"
              [title]="user.isLoggedIn ? isLoggedInTitle : offlineTitle">
        </span>
    </ng-template>

    {{user.login}}

    <a *ngIf="canSysAdmin" class="fa fa-external-link external-link"
       i18n-title="@@openInAdminModuleTitle" title="Открыть в модуле администрирования"
       routerLink="{{usersRouterLink}}" [queryParams]="{ userId: user.id }" target="_blank">
    </a>
</h4>

<p *ngIf="user.email">
    <a class="sdi-link" href="{{'mailto:' + user.email}}" rel="noopener">{{user.email}}</a>
</p>

<p *ngIf="user.fio; else noFio">
    {{user.fio}}
</p>
<ng-template #noFio>
    <div class="auxiliary">ФИО не указаны</div>
</ng-template>