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.
24 lines
1.3 KiB
HTML
24 lines
1.3 KiB
HTML
<div #inner (keyDownEvent)="handleKeydownEvent($event)" appInputReceiver class="gallery-container" fxLayout="column">
|
|
<button (click)="this.appClose.emit(this)" class="close-button" mat-icon-button>
|
|
<ng-icon name="mat-close"></ng-icon>
|
|
</button>
|
|
<div (dblclick)="this.selectedFile? this.fileDblClick.emit(this.selectedFile.data) : null"
|
|
class="file-full-view"
|
|
fxFlex="80%">
|
|
<app-content-viewer (contextmenu)="this.selectedFile && fileContextMenu.onContextMenu($event, [this.selectedFile!.data])"
|
|
*ngIf="this.selectedFile"
|
|
[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 (fileDeleted)="this.fileDeleted.emit($event)"></app-file-context-menu>
|