1<style>
2 .no-margin .base-content {
3 margin-bottom: 0px !important;
4 }
5</style>
6<#assign
7 serviceContext = staticUtil["com.liferay.portal.kernel.service.ServiceContextThreadLocal"].getServiceContext()
8 themeDisplay = serviceContext.getThemeDisplay()
9 group_id = themeDisplay.getScopeGroupId()
10 JournalArticleLocalService = serviceLocator.findService("com.liferay.journal.service.JournalArticleLocalService")
11>
12<#assign article_content = "">
13<#if GenericContent.WContent.getData()?has_content>
14 <#assign cur_webContent_map = GenericContent.WContent.getData()?eval >
15
16 <#if cur_webContent_map?has_content>
17 <#assign
18 cur_webContent_classPK = cur_webContent_map.classPK
19 article = JournalArticleLocalService.getLatestArticle(cur_webContent_classPK?number)
20 article_id = article.articleId
21 article_content = JournalArticleLocalService.getArticleContent(group_id, article_id, null, locale, themeDisplay)
22 >
23 </#if>
24</#if>
25<div class="col-12 no-margin">
26 <#if TextContent.Title.getData()?has_content>
27 <div class="row base-content">
28 <div class="col-12 col-md-12">
29 <div class="titlebox">
30 <#if TextContent.HeadingLevel.getData()?has_content>
31 <${TextContent.HeadingLevel.getData()}>${TextContent.Title.getData()}</${TextContent.HeadingLevel.getData()}>
32 <#else>
33 <div class="title">${TextContent.Title.getData()}</div>
34 </#if>
35 <#if TextContent.Subtitle.getData()?has_content && TextContent.Subtitle.getData() != "">
36 <span class="subtitle">${TextContent.Subtitle.getData()}</span>
37 </#if>
38 </div>
39 </div>
40 </div>
41 </#if>
42 <div class="row base-content">
43 <#if MediaContent.Imageh31j.getData()?? && MediaContent.Imageh31j.getData() != "">
44 <#if MediaContent.MediaAlign.getData()?has_content && MediaContent.MediaAlign.getData() == "a">
45 <div class="col-12 col-md-12">
46 <img alt="${MediaContent.Imageh31j.getAttribute("alt")}" data-fileentryid="${MediaContent.Imageh31j.getAttribute("fileEntryId")}" src="${MediaContent.Imageh31j.getData()}" />
47 ${TextContent.Content.getData()}
48 ${article_content}
49 </div>
50 <#elseif MediaContent.MediaAlign.getData()?has_content && MediaContent.MediaAlign.getData() == "l">
51 <div class="col-12 col-md-6">
52 <img alt="${MediaContent.Imageh31j.getAttribute("alt")}" data-fileentryid="${MediaContent.Imageh31j.getAttribute("fileEntryId")}" src="${MediaContent.Imageh31j.getData()}" />
53 </div>
54 <div class="col-12 col-md-6">
55 ${TextContent.Content.getData()}
56 ${article_content}
57 </div>
58 <#elseif MediaContent.MediaAlign.getData()?has_content && MediaContent.MediaAlign.getData() == "r">
59 <div class="col-12 col-md-6">
60 ${TextContent.Content.getData()}
61 ${article_content}
62 </div>
63 <div class="col-12 col-md-6">
64 <img alt="${MediaContent.Imageh31j.getAttribute("alt")}" data-fileentryid="${MediaContent.Imageh31j.getAttribute("fileEntryId")}" src="${MediaContent.Imageh31j.getData()}" />
65 </div>
66 <#else>
67 ${TextContent.Content.getData()}
68 ${article_content}
69 <div class="col-12 col-md-12">
70 <img alt="${MediaContent.Imageh31j.getAttribute("alt")}" data-fileentryid="${MediaContent.Imageh31j.getAttribute("fileEntryId")}" src="${MediaContent.Imageh31j.getData()}" />
71 </div>
72 </#if>
73 <#elseif MediaContent.MediaID.getData()?? && MediaContent.MediaID.getData() != "" && MediaContent.MediaSource.getData()?? && MediaContent.MediaSource.getData() != "">
74 <#if MediaContent.MediaAlign.getData()?has_content && MediaContent.MediaAlign.getData() == "a">
75 <div class="col-12 col-md-12">
76 <#if MediaContent.MediaSource.getData()?has_content && MediaContent.MediaSource.getData() == "yt">
77 <iframe src="https://www.youtube-nocookie.com/embed/${MediaContent.MediaID.getData()}" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"></iframe>
78 <#elseif MediaContent.MediaSource.getData()?has_content && MediaContent.MediaSource.getData() == "vimeo">
79 <iframe src="https://player.vimeo.com/video/${MediaContent.MediaID.getData()}?color=ffffff&title=0&byline=0&portrait=0" width="640" height="360" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe>
80 <#elseif MediaContent.MediaSource.getData()?has_content && MediaContent.MediaSource.getData() == "sh">
81 <iframe src="//www.slideshare.net/slideshow/embed_code/key/${MediaContent.MediaID.getData()}" width="595" height="485" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" style="border:1px solid #CCC; border-width:1px; margin-bottom:5px; max-width: 100%;" allowfullscreen> </iframe>
82 </#if>
83 ${TextContent.Content.getData()}
84 ${article_content}
85 </div>
86 <#elseif MediaContent.MediaAlign.getData()?has_content && MediaContent.MediaAlign.getData() == "l">
87 <div class="col-12 col-md-6">
88 <#if MediaContent.MediaSource.getData()?has_content && MediaContent.MediaSource.getData() == "yt">
89 <iframe src="https://www.youtube-nocookie.com/embed/${MediaContent.MediaID.getData()}" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"></iframe>
90 <#elseif MediaContent.MediaSource.getData()?has_content && MediaContent.MediaSource.getData() == "vimeo">
91 <iframe src="https://player.vimeo.com/video/${MediaContent.MediaID.getData()}?color=ffffff&title=0&byline=0&portrait=0" width="640" height="360" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe>
92 <#elseif MediaContent.MediaSource.getData()?has_content && MediaContent.MediaSource.getData() == "sh">
93 <iframe src="//www.slideshare.net/slideshow/embed_code/key/${MediaContent.MediaID.getData()}" width="595" height="485" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" style="border:1px solid #CCC; border-width:1px; margin-bottom:5px; max-width: 100%;" allowfullscreen> </iframe>
94 </#if>
95 </div>
96 <div class="col-12 col-md-6">
97 ${TextContent.Content.getData()}
98 ${article_content}
99 </div>
100 <#elseif MediaContent.MediaAlign.getData()?has_content && MediaContent.MediaAlign.getData() == "r">
101 <div class="col-12 col-md-6">
102 ${TextContent.Content.getData()}
103 ${article_content}
104 </div>
105 <div class="col-12 col-md-6">
106 <#if MediaContent.MediaSource.getData()?has_content && MediaContent.MediaSource.getData() == "yt">
107 <iframe src="https://www.youtube-nocookie.com/embed/${MediaContent.MediaID.getData()}" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"></iframe>
108 <#elseif MediaContent.MediaSource.getData()?has_content && MediaContent.MediaSource.getData() == "vimeo">
109 <iframe src="https://player.vimeo.com/video/${MediaContent.MediaID.getData()}?color=ffffff&title=0&byline=0&portrait=0" width="640" height="360" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe>
110 <#elseif MediaContent.MediaSource.getData()?has_content && MediaContent.MediaSource.getData() == "sh">
111 <iframe src="//www.slideshare.net/slideshow/embed_code/key/${MediaContent.MediaID.getData()}" width="595" height="485" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" style="border:1px solid #CCC; border-width:1px; margin-bottom:5px; max-width: 100%;" allowfullscreen> </iframe>
112 </#if>
113 </div>
114 <#else>
115 <div class="col-12 col-md-12">
116 ${TextContent.Content.getData()}
117 ${article_content}
118 <#if MediaContent.MediaSource.getData()?has_content && MediaContent.MediaSource.getData() == "yt">
119 <iframe src="https://www.youtube-nocookie.com/embed/${MediaContent.MediaID.getData()}" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"></iframe>
120 <#elseif MediaContent.MediaSource.getData()?has_content && MediaContent.MediaSource.getData() == "vimeo">
121 <iframe src="https://player.vimeo.com/video/${MediaContent.MediaID.getData()}?color=ffffff&title=0&byline=0&portrait=0" width="640" height="360" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe>
122 <#elseif MediaContent.MediaSource.getData()?has_content && MediaContent.MediaSource.getData() == "sh">
123 <iframe src="//www.slideshare.net/slideshow/embed_code/key/${MediaContent.MediaID.getData()}" width="595" height="485" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" style="border:1px solid #CCC; border-width:1px; margin-bottom:5px; max-width: 100%;" allowfullscreen> </iframe>
124 </#if>
125 </div>
126 </#if>
127 <#else>
128 <div class="col-12 col-md-12">
129 ${TextContent.Content.getData()}
130 ${article_content}
131 </div>
132 </#if>
133 </div>
134</div>