Oranje in detail
An error occurred while processing the template.
The following has evaluated to null or missing: ==> entry.getAssetRenderer() [in template "20097#20123#1597994" at line 314, column 29] ---- Tip: If the failing expression is known to legally refer to something that's sometimes null or missing, either specify a default value like myOptionalVar!myDefault, or use <#if myOptionalVar??>when-present<#else>when-missing</#if>. (These only cover the last step of the expression; to cover the whole expression, use parenthesis: (myOptionalVar.foo)!myDefault, (myOptionalVar.foo)?? ---- ---- FTL stack trace ("~" means nesting-related): - Failed at: assetRenderer = entry.getAssetRenderer() [in template "20097#20123#1597994" at line 314, column 13] ----
1<script>
2 $(document).ready(function (){
3 var checkExist = setInterval(function() {
4 if ($('#owl-carousel-feed').length > 0) {
5 $('#owl-carousel-feed').owlCarousel({
6 margin:20,
7 loop:true,
8 rewind:false,
9 nav:false,
10 navText : ["<i class='icon-chevron-left nav-left'></i>","<i class='icon-chevron-right nav-right'></i>"],
11 dots:true,
12 autoplay:true,
13 autoplayTimeout:5000,
14 autoplayHoverPause:true,
15 responsive:{
16 0:{
17 items:1
18 },
19 600:{
20 items:2
21 },
22 1200:{
23 items:3
24 }
25 }
26 });
27 // apply meta info to next and previous buttons and make them focusable
28 $('#owl-carousel-feed').find('.owl-prev').attr('role','button').attr('title','Vorige slide').attr('aria-label','Vorige slide');
29 $('#owl-carousel-feed').find('.owl-next').attr('role','button').attr('title','Volgende slide').attr('aria-label','Volgende slide');
30
31 clearInterval(checkExist);
32 }
33 }, 100);
34 });
35</script>
36
37<style>
38:root{
39 --blue: #111083;
40 --yellow: #ffcc17;
41}
42
43.feedpublink {
44 color: var(--main-text-color);
45 background: var(--secondary-bg-color);
46 text-transform: uppercase;
47 font-family: 'Co Headline Bold';
48 font-size: 13px;
49 padding: 12px 19px 10px 19px;
50 border-radius: 14px;
51 box-shadow: 0px 2px 6px #0000001C;
52 line-height: 1;
53 text-align: center;
54}
55.feedpublink:hover, .feedpublink:focus {
56 transform: translateY(1px);
57 color: var(--main-text-color);
58 box-shadow: 0px 1px 4px #0000001C;
59}
60.feedpublink:active {
61 transform: translateY(2px);
62 color: var(--main-text-color);
63 box-shadow: none;
64}
65
66.doeJeMeeFeed a {
67 color: var(--secondary-text-color);
68 background: var(--main-bg-color);
69 text-transform: uppercase;
70 font-family: 'Co Headline Bold';
71 font-size: 13px;
72 padding: 12px 19px 10px 19px;
73 border-radius: 14px;
74 box-shadow: 0px 2px 6px #0000001C;
75 line-height: 1;
76 text-align: center;
77}
78.doeJeMeeFeed a:hover, .doeJeMeeFeed a:focus {
79 transform: translateY(1px);
80 color: var(--secondary-text-color);
81 box-shadow: 0px 1px 4px #0000001C;
82}
83.doeJeMeeFeed a:active {
84 transform: translateY(2px);
85 color: var(--secondary-text-color);
86 box-shadow: none;
87}
88
89
90.orgContainer {
91 font-family: 'Co Text';
92 color: var(--blue);
93 margin-top:20px;
94
95}
96
97.feed_tekst {
98 color: var(--blue);
99 display:flex;
100 justify-content: space-between;
101 flex-direction: row;
102 align-items: center;
103}
104
105.feed_title {
106 font-weight: 700;
107 font-size:30px;
108 text-transform: uppercase;
109}
110
111.feed_list{
112 background-color: var(--blue);
113 position: relative;
114 width: 100%;
115 margin: 0;
116 display: flex;
117 flex-direction: column;
118 height: 202px;
119 border-radius: 35px;
120 align-items: flex-start;
121 justify-content: end;
122 background-position: center;
123 background-size: cover;
124 background-repeat: no-repeat;
125}
126
127.feed_list:hover {
128 text-decoration: none;
129}
130.feedContent{
131 z-index: 2;
132 height: 100%;
133 display: flex;
134 flex-direction: column;
135 justify-content: space-between;
136 padding: 15px 20px 20px 20px;
137}
138
139.feed_blur {
140 width: 100%;
141 background: rgba(0, 0, 0, 0.4);
142 border-radius: 0 0 35px 35px;
143/* position: absolute;*/
144 min-height: 100px;
145 display: flex;
146 flex-direction: column;
147 justify-content: end;
148}
149
150.feed_cat {
151 color: white;
152 font-size: 23px;
153 font-weight: bold;
154 text-transform: uppercase;
155 margin-bottom: 0px;
156 margin-left:5px;
157}
158
159.feed_icon {
160 height: 29px;
161 width: 29px;
162}
163
164.feed_list__header {
165 color: var(--secondary-text-color);
166 font-size: 17px;
167 text-transform: uppercase;
168}
169.feedSvg{
170 position: absolute;
171 border-radius: 0 0 31px 33px;
172}
173
174.feedLinkCat{
175 display: flex;
176 justify-content: space-between;
177 align-items: center;
178}
179
180.feedIdeeInitiatiefWrap{
181 height: 202px;
182 display: flex;
183 flex-direction: column;
184}
185.feedIdeeInitiatiefWrap h3 {
186 line-height: 1;
187 margin: 0;
188 font-size: 15px;
189 text-transform: uppercase;
190 margin-left: 15px;
191 flex: 1;
192 word-break: break-word;
193}
194.feedNews{
195 box-shadow: 0px 5px 16px #0000001A;
196 border-radius: 31px;
197 flex:1;
198 padding: 0 28px;
199 color: var(--main-text-color);
200 font-family: 'Co Headline Bold';
201}
202
203.doeJeMeeFeed {
204 display: flex;
205 justify-content: space-between;
206 position: absolute;
207 top: 0;
208 transform: translate(0, calc(-50% + -30px));
209 align-items: center;
210 width: 100%;
211}
212.doeJeMeeFeed h2{
213 margin: 0;
214 line-height: 1;
215 color: var(--main-text-color);
216}
217.feedini{
218 margin-top: 10px;
219}
220.feedCounterWrap{
221 background-image: url(/documents/20121/0/Blob.png/375a6820-36e3-ae20-3ea0-38b66fce48cd?t=1679067428648);
222 height: 72px;
223 width: 72px;
224 display: flex;
225 justify-content: center;
226 align-items: center;
227}
228.feedCounter{
229 border: solid #ffcc17;
230 height: 48px;
231 border-radius: 50%;
232 width: 48px;
233 display: flex;
234 justify-content: center;
235 align-items: center;
236 line-height: 1;
237 font-size: 19px;
238 background: var(--secondary-bg-color);
239
240}
241.innerIniIdeeWrap{
242 height: 202px;
243}
244
245@media (min-width: 992px) {
246 .list--item {
247 margin-bottom: 20px;
248 }
249 .feed_list__description {
250 display: none;
251 position: absolute;
252 top: 50%;
253 left: 500px;
254 transform: translate3d(0, -50%, 0);
255 max-width: calc(100% - 500px);
256 padding: 10px 13px;
257 border: 1px solid #ec005f;
258 z-index: 2;
259 }
260 .feed_list:hover .feed_list__description,
261 .feed_list:focus .feed_list__description {
262 display: block;
263 }
264}
265
266
267
268@media (max-width: 991px) and (min-width:577px) {
269 .feed_row.p-row-lg {
270 margin-top: -35px;
271 margin-bottom: -35px;
272 }
273
274 .feed_row.p-row-lg > div[class^="col"] {
275 padding-top: 35px;
276 padding-bottom: 35px;
277 }
278}
279
280@media (max-width: 767px) {
281 .feed_cat{
282 font-size: 21px;
283 }
284 .feedCols:nth-child(5), .feedCols:nth-child(4){
285 display: none;
286 }
287}
288
289@media(max-width: 576px){
290 .doeJeMeeFeed{
291 position: relative;
292 transform: translate(0, calc(-10px));
293 }
294
295}
296</style>
297<#assign AssetCategoryLocalServiceUtil = staticUtil['com.liferay.asset.kernel.service.AssetCategoryLocalServiceUtil'] />
298<#assign DLFileEntryLocalServiceUtil = staticUtil['com.liferay.document.library.kernel.service.DLFileEntryLocalServiceUtil'] />
299<#assign JournalArticleLocalService = serviceLocator.findService("com.liferay.journal.service.JournalArticleLocalService")>
300<#assign GroupLocalServiceUtil = staticUtil['com.liferay.portal.kernel.service.GroupLocalServiceUtil'] />
301<#assign DLFileEntryLocalServiceUtil = staticUtil['com.liferay.document.library.kernel.service.DLFileEntryLocalServiceUtil'] />
302<#assign IdeeCounter = JournalArticleLocalService.getArticlesCount(20121, 1155984, 0) />
303<#assign getActiveInit = GroupLocalServiceUtil.getGroupsCount(themeDisplay.getCompanyId(), 491828, true) />
304
305<#assign
306 dlAppLocalServiceUtil = staticUtil["com.liferay.document.library.kernel.service.DLAppLocalServiceUtil"]
307 dlUtil = staticUtil["com.liferay.document.library.kernel.util.DLUtil"]
308 />
309
310<h2 class="title" style="color:var(--main-text-color);text-transform:uppercase;">Actueel</h2>
311 <div id="owl-carousel-feed" class="owl-carousel feed_row ">
312 <#list entries as entry>
313 <#assign
314 assetRenderer = entry.getAssetRenderer()
315 entryTitle = htmlUtil.escape(assetRenderer.getTitle(locale))
316 viewURL = assetPublisherHelper.getAssetViewURL(renderRequest, renderResponse, assetRenderer, entry, !stringUtil.equals(assetLinkBehavior, "viewInContext"))
317 />
318 <#if assetRenderer.getClassName()=="com.liferay.journal.model.JournalArticle">
319 <#assign
320 docXml = saxReaderUtil.read(assetRenderer.getArticle().getContent())
321 ExterneLink = docXml.valueOf("//dynamic-element[@name='ExterneLink']/dynamic-content/text()")
322 image = docXml.valueOf("//dynamic-element[@name='Foto']/dynamic-content/text()")
323 />
324 <#if image?has_content>
325 <#assign
326 campagneimg_catch = image?eval
327 uuid = campagneimg_catch.uuid
328 groupId = campagneimg_catch.groupId
329 dlFile = dlAppLocalServiceUtil.getFileEntryByUuidAndGroupId(uuid,groupId?number)
330 imgUrl = dlUtil.getPreviewURL(dlFile, dlFile.getFileVersion(),themeDisplay,'')
331 />
332 </#if>
333 </#if>
334 <#assign entryCategories = AssetCategoryLocalServiceUtil.getCategories(entry.getClassName(), entry.getClassPK()) />
335 <#list entryCategories[0..*1] as entryCat>
336 <div class="item feedCols" >
337 <div <#if image?has_content>style="background-image: url('${imgUrl}&imagePreview=1');"<#else></#if> class="feed_list">
338 <div class="feed_blur">
339 <div class=" feedContent">
340 <h2 class="feed_list__header">${entryTitle}</h2>
341 <div class="feedLinkCat">
342 <a class="feedpublink" href="${viewURL}">Lees verder</a>
343 <p class="feed_cat" >${entryCat.name}</p>
344 </div>
345 </div>
346 </div>
347 <#if entryCat.name == "Initiatief">
348 <svg class="feedSvg yellowFeedSvg" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" width="100%" height="43.559" viewBox="0 0 765.623 75.559" style="fill:var(--tertiary-bg-color);">
349 <path id="Path_61" data-name="Path 61" d="M2403-942.085l764.922-33.941.342,63.456s1.423,12.1-5.263,12.1H2410.834s-7.311,0-7.834-10.192S2403-942.085,2403-942.085Z" transform="translate(-2402.767 976.026)" ></path>
350 </svg>
351 <#else>
352 <svg class="feedSvg blueFeedSvg" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" width="100%" height="43.559" viewBox="0 0 765.623 75.559" style="fill:var(--main-bg-color);">
353 <path id="Path_61" data-name="Path 61" d="M2403-942.085l764.922-33.941.342,63.456s1.423,12.1-5.263,12.1H2410.834s-7.311,0-7.834-10.192S2403-942.085,2403-942.085Z" transform="translate(-2402.767 976.026)" ></path>
354 </svg>
355 </#if>
356 </div>
357 </div>
358 </#list>
359
360 </#list>
361 </div>