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-toolbar>

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

    <ion-list>
        <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-fab *ngIf="parentItem" vertical="top" horizontal="end" slot="fixed" size="small">
    <ion-fab-button>
      <ion-icon name="add"></ion-icon>
    </ion-fab-button>

    <ion-fab-list side="bottom">
      <ion-fab-button (click)="createFolder()">
        <mat-icon>create_new_folder</mat-icon>
      </ion-fab-button>
      <ion-fab-button (click)="addFile()">
        <mat-icon>upload_file</mat-icon>
      </ion-fab-button>
    </ion-fab-list>
  </ion-fab>

</ion-content>