<div class="c8y-wizard-list-nav">
  <button
    (click)="select(app)"
    *ngFor="let app of existingApps"
    class="list-group-item text-truncate p-t-8 p-b-8 bg-level-0"
    type="button"
  >
    <c8y-app-icon
      [app]="app"
      [contextPath]="app.contextPath"
      [name]="app.name"
      class="list-group-icon"
    ></c8y-app-icon>
    <span [innerText]="app | humanizeAppName | async" class="pointer"></span>
    <span [ngClass]="ecosystemService.getAppState(app).class" class="label m-l-16">
      {{ ecosystemService.getAppState(app).label | translate }}
    </span>
  </button>
</div>
<c8y-wizard-footer>
  <button (click)="back()" class="btn btn-default" title="{{ 'Back' | translate }}" type="button">
    {{ 'Back' | translate }}
  </button>
  <button
    (click)="cancel()"
    class="btn btn-default"
    title="{{ 'Cancel' | translate }}"
    type="button"
  >
    {{ 'Cancel' | translate }}
  </button>
</c8y-wizard-footer>