silverstripe-webpack/app/templates/Includes/SlideItem.ss

61 lines
2.1 KiB
Scheme
Raw Normal View History

<% if $Video || $Image %>
<% if $Video %>
<div class="video">
$Video.EmbedHTML.RAW
</div>
<% else %>
2019-12-17 21:43:28 +01:00
<% if $Image || $ImageURL %>
<span class="img">
2019-12-17 21:43:28 +01:00
<img class="d-block w-100"
2020-02-07 20:51:42 +01:00
src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
data-lazy-src="<% if $ImageURL %>$ImageURL<% else %>$Image.Fill($SlideWidth,$SlideHeight).URL<% end_if %>"
2019-12-17 21:43:28 +01:00
alt="<% if $Headline %>$Headline.XML<% end_if %>"
/>
</span>
<% end_if %>
2019-11-07 19:26:33 +01:00
<% if $SlideLinkID %>
<% with $SlideLink %>
2020-05-24 09:04:07 +02:00
<a
href="$LinkURL" title="$Title.XML"
class="stretched-link"<% if $OpenInNewWindow %> target="_blank"<% end_if %>
>
2019-11-07 19:26:33 +01:00
<span class="sr-only">$Title</span>
</a>
<% end_with %>
2019-12-17 21:43:28 +01:00
<% else_if $SlideLinkURL %>
<a href="$SlideLinkURL" title="$Headline.XML" class="stretched-link">
<span class="sr-only">$Headline</span>
</a>
2019-11-07 19:26:33 +01:00
<% end_if %>
2019-12-17 21:43:28 +01:00
<% end_if %>
<% end_if %>
2019-11-07 19:26:33 +01:00
<% if $Content || $Headline || $Description || $SlideLinkID %>
<div class="carousel-caption container">
2019-12-17 21:43:28 +01:00
<div class="carousel-caption-container typography">
2019-11-07 19:26:33 +01:00
<% if $Headline %><h2 class="carousel-title">$Headline</h2><% end_if %>
2019-11-07 19:26:33 +01:00
<% 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">
2020-05-24 09:04:07 +02:00
<a
href="$LinkURL" title="$Title.XML" class="slide-link"
<% if $OpenInNewWindow %> target="_blank"<% end_if %>
>
2019-11-07 19:26:33 +01:00
$Title &raquo;
</a>
</div>
<% end_with %>
<% end_if %>
</div>
</div>
2019-11-07 19:26:33 +01:00
<% end_if %>