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.
20 lines
1.2 KiB
HTML
20 lines
1.2 KiB
HTML
<app-content-aware-image (appLoadEnd)="this.loadEnd.emit()" (appLoadError)="this.onImageLoadError()"
|
|
*ngIf="this.thumbnailSupported && this.thumbUrl"
|
|
[imageSrc]="this.thumbUrl"
|
|
[maxRetry]="5" [retryDelay]="100"
|
|
borderRadius="0.25em"></app-content-aware-image>
|
|
<div *ngIf="this.thumbnailSupported && this.thumbUrl" class="file-icon-overlay">
|
|
<ng-icon *ngIf="fileType === 'video'" name="mat-movie"></ng-icon>
|
|
<ng-icon *ngIf="this.file.mimeType === 'image/gif'" class="gif-icon" name="mat-gif"></ng-icon>
|
|
</div>
|
|
<div *ngIf="!this.thumbnailSupported || !this.thumbUrl" class="file-type-icon">
|
|
<ng-icon *ngIf="fileType === 'image'" name="mat-image"></ng-icon>
|
|
<ng-icon *ngIf="fileType === 'video'" name="mat-movie"></ng-icon>
|
|
<ng-icon *ngIf="fileType === 'audio'" name="mat-audiotrack"></ng-icon>
|
|
<ng-icon *ngIf="fileType === 'text'" name="mat-description"></ng-icon>
|
|
</div>
|
|
<div *ngIf="(file.status | async) !== 'Archived'" class="file-status-icon">
|
|
<ng-icon *ngIf="(file.status | async) === 'Deleted'" name="mat-auto-delete"></ng-icon>
|
|
<ng-icon *ngIf="(file.status | async) === 'Imported'" name="mat-fiber-new"></ng-icon>
|
|
</div>
|