1<style>
2
3 .ssp-card-infra-estrutura__image{
4 position: relative;
5 }
6
7 .ssp-card-infra-estrutura__image img{
8 position: absolute;
9 top:0;
10 object-fit: cover;
11 object-position: center;
12 width: 100%;
13 height: 100%;
14 }
15
16 .ssp-card-infra-estrutura__icon-btn{
17 background:unset;
18 border:0;
19 }
20
21
22 @media only screen and (max-width: 1024px){
23 /*
24 .infra-estrutura-slick-area .slick-list {
25 min-width: 100%;
26 padding-left: 25px;
27 }*/
28
29 .infra-estrutura-slick-area .slick-prev.slick-arrow,.infra-estrutura-slick-area .slick-next.slick-arrow{
30
31 display: none !important;
32
33 }
34
35 }
36
37
38
39
40</style>
41
42
43<#assign prefix = "ssp" />
44<#assign defaultImage = "" />
45
46 <div class="infra-estrutura-slick-area slider-container">
47
48 <#list entries![] as entry>
49
50 <#assign renderer = entry.getAssetRenderer() />
51
52 <#assign document = saxReaderUtil.read(renderer.getArticle().getContent()) />
53 <#assign rootElement = document.getRootElement() />
54 <#assign journalArticle = renderer.getArticle() />
55
56
57
58 <#assign
59
60 xPathSelectorInfraestruturaUnidade = saxReaderUtil.createXPath("dynamic-element[@field-reference='InfraestruturaUnidadeFieldSet']")
61
62 infraestruturaUnidade = xPathSelectorInfraestruturaUnidade.selectSingleNode(rootElement)
63 <#-- Valor de Link tour -->
64 xPathSelectorlinkTour360 = saxReaderUtil.createXPath("dynamic-element[@field-reference='linkTour360']")
65 linkTour360 = xPathSelectorlinkTour360.selectSingleNode(infraestruturaUnidade).getStringValue()?trim
66
67 />
68
69 <#-- Get no campo repeatable -->
70 <#assign infraItemRepeatableNode = document.getRootElement().selectNodes("//dynamic-element[@field-reference='infraUnidadeItemFieldSet']") />
71
72 <#-- Lista de itens -->
73 <#list infraItemRepeatableNode as item>
74
75 <#-- Nome da ambiente -->
76 <#assign xPathSelector_nomeItem = saxReaderUtil.createXPath("dynamic-element[@field-reference='nomeInfraItem']")>
77 <#assign nomeInfra = xPathSelector_nomeItem.selectSingleNode(item).getStringValue()?trim>
78
79 <#-- descrição -->
80 <#assign xPathSelector_descricao = saxReaderUtil.createXPath("dynamic-element[@field-reference='descricaoInfraitem']")>
81
82 <#assign descricaoInfra = xPathSelector_descricao.selectSingleNode(item).getStringValue()?trim>
83
84 <#-- Imagem -->
85 <#assign xPathSelector = saxReaderUtil.createXPath("dynamic-element[@field-reference='fotoInfraitem']")>
86
87 <#assign imagemStr = xPathSelector.selectSingleNode(item).getStringValue()?trim>
88 <#assign imagemUrl = "">
89
90 <#-- get info imagem -->
91 <#if imagemStr?contains("{")>
92 <#assign imagemJson = jsonFactoryUtil.createJSONObject(imagemStr) />
93 <#assign imagemId = getterUtil.getInteger(imagemJson.get('fileEntryId')) />
94
95 <#if imagemId?? && imagemId gt 0 >
96 <#assign dl = serviceLocator.findService("com.liferay.document.library.kernel.service.DLAppService")
97 dlURLHelper = serviceLocator.findService("com.liferay.document.library.util.DLURLHelper")
98 imagemInfraDescricao = imagemJson.get('alt')?default("")
99 >
100 <#-- Verifica se o fileEntry existe -->
101 <#attempt>
102 <#assign fileEntry = dl.getFileEntry(imagemId)>
103 <#assign imagemUrl = dlURLHelper.getDownloadURL(fileEntry, fileEntry.getFileVersion(), themeDisplay, null)>
104 <#recover>
105 <#assign imagemUrl = defaultImage>
106 </#attempt>
107 </#if>
108 <#else>
109 <#assign imagemUrl = defaultImage>
110 </#if>
111
112 <#if imagemUrl?length != 0 >
113 <div class="ssp-card-infra-estrutura">
114
115 <div class="ssp-card-infra-estrutura__image">
116
117 <img ssp-load-lazy-image="${imagemUrl}" loading="lazy" <#if imagemInfraDescricao?length != 0> alt="${imagemInfraDescricao}"</#if> >
118
119 </div>
120
121 <div class="ssp-card-infra-estrutura__body">
122 <button type="button"class="ssp-card-infra-estrutura__icon-btn"></button>
123 <h6 id="titulo-item" class="ssp-card-infra-estrutura__title">${nomeInfra}</h6>
124 <p class="ssp-card-infra-estrutura__description">${descricaoInfra}</p>
125 </div>
126
127 </div>
128 </#if>
129
130 </#list>
131
132 </#list>
133
134 </div>
135
136 <#if linkTour360?length != 0 >
137
138 <div class="ssp-card-infra-estrutura__tour-content">
139
140 <p class="ssp-card-infra-estrutura__tour-title" style="width:270px">Conheça a Unidade através do nosso <span>Tour 360º</span></p>
141
142 <a class="btn ssp-card-infra-estrutura__tour-btn" href="${linkTour360}" target="_blank">
143
144 <i class="fas fa-street-view mr-2 ssp-card-infra-estrutura__tour-btn-icon"></i>Tour 360º
145
146 </a>
147
148 </div>
149
150 </#if>
151
152 <script>
153 var acc = document.getElementsByClassName("ssp-card-infra-estrutura__icon-btn");
154 var i;
155
156 for (i = 0; i < acc.length; i++) {
157 acc[i].addEventListener("click", function() {
158 this.classList.toggle("active-infra");
159 var panel = this.nextElementSibling.nextElementSibling;
160 var title = document.getElementById("titulo-item")
161
162 if (panel.style.maxHeight) {
163 panel.style.maxHeight = null;
164 panel.style.marginBottom = null;
165 // title.style.fontSize="25px";
166 } else {
167 panel.style.maxHeight = panel.scrollHeight + "px";
168 panel.style.marginBottom = "17.8px";
169 // title.style.fontSize="18px";
170 }
171 });
172 }
173
174
175
176
177
178
179
180 </script>
