opt-cc/static/src/app/manage/decorations/decoration-list/decoration-item.component.html

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

  <div class="row">
    <div class="col-xs-8">
      <span>
        <a>{{decoration.name}}</a>
      </span>
      <br>
      <small *ngIf="decoration.fraction == 'ARF'">{{fraction.ARF}}</small>
      <small *ngIf="decoration.fraction == 'SWORD'">{{fraction.SWORD}}</small>
      <small *ngIf="decoration.fraction == 'OPFOR'">{{fraction.OPFOR}}</small>
      <small *ngIf="decoration.fraction == 'BLUFOR'">{{fraction.BLUFOR}}</small>
      <small *ngIf="decoration.fraction == 'GLOBAL'">{{'decorations.list.filter.global' | translate}}</small>
      <small> {{'decorations.item.label.sort' | translate:{value: decoration.sortingNumber} }}</small>
    </div>

    <div class="col-xs-4">
      <img src="{{imageSrc}}"
           [style.max-height]="imgStyle.height"
           [style.max-width]="imgStyle.width"
           [style.margin-top]="imgStyle.marginTop"
           class="decoration-list-preview">
      <span (click)="delete(); $event.stopPropagation()" matTooltip="{{'decorations.list.button.delete' | translate}}"
            class="glyphicon glyphicon-trash trash"></span>
    </div>
  </div>
</div>