parent
2691653274
commit
e6026cfd27
@ -1,5 +1,5 @@
|
|||||||
<div #imageContainer class="image-container" (window:resize)="this.adjustSize(image, imageContainer)">
|
<div #imageContainer (window:resize)="this.adjustSize(image, imageContainer)" class="image-container">
|
||||||
<img #image [src]="this.imageSrc" alt="" (load)="this.adjustSize(image, imageContainer)"
|
<img #image (load)="this.adjustSize(image, imageContainer)" [class.scale-height]="(!scaleWidth) && maximizeHeight" [class.scale-width]="scaleWidth && maximizeWidth"
|
||||||
[class.scale-width]="scaleWidth && maximizeWidth" [class.scale-height]="(!scaleWidth) && maximizeHeight"
|
[src]="this.imageSrc" alt=""
|
||||||
decoding="async">
|
decoding="async">
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -1,4 +1,4 @@
|
|||||||
<div class="image-wrapper" (click)="fileSelectEvent.emit(this.file)" [class.selected]="this.file.selected">
|
<div (click)="fileSelectEvent.emit(this.file)" [class.selected]="this.file.selected" class="image-wrapper">
|
||||||
<mat-progress-spinner *ngIf="!contentUrl"></mat-progress-spinner>
|
<mat-progress-spinner *ngIf="!contentUrl"></mat-progress-spinner>
|
||||||
<app-content-aware-image *ngIf="contentUrl" [imageSrc]="contentUrl"></app-content-aware-image>
|
<app-content-aware-image *ngIf="contentUrl" [imageSrc]="contentUrl"></app-content-aware-image>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -1,25 +1,25 @@
|
|||||||
<div class="tag-input-list-and-actions">
|
<div class="tag-input-list-and-actions">
|
||||||
<div class="tag-input-list" #tagInputList>
|
<div #tagInputList class="tag-input-list">
|
||||||
<div class="tag-input-list-inner">
|
<div class="tag-input-list-inner">
|
||||||
<div class="tag-input-item" *ngFor="let tag of searchTags" mat-ripple
|
<div (click)="removeSearchTag(tag)" *ngFor="let tag of searchTags" class="tag-input-item"
|
||||||
(click)="removeSearchTag(tag)">{{tag.getNormalizedTag()}}</div>
|
mat-ripple>{{tag.getNormalizedTag()}}</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<button id="delete-all-tags-button" mat-icon-button (click)="removeAllSearchTags()">
|
<button (click)="removeAllSearchTags()" id="delete-all-tags-button" mat-icon-button>
|
||||||
<mat-icon>delete-sweep</mat-icon>
|
<mat-icon>delete-sweep</mat-icon>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<mat-form-field class="full-width" appearance="fill">
|
<mat-form-field appearance="fill" class="full-width">
|
||||||
<mat-label>Enter tags to filter for</mat-label>
|
<mat-label>Enter tags to filter for</mat-label>
|
||||||
<input matInput
|
<input #tagInput
|
||||||
#tagInput
|
|
||||||
(keydown)="addSearchTagByInput($event)"
|
(keydown)="addSearchTagByInput($event)"
|
||||||
|
[formControl]="formControl"
|
||||||
[matAutocomplete]="auto"
|
[matAutocomplete]="auto"
|
||||||
[formControl]="formControl"/>
|
matInput/>
|
||||||
<mat-autocomplete #auto (optionSelected)="addSearchTagByAutocomplete($event)">
|
<mat-autocomplete #auto (optionSelected)="addSearchTagByAutocomplete($event)">
|
||||||
<mat-option *ngFor="let tag of suggestionTags | async" [value]="tag">
|
<mat-option *ngFor="let tag of suggestionTags | async" [value]="tag">
|
||||||
{{tag}}
|
{{tag}}
|
||||||
</mat-option>
|
</mat-option>
|
||||||
</mat-autocomplete>
|
</mat-autocomplete>
|
||||||
</mat-form-field>
|
</mat-form-field>
|
||||||
<button mat-flat-button id="sort-button" (click)="openSortDialog()">Sort: {{sortExpression.join(", ")}}</button>
|
<button (click)="openSortDialog()" id="sort-button" mat-flat-button>Sort: {{sortExpression.join(", ")}}</button>
|
||||||
|
|||||||
@ -1,4 +1,4 @@
|
|||||||
<div class="tag-item-wrapper">
|
<div class="tag-item-wrapper">
|
||||||
<span *ngIf="tag.namespace" class="tag-item-namespace" [style]="{color: namespaceColor}">{{tag.namespace}}:</span>
|
<span *ngIf="tag.namespace" [style]="{color: namespaceColor}" class="tag-item-namespace">{{tag.namespace}}:</span>
|
||||||
<span class="tag-item-name" [style]="{color: tagColor}">{{tag.name}}</span>
|
<span [style]="{color: tagColor}" class="tag-item-name">{{tag.name}}</span>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -1,19 +1,20 @@
|
|||||||
<mat-drawer-container class="page">
|
<mat-drawer-container class="page">
|
||||||
<mat-drawer mode="side" opened disableClose>
|
<mat-drawer disableClose mode="side" opened>
|
||||||
<app-files-tab-sidebar (searchEndEvent)="this.contentLoading = false"
|
<app-files-tab-sidebar (searchEndEvent)="this.contentLoading = false"
|
||||||
(searchStartEvent)="this.contentLoading = true" [selectedFiles]="this.selectedFiles"></app-files-tab-sidebar>
|
(searchStartEvent)="this.contentLoading = true"
|
||||||
|
[selectedFiles]="this.selectedFiles"></app-files-tab-sidebar>
|
||||||
</mat-drawer>
|
</mat-drawer>
|
||||||
<mat-drawer-content>
|
<mat-drawer-content>
|
||||||
<div *ngIf="contentLoading" class="spinner-overlay">
|
<div *ngIf="contentLoading" class="spinner-overlay">
|
||||||
<mat-progress-spinner color="primary" mode="indeterminate"></mat-progress-spinner>
|
<mat-progress-spinner color="primary" mode="indeterminate"></mat-progress-spinner>
|
||||||
</div>
|
</div>
|
||||||
<app-file-grid *ngIf="!this.showGallery" (fileDblClickEvent)="openGallery($event)" [files]="files"
|
<app-file-grid (fileDblClickEvent)="openGallery($event)" (fileMultiselectEvent)="onFileMultiSelect($event)" (fileSelectEvent)="onFileSelect($event)"
|
||||||
(fileSelectEvent)="onFileSelect($event)"
|
*ngIf="!this.showGallery"
|
||||||
|
[files]="files"
|
||||||
[preselectedFile]="this.preselectedFile"
|
[preselectedFile]="this.preselectedFile"
|
||||||
(fileMultiselectEvent)="onFileMultiSelect($event)"
|
|
||||||
></app-file-grid>
|
></app-file-grid>
|
||||||
<app-file-gallery *ngIf="this.showGallery" [files]="files" (fileSelectEvent)="onFileSelect($event)"
|
<app-file-gallery (closeEvent)="this.closeGallery($event.selectedFile?.data)" (fileSelectEvent)="onFileSelect($event)" *ngIf="this.showGallery"
|
||||||
[preselectedFile]="this.preselectedFile"
|
[files]="files"
|
||||||
(closeEvent)="this.closeGallery($event.selectedFile?.data)"></app-file-gallery>
|
[preselectedFile]="this.preselectedFile"></app-file-gallery>
|
||||||
</mat-drawer-content>
|
</mat-drawer-content>
|
||||||
</mat-drawer-container>
|
</mat-drawer-container>
|
||||||
|
|||||||
Loading…
Reference in New Issue