1<#if !entries?has_content>
2<#if !themeDisplay.isSignedIn()>
3 ${renderRequest.setAttribute("PORTLET_CONFIGURATOR_VISIBILITY", true)}
4</#if>
5
6<div class="alert alert-info">
7 <@liferay_ui["message"] key="there-are-no-results" />
8</div>
9</#if>
10<#assign nameInstancePublisher = randomNamespace />
11
12<div id="contenedor_columnas${nameInstancePublisher}" class="contenedor-columnas">
13
14<!--------------------------------- COMPONENTE BOTON IMAGEN TEXTO ------------------------------------>
15
16 <#list entries as entry>
17 <#assign docXml = saxReaderUtil.read(entry.getAssetRenderer().getArticle().getContentByLocale(locale)) />
18 <#assign viewURL = renderResponse.createRenderURL() />
19 <#assign article = entry.getAssetRenderer().getArticle() />
20 <#assign summary = entry.getDescription() />
21
22
23 <#assign applyImage = docXml.valueOf("//dynamic-element[@name='APLICAIMAGEN']") />
24
25 <#assign video = docXml.valueOf("//dynamic-element[@name='VIDEO']/dynamic-content/text()") />
26 <#assign color = docXml.valueOf("//dynamic-element[@name='COLOR']/dynamic-content/text()") />
27 <#assign link = docXml.valueOf("//dynamic-element[@name='URLALTER']/dynamic-content/text()") />
28 <#assign titulo = docXml.valueOf("//dynamic-element[@name='TITULO']/dynamic-content/text()") />
29 <#assign contenido = docXml.valueOf("//dynamic-element[@name='RESUMEN']/dynamic-content/text()") />
30
31 <#assign valores = entry.getAssetRenderer().getArticle()/>
32
33 <#assign groupId = valores["groupId"]/>
34
35 <#assign name = valores["urlTitle"]/>
36
37 <#assign applyUrlAlter = docXml.valueOf("//dynamic-element[@name='APLIENLACEALTER']/dynamic-content/text()")/>
38
39 <#assign assetRenderer = entry.getAssetRenderer() />
40 <#assign
41 viewURL = assetPublisherHelper.getAssetViewURL(renderRequest, renderResponse, assetRenderer, entry, !stringUtil.equals(assetLinkBehavior, "showFullContent"))
42 />
43
44 <#assign urlimagenNode = docXml.valueOf("//dynamic-element[@name='IMAGEN']/dynamic-content")/>
45 <#if urlimagenNode?has_content>
46 <#assign urlimagenString = urlimagenNode?string />
47 <#assign urlimagen = urlimagenString?eval />
48 </#if>
49
50 <div class="dircom-pw-boton-imagen-texto-contenedor-items${nameInstancePublisher}" id="tamano-items">
51 <!--<div class="dircom-pw-boton-imagen-texto-imagen${nameInstancePublisher}">
52 <#if getterUtil.getBoolean(applyImage)>
53 <#if urlimagen.url?has_content>
54 <img alt="${urlimagen.alt}" src='${urlimagen.url}' title="${titulo}">
55 <#else>
56 <img alt='${urlimagen["alt"]}' src='/documents/${urlimagen["groupId"]}/${urlimagen["classPK"]}/${urlimagen["name"]}/${urlimagen["uuid"]}' title="${titulo}">
57 </#if>
58 <#else>
59 ${video}
60 </#if>
61 </div>-->
62 <div class="dircom-pw-boton-imagen-texto-contenedor-contenido${nameInstancePublisher}" id="tamano-contenedor">
63 <#if assetRenderer.hasEditPermission(themeDisplay.getPermissionChecker())>
64 <#assign editPortletURL = assetRenderer.getURLEdit(renderRequest, renderResponse, windowStateFactory.getWindowState("NORMAL"), themeDisplay.getURLCurrent())!"" />
65 <#if validator.isNotNull(editPortletURL)>
66 <a class="editOptiontarjsinimg" href="${editPortletURL.toString()}">Editar ✐</a>
67 </#if>
68 </#if>
69
70 <div class="dircom-pw-boton-imagen-texto-titulo${nameInstancePublisher}" id="titulo-publicador">
71 <#if getterUtil.getBoolean(applyUrlAlter)>
72 <a style="color:${color}" href="${link}" target="_blank">${titulo}</a>
73 <#else>
74 <a style="color:${color}" href="${viewURL}" target="_blank">${titulo}</a>
75 </#if>
76 </div>
77 <div class="dircom-pw-boton-imagen-texto-contenido${nameInstancePublisher}" id="contenido-tarjeta">
78 ${contenido}
79 </div>
80 <div class="dircom-pw-boton-imagen-texto-link">
81 <#if getterUtil.getBoolean(applyUrlAlter)>
82 <a href="${link}" target="_blank">Ver más</a>
83 <#else>
84 <a href="${viewURL}" target="_blank">Ver más</a>
85 </#if>
86 </div>
87 </div>
88 </div>
89</#list>
90<!--------------------------------- FIN BOTON IMAGEN TEXTO ------------------------------------>
91</div>
92
93<style>
94
95
96/* ------------------------- BOTON IMAGEN TEXTO ---------------------------------*/
97
98.dircom-pw-boton-imagen-texto-contenedor-items${nameInstancePublisher} {
99 max-width: 450px;
100 width: 100%;
101 margin: 10px;
102 display: flex;
103 align-content:flex-start;
104 flex-wrap: wrap;
105 height: auto;
106 /* padding-left: 5px; */
107 /* padding-right: 5px; */
108 -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
109 -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
110 box-shadow: 3px 3px 8px 1px rgba(0,0,0,0.45);
111}
112
113.dircom-pw-boton-imagen-texto-imagen${nameInstancePublisher} {
114 width: 100%;
115 order: 1;
116 /*display: flex;*/
117 flex-wrap:wrap;
118 height: 250px;
119 display:none;
120}
121
122.dircom-pw-boton-imagen-texto-imagen${nameInstancePublisher} img {
123 width: 100%;
124}
125
126@supports(object-fit: cover) {
127.dircom-pw-boton-imagen-texto-imagen${nameInstancePublisher} img {
128 height: 100%;
129 object-fit: cover;
130 object-position: center center;
131}
132}
133
134.dircom-pw-boton-imagen-texto-contenedor-contenido${nameInstancePublisher} {
135 background-color: transparent;
136 width: 100%;
137 margin: 0 auto;
138 overflow-y: auto;
139 height: auto;
140 order: 2;
141 display: flex;
142 flex-wrap: wrap;
143 padding:10px;
144}
145
146.dircom-pw-boton-imagen-texto-contenedor-items${nameInstancePublisher}:hover {
147 background-color: #2c5697!important;
148 border-radius:10px!important;
149
150}
151
152.dircom-pw-boton-imagen-texto-contenedor-items${nameInstancePublisher}:hover a{
153 color: #FFF!important;
154 text-decoration: none!important;
155 font-family: 'HelveticaLight';
156 font-size: 0.9rem;
157}
158
159.dircom-pw-boton-imagen-texto-titulo${nameInstancePublisher} {
160 width: 100%;
161 font-size: 16px;
162 font-family: HelveticaBold;
163 height: auto;
164 margin: 0px;
165 line-height: 1;
166 color: #2c5697;
167 margin-right: 0px;
168}
169
170.dircom-pw-boton-imagen-texto-fecha${nameInstancePublisher} {
171 width: 100%;
172 font-size: 13px;
173 font-family: HelveticaLight;
174 height: auto;
175 margin: 0 auto;
176 line-height: 1;
177 color: #494949;
178 margin-right: 15px;
179 display: none;
180}
181
182.dircom-pw-boton-imagen-texto-contenido${nameInstancePublisher} {
183 width: 100%;
184 font-size: 14px;
185 font-family: Helveticalight;
186 line-height: 1.3;
187 margin: 5px auto;
188 color: #494949;
189 margin-right: 15px;
190
191}
192
193/*.dircom-pw-boton-imagen-texto-link${nameInstancePublisher} {
194 width: 100%;
195 font-size: 14px;
196 font-family: HelveticaBold;
197 height: auto;
198 margin: 10px auto 0px auto;
199 line-height: 1;
200 color: #494949;
201 text-align: right;
202 margin-right: 15px;
203 display: none;
204}
205
206
207
208.dircom-pw-boton-imagen-texto-link${nameInstancePublisher} a {
209text-decoration: none;
210color: #494949;
211}
212
213.dircom-pw-boton-imagen-texto-link${nameInstancePublisher} a:hover {
214text-decoration: none;
215color: #2c5697;*/
216}
217
218.dircom-pw-boton-imagen-texto-link {
219 width: 100%;
220 font-size: 14px;
221 font-family: HelveticaBold!important;
222 height: auto;
223 margin: 10px auto 0px auto;
224 line-height: 1;
225 color: #494949;
226 text-align: right;
227 margin-right: 15px;
228 display: none;
229}
230
231
232
233.dircom-pw-boton-imagen-texto-link a {
234text-decoration: none;
235color: #494949;
236}
237
238.dircom-pw-boton-imagen-texto-link a:hover {
239text-decoration: none;
240color: #2c5697;
241}
242
243
244/*-------------------- Estilos Scroll ---------------------------*/
245
246.dircom-pw-boton-imagen-texto-contenedor-items${nameInstancePublisher} ::-webkit-scrollbar {
247width: 4px;
248border-radius: 5px;
249}
250
251.dircom-pw-boton-imagen-texto-contenedor-items${nameInstancePublisher} ::-webkit-scrollbar-track {
252background: #f1f1f1;
253border-radius: 5px;
254}
255
256.dircom-pw-boton-imagen-texto-contenedor-items${nameInstancePublisher} ::-webkit-scrollbar-thumb {
257background: #8e8e8f;
258border-radius: 5px;
259}
260
261.dircom-pw-boton-imagen-texto-contenedor-items${nameInstancePublisher} ::-webkit-scrollbar-thumb:hover {
262background: #2c5697;
263border-radius: 5px;
264}
265
266.dircom-pw-boton-imagen-texto-imagen${nameInstancePublisher} .editOptionP2{
267 z-index: 10;
268 position: relative;
269 color: white;
270 font-weight: bold;
271 background-color: #2c5697;
272 padding-left: 15px;
273 padding-right: 15px;
274 text-decoration: none;
275 top: 1px;
276 min-width: 98px;
277 height: 25px;
278 margin-left: 1px;
279 left: -98px;
280}
281
282.dircom-pw-boton-imagen-texto-imagen${nameInstancePublisher} .editOptionP2:hover{
283 font-size:16.5px;
284 text-decoration:none;
285 color:white;
286}
287
288@media(max-width: 660px) {
289.dircom-pw-boton-imagen-texto-contenedor-items${nameInstancePublisher} {
290 width: 80%;
291 margin: auto;
292 display: flex;
293 flex-wrap: wrap;
294 height: auto;
295}
296.dircom-pw-boton-imagen-texto-imagen${nameInstancePublisher} {
297 width: 100%;
298 order: 1;
299 /*display: flex;*/
300 height: 200px;
301 display:none;
302}
303.dircom-pw-boton-imagen-texto-contenedor-contenido${nameInstancePublisher} {
304 background-color: transparent;
305 width: 100%;
306 margin: 0 auto;
307 overflow-y: auto;
308 height: auto;
309 order: 2;
310 display: flex;
311 flex-wrap: wrap;
312}
313}
314
315#contenedor_columnas${nameInstancePublisher}{
316 display: flex;
317 margin-bottom: 2em;
318 justify-content: center;
319 flex-wrap: wrap;
320}
321
322 .editOptiontarjsinimg{
323 position: relative;
324 background-color: #173268;
325 padding: 2px 5px;
326 color: #FFF;
327 font-family: HelveticaLight;
328 display: flex;
329 flex-wrap: nowrap;
330 /*top: 10px;
331 right: 30%;*/
332 justify-content: center;
333 margin: 0 auto;
334 margin-left: 0px;
335 }
336
337 .editOptiontarjsinimg:hover{
338 text-decoration:none;
339 color:#FFF;
340 font-family:HelveticaBold;
341 }
342
343@media screen and (max-width: 1000px){
344 #contenedor_columnas${nameInstancePublisher} {
345 display: flex;
346 margin-bottom: 2em;
347 margin-right: 5px;
348 flex-wrap: wrap;
349 margin-top:30px;
350 justify-content:center;
351 }
352
353 .dircom-pw-boton-imagen-texto-contenedor-items${nameInstancePublisher}{
354 margin-bottom: 10px;
355 }
356
357
358 #tamano-items {
359 width: 100%!important;
360 border-radius:20px;
361 }
362}
363</style>
