asset-preview.component.html 1.2 KB

12345678910111213141516171819202122232425262728293031
  1. <div class="preview-image" #previewDiv [class.centered]="centered">
  2. <img class="" [src]="asset.preview + '?preset=' + size" #imageElement (load)="getDimensions()" />
  3. </div>
  4. <div class="controls">
  5. <div>
  6. <label>{{ 'catalog.preview-size' | translate }}:</label>
  7. <vdr-form-field>
  8. <select clrSelect name="options" [(ngModel)]="size">
  9. <option value="tiny">tiny</option>
  10. <option value="thumb">thumb</option>
  11. <option value="small">small</option>
  12. <option value="medium">medium</option>
  13. <option value="large">large</option>
  14. <option value="">full size</option>
  15. </select>
  16. </vdr-form-field>
  17. <div class="dimension">
  18. <label>{{ 'catalog.width' | translate }}:</label>
  19. {{ width }}px
  20. </div>
  21. <div class="dimension">
  22. <label>{{ 'catalog.height' | translate }}:</label>
  23. {{ height }}px
  24. </div>
  25. </div>
  26. <div class="flex-spacer"></div>
  27. <a [href]="asset.source" target="_blank" class="btn btn-link">
  28. {{ 'asset.open-asset-source' | translate }}
  29. </a>
  30. </div>