<ion-header>
  <ion-toolbar>
    <ion-title>
      File Manager
    </ion-title>
  </ion-toolbar>
</ion-header>

<ion-content>
  <ion-list>
    <ion-item (click)="openDir(null,'pre')">
      <ion-icon [name]="'folder'" slot="start"></ion-icon>
      <ion-label>../</ion-label>
    </ion-item>
    <ion-item *ngFor="let item of dirs" (click)="openDir(item)">
      <ion-icon [name]="'folder'" slot="start"></ion-icon>
      <ion-label>{{ showName(item.Prefix) }}</ion-label>
    </ion-item>
    <ion-item *ngFor="let item of files" (click)="openFile(item)">
      <ion-icon [name]="'document'" slot="start"></ion-icon>
      <ion-label>{{ showName(item.Key) }}</ion-label>
    </ion-item>
  </ion-list>
</ion-content>
