1<#-- Inyectar servicio remoto para manejar imágenes correctamente --> 

2    <#assign service = serviceLocator.findService("com.liferay.document.library.kernel.service.DLAppService")> 

3 

4    <#-- Función para construir URL de la imagen --> 

5    <#function getFileEntryURL fileEntry> 

6      <#return themeDisplay.getPathContext() + "/documents/" + fileEntry.getRepositoryId()?c + "/" + 

7        fileEntry.getFolderId()?c + "/" + htmlUtil.unescape(fileEntry.getTitle())> 

8    </#function> 

9 

10 

11      <#if entries?has_content> 

12        <#list entries as curEntry> 

13          <#assign renderer = curEntry.getAssetRenderer() /> 

14          <#assign journalArticle = renderer.getArticle() /> 

15          <#assign document = saxReaderUtil.read(journalArticle.getContent()) /> 

16          <#assign rootElement = document.getRootElement() /> 

17 

18          <#-- Inicializar variables --> 

19          <#assign imagenPortada = "/documents/20121/49457/Portada.jpg/307a8a4a-25c8-822a-1f93-32c4d3218d9b?version=1.1&t=1752169972481&imagePreview=1"> 

20          <#assign imagenPortadaAlt = "Imagen por defecto"> 

21          <#assign tituloNoticia = "" /> 

22          <#assign descripcion_noticia = "" /> 

23          <#assign etiquetaNoticia = "RADIO 870 UCR" /> 

24          <#assign fechaFormateada = "" /> 

25          <#assign link = "#" /> 

26 

27          <#list rootElement.elements() as dynamicElement> 

28            <#if "ImagenPortada" == dynamicElement.attributeValue("name")> 

29              <#assign imgObj = dynamicElement.element("dynamic-content").getText() /> 

30              <#if imgObj?has_content> 

31                <#assign imgJson = jsonFactoryUtil.createJSONObject(imgObj) /> 

32                <#if imgJson.has("fileEntryId")> 

33                  <#assign imgFileEntry = service.getFileEntry(imgJson.fileEntryId?number) /> 

34                  <#assign imagenPortada = getFileEntryURL(imgFileEntry) /> 

35                  <#assign imagenPortadaAlt = imgJson.alt!"Imagen por defecto" /> 

36                </#if> 

37              </#if> 

38            </#if> 

39            <#if "Titulo" == dynamicElement.attributeValue("name")> 

40              <#assign tituloNoticia = dynamicElement.element("dynamic-content").getText() /> 

41            </#if> 

42            <#if "Contenido" == dynamicElement.attributeValue("name")> 

43              <#assign descripcion_noticia = dynamicElement.element("dynamic-content").getText() /> 

44            </#if> 

45            <#if "Etiqueta" == dynamicElement.attributeValue("name")> 

46              <#assign etiquetaNoticia = dynamicElement.element("dynamic-content").getText() /> 

47            </#if> 

48            <#if "FechaDate" == dynamicElement.attributeValue("name")> 

49                <#assign dateNoticia = dynamicElement.element("dynamic-content").getData()> 

50                <#if dateNoticia?? && dateNoticia != ""> 

51                    <#assign fechaFormateada = dateNoticia?date("yyyy-MM-dd")?string("dd 'de' MMMM 'del' yyyy")> 

52                </#if> 

53            </#if> 

54          </#list> 

55 

56          <#if curEntry??> 

57            <#assign link = assetPublisherHelper.getAssetViewURL(renderRequest, renderResponse, renderer, curEntry, true) /> 

58          </#if> 

59 

60          <a href="${link} " class="a-reset clean-link-article" aria-label="Leer noticia: ${tituloNoticia}"> 

61            <article class="news-cover-card" style="    min-height: 380px; 

62padding-top: 0px;margin-top: -17px;"> 

63              <img 

64                class="news-detail-list__image" 

65                src="${imagenPortada}" 

66                alt="${imagenPortadaAlt}" 

67                loading="lazy" 

68              /> 

69              <div class="news-cover-list__content"> 

70                <span class="heading-7 tag bg-color-radio-870-ucr-accesibilidad fw-bold white u-rounded-10"> 

71                  ${etiquetaNoticia} 

72                </span> 

73                <p class="heading-4 fw-bold gray-5" style="margin-bottom:32px;"> 

74                  ${tituloNoticia} 

75                </p> 

76                <span class="items-sm black"> 

77                  ${fechaFormateada} 

78                </span> 

79                 

80                <p class="items-lg black limite-texto-8" style="margin-bottom:20px;"> 

81                    ${descripcion_noticia} 

82          </p> 

83          <span class="main-link black" aria-label="Leer noticia: ${tituloNoticia}"> 

84              Leer más 

85          </span> 

86              </div> 

87            </article> 

88          </a> 

89        </#list> 

90      </#if>