<c8y-action-bar-item
  *ngFor="let action of actions; let i = index"
  [placement]="i < 3 ? 'right' : 'more'"
>
  <button
    class="d-flex a-i-center {{ i < 3 ? 'btn btn-link' : '' }}"
    [title]="action.text | translate"
    (click)="action.callback(service)"
    style="max-width: {{ i < 3 ? '160px' : 'unset' }};"
  >
    <i
      class="m-r-4"
      [class]="action.iconClasses"
      [c8yIcon]="action.icon"
    ></i>
    <span
      class="text-truncate"
      translate
    >
      {{ action.text }}
    </span>
  </button>
</c8y-action-bar-item>

<c8y-operations-list
  fragmentType="c8y_ServiceCommand"
  [readOnlyItems]="true"
>
  <!-- TODO Add context help 
  <c8y-help></c8y-help>
  -->
</c8y-operations-list>