43 lines
1.9 KiB
HTML
43 lines
1.9 KiB
HTML
<ion-content class="padding">
|
|
<ion-segment mode="ios" value="all">
|
|
<ion-segment-button (click)="filterBy('all')" value="all">
|
|
All
|
|
</ion-segment-button>
|
|
<ion-segment-button (click)="filterBy('folders')" value="FolderItem">
|
|
Folders
|
|
</ion-segment-button>
|
|
<ion-segment-button (click)="filterBy('shared')" value="SharedFolderItem">
|
|
Shared Folders
|
|
</ion-segment-button>
|
|
<ion-segment-button (click)="filterBy('files')" value="GenericFileItem">
|
|
Files
|
|
</ion-segment-button>
|
|
</ion-segment>
|
|
<ion-toolbar>
|
|
<ion-buttons slot="start">
|
|
<ion-back-button [hidden]="root" text="" defaultHref="/">
|
|
<mat-icon>arrow_back_ios_new</mat-icon>
|
|
</ion-back-button>
|
|
</ion-buttons>
|
|
<ion-title> {{ title }} </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-progress-bar *ngIf="!filteredItems" type="indeterminate"></ion-progress-bar>
|
|
</ion-toolbar>
|
|
<div>
|
|
<ion-buttons slot="start">
|
|
<ion-item>
|
|
<ion-select [interfaceOptions]="customSortAlertOptions" (ionChange)="changeSortName($event)" interface="alert" [value]="currentSortName">
|
|
<ion-select-option [value]="sortName.Name"> Name </ion-select-option>
|
|
<ion-select-option [value]="sortName.LastModificationTime"> Last Modified </ion-select-option>
|
|
</ion-select>
|
|
</ion-item>
|
|
<ion-button (click)="changeSortType()"><mat-icon>{{ currentSortType }}</mat-icon></ion-button>
|
|
</ion-buttons>
|
|
</div>
|
|
<input hidden type="file" #filepicker (change)="fileSelected($event)" />
|
|
<app-items-list [items]="filteredItems" [underUploadItem]="underUploadItem"
|
|
(actionSheetClickedEvent)="presentActionSheet($event)" (itemClickedEvent)="itemClicked($event)"></app-items-list>
|
|
</ion-content> |