<% var items = (data && data.items || []); var previewSuffix = ((renderType=='gridRowDataPreview') || (renderType=='gridItemPreview')) ? '_preview' : ''; var tilesPerRow = properties.tilesPerRow; if(tilesPerRow=='auto'){ if(items.length <=4) tilesPerRow = items.length || 1; else if(items.length == 5) tilesPerRow = 3; else if(items.length == 6) tilesPerRow = 3; else tilesPerRow = 4; } var wrapper = (properties.wrapper || '%%%CONTENT%%%').toString().split('%%%CONTENT%%%'); var wrapperPrefix = (wrapper.length >= 1) ? wrapper[0] : ''; var wrapperSuffix = (wrapper.length >= 2) ? wrapper[1] : ''; %> <% if (items.length) { %> <%-wrapperPrefix%>
<% items.forEach(function(item, index) { %> <% //Tile var tileStyle = ''; if(properties.minTileHeight) tileStyle += 'min-height:'+properties.minTileHeight+';'; if(properties.maxTileHeight) tileStyle += 'overflow:hidden; max-height:'+properties.maxTileHeight+';'; //Shadow var tileContentShadow = ''; if(item.contentOverlayShadow=='light_full') tileContentShadow = 'cmptTiles_tileImageOverlay-shadowLight'; else if(item.contentOverlayShadow=='heavy_full') tileContentShadow = 'cmptTiles_tileImageOverlay-shadowHeavy'; //Image Container var imageContainerClass = ''; if((properties.titlePosition=='top') || (properties.bodyPosition=='top')) imageContainerClass += ' cmptTiles_tileImageContainer-contentAbove'; if((properties.titlePosition=='bottom') || (properties.bodyPosition=='bottom')) imageContainerClass += ' cmptTiles_tileImageContainer-contentBelow'; //Link var linkOnClick = ''; var linkUrl = item.link||''; if(previewSuffix) linkUrl = ''; else if(linkUrl.substr(0,3)=='js:'){ linkOnClick = linkUrl.substr(3) + '; return false;'; linkUrl = '#'; } %>
href="<%=linkUrl%>"<% } %> <% if(linkOnClick){ %>onclick="<%=linkOnClick%>"<% } %> class="cmptTiles_tileLink <% if(linkUrl){ %>cmptTiles_tileLink-linked<% } %>" <%if(item.linkTarget){%>target="<%=item.linkTarget%>"<%}%>> <% if(properties.titlePosition=='top'){ %>

data-component-title-editor="title"<% } %>><%-item.title%>

<% } %> <% if(properties.bodyPosition=='top'){ %>
data-component-full-editor="body"<% } %>><%-item.body%>
<% } %>
<% if(item.image){ %><% } %>
<% if(properties.titlePosition=='overlay'){ %>

data-component-title-editor="title"<% } %>><%-item.title%>

<% } %> <% if(properties.bodyPosition=='overlay'){ %>
data-component-full-editor="body"<% } %>><%-item.body%>
<% } %>
<% if(properties.titlePosition=='bottom'){ %>

data-component-title-editor="title"<% } %>><%-item.title%>

<% } %> <% if(properties.bodyPosition=='bottom'){ %>
data-component-full-editor="body"<% } %>><%-item.body%>
<% } %>
<% }) %>
<%-wrapperSuffix%> <% } else if(isInEditor) { %> <%-wrapperPrefix%>

Tiles

view_module
<%-wrapperSuffix%> <% } %>