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

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

  <div class="row">
    <div class="col-xs-9">
      <span>
        <a>{{user.username}}</a>
      </span>
      <br>
      <small *ngIf="user.squad && user.squad.fraction == 'OPFOR'">CSAT - {{user.squad.name}}</small>
      <small *ngIf="user.squad && user.squad.fraction == 'BLUFOR'">NATO - {{user.squad.name}}</small>
      <small *ngIf="!user.squad">ohne Squad/Fraktion</small>
    </div>

    <div class="col-xs-3">
      <span (click)="select(); $event.stopPropagation()" title="Name, Squad, Rang" class="glyphicon glyphicon-pencil pull-left edit"></span>
      <span (click)="award(); $event.stopPropagation()" title="Auszeichnungen" class="icon-award pull-left"></span>
      <span (click)="delete(); $event.stopPropagation()" title="Löschen" class="glyphicon glyphicon-trash trash"></span>
    </div>
  </div>
</div>