</div> <t t-call="mail.LinkPreview.aside"> <t t-set="className" t-value="'fa fa-stack p-0 opacity-75 opacity-100-hover'"/> </t> </div> </t> <t t-name="mail.LinkPreview.aside"> <div t-if="props.messageLinkPreview.message_id?.allowsEdition and !env.inLinkPreviewConfirmDelete" class="position-absolute top-0 end-0 small"> <button t-attf-class="{{ className }}" class="o-mail-LinkPreview-aside btn" aria-label="Remove" t-on-click="onClick"> <i class="fa fa-times"/> </button> </div> </t> <t t-name="mail.LinkPreviewVideo.preview"> <div class="o-mail-LinkPreviewVideo-overlay position-relative h-100 rounded-bottom" t-att-class="{'bg-dark': !linkPreview.og_image}"> <img t-if="linkPreview.og_image" class="img-fluid h-100 w-100 object-fit-cover rounded" t-att-src="linkPreview.og_image" t-att-alt="linkPreview.og_title" t-on-load="onImageLoaded"/> <i t-elif="linkPreview.videoURL" class="fa fa-television fa-8x position-absolute top-50 start-50 translate-middle"/> <span t-else="" class="d-flex align-items-center justify-content-center w-100 h-100 bg-100 text-300"> <i class="fa fa-camera fa-2x"/> </span> <div class="position-absolute top-50 start-50 translate-middle"> <div t-if="!state.startVideo" class="o-mail-LinkPreviewVideo-play btn btn-lg rounded transition-base"> <i class="fa fa-play"/> </div> <div t-elif="!linkPreview.og_image" class="spinner-border text-muted"/> </div> </div> </t> </templates>