47 lines
1.6 KiB
HTML
47 lines
1.6 KiB
HTML
<div
|
|
*ngIf="show"
|
|
id="gallery-filters">
|
|
|
|
<mat-form-field class="pdb-form-wide">
|
|
<mat-label>Sort By:</mat-label>
|
|
<mat-select [(value)]="sortBy">
|
|
<mat-option value="NAME">name</mat-option>
|
|
<mat-option value="MAX_VALUE">max value</mat-option>
|
|
<mat-option value="AVERAGE">average</mat-option>
|
|
<mat-option value="VALUES">#values</mat-option>
|
|
<mat-option value="PLOTTED_VALUES">#plotted values</mat-option>
|
|
<mat-option value="MAX_AVG_RATIO">max avg ratio</mat-option>
|
|
</mat-select>
|
|
</mat-form-field>
|
|
|
|
|
|
<pdb-image-toggle images="{{ascDescImages}}" (valueChanged)="sortOrderChanged($event)"></pdb-image-toggle>
|
|
|
|
|
|
<pdb-gallery-filter-view (valueChanged)="filterChanged($event)"></pdb-gallery-filter-view>
|
|
|
|
<mat-checkbox [(ngModel)]="showDetails">Show Details</mat-checkbox>
|
|
</div>
|
|
<div
|
|
*ngIf="show && progress != 100 && totalNumberImages > 0"
|
|
id="gallery-progress">
|
|
|
|
<mat-progress-bar mode="determinate" value="{{progress}}"></mat-progress-bar>
|
|
|
|
<button
|
|
mat-button
|
|
(click)="abort()"
|
|
matTooltip="abort"><img src="assets/img/close.svg" class="icon-inline" /> Abort</button>
|
|
</div>
|
|
<div
|
|
*ngIf="show"
|
|
class="card-grid-container">
|
|
<div
|
|
id="gallery"
|
|
[ngClass]="{'card-grid-300' : !showDetails, 'card-grid-100p': showDetails}">
|
|
<pdb-gallery-item-view
|
|
*ngFor="let galleryItem of filteredSortedGalleryItems()" [data]="galleryItem" [showDetails]="showDetails">
|
|
</pdb-gallery-item-view>
|
|
</div>
|
|
</div>
|