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.
46 lines
1.8 KiB
46 lines
1.8 KiB
<div class="row no-gutters"
|
|
(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">
|
|
Nothing selected
|
|
</div>
|
|
</ng-template>
|
|
</div>
|
|
<div class="col pl-4" *ngIf="!snapshot.isCompact">
|
|
<i class="icon-angle-left icon"></i>
|
|
|
|
<input class="form-control" [formControl]="stockPhotoSearch" placeholder="Search for Photos by Unsplash" />
|
|
|
|
<sqx-list-view [isLoading]="snapshot.isLoading" table="true">
|
|
<div content>
|
|
<div class="photos">
|
|
<ng-container *ngIf="stockPhotos | async; let photos">
|
|
<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>
|
|
</div>
|
|
</sqx-list-view>
|
|
</div>
|
|
</div>
|