You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
<div class="gallery-container" #inner fxLayout="column" appInputReceiver (keyDownEvent)="handleKeydownEvent($event)">
|
|
|
|
<button (click)="this.closeEvent.emit(this)" class="close-button" mat-icon-button>
|
|
|
|
<ng-icon name="mat-close"></ng-icon>
|
|
|
|
</button>
|
|
|
|
<div (dblclick)="this.selectedFile? this.fileDblClickEvent.emit(this.selectedFile.data) : null"
|
|
|
|
class="file-full-view"
|
|
|
|
fxFlex="80%">
|
|
|
|
<app-content-viewer
|
|
|
|
(contextmenu)="this.selectedFile && fileContextMenu.onContextMenu($event, this.selectedFile!.data)"
|
|
|
|
[file]="this.selectedFile!.data"></app-content-viewer>
|
|
|
|
</div>
|
|
|
|
<mat-divider fxFlex></mat-divider>
|
|
|
|
<div class="file-scroll-view" fxFlex="20%">
|
|
|
|
<cdk-virtual-scroll-viewport #virtualScroll class="file-scroll-viewport" itemSize="260" maxBufferPx="3000"
|
|
|
|
minBufferPx="1000" orientation="horizontal">
|
|
|
|
<div *cdkVirtualFor="let entry of entries" class="file-item">
|
|
|
|
<app-file-card (clickEvent)="onEntrySelect($event.entry)"
|
|
|
|
[entry]="entry"></app-file-card>
|
|
|
|
</div>
|
|
|
|
</cdk-virtual-scroll-viewport>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<app-file-context-menu #fileContextMenu></app-file-context-menu>
|