Um erro ocorreu enquanto processava o modelo.
Syntax error in template "10132#10165#25877276" in line 125, column 1: Unexpected directive, "#else". Check if you have a valid #if-#elseif-#else or #list-#else structure.
1<#assign posicaoLegenda = (getterUtil.getString(themeDisplay.getThemeSetting("posicao da legenda do carrossel")) == "Dentro da imagem")?then('inside-description','outside-description') />
2<#assign tempoCarrossel = getterUtil.getString(themeDisplay.getThemeSetting("velocidade de repoducao do carrossel")) />
3<#assign id = randomNamespace />
4<#assign currentUrl=themeDisplay.getPortalURL() + "/-/" + .vars['reserved-article-url-title'].data/>
5
6<#macro renderCarouselItems itens thumbnails>
7 <#list itens as file>
8 <div class="galery-image ${file.getAttribute("alt")?has_content?then(posicaoLegenda, '')}">
9 <div class="multimidia-wrapper">
10 <img alt="${file.getAttribute("alt")}" src="${file.getData()}${thumbnails?then('?imageThumbnail=1','')}" data-caption="${file.getAttribute("alt")?has_content?then(file.getAttribute("alt"), '')}" />
11 </div>
12 <#if file.getAttribute("alt")?has_content && !thumbnails>
13 <p class="d-none d-sm-block ${posicaoLegenda}">${file.getAttribute("alt")}</p>
14 </#if>
15 </div>
16 </#list>
17</#macro>
18
19<div class="noticia-wrapper">
20 <h3>${.vars['reserved-article-description'].data}</h3>
21
22 <div class="social-media-share mobile">
23 <a class="share-facebook" href="https://www.facebook.com/sharer.php?u=${currentUrl}" target="_blank" target="_blank"></a>
24 <a class="share-twitter" href="http://twitter.com/intent/tweet?text=${.vars['reserved-article-title'].data}%0AVeja%20mais%20em:&url=${currentUrl}" target="_blank"></a>
25 <a class="share-linkedin" href="https://www.linkedin.com/shareArticle?mini=true&url=${currentUrl}&title=${.vars['reserved-article-title'].data}" target="_blank"></a>
26 <a class="share-whatsapp" href="https://web.whatsapp.com/send?text=${currentUrl}" target="_blank"></a>
27 <a class="share-googleplus" href="https://plus.google.com/share?url=${currentUrl}" target="_blank"></a>
28 </div>
29
30 <div class="news-body">
31 <#if imagem_destaque.getData()?? && imagem_destaque.getData() != "">
32 <div class="imagem-da-noticia">
33 <img alt="${imagem_destaque.getAttribute('alt')}" src="${imagem_destaque.getData()}" />
34 <p>${imagem_destaque.getAttribute('alt')}</p>
35 <div class="social-media-share">
36 <a class="share-facebook" href="https://www.facebook.com/sharer.php?u=${currentUrl}" target="_blank" target="_blank"></a>
37 <a class="share-twitter" href="http://twitter.com/intent/tweet?text=${.vars['reserved-article-title'].data}%0AVeja%20mais%20em:&url=${currentUrl}" target="_blank"></a>
38 <a class="share-linkedin" href="https://www.linkedin.com/shareArticle?mini=true&url=${currentUrl}&title=${.vars['reserved-article-title'].data}" target="_blank"></a>
39 <a class="share-whatsapp" href="https://web.whatsapp.com/send?text=${currentUrl}" target="_blank"></a>
40 <a class="share-googleplus" href="https://plus.google.com/share?url=${currentUrl}" target="_blank"></a>
41 </div>
42 </div>
43 </#if>
44
45 <div class="materia">${materia.getData()}</div>
46
47 <#-- Carousel -->
48 <#if imagem_carrossel.getSiblings()?has_content>
49 <h4>Mais imagens</h4>
50
51 <div class="thumbnails-nav-wrapper">
52 <div class= "thumbnails-nav" id="slider-${id}">
53 <@renderCarouselItems imagem_carrossel.getSiblings() true />
54 </div>
55 <#if (imagem_carrossel.getSiblings()?size > 5)>
56 <span class="glyphicon glyphicon-pause" id="slider-${id}-playpause" aria-hidden="true"></span>
57 ${imagem_carrossel.getSiblings()?size}
58 </#if>
59 </div>
60
61 <div id="lightbox-${id}" class="lightbox-carousel">
62 <i class="glyphicon glyphicon-remove"></i>
63 <div class="slider-gallery-wrapper">
64 <div class= "slider-gallery" id="slider-lightbox-${id}">
65 <@renderCarouselItems imagem_carrossel.getSiblings() false />
66 </div>
67 </div>
68 <div class="thumbnails-nav-wrapper">
69 <div class="thumbnails-nav" id="thumbnails-${id}-controls">
70 <@renderCarouselItems imagem_carrossel.getSiblings() true />
71 </div>
72 <#if (imagem_carrossel.getSiblings()?size > 5)>
73 <span class="glyphicon glyphicon-pause" id="slider-${id}-lightbox-playpause" aria-hidden="true"></span>
74 </#if>
75 </div>
76 </div>
77 </#if>
78 </div>
79</div>
80
81<script>
82 $('#lightbox-${id} .slider-gallery-wrapper img').hover(
83 function() {
84 const $text=$($($(this).parent()).next());
85 $text.hasClass('inside-description') && $text.fadeTo( "slow" , 0);
86 }, function() {
87 const $text=$($($(this).parent()).next());
88 $text.hasClass('inside-description') && $text.fadeTo( "slow" , 1);
89 }
90 );
91 $(document).ready(function() {
92 var ${id}autoplaying=${(imagem_carrossel.getSiblings()?size > 5)?c};
93 var ${id}showingLightbox=false;
94 const ${id}playPauseControllers="#slider-${id}-playpause, #slider-${id}-lightbox-playpause";
95 $("#slider-${id}").slick({
96 slidesToShow: ${(imagem_carrossel.getSiblings()?size > 5)?then(5,imagem_carrossel.getSiblings()?size)},
97 slidesToScroll: 1,
98 autoplay: ${id}autoplaying,
99 swipeToSlide: ${(imagem_carrossel.getSiblings()?size > 5)?c},
100 centerMode: ${(imagem_carrossel.getSiblings()?size > 5)?c},
101 autoplaySpeed: ${tempoCarrossel},
102 focusOnSelect: true,
103 prevArrow:
104 '<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>',
105 nextArrow:
106 '<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>',
107 centerPadding: "60px",
108 responsive: [
109 {
110 breakpoint: 767.98,
111 settings: {
112 slidesToShow: 3,
113 adaptiveHeight: true
114 }
115 }
116 ]
117 });
118 $("#slider-${id}").slickLightbox({
119 src: 'src',
120 itemSelector: '.galery-image .multimidia-wrapper img',
121 caption:'caption'
122 });
123 });
124</script>
125<#else>
126 </div>
127</div>
128</#if>