1<#assign articleId = .vars['reserved-article-id'].data>
2<#assign title = .vars['reserved-article-title'].data>
3<#assign description = .vars["reserved-article-description"].data />
4<#assign smallImageUrl = .vars["reserved-article-small-image-url"].data />
5<#assign date = .vars["reserved-article-display-date"].data />
6<#assign request = .vars['request'] />
7
8<#-- Seguimiento Analytics -->
9<#assign bulletinId = articleId />
10<#assign utmParams = "utm_source=newsletter&utm_medium=email&utm_campaign=bulletin&bulletinId=" + bulletinId />
11
12<#assign dateFormated = journalTool.getDateFormat(date, "dd MMMM yyyy", locale, timezone) />
13<#assign journalArticleLocalService = serviceLocator.findService("com.liferay.journal.service.JournalArticleLocalService") />
14<#assign dlFileEntryLocalService = serviceLocator.findService("com.liferay.document.library.kernel.service.DLFileEntryLocalService") />
15<#assign currentArticle = journalArticleLocalService.getArticle(getterUtil.getLong(groupId), .vars['reserved-article-id'].data) />
16<#assign viewURL = portalUtil.getPortalURL(themeDisplay) + "/web" + themeDisplay.getScopeGroup().getFriendlyURL() + "/-/" + currentArticle.getUrlTitle(locale) />
17<#assign imgURL = portalUtil.getPortalURL(themeDisplay) + dlTool.getThumbnail(smallImageUrl, 3) />
18
19<#-- Lato -->
20
21<link rel="preconnect" href="https://fonts.googleapis.com">
22<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
23<link href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap" rel="stylesheet">
24
25
26<#-- Dancing Script -->
27
28<link rel="preconnect" href="https://fonts.googleapis.com">
29<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
30<link href="https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap" rel="stylesheet">
31
32
33<style type="text/css">
34 body table.template-news-newsletter {
35 font-family: 'Lato','Helvetica Neue', Helvetica, Arial, sans-serif;
36 margin: 0 auto;
37 background:#ffffff;
38 }
39 .mobile-padding {
40 padding-right: 15px;
41 }
42 @media only screen and (max-width:620px) {
43 .mobile-padding {
44 padding-left: 0 !important;
45 padding-top: 15px !important;
46 padding-right: 0 !important;
47 text-align: center !important;
48 }
49 .mobile-center {
50 text-align: center !important;
51 }
52 .mobile-center img {
53 margin: 0 auto !important;
54 }
55 }
56</style>
57
58<table class="template template-head-newsletter" width="800" role="presentation" border="0" cellpadding="0" cellspacing="0" align="center">
59 <tr>
60 <td align="center" style="padding:0;">
61 <table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width:800px;">
62 <#if Introduccion?? && validator.isNotNull(Introduccion.getData())>
63 <tr>
64 <td align="center" style=";">
65 <table cellpadding="0" cellspacing="0" border="0" align="center" role="presentation" style="border-collapse:collapse; max-width:750px;margin-top:20px;">
66 <tr>
67 <td style="
68 font-family: 'Lato','Helvetica Neue', Helvetica, Arial, sans-serif;
69 font-size:22px;
70 font-weight:500;
71 color:#164185;
72 padding:10px;
73 ">
74 ${Introduccion.getData()}
75 </td>
76 </tr>
77 </table>
78 </td>
79 </tr>
80 </#if>
81
82 <#macro bloqueImagenNoticia thumbnail viewURL noticiaTitle>
83 <#if validator.isNotNull(thumbnail)>
84 <a href="${viewURL}" style="display:block;text-decoration:none;">
85 <img src="${thumbnail}" alt="${htmlUtil.escape(noticiaTitle)}"
86 width="250"
87 style="display:block;width:250px;height:auto;border:0;" />
88 </a>
89 <#else>
90 <div style="display:block;width:250px;height:180px;background:#e8edf5;"></div>
91 </#if>
92 </#macro>
93
94 <#macro bloqueTextoNoticia viewURL noticiaTitle noticiaPublishDate texto>
95 <table role="presentation" border="0" cellpadding="0" cellspacing="0" width="494" style="width:494px;border-collapse:collapse;">
96 <#if validator.isNotNull(noticiaTitle)>
97 <tr>
98 <td style="font-family: 'Lato','Helvetica Neue', Helvetica, Arial, sans-serif;font-size:20px;font-weight:700;color:#164185;line-height:24px;padding-bottom:6px;">
99 <a href="${viewURL}" style="color:#164185;text-decoration:none;">
100 ${htmlUtil.escape(noticiaTitle)}
101 </a>
102 </td>
103 </tr>
104 </#if>
105 <#if validator.isNotNull(noticiaPublishDate)>
106 <tr>
107 <td style="font-family: 'Lato','Helvetica Neue', Helvetica, Arial, sans-serif;font-size:16px;color:#5a5a57;padding-bottom:6px;">
108 ${noticiaPublishDate}
109 </td>
110 </tr>
111 </#if>
112 <#if validator.isNotNull(texto)>
113 <tr>
114 <td style="font-family: 'Lato','Helvetica Neue', Helvetica, Arial, sans-serif;font-size:16px;color:#164185;line-height:20px;">
115
116 <p style="margin: 13px 0 0 0">
117 ${htmlTool.extractText(stringUtil.shorten(texto, 200))}
118 <a href="${viewURL}" style="font-family: 'Lato','Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px;color:#AD8001;font-weight:600;text-decoration:none;text-transform:uppercase;">
119 ${languageUtil.get(locale, 'read-more')} ›
120 </a>
121 </p>
122 </td>
123 </tr>
124 </#if>
125 </table>
126 </#macro>
127
128 <#if NoticiasFieldset?? && validator.isNotNull(NoticiasFieldset.TituloNoticias.getData())>
129 <tr>
130 <td align="left" style="padding:10px 0;">
131 <table role="presentation" border="0" cellpadding="0" cellspacing="0" width="760" style="width:760px;border-collapse:collapse;">
132 <tr>
133 <td style="
134 font-family: 'Lato','Helvetica Neue', Helvetica, Arial, sans-serif;
135 font-size:20px;
136 font-weight:700;
137 color:#164185;
138 text-align:left;
139 text-transform:uppercase;
140 border-bottom:2px solid #164185;
141 padding-bottom:6px;
142 ">
143 ${htmlUtil.escape(NoticiasFieldset.TituloNoticias.getData())}
144 </td>
145 </tr>
146 </table>
147 </td>
148 </tr>
149 </#if>
150
151
152 <#if NoticiasFieldset?? && NoticiasFieldset.NoticiaFieldset?? && NoticiasFieldset.NoticiaFieldset.getSiblings()?has_content>
153 <#list NoticiasFieldset.NoticiaFieldset.getSiblings() as noticiaFieldset>
154
155 <#assign noticiaJSON = jsonFactoryUtil.createJSONObject(noticiaFieldset.Noticia.getData()) />
156 <#assign journalNoticia = journalTool.getJournalArticleByResourcePrimKey(getterUtil.getLong(noticiaJSON.classPK)) />
157 <#assign noticiaAssetEntry = journalTool.getAssetEntryByArticleId(journalNoticia.getGroupId(), journalNoticia.getArticleId()) />
158 <#assign assetRenderer = noticiaAssetEntry.getAssetRenderer() />
159 <#assign noticiaViewURL = assetRenderer.getURLViewInContext(themeDisplay, "")!"" />
160
161 <#assign noticiaTitle = journalNoticia.getTitle(locale)!"" />
162 <#-- assign noticiaTitle = (noticiaJSON.title)!"" / -->
163 <#assign noticiaPublishDateObj = noticiaAssetEntry.getPublishDate()! />
164 <#assign noticiaPublishDate = dateUtil.getDate(noticiaPublishDateObj, "dd MMMM yyyy", locale, timeZone) />
165 <#assign texto = assetTool.getFieldValue(assetRenderer, "Texto", locale) />
166
167 <#assign noticiaImage = noticiaFieldset.ImagenNoticia.getData()/>
168
169 <#assign noticiaImgURL = portalUtil.getPortalURL(themeDisplay) + dlTool.getThumbnail(noticiaImage, 3) />
170
171 <#assign isEven = (noticiaFieldset?index % 2 == 0) />
172
173 <#-- Seguimiento Analytics -->
174 <#if validator.isNotNull(noticiaViewURL)>
175 <#if noticiaViewURL?contains("?")>
176 <#assign noticiaViewURL = noticiaViewURL + "&" + utmParams />
177 <#else>
178 <#assign noticiaViewURL = noticiaViewURL + "?" + utmParams />
179 </#if>
180 </#if>
181
182 <tr>
183 <td align="left" style="padding:8px 0;">
184 <table role="presentation" border="0" cellpadding="0" cellspacing="0" width="760" style="width:760px;
185 border-collapse:collapse;border-bottom:1px solid #f0f0f0;padding-bottom:5px;">
186 <tr>
187 <#if isEven>
188 <td width="250" valign="top" style="width:250px;padding:0;">
189 <@bloqueImagenNoticia thumbnail=noticiaImgURL viewURL=noticiaViewURL noticiaTitle=noticiaTitle />
190 </td>
191
192 <td width="494" valign="top" style="width:494px; padding-left:16px;">
193 <@bloqueTextoNoticia viewURL=noticiaViewURL noticiaTitle=noticiaTitle noticiaPublishDate=noticiaPublishDate texto=texto />
194 </td>
195 <#else>
196 <td width="494" valign="top" style="width:494px; padding-right:16px;">
197 <@bloqueTextoNoticia viewURL=noticiaViewURL noticiaTitle=noticiaTitle noticiaPublishDate=noticiaPublishDate texto=texto />
198 </td>
199
200 <td width="250" valign="top" style="width:250px;padding:0;">
201 <@bloqueImagenNoticia thumbnail=noticiaImgURL viewURL=noticiaViewURL noticiaTitle=noticiaTitle />
202 </td>
203 </#if>
204 </tr>
205 <tr>
206 <td colspan="2" style="border-bottom:1px solid #f0f0f0; height: 5px; font-size: 1px; line-height: 15px;"> </td>
207 </tr>
208 </table>
209 </td>
210 </tr>
211
212 <#-- <#if !noticiaFieldset?is_last>
213 <tr>
214 <td style="height:1px;line-height:1px;font-size:1px;background-color:#eeeeee;width:750px;padding:0 20px;"></td>
215 </tr>
216 <tr>
217 <td style="height:12px;line-height:12px;font-size:12px;"></td>
218 </tr>
219 </#if> -->
220
221 </#list>
222 </#if>
223
224 <#-- Sabies que -->
225 <#if SabiasQue?? && validator.isNotNull(SabiasQue.getData())>
226 <tr>
227 <td align="left" style="padding:30px 0 16px 0;">
228 <#-- Redondear bordes en outlok antiguo -->
229 <!--[if mso]>
230 <v:roundrect xmlns:v="urn:schemas-microsoft-com:vml"
231 xmlns:w="urn:schemas-microsoft-com:office:word"
232 href="" style="height:auto;width:756;v-text-anchor:top;"
233 arcsize="5%" fillcolor="#dce8f5" strokecolor="#dce8f5">
234 <w:anchorlock/>
235 <v:textbox inset="0,-2px,0,0" style="mso-fit-shape-to-text:true;width:754px; v-text-layout:fixed; mso-margin-bottom-alt:0px;">
236 <div>
237 <![endif]-->
238
239 <table role="presentation" border="0" cellpadding="0" cellspacing="0" width="760"
240 style="width:760px; border-collapse:collapse; background-color:#dce8f5;
241 border-radius:16px; overflow:hidden;">
242 <tr>
243 <td width="240" valign="bottom" style="width:240px; padding:30px 0 0 0; vertical-align:bottom;">
244 <img src="https://www.eivissa.es/documents/d/ayuntamiento-de-ibiza/image_sabies_que"
245 alt="Sabias qué" width="238" height="301"
246 style="display:block; width:238px; height:301px; border:0; margin-top:-30px;" />
247 </td>
248
249 <td valign="top" style="padding:20px 22px 20px 8px; vertical-align:top;">
250 <table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%">
251 <tr>
252 <td style="padding-bottom: 5px">
253 <table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%">
254 <tr>
255 <td style="font-family: 'Dancing Script', 'Brush Script MT', 'Comic Sans MS', cursive;
256 font-size:50px; line-height: 50px; color:#164185; font-weight:500;">
257 <#if TituloSeccion?? && validator.isNotNull(TituloSeccion.getData())>
258 ${TituloSeccion.getData()}
259</#if>
260
261 </td>
262 <td align="right" valign="top" width="60" style="width:60px;">
263 <table role="presentation" border="0" cellpadding="0" cellspacing="0">
264 <tr>
265 <td align="right" style="font-family: 'Dancing Script', 'Brush Script MT', 'Comic Sans MS', cursive; font-size:50px; line-height: 50px; color:#7a9cc0; font-weight:500; padding-right:8px;padding-bottom: 10px;">
266 ¿?
267 </td>
268 </tr>
269 </table>
270 </td>
271 </tr>
272 </table>
273 </td>
274 </tr>
275 <tr>
276 <td style="font-family: 'Lato','Helvetica Neue', Helvetica, Arial, sans-serif;
277 font-size:22px; color:#222222; line-height:28px;">
278 ${SabiasQue.getData()}
279 </td>
280 </tr>
281 </table>
282 </td>
283 </tr>
284 </table>
285 <!--[if mso]>
286 </v:textbox>
287 </v:roundrect>
288 <![endif]-->
289
290 </td>
291 </tr>
292 </#if>
293
294
295
296 <#macro bloqueEvento title imgURL eventLink fecha ubicacion hora>
297 <table role="presentation" border="0" cellpadding="0" cellspacing="0" width="240" style="width:240px;background-color:#fdfbf6;border-collapse:collapse;">
298 <tr>
299 <td style="padding-bottom:8px;">
300 <#if validator.isNotNull(imgURL)>
301 <img src="${imgURL}" alt="${htmlUtil.escape(title)}"
302 width="240"
303 style="display:block;width:240px;height:auto;border:0;" />
304 <#else>
305 <div style="background:#e8edf5;width:240px;height:160px;"></div>
306 </#if>
307 </td>
308 </tr>
309 <#if validator.isNotNull(title)>
310 <tr>
311 <td style="font-family: 'Lato','Helvetica Neue', Helvetica, Arial, sans-serif;font-size:20px;font-weight:700;color:#164185;padding:6px 8px;">
312 <a href="${eventLink}" style="color:#164185;text-decoration:none;">
313 ${htmlUtil.escape(title)}
314 </a>
315 </td>
316 </tr>
317 </#if>
318 <tr>
319 <td style="padding:8px;">
320 <table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%" style="border-left:3px solid #AD8001;border-collapse:collapse;">
321 <#if validator.isNotNull(fecha)>
322 <tr>
323 <td style="font-family: 'Lato','Helvetica Neue', Helvetica, Arial, sans-serif;font-size:14px;color:#666;padding:5px;text-transform:uppercase;">
324 <img src="https://www.eivissa.es/documents/d/ayuntamiento-de-ibiza/calendar-days-solid"
325 width="15" height="15" style="vertical-align:middle;padding-bottom:5px;">
326 ${fecha}
327 </td>
328 </tr>
329 </#if>
330 <#if validator.isNotNull(ubicacion)>
331 <tr>
332 <td style="font-family: 'Lato','Helvetica Neue', Helvetica, Arial, sans-serif;font-size:14px;color:#666;padding:5px;">
333 <img src="https://www.eivissa.es/documents/d/ayuntamiento-de-ibiza/location"
334 width="15" height="17" style="vertical-align:middle;padding-bottom:5px;">
335 ${htmlUtil.escape(ubicacion)}
336 </td>
337 </tr>
338 </#if>
339 <#if validator.isNotNull(hora)>
340 <tr>
341 <td style="font-family: 'Lato','Helvetica Neue', Helvetica, Arial, sans-serif;font-size:14px;color:#666;padding:5px;">
342 <img src="https://www.eivissa.es/documents/d/ayuntamiento-de-ibiza/time"
343 width="15" height="15" style="vertical-align:middle;padding-bottom:5px;">
344 ${hora} h
345 </td>
346 </tr>
347 </#if>
348 </table>
349 </td>
350 </tr>
351 </table>
352 </#macro>
353
354 <#if EventosFieldset?? && validator.isNotNull(EventosFieldset.TituloEventos.getData())>
355 <tr>
356 <td align="left" style="padding:10px 0;">
357 <table role="presentation" border="0" cellpadding="0" cellspacing="0" width="760" style="width:760px;border-collapse:collapse;">
358 <tr>
359 <td style="
360 font-family: 'Lato','Helvetica Neue', Helvetica, Arial, sans-serif;
361 font-size:20px;
362 font-weight:700;
363 color:#164185;
364 text-align:left;
365 text-transform:uppercase;
366 border-bottom:2px solid #164185;
367 padding-bottom:6px;
368 ">
369 ${htmlUtil.escape(EventosFieldset.TituloEventos.getData())}
370 </td>
371 </tr>
372 </table>
373 </td>
374 </tr>
375 </#if>
376
377 <#if EventosFieldset?? && EventosFieldset.EventoFieldSet?? && EventosFieldset.EventoFieldSet.getSiblings()?has_content>
378 <#list EventosFieldset.EventoFieldSet.getSiblings() as evento>
379
380 <#assign eventTitle = evento.TituloEvento.getData()!"" />
381 <#assign eventLink = evento.EventoEnlace.getData()!"" />
382 <#assign eventDate = evento.Fecha.getData()!"" />
383 <#assign hora = evento.Hora.getData()!"" />
384 <#assign ubicacion = evento.Ubicacion.getData()!"" />
385 <#assign eventImage = "" />
386 <#assign eventImgURL = "" />
387 <#assign fecha = "" />
388
389 <#-- Segumiento Analytics -->
390 <#if validator.isNotNull(eventLink)>
391 <#if eventLink?contains("?")>
392 <#assign eventLink = eventLink + "&" + utmParams />
393 <#else>
394 <#assign eventLink = eventLink + "?" + utmParams />
395 </#if>
396 </#if>
397
398 <#if validator.isNotNull(eventDate)>
399 <#attempt>
400 <#assign fechaOBJ = dateUtil.parseDate("yyyy-MM-dd", eventDate, locale) />
401 <#assign fecha = dateUtil.getDate(fechaOBJ, "dd MMM yyyy", locale) />
402 <#recover>
403 <#assign fecha = "" />
404 </#attempt>
405 </#if>
406
407 <#if evento.Imagen?? && validator.isNotNull(evento.Imagen.getData())>
408 <#assign eventImage = evento.Imagen.getData() />
409 <#assign eventImgURL = portalUtil.getPortalURL(themeDisplay) + dlTool.getThumbnail(eventImage, 3) />
410 </#if>
411
412 <#-- ABRIR FILA CADA 3 -->
413 <#if (evento?index % 3 == 0)>
414 <tr>
415 <td align="left" style="padding:10px 0;">
416 <table role="presentation" border="0" cellpadding="0" cellspacing="0" width="760" style="width:760px;border-collapse:collapse;">
417 <tr>
418 <td width="240" valign="top" style="width:240px; padding-right:20px;">
419 <@bloqueEvento title=eventTitle imgURL=eventImgURL eventLink=eventLink fecha=fecha ubicacion=ubicacion hora=hora />
420 </td>
421
422 </#if>
423
424 <#-- SEGUNDA COLUMNA -->
425 <#if (evento?index % 3 == 1)>
426 <td width="240" valign="top" style="width:240px; padding-right:20px;">
427 <@bloqueEvento title=eventTitle imgURL=eventImgURL eventLink=eventLink fecha=fecha ubicacion=ubicacion hora=hora />
428 </td>
429
430 </#if>
431
432 <#-- TERCERA COLUMNA -->
433 <#if (evento?index % 3 == 2)>
434 <td width="240" valign="top" style="width:240px;">
435 <@bloqueEvento title=eventTitle imgURL=eventImgURL eventLink=eventLink fecha=fecha ubicacion=ubicacion hora=hora />
436 </td>
437 </#if>
438
439 <#-- CERRAR FILA -->
440 <#if (evento?index % 3 == 2) || evento?is_last>
441
442 <#-- Rellenar columnas vacías si la fila no está completa -->
443 <#assign remaining = (3 - (evento?index % 3) - 1) % 3 />
444 <#if remaining > 0>
445 <#list 1..remaining as i>
446 <td width="240" valign="top" style="width:240px; padding-right:${(i < remaining)?then('20', '0')}px; background-color:#ffffff;"> </td>
447 </#list>
448 </#if>
449
450 </tr>
451 </table>
452 </td>
453 </tr>
454
455 <#if !evento?is_last>
456 <tr>
457 <td style="height:18px;line-height:18px;font-size:18px;"> </td>
458 </tr>
459 </#if>
460
461 </#if>
462
463 </#list>
464 <#if EventosFieldset.EnlaceAgendaFieldset?? && validator.isNotNull(EventosFieldset.EnlaceAgendaFieldset.EnlaceAgenda.getData())>
465 <tr>
466 <td style="max-width:250px;margin-top:10px;" >
467 <a href="${EventosFieldset.EnlaceAgendaFieldset.EnlaceAgenda.getData()}">
468 <table cellpadding="0" cellspacing="0" border="0" align="left" >
469 <tr>
470 <td style="
471 font-family: 'Lato','Helvetica Neue', Helvetica, Arial, sans-serif;
472 font-size:14px;
473 font-weight:700;
474 color:#fff;
475 text-align:center;
476 text-transform:uppercase;
477 background: #AD8001;
478 padding:12px;
479 border-radius:5px;
480 ">
481 ${EventosFieldset.EnlaceAgendaFieldset.TextoEnlace.getData()}
482 </td>
483 </tr>
484
485 </table>
486 </a>
487
488
489 </td>
490
491 </tr>
492 </#if>
493
494 </#if>
495
496 <#-- Banner -->
497 <#if BannerFieldset?? && validator.isNotNull(BannerFieldset.ImagenBanner.getData())>
498 <td>
499 <table role="presentation" border="0" cellpadding="0" cellspacing="0" width="760" style="margin:30px 0;">
500 <tr>
501 <#if validator.isNotNull(BannerFieldset.ImagenBanner.getData())>
502 <#assign bannerImage = BannerFieldset.ImagenBanner.getData()/>
503 <#assign bannerImgURL = portalUtil.getPortalURL(themeDisplay) + dlTool.getThumbnail(bannerImage, 3) />
504
505
506 <td>
507 <a href="${BannerFieldset.EnlaceBanner.getData()}" style="display:block;text-decoration:none;">
508 <img src="${bannerImgURL}" alt=""
509 width="760"
510 style="display:block;width:760px;height:auto;border:0;" />
511 </a>
512 <td>
513 </#if>
514 <tr>
515 </table>
516 </td>
517
518
519
520 </#if>
521
522
523
524
525 <#if AvisosFieldSet?? && validator.isNotNull(AvisosFieldSet.TituloAvisos.getData())>
526 <tr>
527 <td align="left" style="padding:10px 0;">
528 <table role="presentation" border="0" cellpadding="0" cellspacing="0" width="760" style="width:760px;border-collapse:collapse;">
529 <tr>
530 <td style="
531 font-family: 'Lato','Helvetica Neue', Helvetica, Arial, sans-serif;
532 font-size:20px;
533 font-weight:700;
534 color:#164185;
535 text-align:left;
536 text-transform:uppercase;
537 border-bottom:2px solid #164185;
538 padding-bottom:6px;
539 ">
540 ${htmlUtil.escape(AvisosFieldSet.TituloAvisos.getData())}
541 </td>
542 </tr>
543 </table>
544 </td>
545 </tr>
546 </#if>
547
548 <#if AvisosFieldSet?? && AvisosFieldSet.Aviso?? && AvisosFieldSet.Aviso.getSiblings()?has_content>
549
550 <#if TextoAviso?? && validator.isNotNull(TextoAviso.getData())>
551 <tr>
552 <td align="left" style="padding:0 0 10px 0;">
553 <table cellpadding="0" cellspacing="0" border="0" role="presentation" style="border-collapse:collapse;">
554 <tr>
555 <td style="font-family: 'Lato','Helvetica Neue', Helvetica, Arial, sans-serif;">
556 ${TextoAviso.getData()}
557 </td>
558 </tr>
559 </table>
560 </td>
561 </tr>
562 </#if>
563
564 <#list AvisosFieldSet.Aviso.getSiblings() as aviso>
565 <#assign avisoJSON = jsonFactoryUtil.createJSONObject(aviso.getData()) />
566 <#attempt>
567 <#assign journalAviso = journalTool.getJournalArticleByResourcePrimKey(getterUtil.getLong(avisoJSON.classPK)) />
568 <#assign avisoAssetEntry = journalTool.getAssetEntryByArticleId(journalAviso.getGroupId(), journalAviso.getArticleId()) />
569 <#assign avisoAssetRenderer = avisoAssetEntry.getAssetRenderer() />
570 <#assign avisoViewURL = avisoAssetRenderer.getURLViewInContext(themeDisplay, "")!"" />
571 <#assign avisoTitle = journalAviso.getTitle(locale)!"" />
572 <#assign avisoPublishDateObj = avisoAssetEntry.getPublishDate()! />
573 <#assign avisoPublishDate = dateUtil.getDate(avisoPublishDateObj, "dd MMMM yyyy / HH:mm", locale, timeZone) />
574
575 <#-- Seguimiento Analytics -->
576 <#if validator.isNotNull(avisoViewURL)>
577 <#if avisoViewURL?contains("?")>
578 <#assign avisoViewURL = avisoViewURL + "&" + utmParams />
579 <#else>
580 <#assign avisoViewURL = avisoViewURL + "?" + utmParams />
581 </#if>
582 </#if>
583
584 <tr>
585 <td align="left" style="padding:0;">
586 <table role="presentation" border="0" cellpadding="0" cellspacing="0" width="760" style="width:760px;border-collapse:collapse;">
587 <tr>
588 <td style="padding:12px 0;font-family: 'Lato','Helvetica Neue', Helvetica, Arial, sans-serif;border-bottom:1px solid #f0f0f0;font-size:20px;">
589 <#if validator.isNotNull(avisoTitle)>
590 <div style="font-size:18px;font-weight:600;line-height:22px;margin:0 0 6px 0;">
591 <a href="${avisoViewURL}" style="color:#666;text-decoration:none;font-size:18px;font-weight:600;line-height:22px; ">
592 ${htmlUtil.escape(avisoTitle)}
593 </a>
594 </div>
595 </#if>
596 <#if validator.isNotNull(avisoPublishDate)>
597 <div style="font-size:12px;text-transform:uppercase;color:#666666;font-weight:400;line-height:16px;">
598 ${avisoPublishDate}
599 </div>
600 </#if>
601 </td>
602 </tr>
603 </table>
604 </td>
605 </tr>
606
607 <tr>
608 <td style="height:14px;line-height:14px;font-size:14px;"> </td>
609 </tr>
610 <#recover>
611
612 </#attempt>
613 </#list>
614
615 </#if>
616
617 </table>
618 </td>
619 </tr>
620</table>
