49 lines
2.3 KiB
HTML
49 lines
2.3 KiB
HTML
<ion-content class="padding">
|
|
<ion-segment 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
|
|
</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 #backbutton [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="!filtereBySearchItems" 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-option [value]="sortName.Size"> Size </ion-select-option>
|
|
</ion-select>
|
|
</ion-item>
|
|
<ion-button (click)="changeSortType()"><mat-icon>{{ currentSortType }}</mat-icon></ion-button>
|
|
</ion-buttons>
|
|
<ion-buttons slot="end">
|
|
<ion-searchbar [disabled]="!filtereBySearchItems || (filtereBySearchItems.length == 0 && currentSearch.length==0)"
|
|
[debounce]="500" (ionClear)="searchCleared()" (ionChange)="searchItems($event)"></ion-searchbar>
|
|
</ion-buttons>
|
|
</div>
|
|
<input hidden type="file" #filepicker (change)="fileSelected($event)" />
|
|
<app-items-list [items]="filtereBySearchItems" [underUploadItem]="underUpload"
|
|
(actionSheetClickedEvent)="presentActionSheet($event)" (itemClickedEvent)="itemClicked($event)"></app-items-list>
|
|
</ion-content> |