Atrás El Angliru, dureza y belleza sobre la bici
Se ha producido un error al procesar la plantilla.
Syntax error in template "37703#37743#943631" in line 495, column 164: You can't use ${...} (an interpolation) here as you are already in FreeMarker-expression-mode. Thus, instead of ${myExpression}, just write myExpression. (${...} is only used where otherwise static text is expected, i.e., outside FreeMarker tags and interpolations, or inside string literals.)
1<#-- Services -->
2<#assign assetEntryLocalServiceUtil = serviceLocator.findService("com.liferay.asset.kernel.service.AssetEntryLocalService")/>
3<#assign assetLinkLocalService = serviceLocator.findService("com.liferay.asset.kernel.service.AssetLinkLocalService")/>
4<#assign localizationUtil = serviceLocator.findService("com.liferay.portal.kernel.util.LocalizationUtil")/>
5
6<#-- Reserved vbles -->
7<#assign title = .vars['reserved-article-title'].data>
8<#assign articleId=.vars["reserved-article-id"].data />
9<#assign description=.vars["reserved-article-description"].data />
10<#assign smallImageUrl=.vars["reserved-article-small-image-url"].data />
11<#assign displayDate=.vars["reserved-article-display-date"].data />
12<#assign request = .vars['request']>
13
14<#-- Init -->
15<#assign assetEntry = journalTool.getAssetEntryByArticleId(groupId, articleId)>
16<#assign journalArticle = journalTool.getJournalArticleByAssetEntry(assetEntry)>
17<#assign articleURL = themeDisplay.getURLPortal()+themeDisplay.getURLCurrent()>
18<#assign articleSocialBookmarks = themeDisplay.getThemeSetting("article-social-bookmarks")!>
19<#assign layoutSetBannerPath = layoutTool.getLayoutSetBannerPath(groupId, themeDisplay.getLayout().isPrivateLayout())!>
20<#assign articleMainImageThumbnail3 = dlTool.getThumbnail(smallImageUrl, "3", layoutSetBannerPath)! />
21<#assign articleMainImageThumbnail1 = dlTool.getThumbnail(smallImageUrl, "1")! />
22<#assign ddmStructureNameNormalize = "template-${friendlyURLNormalizerTool.normalize(journalArticle.getDDMStructure().getName(localeUtil.getDefault()))}" />
23
24<#assign layoutSet = layout.getLayoutSet() />
25<#assign categoriesBlog = journalTool.getCategories(scopeGroupId, articleId, ["Blog"])! />
26<#assign tags = journalTool.getTags(scopeGroupId, articleId)! />
27
28<#if TituloH1?? && validator.isNotNull(TituloH1.data)>
29 <#assign title = TituloH1.data>
30</#if>
31
32<article class="template ${ddmStructureNameNormalize}" role="article" itemscope="" itemtype="http://schema.org/BlogPosting">
33
34 <div class="page-header wide-container" style="background-image: url('${smallImageUrl}') ; ">
35 <img class="page-header-image d-sm-none" src="${smallImageUrl}" alt="${languageUtil.get(request, 'image')} Post" />
36 <div class="page-title-wrapper">
37 <div class="page-title ">
38 <div class="container">
39 <div class="title-wrapper mb-5">
40 <div class="title-inner">
41 <h1 class="title mb-4" itemprop="name">${title}</h1>
42 <#if description?has_content>
43 <p class="description mb-4" itemprop="description">${htmlUtil.extractText(description)}</p>
44 </#if>
45 </div>
46 </div>
47 </div>
48 </div>
49 </div>
50 </div>
51 <div class="container mt-2 mt-sm-5">
52 <div class="row">
53 <section class="col-12 col-xl-8 col-xxl-9 pr-xl-8">
54 <span class="hide-accessible" itemprop="dateCreated">${dateUtil.getDate(journalArticle.getDisplayDate(), "yyyy-MM-dd HH:mm:ss'.'SSS", locale, timeZone)}</span>
55 <div class="blog-entry-date text-uppercase border-bottom pb-3 mb-4">
56 ${dateUtil.getDate(journalArticle.getDisplayDate(), "MMMM yyyy", locale, timeZone)}
57 </div>
58
59 <div class="article-social-bookmarks mb-5">
60 <@liferay_social_bookmarks["bookmarks"]
61 className="com.liferay.journal.model.JournalArticle"
62 classPK=assetEntry.getEntryId()
63 displayStyle="menu"
64 target="_blank"
65 title=title
66 types=articleSocialBookmarks
67 url="${articleURL}"
68 />
69 </div>
70
71 <#if RedesSociales.RedesSocialesTwitter.data?has_content>
72 <div class="article-section blog-social blog-social-twitter">
73 <a class="link-share twitter bold font-size-09" href="https://twitter.com/intent/tweet?text=${RedesSociales.RedesSocialesTwitter.data}!&url=${portalUtil.getCurrentCompleteURL(request)}&via=TurismoAsturias" title="${languageUtil.get(locale,'share')} en Twitter" target="_blank">
74 <span class="fab fa-twitter font-size-14 mr-2">
75 <span class="hide-accessible">${languageUtil.get(request,'share')} en Twitter</span>
76 </span>
77 ${RedesSociales.RedesSocialesTwitter.data}
78 </a>
79 </div>
80 </#if>
81
82 <#if RedesSociales.RedesSocialesFacebook.data?has_content>
83 <div class="article-section blog-social blog-social-facebook">
84 <a class="link-share facebook bold font-size-09" href="https://www.facebook.com/sharer/sharer.php?u=${portalUtil.getCurrentCompleteURL(request)}" title="${languageUtil.get(locale,'share')} en Facebook" target="_blank" onclick="window.open(this.href, 'Compartir', 'resizable=no,status=no,location=no,toolbar=no,menubar=no,fullscreen=no,scrollbars=no,dependent=no,width=500,height=450'); return false;">
85 <span class="fab fa-facebook font-size-14 mr-2">
86 <span class="hide-accessible">${languageUtil.get(request,'share')} en Facebook</span>
87 </span>
88 ${RedesSociales.RedesSocialesFacebook.data}
89 </a>
90 </div>
91 </#if>
92 <#if intro ??>
93 <#if intro.IntroTitulo.data?has_content || intro.IntroTexto.data?has_content || intro.IntroTextoTabla.data?has_content>
94 <div class="article-section-blog">
95 <div class="article-section-info">
96 <#if intro.IntroTexto.data?has_content>
97 <div class="text text-justify">${intro.IntroTexto.data}</div>
98 </#if>
99 </div>
100 <#if intro.IntroTitulo.data?has_content>
101 <h2 class="h3 text-center">${intro.IntroTitulo.data}</h2>
102 </#if>
103 <div class="article-section-info">
104 <#if intro.IntroTextoTabla.data?has_content>
105 <div class="text text-justify">${intro.IntroTextoTabla.data}</div>
106 </#if>
107 </div>
108 <div id="TablaContenidos"></div>
109 </div>
110 </#if>
111 </#if>
112 <#list Parrafo.getSiblings() as parrafo>
113 <#if parrafo.ParrafoTitulo.data?has_content || parrafo.ParrafoTexto.data?has_content || parrafo.ParrafoImagen.data?has_content>
114 <#assign curImgAlt = parrafo.ParrafoImagen.ParrafoImagenTexto.getData()/>
115 <#if parrafo.ParrafoImagen.altImg??>
116 <#if validator.isNotNull(parrafo.ParrafoImagen.altImg.getData())>
117 <#assign curImgAlt = parrafo.ParrafoImagen.altImg.getData()/>
118 </#if>
119 </#if>
120 <#assign curImgTitle = parrafo.ParrafoImagen.ParrafoImagenTexto.getData()/>
121 <#if parrafo.ParrafoImagen.titleImg??>
122 <#if validator.isNotNull(parrafo.ParrafoImagen.titleImg.getData())>
123 <#assign curImgTitle = parrafo.ParrafoImagen.titleImg.getData()/>
124 </#if>
125 </#if>
126 <#assign tipoHeading = ""/>
127 <#if parrafo.headingTipo??>
128 <#if validator.isNotNull(parrafo.headingTipo.getData())>
129 <#assign tipoHeading = parrafo.headingTipo.getData()/>
130 </#if>
131 </#if>
132 <div class="article-section-blog">
133 <#if parrafo.ParrafoTitulo.data?has_content>
134 <#if parrafo.headingTipo?? && validator.isNull(parrafo.headingTipo.getData())>
135 <h3 class="h3">
136 ${parrafo.ParrafoTitulo.data}
137 </h3>
138 <#elseif tipoHeading == "h2">
139 <h2 class="h3 text-center">
140 ${parrafo.ParrafoTitulo.data}
141 </h2>
142 <#else>
143 <h3 class="h3">
144 ${parrafo.ParrafoTitulo.data}
145 </h3>
146 </#if>
147 </#if>
148 <div class="article-section-info">
149 <#if parrafo.ParrafoTexto.data?has_content>
150 <div class="text text-justify">${parrafo.ParrafoTexto.data}</div>
151 </#if>
152 <#if parrafo.ParrafoImagen.data?has_content>
153 <div class="article-section-image-wrapper">
154 <div class="article-section-image">
155 <img src="${dlTool.getThumbnail(parrafo.ParrafoImagen.data, '3')}" class="rounded" alt="${curImgAlt}" title="${curImgTitle}"/>
156 <#if parrafo.ParrafoImagen.ParrafoImagenTexto.data?has_content>
157 <div class="article-section-image-footer">${parrafo.ParrafoImagen.ParrafoImagenTexto.data}</div>
158 </#if>
159 </div>
160 </div>
161 </#if>
162 </div>
163 </div>
164 </#if>
165 </#list>
166
167 <#if Contenido.data?has_content>
168 <div class="article-section blog-content">${Contenido.data}</div>
169 </#if>
170
171 <#if Geolocalizacion??>
172 <#if validator.isNotNull(Geolocalizacion.Coordenadas.data)>
173 <#assign coordenadas=stringUtil.split(Geolocalizacion.Coordenadas.data) />
174 <div class="h3">
175 ${languageUtil.get(request,'map')}
176 </div>
177 </a>
178 <div id="article-map-wrapper-${articleId}" class="article-map-wrapper">
179 <div id="article-map-content-${articleId}" style="width: 100%; height: 500px; z-index:1"><!-- MAP --></div>
180 <div class="article-map-form">
181 <div class="name important">${title}</div>
182 <div class="gps"><span class="label">GPS:</span> <span class="value important" itemprop="geo">${Geolocalizacion.Coordenadas.data}</span></div>
183 <form action="https://maps.google.es/maps" method="get" target="_blank">
184 <input type="hidden" name="daddr" value="${coordenadas[0]},${coordenadas[1]}">
185 <label for="saddr"><span class="label">${languageUtil.get(request,'infoasturias-from')}: </span></label>
186 <input class="form-control" type="text" maxlength="40" name="saddrText" id="saddrText" value="" placeholder="${languageUtil.get(request,'infoasturias-insert-from')}">
187 <input class="form-control" type="hidden" name="saddr" id="saddr" value="" placeholder="${languageUtil.get(request,'infoasturias-insert-from')}">
188 <button class="btn btn-text" type="submit">${languageUtil.get(request,'infoasturias-como-llegar')} »</button>
189 </form>
190 </div>
191 </div>
192 <script src="/o/turismo-asturias-theme/js/leaflet/leaflet.js"></script>
193 <script type="text/javascript">
194 AUI().ready('aui-base', function(A){
195 var lat = ${coordenadas[0]},
196 lng = ${coordenadas[1]},
197 zoom = 16;
198 mapContent = new L.map('article-map-content-${articleId}', {center: [lat, lng], zoom: 16});
199
200 //Marker
201 var defaultIconTheme = '/o/turismo-asturias-theme/css/images/icons/mark-box.png';
202 var defaultIcon = L.icon({
203 iconUrl: defaultIconTheme,
204 iconSize: [36, 53],
205 iconAnchor: [18, 53],
206 iconShadow: [0,0],
207 popupAnchor: [0, -30]
208 });
209 var marker = L.marker([lat, lng], {icon: defaultIcon}).addTo(mapContent);
210
211 var contentString = '<div class="row">';
212 contentString += '<div class="col-12">';
213 contentString += '<div class="h4">${htmlUtil.escape(title)}</div>';
214 contentString += '</div>';
215 contentString += '</div>';
216
217 contentString += '<div class="row">';
218 contentString += '<div class="col-12">';
219 <#if validator.isNotNull(articleMainImageThumbnail1)>
220 contentString += '<img class="pull-right mb-2 ml-2" src="${articleMainImageThumbnail1}" alt="$title"/>';
221 </#if>
222 contentString += '<dl class="mb-0">';
223 <#if address?has_content>
224 contentString += '<dt>${languageUtil.get(request,'address')}</dt>';
225 contentString += '<dd>${address}</dd>';
226 </#if>
227 contentString += '</dl>';
228 contentString += '</div>';
229 contentString += '</div>';
230 <#if validator.isNotNull(description)>
231 contentString += '<div class="row"><div class="col-12">${description}</div></div>';
232 </#if>
233 marker.bindPopup(contentString);
234
235 //Contributor
236 L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
237 attribution: '© <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors.'
238 }).addTo(mapContent);
239
240 }); //AUI.ready
241 </script>
242
243 </#if>
244 </#if>
245 <#if Colaborador.ColaboradorImagen.data?has_content || Colaborador.ColaboradorNombre.data?has_content || Colaborador.ColaboradorCopyright.data?has_content>
246 <div class="article-section blog-collaborator-wrapper">
247 <div class="d-flex">
248 <#if Colaborador.ColaboradorImagen.data?has_content>
249 <div class="blog-colaborador-image image-wrapper aspect-ratio-bg-cover mr-4" style="background-image: url('${dlTool.getThumbnail(Colaborador.ColaboradorImagen.data, '3')}');">
250 <img class="hide-accessible" src="${dlTool.getThumbnail(Colaborador.ColaboradorImagen.data, '1')}"/>
251 </div>
252 </#if>
253 <#if Colaborador.ColaboradorNombre.data?has_content>
254 <div class="text-justify w-100" itemprop="author">${languageUtil.get(request,'metadata.MSOffice.AUTHOR')}: ${Colaborador.ColaboradorNombre.data}</div>
255 </#if>
256 </div>
257 <div class="article-section blog-copyright-wrapper">
258 <#if Colaborador.ColaboradorCopyright.data?has_content>
259 <span class="blog-copyright">${Colaborador.ColaboradorCopyright.data}</span>
260 </#if>
261 </div>
262 </div>
263 </#if>
264 <#if (SeccionBanner.BannerCTA.getData())??>
265 <#if SeccionBanner.BannerCTA.data?has_content>
266 <div class="mt-5 text-center">
267 ${SeccionBanner.BannerCTA.getData()}
268 </div>
269 </#if>
270 </#if>
271 <div class="border-top mt-5">
272 <div class="article-social-bookmarks mt-5">
273 <@liferay_social_bookmarks["bookmarks"]
274 className="com.liferay.journal.model.JournalArticle"
275 classPK=assetEntry.getEntryId()
276 displayStyle="menu"
277 target="_blank"
278 title=title
279 types=articleSocialBookmarks
280 url="${articleURL}"
281 />
282 </div>
283
284 <#if (categoriesBlog?has_content && categoriesBlog?size gt 0) || (tags?has_content && tags?size gt 0)>
285 <div class="categories-tags-container mt-5">
286 <#if categoriesBlog?has_content && categoriesBlog?size gt 0>
287 <span class="categories mr-3">
288 <#list categoriesBlog as categoryBlog>
289 <span class="category bold text-uppercase border-right pr-3">${categoryBlog.getName()}</span>
290 </#list>
291 </span>
292 </#if>
293
294 <#if tags?has_content && tags?size gt 0>
295 <span class="tags">
296 <#list tags as tag>
297 <span class="tag mr-3 text-secondary"><i class="fas fa-tag mr-1"><!--Icon--></i>${tag.getName()}</span>
298 </#list>
299 </span>
300 </#if>
301 </div>
302 </#if>
303 </div>
304
305 </section>
306
307 <section class="col-12 col-xl-4 col-xxl-3 px-4 pt-4 portlet-background-grey-container blog-info-extra">
308 <div class="social-container mb-6">
309 <div class="title h3">${languageUtil.get(request,'infoasturias-siguenos-en-las-redes')}</div>
310 <ul class="list-inline items socials">
311
312 <#if layoutSet.getSettingsProperty("instagram")?has_content>
313 <li class="list-inline-item item instagram mr-2"><a href="${layoutSet.getSettingsProperty("instagram")}" title="${languageUtil.format(request,'go-to-x','Instagram')}" onclick="this.target='_blank'"><i class="fab fa-instagram"><!-- icon --></i><span class="hide-accessible">${languageUtil.format(request,'go-to-x','Instagram')}</span></a></li>
314 </#if>
315
316 <#if layoutSet.getSettingsProperty("facebook")?has_content>
317 <li class="list-inline-item item facebook mr-2"><a href="${layoutSet.getSettingsProperty("facebook")}" title="${languageUtil.format(request,'go-to-x','Facebook')}" onclick="this.target='_blank'"><i class="fab fa-facebook"><!-- icon --></i><span class="hide-accessible">${languageUtil.format(request,'go-to-x','Facebook')}</span></a></li>
318 </#if>
319
320 <#if layoutSet.getSettingsProperty("twitter")?has_content>
321 <li class="list-inline-item item twitter mr-2"><a href="${layoutSet.getSettingsProperty("twitter")}" title="${languageUtil.format(request,'go-to-x','Twitter')}" onclick="this.target='_blank'"><i class="fab fa-twitter"><!-- icon --></i><span class="hide-accessible">${languageUtil.format(request,'go-to-x','Twitter')}</span></a></li>
322 </#if>
323
324 <#if layoutSet.getSettingsProperty("youtube")?has_content>
325 <li class="list-inline-item item youtube mr-2"><a href="${layoutSet.getSettingsProperty("youtube")}" title="${languageUtil.format(request,'go-to-x','Youtube')}" onclick="this.target='_blank'"><i class="fab fa-youtube"><!-- icon --></i><span class="hide-accessible">${languageUtil.format(request,'go-to-x','Youtube')}</span></a></li>
326 </#if>
327
328 <#if layoutSet.getSettingsProperty("tiktok")?has_content>
329 <li class="list-inline-item item tiktok mr-22"><a href="${layoutSet.getSettingsProperty("tiktok")}" title="${languageUtil.format(request,'go-to-x','Tiktok')}" onclick="this.target='_blank'"><i class="fab fa-tiktok"><!-- icon --></i><span class="hide-accessible">${languageUtil.format(request,'go-to-x','Tiktok')}</span></a></li>
330 </#if>
331
332 <#if layoutSet.getSettingsProperty("pinterest")?has_content>
333 <li class="list-inline-item item pinterest mr-2"><a href="${layoutSet.getSettingsProperty("pinterest")}" title="${languageUtil.format(request,'go-to-x','Pinterest')}" onclick="this.target='_blank'"><i class="fab fa-pinterest"><!-- icon --></i><span class="hide-accessible">${languageUtil.format(request,'go-to-x','Pinterest')}</span></a></li>
334 </#if>
335 </ul>
336 </div>
337
338 <div class="newsletter-container mb-6 mt-9">
339 <#assign imgBackground = "/o/turismo-asturias-theme/images/adt/newsletter-background-mask.jpg"/>
340 <div class="template template-image-background template-image-background-right rounded" style="background-image: url('${imgBackground}'); background-position: right;">
341 <img alt="${title}" class="image" src="${imgBackground}" />
342
343 <div class="panel-text panel-text-secondary panel-text-round text-left mb-2 w-75 p-4">
344 <div class="panel-text-content">
345 <p class="text-white bold mb-3">${languageUtil.get(request,'infoasturias-contact-default-newsletter-blog')}</p>
346
347 <#assign suscribeteLayout = layoutTool.getLayoutByFriendlyURL(groupId, false, "/suscribete")!>
348 <#if validator.isNotNull(suscribeteLayout)>
349 <#assign suscribeteLayoutURL = layoutTool.getLayoutFullURLByLayout(suscribeteLayout, locale)>
350 <a class="btn btn-primary w-100" href="${suscribeteLayoutURL}" title="${languageUtil.get(request,'subscribe')}">
351 <i class="far fa-envelope-open"><!--icon--></i>
352 ${languageUtil.get(request,'subscribe')}
353 </a>
354 </#if>
355 </div>
356 </div>
357 </div>
358 </div>
359
360 <#-- Related -->
361 <#assign relatedJournalArticles = assetTool.getRelatedJournalArticlesApproved(assetEntry)/>
362 <#if validator.isNotNull(relatedJournalArticles) && relatedJournalArticles?size gt 0>
363 <div class="article-related-container mb-6">
364 <div class="title h3">${languageUtil.get(request,'infoasturias-we-recommend')}</div>
365 <div class="article-related article-related-list">
366 <#if relatedJournalArticles?size gt 4 >
367 <#assign relatedJournalArticles = relatedJournalArticles[0..3]/>
368 </#if>
369 <#list relatedJournalArticles as article>
370 <#assign asset = journalTool.getAssetEntryByArticleId(groupId, article.getArticleId())/>
371 <#assign thumbnail = assetTool.getAssetThumbnailPath(asset)/>
372 <#assign viewURL = assetPublisherTool.getAssetViewURL(renderRequest, renderResponse, asset) />
373 <a class="d-flex align-items-center mb-4" href="${viewURL}" title="${languageUtil.format(request, 'go-to-x', article.getTitle(locale))}">
374 <span class="image-wrapper aspect-ratio-bg-cover rounded-circle" style="background-image: url('${article.getSmallImageURL()}'); width: 136px; height:87px;">
375 <img class="hide-accessible" src="${article.getSmallImageURL()}" alt="${article.getTitle(locale)}">
376 </span>
377 <span class="article-related-body ml-3 w-100">
378 <span class="title extra-bold">${article.getTitle(locale)}</span>
379 <span class="subtitle text-uppercase semil-bold hide">${dateUtil.getDate(article.getDisplayDate(), "MMMM yyyy", locale, timeZone)}</span>
380 </span>
381 </a>
382 </#list>
383 </div>
384 </div>
385 </#if>
386
387 <div class="categories-container mb-6">
388 <div class="title h3">${languageUtil.get(request,'categories')}</div>
389 <@liferay_portlet["runtime"]
390 instanceId="assetCategoriesNavigationBlog"
391 portletName="com_liferay_asset_categories_navigation_web_portlet_AssetCategoriesNavigationPortlet"
392 />
393 </div>
394
395 </section>
396 </div>
397 </div>
398
399 <#if SeccionCTA?? && SeccionCTA.ImagenCTA?? && SeccionCTA.Enlaces.EnlaceExterno?? && SeccionCTA.Enlaces.EnlaceInterno?? && SeccionCTA.ScriptCTA??>
400 <#if SeccionCTA.ImagenCTA.data?has_content>
401 <div class="script-cta-container container mt-6">
402 <#assign imagenCTA = dlTool.getThumbnail(SeccionCTA.ImagenCTA.data, "3")! />
403 <#assign enlace = "" />
404 <#assign target = "" />
405
406 <#if SeccionCTA.Enlaces.EnlaceExterno.data?has_content>
407 <#assign enlace = SeccionCTA.Enlaces.EnlaceExterno.data !/>
408 <#assign target = "_blank" />
409 <#if !stringUtil.matches(enlace, "//")>
410 <#assign enlace = "//${enlace}" />
411 </#if>
412 <#elseif SeccionCTA.Enlaces.EnlaceInterno.data?has_content>
413 <#assign enlace = SeccionCTA.Enlaces.EnlaceInterno.getUrl() !/>
414 </#if>
415
416 <a class="banner-cta" href="${enlace}" title="${languageUtil.format(request, 'go-to-x', enlace)}" target="${target}">
417 <span class="background card-background-9-14 image-wrapper aspect-ratio-bg-cover d-block" style="background-image: url('${imagenCTA}'); height:300px;">
418 <img class="hide-accessible" src="${imagenCTA}" alt="Imagen ${enlace}">
419 </span>
420 </a>
421
422 <#if SeccionCTA.ScriptCTA.data?has_content>
423 ${SeccionCTA.ScriptCTA.data}
424 </#if>
425 </div>
426 </#if>
427 </#if>
428
429 <#-- Related -->
430 <#assign relatedJournalArticles = assetTool.getRelatedJournalArticlesApproved(assetEntry)/>
431 <#if PaginasRelacionadas?? && PaginasRelacionadas.Pagina.getSiblings()?has_content || validator.isNotNull(relatedJournalArticles) && relatedJournalArticles?size gt 0>
432 <div class="article-related portlet-background-grey-container">
433 <div class="container">
434 <h4 class="title-section font-size-15 h3">${languageUtil.get(request,'related-assets')}</h4>
435 <div class="row">
436 <#if validator.isNotNull(relatedJournalArticles) && relatedJournalArticles?size gt 0>
437 <#if relatedJournalArticles?size gt 4>
438 <#assign relatedJournalArticles = relatedJournalArticles[0..3]/>
439 </#if>
440 <#list relatedJournalArticles as article>
441 <#assign asset = journalTool.getAssetEntryByArticleId(groupId, article.getArticleId())/>
442 <#assign thumbnail = assetTool.getAssetThumbnailPath(asset)/>
443 <#assign viewURL = assetPublisherTool.getAssetViewURL(renderRequest, renderResponse, asset) />
444 <#assign enlace = journalTool.getJournalArticleFieldValue(article, "Enlace" locale)!/>
445 <#assign relatedTitle = article.getTitle(locale)/>
446 <#if validator.isNotNull(enlace)>
447 <#assign viewURL = enlace/>
448 <#assign nombre = journalTool.getJournalArticleFieldValue(article, "Nombre" locale)!/>
449 <#if validator.isNotNull(nombre)>
450 <#assign relatedTitle = nombre/>
451 </#if>
452 </#if>
453 <div class="col-sm-6 col-12">
454 <div class="card card-hover-wrapper">
455 <a href="${viewURL}" title="${languageUtil.format(request, 'go-to-x', article.getTitle(locale))}" style="background-image: url('${article.getSmallImageURL()}');" class="d-block image-wrapper aspect-ratio-bg-cover aspect-ratio-16-to-9">
456 <img class="hide-accessible" alt="${article.getTitle(locale)}" src="${article.getSmallImageURL()}">
457 <span class="card-hover">
458 <span class="card-text text-uppercase font-size-11" style="font-weight:700;">${relatedTitle}</span>
459 </span>
460 </a>
461 </div>
462 </div>
463 </#list>
464 </#if>
465 <#if PaginasRelacionadas??>
466 <#if PaginasRelacionadas.Pagina.getSiblings()?has_content>
467 <#list PaginasRelacionadas.Pagina.getSiblings() as currentLayout>
468 <#if validator.isNotNull(currentLayout.data)>
469 <#assign link = currentLayout.getFriendlyUrl() />
470 <#assign layoutJson = currentLayout.data?eval/>
471 <#assign selectedLayout = layoutTool.getLayoutByLayoutId(getterUtil.getLong(groupId), false, getterUtil.getLong(layoutJson.layoutId))/>
472 <#assign layoutBackgroundImageUuid = selectedLayout.getTypeSettingsProperty("background") !/>
473 <#if validator.isNull(layoutBackgroundImageUuid)>
474 <#assign layoutBackgroundImageUuid = layoutTool.getLayoutSetSetting(themeDisplay.getLayoutSet(), "banner")! />
475 </#if>
476 <#assign layoutBackgroundImage = dlTool.getPathByUuid(layoutBackgroundImageUuid, themeDisplay.getScopeGroupId())! />
477 <#assign layoutName = selectedLayout.getName(locale)/>
478 <#if selectedLayout.getTypeSettingsProperty("title")?has_content >
479 <#assign titleXML = selectedLayout.getTypeSettingsProperty("title")! />
480 <#if validator.isNotNull(currentLayout.NombrePagina.getData())>
481 <#assign layoutName = currentLayout.NombrePagina.getData() />
482 <#elseif validator.isNotNull(titleXML)>
483 <#assign titleMap = localizationUtil.getLocalizationMap(titleXML)/>
484 <#list titleMap as key, value>
485 <#if key == locale>
486 <#assign layoutName = value />
487 <#break>
488 </#if>
489 </#list>
490 </#if>
491
492 </#if>
493 <div class="col-sm-6 col-12">
494 <div class="card card-hover-wrapper">
495 <a href="${link}" title="${languageUtil.format(request, 'go-to-x', ${htmlUtil.extractText(layoutName)})}" style="background-image: url('${layoutBackgroundImage}');" class="d-block image-wrapper aspect-ratio-bg-cover aspect-ratio-16-to-9">
496 <img class="hide-accessible" alt="${htmlUtil.extractText(layoutName)}" src="${layoutBackgroundImage}">
497 <span class="card-hover">
498 <span class="card-text text-uppercase font-size-11" style="font-weight:700;">${htmlUtil.extractText(layoutName)}</span>
499 </span>
500 </a>
501 </div>
502 </div>
503 </#if>
504
505 </#list>
506 </#if>
507 </#if>
508 </div>
509 </div>
510 </div>
511 </#if>
512
513 <script type="text/javascript">
514 AUI().ready('aui-base', function(A){
515 var tabla = A.one("#TablaContenidos");
516 var tablaTitle = A.one(".tabla-title");
517 if(tabla && tablaTitle == null){
518 $('head').append('<link rel="stylesheet" href="/documents/39908/67587/blog.css" type="text/css" />');
519 creaToc();
520 }
521 }); //AUI.ready
522
523 </script>
524</article>