|
|
@ -20,13 +20,23 @@
|
|
|
|
<ion-button (click)="onActionClick('folder-add')"><i class="fa fa-folder-plus"></i> Folder</ion-button>
|
|
|
|
<ion-button (click)="onActionClick('folder-add')"><i class="fa fa-folder-plus"></i> Folder</ion-button>
|
|
|
|
<ion-button (click)="onUploadFilesClick($event)"><i class="fa fa-upload"></i> Upload Files</ion-button>
|
|
|
|
<ion-button (click)="onUploadFilesClick($event)"><i class="fa fa-upload"></i> Upload Files</ion-button>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="buffer"></div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="filter">
|
|
|
|
|
|
|
|
<i class="filter-icon fa fa-search"></i>
|
|
|
|
|
|
|
|
<ion-input
|
|
|
|
|
|
|
|
placeholder="Quick filter..."
|
|
|
|
|
|
|
|
(ionChange)="onQuickFilterChange($event)"
|
|
|
|
|
|
|
|
></ion-input>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<input type="file" name="fileInput" #fileInput multiple style="display: none;" (change)="onUploadFilesChange($event)">
|
|
|
|
<input type="file" name="fileInput" #fileInput multiple style="display: none;" (change)="onUploadFilesChange($event)">
|
|
|
|
</ion-buttons>
|
|
|
|
</ion-buttons>
|
|
|
|
</ion-toolbar>
|
|
|
|
</ion-toolbar>
|
|
|
|
<div class="content-wrapper" (contextmenu)="onSurfaceContextMenu($event)">
|
|
|
|
<div class="content-wrapper" (contextmenu)="onSurfaceContextMenu($event)">
|
|
|
|
<div *ngIf="!items || !items.length" class="empty-text" (contextmenu)="onSurfaceContextMenu($event)">No files or folders.</div>
|
|
|
|
<div *ngIf="!items || !items.length" class="empty-text" (contextmenu)="onSurfaceContextMenu($event)">No files or folders.</div>
|
|
|
|
<div *ngIf="items && items.length" class="folders">
|
|
|
|
<div *ngIf="items && items.length" class="folders">
|
|
|
|
<ng-container *ngFor="let item of items">
|
|
|
|
<ng-container *ngFor="let item of (visibleFilterItems ? visibleFilterItems : items)">
|
|
|
|
<div class="folder item" *ngIf="item.type === 'folder'" (contextmenu)="onItemContextMenu(item, $event)" (dblclick)="onItemActivate(item)">
|
|
|
|
<div class="folder item" *ngIf="item.type === 'folder'" (contextmenu)="onItemContextMenu(item, $event)" (dblclick)="onItemActivate(item)">
|
|
|
|
<div class="icon folder"><i class="fa fa-folder"></i></div>
|
|
|
|
<div class="icon folder"><i class="fa fa-folder"></i></div>
|
|
|
|
<div class="title">{{ item.title }}</div>
|
|
|
|
<div class="title">{{ item.title }}</div>
|
|
|
@ -34,7 +44,7 @@
|
|
|
|
</ng-container>
|
|
|
|
</ng-container>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div *ngIf="items && items.length" class="files">
|
|
|
|
<div *ngIf="items && items.length" class="files">
|
|
|
|
<ng-container *ngFor="let item of items">
|
|
|
|
<ng-container *ngFor="let item of (visibleFilterItems ? visibleFilterItems : items)">
|
|
|
|
<div class="folder item" *ngIf="item.type === 'file'" (contextmenu)="onItemContextMenu(item, $event)" (dblclick)="onItemActivate(item)">
|
|
|
|
<div class="folder item" *ngIf="item.type === 'file'" (contextmenu)="onItemContextMenu(item, $event)" (dblclick)="onItemActivate(item)">
|
|
|
|
<div [ngClass]="'icon ' + item.category"><i [ngClass]="categoryIcons[item.category]"></i></div>
|
|
|
|
<div [ngClass]="'icon ' + item.category"><i [ngClass]="categoryIcons[item.category]"></i></div>
|
|
|
|
<div class="title">{{ item.title }}</div>
|
|
|
|
<div class="title">{{ item.title }}</div>
|
|
|
|