ORIENT/modules/backend/formwidgets/mediafinder/partials/_image_single.htm

38 lines
1.1 KiB
HTML

<div
id="<?= $this->getId() ?>"
class="field-mediafinder style-image-single is-image <?= $value ? 'is-populated' : '' ?> <?= $this->previewMode ? 'is-preview' : '' ?>"
data-control="mediafinder"
data-thumbnail-width="<?= $imageWidth ?: '0' ?>"
data-thumbnail-height="<?= $imageHeight ?: '0' ?>"
>
<!-- Find Button -->
<a href="javascript:;" class="find-button">
<span class="find-button-icon oc-icon-image"></span>
</a>
<!-- Existing value -->
<div class="find-object">
<div class="icon-container">
<img data-find-image src="<?= $imageUrl ?>" alt="" />
</div>
<div class="info">
<h4 class="filename">
<span data-find-file-name><?= ltrim($value, '/') ?></span>
<a href="javascript:;" class="find-remove-button">
<i class="icon-times"></i>
</a>
</h4>
</div>
</div>
<!-- Data locker -->
<input
type="hidden"
name="<?= $field->getName() ?>"
id="<?= $field->getId() ?>"
value="<?= e($value) ?>"
data-find-value
/>
</div>