<% include ampViewerHead.ejs %>
<% let currentSlide = ampStory.cuts.find(cut => cut.position === +current) %>
<% include ./main.ejs %>
<% include ./single-page-scripts.ejs %>
<% include ./override-amp-styles.ejs %>
<% let preview = false;
if (currentSlide) {
currentSlide.layers.sort((first, second) => {
var keyA = first.position,
keyB = second.position;
if(keyA < keyB) return -1;
if(keyA > keyB) return 1;
return 0;
})
} %>
<% if (currentSlide) { %>
<% currentSlide && currentSlide.layers && currentSlide.layers.map((layer, layerIndex) => { %>
<% var page = null
switch (layer.type) {
case 'text':
case 'html': %>
<%- include('./components/text-layer.ejs', {withEvent: true, withAnimations: false, layer, currentSlide, preview})%>
<% break;
case 'shape': %>
<%- include('./components/shape-layer.ejs', {withEvent: true, withAnimations: false, layer, currentSlide, preview})%>
<% break;
case 'image':
case 'gifs': %>
<% if (layer.content.image && layer.content.image.url) { %>
<%- include('./components/dirty-image-layer.ejs', {withEvent: true, withAnimations: false, layer, currentSlide, preview})%>
<% } %>
<% break
case 'video': %>
<% if (layer.content.video && layer.content.video.url) { %>
<%- include('./components/dirty-video-layer.ejs', {withEvent: true, withAnimations: false, layer, currentSlide, preview})%>
<% } %>
<% break
case 'cta-link': %>
<%- include('./components/dirty-cta-layer.ejs', {withEvent: true, layer, currentSlide})%>
<% break } %>
<% }) %>
<% } %>