parent
9773444d7f
commit
60faf81187
@ -1,8 +1,9 @@
|
||||
<mat-drawer-container autosize>
|
||||
<mat-drawer disableClose="true" mode="side" opened>
|
||||
<app-import-tab-sidebar (fileImported)="this.addFileFromImport($event)" (importFinished)="this.refreshFileView()"></app-import-tab-sidebar>
|
||||
<app-import-tab-sidebar (fileImported)="this.addFileFromImport($event)"
|
||||
(importFinished)="this.refreshFileView()"></app-import-tab-sidebar>
|
||||
</mat-drawer>
|
||||
<mat-drawer-content>
|
||||
<app-file-multiview [files]="this.files" ></app-file-multiview>
|
||||
<app-file-multiview [files]="this.files"></app-file-multiview>
|
||||
</mat-drawer-content>
|
||||
</mat-drawer-container>
|
||||
|
||||
@ -1,4 +1,5 @@
|
||||
<ng-content></ng-content>
|
||||
<div *ngIf="this.busy" class="busy-indicator-overlay" [class.blur]="this.blurBackground" [class.darken]="this.darkenBackground">
|
||||
<mat-progress-spinner color="primary" [mode]="mode" [value]="value"></mat-progress-spinner>
|
||||
<div *ngIf="this.busy" [class.blur]="this.blurBackground" [class.darken]="this.darkenBackground"
|
||||
class="busy-indicator-overlay">
|
||||
<mat-progress-spinner [mode]="mode" [value]="value" color="primary"></mat-progress-spinner>
|
||||
</div>
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
<div #imageContainer (window:resize)="this.adjustSize(image, imageContainer)" class="image-container">
|
||||
<img #image (load)="this.adjustSize(image, imageContainer)" [class.scale-height]="(!scaleWidth) && maximizeHeight"
|
||||
[class.scale-width]="scaleWidth && maximizeWidth" [style]="{borderRadius: this.borderRadius}"
|
||||
[src]="this.imageSrc" alt="">
|
||||
[class.scale-width]="scaleWidth && maximizeWidth" [src]="this.imageSrc"
|
||||
[style]="{borderRadius: this.borderRadius}" alt="">
|
||||
</div>
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
<div class="menu-anchor" [matMenuTriggerFor]="contextMenu" [style.left]="x" [style.top]="y"></div>
|
||||
<div [matMenuTriggerFor]="contextMenu" [style.left]="x" [style.top]="y" class="menu-anchor"></div>
|
||||
<mat-menu #contextMenu="matMenu">
|
||||
<ng-content></ng-content>
|
||||
</mat-menu>
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
<app-context-menu #contextMenu>
|
||||
<button mat-menu-item (click)="this.copyFileHash()">Copy Hash</button>
|
||||
<button mat-menu-item (click)="this.exportFile()">Save As...</button>
|
||||
<button (click)="this.copyFileHash()" mat-menu-item>Copy Hash</button>
|
||||
<button (click)="this.exportFile()" mat-menu-item>Save As...</button>
|
||||
<ng-content></ng-content>
|
||||
</app-context-menu>
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
<div class="audio-container">
|
||||
<audio controls [src]="this.blobUrl">
|
||||
<audio [src]="this.blobUrl" controls>
|
||||
</audio>
|
||||
</div>
|
||||
|
||||
@ -1,3 +1,3 @@
|
||||
<video controls [src]="this.blobUrl">
|
||||
<video [src]="this.blobUrl" controls>
|
||||
Unsupported video type
|
||||
</video>
|
||||
|
||||
@ -1,4 +1,5 @@
|
||||
<app-file-grid *ngIf="this.mode === 'grid'" [files]="this.files" [preselectedFile]="this.preselectedFile"
|
||||
(fileSelectEvent)="this.onFileSelect($event)" (fileOpenEvent)="this.onFileOpen($event)"></app-file-grid>
|
||||
<app-file-gallery *ngIf="this.mode === 'gallery'" [files]="this.files" [preselectedFile]="this.preselectedFile"
|
||||
(fileSelectEvent)="this.onSinglefileSelect($event)" (closeEvent)="this.mode = 'grid'"></app-file-gallery>
|
||||
<app-file-grid (fileOpenEvent)="this.onFileOpen($event)" (fileSelectEvent)="this.onFileSelect($event)" *ngIf="this.mode === 'grid'"
|
||||
[files]="this.files" [preselectedFile]="this.preselectedFile"></app-file-grid>
|
||||
<app-file-gallery (closeEvent)="this.mode = 'grid'" (fileSelectEvent)="this.onSinglefileSelect($event)" *ngIf="this.mode === 'gallery'"
|
||||
[files]="this.files"
|
||||
[preselectedFile]="this.preselectedFile"></app-file-gallery>
|
||||
|
||||
@ -1,26 +1,26 @@
|
||||
<h1 mat-dialog-title>Filters</h1>
|
||||
<div mat-dialog-content class="filter-dialog-content">
|
||||
<div class="filter-dialog-content" mat-dialog-content>
|
||||
<div class="filter-dialog-list">
|
||||
<mat-list class="mat-filter-dialog-list">
|
||||
<mat-list-item class="filter-list-item" *ngFor="let expression of filters" [class.selected]="expression.selected">
|
||||
<app-tag-filter-list-item (querySelect)="this.addToSelection($event)"
|
||||
<mat-list-item *ngFor="let expression of filters" [class.selected]="expression.selected" class="filter-list-item">
|
||||
<app-tag-filter-list-item (contextmenu)="contextMenu.onContextMenu($event)"
|
||||
(querySelect)="this.addToSelection($event)"
|
||||
(queryUnselect)="this.removeFromSelection($event)"
|
||||
(removeClicked)="this.removeFilter($event)"
|
||||
(contextmenu)="contextMenu.onContextMenu($event)"
|
||||
[expression]="expression"></app-tag-filter-list-item>
|
||||
</mat-list-item>
|
||||
</mat-list>
|
||||
</div>
|
||||
<mat-divider></mat-divider>
|
||||
<app-tag-input class="tag-input" [allowNegation]="true" [availableTags]="this.availableTags"
|
||||
(tagAdded)="this.addFilter($event)"></app-tag-input>
|
||||
<app-tag-input (tagAdded)="this.addFilter($event)" [allowNegation]="true" [availableTags]="this.availableTags"
|
||||
class="tag-input"></app-tag-input>
|
||||
</div>
|
||||
<div class="dialog-actions" mat-dialog-actions>
|
||||
<button mat-flat-button color="primary" (click)="confirmFilter()">Filter</button>
|
||||
<button mat-stroked-button color="accent" (click)="cancelFilter()">Cancel</button>
|
||||
<button (click)="confirmFilter()" color="primary" mat-flat-button>Filter</button>
|
||||
<button (click)="cancelFilter()" color="accent" mat-stroked-button>Cancel</button>
|
||||
</div>
|
||||
<app-context-menu #contextMenu>
|
||||
<button mat-menu-item (click)="this.convertSelectionToOrExpression()">Copy to OR-Expression</button>
|
||||
<button mat-menu-item (click)="this.convertSelectionToAndExpression()">Copy to AND-Expression</button>
|
||||
<button mat-menu-item (click)="this.invertSelection()">Invert</button>
|
||||
<button (click)="this.convertSelectionToOrExpression()" mat-menu-item>Copy to OR-Expression</button>
|
||||
<button (click)="this.convertSelectionToAndExpression()" mat-menu-item>Copy to AND-Expression</button>
|
||||
<button (click)="this.invertSelection()" mat-menu-item>Invert</button>
|
||||
</app-context-menu>
|
||||
|
||||
Loading…
Reference in New Issue