workspace-ionic-app/src/app/show-folder/show-folder.component.html

<ion-content class="padding">
  <ion-toolbar>
    <ion-buttons slot="start" *ngIf="!root">
      <ion-back-button text="" defaultHref="/">
        <mat-icon>arrow_back_ios_new</mat-icon>
      </ion-back-button>
    </ion-buttons>
    <ion-title> {{ !root && parentItem ? parentItem.getTitle() : tabName }} </ion-title>
    <ion-buttons *ngIf="parentItem" slot="end">
      <ion-button (click)="createFolder()"><mat-icon>create_new_folder</mat-icon></ion-button>
      <ion-button (click)="addFile()"><mat-icon>upload_file</mat-icon></ion-button>
    </ion-buttons>
  </ion-toolbar>

    <input hidden type="file" #filepicker (change)="fileSelected($event)" />
    <ion-text color="medium" *ngIf="items.length == 0 && underUploadItem.length == 0" class="ion-padding ion-text-center">
      <p>Empty folder</p>
    </ion-text>

    <ion-list>

        <ion-item disabled *ngFor="let u of underUploadItem">
          <mat-icon slot="start">description</mat-icon>
          <ion-label text-wrap>{{ u }}</ion-label>
          <ion-spinner name="lines-small"></ion-spinner>
        </ion-item>

        <ion-item *ngFor="let i of items">
          <mat-icon slot="start">{{ i.getIconInfo() }}</mat-icon>
          <ion-label text-wrap (click)="itemClicked(i)">
            {{ i.getTitle() }}
            <p *ngIf="i.item.shared; else notShared">{{ i.item.owner }}</p>
            <ng-template #notShared>
              <p>{{i.item.lastModificationTime | date: 'dd MMM yyyy'}} </p>
            </ng-template>
            
          </ion-label>
          <mat-icon (click)="presentActionSheet(i)" slot="end">more_horiz</mat-icon>
        </ion-item>        
    </ion-list>

</ion-content>