Cientos de personas viajan a la Edad Media

1<#-- VARIABLES --> 

2<#assign Headline = saxReaderUtil.createXPath("dynamic-element[@name='Headline']").selectSingleNode(rootElement).getStringValue() /> 

3<#assign Date = saxReaderUtil.createXPath("dynamic-element[@name='Date']").selectSingleNode(rootElement).getStringValue()?trim?datetime("yyyy-MM-dd")?date?string["dd/MM/yyyy"] /> 

4<#assign OpeningLine = saxReaderUtil.createXPath("dynamic-element[@name='OpeningLine']").selectSingleNode(rootElement).getStringValue() /> 

5<#assign Body = saxReaderUtil.createXPath("dynamic-element[@name='Body']").selectSingleNode(rootElement).getStringValue() /> 

6<#assign ImageJson = saxReaderUtil.createXPath("dynamic-element[@name='Image']").selectSingleNode(rootElement).getStringValue()?eval /> 

7<#assign AudioList = saxReaderUtil.createXPath("dynamic-element[@name='Audio']").selectNodes(rootElement) /> 

8 

9<#-- DETALLE DE LA NOTICIA --> 

10<div class="noticiaDetalle"> 

11    <h2 class="title">${Headline} <i class="fa fa-stop" aria-hidden="true"></i></h2> 

12    <p class="fecha"><span>${Date}</span></p> 

13    <h3>${OpeningLine}</h3> 

14    <div class="imgDestacada"> 

15        <img src="/c/document_library/get_file?uuid=${ImageJson['uuid']}&groupId=${ImageJson['groupId']}" alt="${ImageJson['alt']}"> 

16    </div>  

17    ${Body} 

18 

19    <#-- AUDIOS --> 

20    <#if AudioList?size gt 0 && AudioList[0].getStringValue()?trim?has_content> 

21        <h4 style="margin-top: 40px;">AUDIOS</h4> 

22        <#list AudioList as Audio> 

23            <#assign AudioContent = Audio.getStringValue()?split("}") /> 

24            <#if AudioContent?size == 2> 

25                <#assign AudioDescription = AudioContent[1]?trim /> 

26                <#assign AudioJson = (AudioContent[0] + "}")?trim?eval /> 

27                <p> 

28                    ${AudioDescription} 

29                    <br> 

30                    <audio controls style="margin-top: 1em;"> 

31                        <source src="/c/document_library/get_file?uuid=${AudioJson['uuid']}&groupId=${AudioJson['groupId']}"> 

32                    </audio> 

33                </p> 

34            </#if> 

35        </#list> 

36    </#if> 

37 

38    <#-- REDES SOCIALES --> 

39    <div class="taglib-social-bookmarks"> 

40        <ul class="list-unstyled"> 

41            <li class="taglib-social-bookmark taglib-social-bookmark-twitter" style="display: inline"> 

42                <a class="btn btn-outline-secondary btn-monospaced btn-outline-borderless btn-sm lfr-portal-tooltip" id="oklo" title="Twitter" 

43                    href="https://twitter.com/intent/tweet?text=${Headline}&tw_p=tweetbutton&url=${themeDisplay.getPortalURL() + themeDisplay.getURLCurrent()}"> 

44                    <svg aria-hidden="true" class="lexicon-icon lexicon-icon-twitter" focusable="false" viewBox="0 0 512 512"><title>twitter</title><path class="lexicon-icon-outline" d="M512.015 97.213c-18.842 8.368-39.089 14.015-60.332 16.531 21.68-12.991 38.358-33.589 46.2-58.108-20.306 12.026-42.776 20.774-66.71 25.485-19.164-20.423-46.462-33.179-76.688-33.179-58.020 0-105.039 47.048-105.039 105.039 0 8.222 0.936 16.238 2.721 23.934-87.308-4.389-164.698-46.2-216.516-109.749-9.041 15.508-14.22 33.559-14.22 52.812 0 36.457 18.55 68.612 46.727 87.425-17.234-0.556-33.414-5.267-47.575-13.137 0 0.439 0 0.877 0 1.317 0 50.91 36.222 93.336 84.266 102.99-8.807 2.399-18.082 3.687-27.679 3.687-6.759 0-13.343-0.673-19.779-1.901 13.371 41.723 52.169 72.123 98.135 72.942-35.959 28.176-81.252 44.971-130.465 44.971-8.486 0-16.853-0.498-25.046-1.464 46.493 29.815 101.704 47.195 161.041 47.195 193.226 0 298.879-160.075 298.879-298.879 0-4.565-0.117-9.070-0.293-13.576 20.481-14.776 38.3-33.267 52.374-54.334v0z"></path></svg> 

45                </a>  

46            </li> 

47     

48            <li class="taglib-social-bookmark taglib-social-bookmark-facebook" style="display: inline"> 

49                <a class="btn btn-outline-secondary btn-monospaced btn-outline-borderless btn-sm lfr-portal-tooltip" id="obmi" title="Facebook" 

50                    href="https://www.facebook.com/sharer.php?u=${themeDisplay.getPortalURL() + themeDisplay.getURLCurrent()}"> 

51                    <svg aria-hidden="true" class="lexicon-icon lexicon-icon-social-facebook" focusable="false" viewBox="0 0 512 512"><title>social-facebook</title><path class="lexicon-icon-outline" d="M483.7,0H28.3C12.6,0,0,12.6,0,28.3v455.5C0,499.4,12.6,512,28.3,512h245.2V313.7h-66.7v-77.3h66.7v-57c0-66.1,40.4-102.1,99.4-102.1c28.3,0,52.5,2.1,59.6,3v69.1h-40.9c-32.1,0-38.3,15.2-38.3,37.6v49.3h76.5l-10,77.3h-66.6V512h130.5c15.6,0,28.3-12.7,28.3-28.3V28.3C512,12.6,499.3,0,483.7,0z"></path></svg> 

