1<#if themeDisplay.getLocale() == "pt_BR">
2<div class="bg_cccff3">
3
4 <div class="container">
5 <article class="pordentroh2">
6 <h2>
7 Por dentro da <strong>estrutura dos hospitais</strong>
8 </h2>
9 </article>
10 <div class="swiper mySwiperEstrutura">
11 <div class="swiper-wrapper">
12 <#list entries as curEntry>
13 <#assign
14 assetRenderer = curEntry.getAssetRenderer()
15 serviceContext = staticUtil["com.liferay.portal.kernel.service.ServiceContextThreadLocal"].getServiceContext()
16 dlAppLocalServiceUtil = staticUtil["com.liferay.document.library.kernel.service.DLAppLocalServiceUtil"]
17 dlUtil = staticUtil["com.liferay.document.library.kernel.util.DLUtil"]
18 themeDisplay = serviceContext.getThemeDisplay()
19 link = assetRenderer.getURLViewInContext(renderRequest, renderResponse, '')
20 />
21
22 <#assign docXml = saxReaderUtil.read(assetRenderer.getArticle().getContent()) />
23
24 <#assign
25 nome = docXml.valueOf("//dynamic-element[@name='nome']/dynamic-content/text()")
26 url = docXml.valueOf("//dynamic-element[@name='UrlHospitalPj']/dynamic-content/text()")
27 imagemCard = docXml.valueOf("//dynamic-element[@name='imagem']/dynamic-content/text()")
28 />
29 <#assign description="" />
30 <#if imagemCard?has_content>
31 <#assign
32 imagem = imagemCard?eval
33 imagemUuid = imagem.uuid
34 groupId = imagem.groupId
35 dlFile = dlAppLocalServiceUtil.getFileEntryByUuidAndGroupId(imagemUuid,groupId?number)
36 imgUrl = dlUtil.getPreviewURL(dlFile, dlFile.getFileVersion(),themeDisplay,'')
37 />
38 <#assign description = imagem.alt?string!"">
39 </#if>
40 <#if description=="">
41 <#assign description = "sem descrição textual">
42 </#if>
43
44 <div class="swiper-slide">
45 <div class="test">
46 <img loading="lazy" alt="${description}" class="img-fluid" src="${imgUrl}">
47 <h3>${nome}</h3>
48 <a href="${url}"><span><svg id="direita" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
49 <g id="Grupo_1585" data-name="Grupo 1585" transform="translate(-412 281) rotate(-90)">
50 <rect id="Retângulo_356" data-name="Retângulo 356" width="20" height="20" transform="translate(261 412)" fill="none"/>
51 <path id="Caminho_382" data-name="Caminho 382" d="M171.476,425.028a.748.748,0,0,1-.559-.25l-5.724-6.4-6.177,6.418a.75.75,0,1,1-1.081-1.04l6.737-7a.75.75,0,0,1,1.1.02l6.263,7a.75.75,0,0,1-.559,1.25Z" transform="translate(435.976 843.778) rotate(180)" fill="#ec6e0c"/>
52 </g>
53</svg> </span> Conheça a unidade</a>
54 </div>
55 </div>
56 </#list>
57 </div>
58 <div class="swiper-pagination"></div>
59 </div>
60 <div class="btnConfira">
61 <a href="${url}">Confira todas as unidades</a>
62 </div>
63 </div>
64</div>
65
66
67<style>
68
69 .bg_cccff3{
70 background-color:#F9F9F9;
71}
72.pordentroh2 h2{
73 font-size:36px;
74 font-family:"oxygen-regular";
75 padding-top:40px;
76 text-align:left;
77 color: #1A171B;
78}
79.swiper {
80 width: 100%;
81 height: 100%;
82 }
83
84 .swiper-slide {
85 text-align: center;
86 font-size: 18px;
87 background: #fff;
88
89 /* Center slide text vertically */
90 display: -webkit-box;
91 display: -ms-flexbox;
92 display: -webkit-flex;
93 display: flex;
94 -webkit-box-pack: center;
95 -ms-flex-pack: center;
96 -webkit-justify-content: center;
97 justify-content: center;
98 -webkit-box-align: center;
99 -ms-flex-align: center;
100 -webkit-align-items: center;
101 align-items: center;
102 }
103
104 .swiper-slide img {
105 display: block;
106 width: 100%;
107 height: 100%;
108 object-fit: cover;
109 }
110
111 .test{
112 text-align: left;
113 }
114
115 .test h3, .test a{
116 padding: 25px;
117 }
118
119 .test h3{
120 margin: 0;
121 font-size: 20px;
122 padding-bottom: 20px;
123 min-height: 100px;
124 font-family: "oxygen-bold";
125 }
126
127 .test a{
128 display: block;
129 outline: none;
130 color: #EC6E0C;
131 text-decoration: underline;
132 position: absolute;
133 bottom: 10px;
134 font-size: 16px;
135 font-family: "oxygen-bold";
136 }
137
138 .swiper-slide{
139 width: 340px !important;
140 height: 352px;
141 box-shadow: 4px 4px 16px #1A171B29;
142 border: 1px solid transparent;
143 }
144
145 .swiper-slide img{
146 width: 340px;
147 height: 152px;
148 }
149
150 .swiper-slide img{
151 border-radius: 10px 10px 0 0;
152 margin-top: -100px;
153 }
154
155 .swiper-slide{
156 border-radius: 10px;
157 margin-left: 10px;
158 }
159
160 .swiper{
161 padding-top: 50px;
162 padding-bottom: 80px;
163 }
164
165 .swiper-pagination{
166 display: none;
167 }
168
169.btnConfira{
170 padding-bottom: 30px;
171}
172
173.btnConfira a{
174 background-color: #EC6E0C;
175outline: 1px solid #EC6E0C;
176border: 1px solid #EC6E0C;
177border-radius: 8px;
178color: #fff;
179font-size: 16px;
180display: block;
181text-align: center;
182font-family: "oxygen-bold";
183padding: 10px 0px;
184}
185
186@media (max-width:768px){
187 .swiper{
188 padding-bottom: 40px !important;
189 }
190}
191
192@media (max-width:499px){
193 .swiper-slide {
194 width: 258px !important;
195 height: 340px;
196 }
197}
198
199@media (min-width: 992px){
200 .btnConfira{display: none;}
201}
202</style>
203</#if>