span.media_image(
:class="{ 'no-background': digital_asset.is_zip || digital_asset.is_pdf }"
)
slot(name="banner")
img.cld-responsive(
v-if="digital_asset.is_image",
:data-src="digital_asset.responsive_image_url"
)
div(
v-else-if="digital_asset.is_video"
v-html="digital_asset.video_tag"
)
div.raw-icon-container(
v-else-if="digital_asset.is_zip || digital_asset.is_pdf"
)
i.pbxx-icon.pbxx-icon-archive.pbxx-icon-hc-3x(v-if="digital_asset.is_zip")
i.pbxx-icon.pbxx-icon-collection-pdf.pbxx-icon-hc-3x(v-if="digital_asset.is_pdf")
el-progress(
v-else type="circle",
:percentage="digital_asset.upload_percentage"
)
el-popover.info_tooltip(
trigger="hover"
:disabled="!digital_asset.file"
)
.content
span.name(:title="digital_asset.name || digital_asset.file.public_id")
| {{digital_asset.name || digital_asset.file.public_id}}
.bottom.clearfix(v-if="digital_asset.file")
time.time(v-if="['image', 'video'].includes(digital_asset.file.resource_type) && digital_asset.file.format != 'pdf'")
| Dimensions: {{digital_asset.file.width}} x {{digital_asset.file.height}}
time.time(v-else) Size: {{format_size(digital_asset.file.bytes)}}
span.ineligibility.red-light-font-color(v-if="ineligible")
| *Minimum size for Facebook, Twitter
br
| or Instagram is 600 x 315.
span.information.pbxx-icon-hc-fw.pbxx-icon-hc-circle(
slot="reference"
:class="{ineligible: ineligible}"
)
| i