| 12345678910111213141516171819202122232425262728293031 |
- <div class="preview-image" #previewDiv [class.centered]="centered">
- <img class="" [src]="asset.preview + '?preset=' + size" #imageElement (load)="getDimensions()" />
- </div>
- <div class="controls">
- <div>
- <label>{{ 'catalog.preview-size' | translate }}:</label>
- <vdr-form-field>
- <select clrSelect name="options" [(ngModel)]="size">
- <option value="tiny">tiny</option>
- <option value="thumb">thumb</option>
- <option value="small">small</option>
- <option value="medium">medium</option>
- <option value="large">large</option>
- <option value="">full size</option>
- </select>
- </vdr-form-field>
- <div class="dimension">
- <label>{{ 'catalog.width' | translate }}:</label>
- {{ width }}px
- </div>
- <div class="dimension">
- <label>{{ 'catalog.height' | translate }}:</label>
- {{ height }}px
- </div>
- </div>
- <div class="flex-spacer"></div>
- <a [href]="asset.source" target="_blank" class="btn btn-link">
- {{ 'asset.open-asset-source' | translate }}
- </a>
- </div>
|