opt-cc/static/src/app/manage/users/user-list/user-item.component.html

<div class="fade-in list-entry" [ngClass]="{selected : selected}" (click)="select()">

  <div class="row">
    <div class="col-sm-8">
      <span>
        <a>{{user.username}}</a>
      </span>
      <br>
      <small *ngIf="user.squadId && user.squadId.fraction == 'OPFOR'">{{fraction.SWORD}} - {{user.squadId.name}}</small>
      <small *ngIf="user.squadId && user.squadId.fraction == 'BLUFOR'">{{fraction.ARF}} - {{user.squadId.name}}
      </small>
      <small *ngIf="!user.squadId">{{'users.list.item.label.no.squad' | translate}}</small>
    </div>

    <div class="col-sm-4">
      <mat-icon (click)="delete(); $event.stopPropagation()" matTooltip="{{'users.list.tooltip.delete' | translate}}"
                *ngIf="loginService.hasPermission(3)"
                class="pull-right" style="margin-top: 8px;" svgIcon="delete"></mat-icon>
      <mat-icon (click)="award(); $event.stopPropagation()" matTooltip="{{'users.list.tooltip.awards' | translate}}"
                class="icon-award pull-right" svgIcon="award"></mat-icon>
    </div>
  </div>
</div>