mirror of https://github.com/Squidex/squidex.git
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
41 lines
1.7 KiB
41 lines
1.7 KiB
<div class="row g-0" (sqxResizeCondition)="setCompact($event)" [sqxResizeMinWidth]="600" [sqxResizeMaxWidth]="0">
|
|
<div class="col-auto col-image" [class.expand]="snapshot.isCompact">
|
|
<input class="form-control value" [formControl]="valueControl" readonly>
|
|
|
|
<button type="button" class="btn btn-text-secondary value-clear" (click)="reset()">
|
|
<i class="icon-close"></i>
|
|
</button>
|
|
|
|
<div *ngIf="stockPhotoThumbnail | async; let url; else noThumb" class="preview">
|
|
<img [src]="url">
|
|
</div>
|
|
|
|
<ng-template #noThumb>
|
|
<div class="preview preview-empty">
|
|
{{ 'contents.stockPhotoEmpty' | sqxTranslate }}
|
|
</div>
|
|
</ng-template>
|
|
</div>
|
|
|
|
<div class="col ps-4" *ngIf="!snapshot.isCompact">
|
|
<i class="icon-angle-left icon"></i>
|
|
|
|
<input class="form-control" [formControl]="stockPhotoSearch" placeholder="{{ 'contents.stockPhotoSearch' | sqxTranslate }}">
|
|
|
|
<sqx-list-view [isLoading]="snapshot.isLoading" [table]="true">
|
|
<div class="photos">
|
|
<ng-container *ngIf="stockPhotos | async; let photos; trackBy: trackByPhoto">
|
|
<div *ngFor="let photo of photos" class="photo" [class.selected]="isSelected(photo)" (click)="selectPhoto(photo)">
|
|
<img [src]="photo.thumbUrl">
|
|
|
|
<div class="photo-user">
|
|
<a class="photo-user-link" [href]="photo.userProfileUrl" sqxExternalLink sqxStopClick>
|
|
{{photo.user}}
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</ng-container>
|
|
</div>
|
|
</sqx-list-view>
|
|
</div>
|
|
</div>
|