nts-ng2-components/src/components/utils/face/face.component.html

Paquete de componentes para Angular2 desarrollado por NITSNETS.

<div class="face" [ngClass]="{
        small: size === 'small',
        big: size === 'big',
        initial: user && !user.image
    }" [style.background-image]="user?.image ? 'url('+user?.image+')' : ''">

    <p class="title4 letter" *ngIf="user && !user.image">{{user.name?.charAt(0) | uppercase}}</p>

    <nts-icon class="icon" [icon]="icon" *ngIf="!user"></nts-icon>

</div>
<nts-badge class="face-badge" [label]="badge" color="error"></nts-badge>