1<style>
2 .aui.VFCC-body .js-main .carrusel-ponentes.slick-slider button.slick-prev {
3 background:url("themeDisplay.getPathThemeImages()/sprites/prev.png") top left no-repeat;
4 z-index: 10;
5 }
6
7 .aui.VFCC-body .js-main .carrusel-ponentes.slick-slider button.slick-next {
8 background:url("themeDisplay.getPathThemeImages()/sprites/next.png") top right no-repeat;
9 }
10</style>
11
12<#assign layoutLocalService = serviceLocator.findService("com.liferay.portal.kernel.service.LayoutLocalService") />
13<#assign literalTools = serviceLocator.findService("com.vidacaixa.services.service", "com.vidacaixa.services.service.LiteralsToolsLocalService") />
14
15<#assign layoutId = themeDisplay.getPlid() />
16<#assign layoutIdLong = getterUtil.getLong(layoutId) />
17<#assign currentLayout = layoutLocalService.getLayout(layoutIdLong) />
18
19<#assign siteURL = "" />
20<#assign includeUrlPath = currentLayout.getGroup().getExpandoBridge().getAttribute("incluir-path-url") />
21<#if includeUrlPath?has_content>
22 <#assign siteURL = "/web" + currentLayout.getGroup().getFriendlyURL() />
23</#if>
24
25<#assign siteURL = "/web" + currentLayout.getGroup().friendlyURL />
26
27<div class="carruselTitle">
28 <h2>${literalTools.getLiteral(themeDisplay.getScopeGroupId(), locale, 'fcc.ponentes.carrusel.title') }</h2>
29</div>
30<div class="carrusel-ponentes">
31 <#if entries?has_content>
32 <#list entries as entry>
33 <#assign renderer = entry.getAssetRenderer() />
34 <#assign className = renderer.getClassName() />
35 <#if className == "com.liferay.journal.model.JournalArticle">
36 <#assign journalArticle = renderer.getArticle() />
37 <#assign document = saxReaderUtil.read(journalArticle.getContentByLocale(locale.toString())) />
38 <#assign rootElement = document.getRootElement() />
39
40 <#assign xPathSelector = saxReaderUtil.createXPath("dynamic-element[@name='name']/dynamic-content") />
41 <#assign fields = xPathSelector.selectNodes(rootElement) />
42 <#list fields as field>
43 <#assign name = field.getStringValue()?trim />
44 </#list>
45
46 <#assign xPathSelectorImage = saxReaderUtil.createXPath("dynamic-element[@name='biographicalImage']/dynamic-content") />
47 <#assign fieldsImage = xPathSelectorImage.selectNodes(rootElement) />
48 <#list fieldsImage as field>
49 <#assign newImage = field.getStringValue()?trim />
50 <#assign imgJson = jsonFactoryUtil.createJSONObject(newImage) />
51 <#assign biographicalImage = "/documents/"+imgJson.groupId+"/"+imgJson.uuid />
52 </#list>
53
54 <#assign xPathSelectorImageDescription = saxReaderUtil.createXPath("dynamic-element[@name='biographicalImageDescription']") />
55 <#assign fieldsImageDescription = xPathSelectorImageDescription.selectNodes(rootElement) />
56 <#list fieldsImageDescription as field >
57 <#assign biographicalImageDescription = field.getStringValue()?trim />
58 </#list>
59
60 <#assign xPathSelectorBiographicalSummary = saxReaderUtil.createXPath("dynamic-element[@name='biographicalSummary']") />
61 <#assign fieldsBiographicalSummary = xPathSelectorBiographicalSummary.selectNodes(rootElement) />
62 <#list fieldsBiographicalSummary as field>
63 <#assign biographicalSummary = field.getStringValue()?trim />
64 </#list>
65
66 <#assign xPathSelectorAnchor = saxReaderUtil.createXPath("dynamic-element[@name='anchor']") />
67 <#assign fieldsAnchor = xPathSelectorAnchor.selectNodes(rootElement) />
68 <#list fieldsAnchor as field>
69 <#assign anchor = field.getStringValue()?trim />
70 </#list>
71
72 <div class="ponente">
73 <img src="${biographicalImage}" alt="${biographicalImageDescription}" />
74 <div class="name">${name}</div>
75 <div class="summary">${biographicalSummary}</div>
76 <div class="link"><a href="${siteURL}/ponentes#${anchor}">${literalTools.getLiteral(themeDisplay.getScopeGroupId(), locale, 'fcc.ponentes.carrusel.showMore')}</a></div>
77 </div>
78 </#if>
79 </#list>
80 </#if>
81</div>
82
83<script>
84 $(document).ready(function(){
85 $('.carrusel-ponentes').slick({
86 slidesToShow: 4,
87 slidesToScroll: 1,
88 autoplay: true,
89 autoplaySpeed: 3500,
90 responsive: [
91 {
92 breakpoint: 1024,
93 settings: {
94 slidesToShow: 3,
95 }
96 },
97 {
98 breakpoint: 768,
99 settings: {
100 slidesToShow: 2,
101 }
102 },{
103 breakpoint: 480,
104 settings: {
105 slidesToShow: 1,
106 }
107 }
108 ]
109 });
110 });
111</script>