52                </a> 

53            </li> 

54     

55            <li class="taglib-social-bookmark taglib-social-bookmark-whatsapp" style="display: inline"> 

56                <a class="btn btn-outline-secondary btn-monospaced btn-outline-borderless btn-sm lfr-portal-tooltip" id="kulj" data-title="WhatsApp" data-action="share/whatsapp/share" 

57                    href="whatsapp://send?text=${themeDisplay.getPortalURL() + themeDisplay.getURLCurrent()}">             

58                    <svg aria-hidden="true" class="lexicon-icon lexicon-icon-whatsapp" focusable="false" viewBox="0 0 90 90"><title>whatsapp</title><path id="WhatsApp" d="M90,43.841c0,24.213-19.779,43.841-44.182,43.841c-7.747,0-15.025-1.98-21.357-5.455L0,90l7.975-23.522c-4.023-6.606-6.34-14.354-6.34-22.637C1.635,19.628,21.416,0,45.818,0C70.223,0,90,19.628,90,43.841z M45.818,6.982c-20.484,0-37.146,16.535-37.146,36.859c0,8.065,2.629,15.534,7.076,21.61L11.107,79.14l14.275-4.537c5.865,3.851,12.891,6.097,20.437,6.097c20.481,0,37.146-16.533,37.146-36.857S66.301,6.982,45.818,6.982z M68.129,53.938c-0.273-0.447-0.994-0.717-2.076-1.254c-1.084-0.537-6.41-3.138-7.4-3.495c-0.993-0.358-1.717-0.538-2.438,0.537c-0.721,1.076-2.797,3.495-3.43,4.212c-0.632,0.719-1.263,0.809-2.347,0.271c-1.082-0.537-4.571-1.673-8.708-5.333c-3.219-2.848-5.393-6.364-6.025-7.441c-0.631-1.075-0.066-1.656,0.475-2.191c0.488-0.482,1.084-1.255,1.625-1.882c0.543-0.628,0.723-1.075,1.082-1.793c0.363-0.717,0.182-1.344-0.09-1.883c-0.27-0.537-2.438-5.825-3.34-7.977c-0.902-2.15-1.803-1.792-2.436-1.792c-0.631,0-1.354-0.09-2.076-0.09c-0.722,0-1.896,0.269-2.889,1.344c-0.992,1.076-3.789,3.676-3.789,8.963c0,5.288,3.879,10.397,4.422,11.113c0.541,0.716,7.49,11.92,18.5,16.223C58.2,65.771,58.2,64.336,60.186,64.156c1.984-0.179,6.406-2.599,7.312-5.107C68.398,56.537,68.398,54.386,68.129,53.938z"/></svg> 

59                </a> 

60            </li> 

61     

62            <li class="taglib-social-bookmark taglib-social-bookmark-linkedin" style="display: inline"> 

63                <a class="btn btn-outline-secondary btn-monospaced btn-outline-borderless btn-sm lfr-portal-tooltip" id="kulj" data-title="LinkedIn" aria-describedby="yui_patched_v3_18_1_1_1554203428880_6032kulj" 

64                    href="https://www.linkedin.com/shareArticle?&title=${Headline}&mini=true&url=${themeDisplay.getPortalURL() + themeDisplay.getURLCurrent()}&summary="> 

65                    <svg aria-hidden="true" class="lexicon-icon lexicon-icon-social-linkedin" focusable="false" viewBox="0 0 512 512"><title>social-linkedin</title><path class="lexicon-icon-outline" d="M474.1,0H37.8C16.9,0,0,16.5,0,36.9V475c0,20.4,16.9,37,37.8,37h436.4c20.9,0,37.9-16.6,37.9-36.9V36.9C512,16.5,495,0,474.1,0z M151.9,436.3h-76V191.9h76V436.3z M69.8,114.6c0-60.6,88.1-60.6,88.1,0C157.9,175,69.8,173,69.8,114.6z M436.3,436.3h-75.9V317.5c0-28.3-0.5-64.8-39.5-64.8c-39.5,0-45.5,30.9-45.5,62.8v120.8h-75.8V191.9h72.8v33.4h1c10.1-19.2,34.9-39.5,71.8-39.5c76.9,0,91.1,50.6,91.1,116.4L436.3,436.3L436.3,436.3z"></path></svg> 

66                </a> 

67            </li> 

68        </ul> 

69    </div> 

70 

71    <#-- CONTENIDOS RELACIONADOS --> 

72    <#assign assetLinkService = serviceLocator.findService("com.liferay.asset.kernel.service.AssetLinkLocalService") /> 

73    <#assign assetLinks = assetLinkService.getDirectLinks(entryId) /> 

74    <#if assetLinks?has_content> 

75        <#assign assetEntryService = serviceLocator.findService("com.liferay.asset.kernel.service.AssetEntryLocalService") /> 

76        <div class="taglib-asset-links"> 

77            <h3 class="asset-links-title"><i class="icon-link"></i> Contenidos relacionados:</h3> 

78            <ul class="asset-links-list"> 

79                <#list assetLinks as assetLink> 

80                    <#assign entry = assetEntryService.getEntry(assetLink.getEntryId2()) /> 

81                    <#assign linkArticle = entry.getAssetRenderer().getArticle() /> 

82                    <li class="asset-links-list-item">  

83                        <a href="/-/${linkArticle.getUrlTitle()}?redirect=${urlRedirect}" target="_self">${entry.getTitle(locale)}</a> 

84                    </li> 

85                </#list> 

86            </ul> 

87        </div> 

88    </#if> 

89</div>