<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"
    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 }}"
    translate
    type="button"
  >
    Back
  </button>
  <button (click)="cancel()" class="btn btn-default" title="{{ 'Cancel' | translate }}" translate>
    Cancel
  </button>
</c8y-wizard-footer>