1<#assign dlAppLocalServiceUtil = staticUtil["com.liferay.document.library.kernel.service.DLAppLocalServiceUtil"] >
2<#assign dlUtil = staticUtil["com.liferay.document.library.kernel.util.DLUtil"] >
3
4<#if entries?has_content>
5 <div class="mt-3 mb-4">
6 <div id="${randomNamespace}carouselItems" class="carousel slide news-carousel" data-ride="carousel">
7 <div class="carousel-inner">
8 <#list entries as entry>
9 <#if entry.className == "com.liferay.journal.model.JournalArticle">
10 <#assign
11 assetRenderer = entry.getAssetRenderer()
12 article = assetRenderer.getArticle()
13 articleTitle = article.getTitle(locale)
14 viewURL = httpUtil.removeParameter(assetPublisherHelper.getAssetViewURL(renderRequest, renderResponse, assetRenderer, entry, !stringUtil.equals(assetLinkBehavior, "showFullContent")),"redirect")
15 document = saxReaderUtil.read(article.getContent())
16 rootElement = document.getRootElement()
17 defaultLanguageId = parseXml("@default-locale", rootElement)
18 />
19
20 <#assign title = getField("title", locale, defaultLanguageId, rootElement)!>
21 <#assign newsImage = getField("newsImage", locale, defaultLanguageId, rootElement)!>
22 <#if newsImage?? && newsImage != "">
23 <#assign imageJson = newsImage?eval/>
24 <#assign image = getDocumentURL(imageJson)/>
25 <#assign altText = getImageAlt(imageJson.alt,articleTitle)/>
26 </#if>
27
28 <div class="carousel-item ${(entry_index == 0)?then('active', '')}">
29
30 <div class="card ss-card ss-card--carousel">
31 <#if newsImage?? && newsImage != "">
32 <div class="card-img-top overflow-hidden d-flex justify-content-center">
33 <img src="${image}" alt="${altText}">
34 </div>
35 </#if>
36 <div class="card-body shadow">
37 <#if title?has_content>
38 <h3 class="h5">
39 <a class="ss-text-link ss-text-link--black" href="${viewURL}">${title}</a>
40 </h3>
41 </#if>
42 </div>
43 </div>
44
45 <div class="pause-cycle-button">
46 <button type="button" class="btn btn-primary ${randomNamespace}btn-customized">
47 <i class="ss-icon ss-icon-pause"></i>
48 </button>
49 </div>
50 </div>
51 </#if>
52 </#list>
53 </div>
54 <ol class="carousel-indicators indicators-modifier">
55 <#list entries as curEntry>
56 <li data-target="#${randomNamespace}carouselItems" id="carouselIndicator${curEntry_index}" data-slide-to="${curEntry_index}" class="rounded-circle rounded-indicator carousel-indicator ${(curEntry_index == 0)?then('active', '')}"></li>
57 </#list>
58 </ol>
59 </div>
60 </div>
61</#if>
62
63<#function getField field languageId defaultLanguageId xml>
64 <#local defaultSelector = "//dynamic-content[@language-id='" + defaultLanguageId + "' and ancestor-or-self::*[@name='" + field + "']]">
65 <#local localeSelector = "//dynamic-content[@language-id='" + languageId + "' and parent::*[@name='" + field + "']]">
66
67 <#local selector = saxReaderUtil.createXPath(localeSelector)>
68 <#local value = selector.selectSingleNode(xml)!>
69
70 <#if value?has_content>
71 <#return value.getText()>
72 </#if>
73
74 <#local selector = saxReaderUtil.createXPath(defaultSelector)>
75 <#local value = selector.selectSingleNode(xml)!>
76
77 <#if value?has_content>
78 <#return value.getText()>
79 </#if>
80
81 <#return "">
82</#function>
83
84<#function parseXml xpath xml>
85 <#local selector = saxReaderUtil.createXPath(xpath)>
86 <#local result = selector.selectSingleNode(xml)!>
87
88 <#if result?has_content>
89 <#return result.getStringValue()>
90 </#if>
91
92 <#return "">
93</#function>
94
95<#function getDocumentURL documentJson>
96 <#if documentJson?has_content>
97 <#assign
98 uuid = documentJson.uuid
99 groupId = documentJson.groupId
100 dlFile = dlAppLocalServiceUtil.getFileEntryByUuidAndGroupId(uuid,groupId?number)
101 documentURL = dlUtil.getPreviewURL(dlFile, dlFile.getFileVersion(), themeDisplay, '')
102 />
103 <#return documentURL>
104 </#if>
105 <#return ''>
106</#function>
107
108<#function getImageAlt imageVar,articleTitle>
109 <#assign imageAlt = imageVar>
110 <#if !imageAlt?has_content>
111 <#assign imageAlt = articleTitle>
112 </#if>
113 <#return imageAlt>
114</#function>
115
116<script>
117 $('.${randomNamespace}btn-customized').on('click', function () {
118 if (!$(this).hasClass('paused')) {
119 $('#${randomNamespace}carouselItems').carousel('pause');
120 $('.${randomNamespace}btn-customized').toggleClass('paused');
121 $('.${randomNamespace}btn-customized i').removeClass('ss-icon-pause').addClass('ss-icon-play');
122 $(this).blur();
123 } else {
124 $('#${randomNamespace}carouselItems').carousel('cycle');
125 $('.${randomNamespace}btn-customized').toggleClass('paused');
126 $('.${randomNamespace}btn-customized i').removeClass('ss-icon-play').addClass('ss-icon-pause');
127 $(this).blur();
128 }
129 });
130</script>
