silverstripe-webpack/app/templates/Includes/SlideItem.ss
2020-09-16 03:27:17 +07:00

61 lines
2.1 KiB
Scheme

<% if $Video || $Image %>
<% if $Video %>
<div class="video">
$Video.EmbedHTML.RAW
</div>
<% else %>
<% if $Image || $ImageURL %>
<span class="img">
<img class="d-block w-100"
src="{$EmptyImgSrc}"
data-lazy-src="<% if $ImageURL %>$ImageURL<% else %>$Image.FocusFill($SlideWidth,$SlideHeight).URL<% end_if %>"
alt="<% if $Headline %>$Headline.XML<% end_if %>"
/>
</span>
<% end_if %>
<% if $SlideLinkID %>
<% with $SlideLink %>
<a
href="$LinkURL" title="$Title.XML"
class="stretched-link"<% if $OpenInNewWindow %> target="_blank"<% end_if %>
>
<span class="sr-only">$Title</span>
</a>
<% end_with %>
<% else_if $SlideLinkURL %>
<a href="$SlideLinkURL" title="$Headline.XML" class="stretched-link">
<span class="sr-only">$Headline</span>
</a>
<% end_if %>
<% end_if %>
<% end_if %>
<% if $Content || $Headline || $Description || $SlideLinkID %>
<div class="carousel-caption container">
<div class="carousel-caption-container typography">
<% if $Headline %><h2 class="carousel-title">$Headline</h2><% end_if %>
<% if $Content %>
<div class="carousel-content">$Content</div>
<% else_if $Description %>
<p class="carousel-content">$Description</p>
<% end_if %>
<% if $SlideLinkID %>
<% with $SlideLink %>
<div class="text-right">
<a
href="$LinkURL" title="$Title.XML" class="slide-link"
<% if $OpenInNewWindow %> target="_blank"<% end_if %>
>
$Title &raquo;
</a>
</div>
<% end_with %>
<% end_if %>
</div>
</div>
<% end_if %>