1<#-- OU Product.ftl, 06-06-2024 -->
2
3<style>
4 .icon-x {
5 width: 1em;
6 height: 1em;
7 vertical-align: -0.125em;
8 }
9
10 iframe {
11 aspect-ratio: 16/9 !important;
12 width: 100% !important;
13 height: 100% !important;
14 }
15</style>
16<#assign localeNL = localeUtil.getDefault()>
17
18<#assign journalArticleLocalService = serviceLocator.findService("com.liferay.journal.service.JournalArticleLocalService") />
19<#assign dlfileEntryLocalServiceUtil = serviceLocator.findService("com.liferay.document.library.kernel.service.DLFileEntryLocalService")>
20<#assign journalArticle = journalArticleLocalService.getArticle(getterUtil.getLong(groupId), .vars['reserved-article-id'].data) />
21
22<#assign extra_sfeerbeeld = journalArticle.getExpandoBridge().getAttribute("extra_sfeerbeeld") />
23<@liferay_util["html-top"] outputKey="metaog">
24 <#if extra_sfeerbeeld?has_content>
25 <meta property="og:image" content="${extra_sfeerbeeld}" />
26 </#if>
27 <meta property="og:type" content="article" />
28 <meta property="og:locale" content="${locale}" />
29</@>
30<#assign articlePrimKey = journalArticle.getResourcePrimKey() />
31<#assign assetEntryLocalService = serviceLocator.findService("com.liferay.asset.kernel.service.AssetEntryLocalService") />
32<#assign asset = assetEntryLocalService.getEntry('com.liferay.journal.model.JournalArticle', journalArticle.resourcePrimKey) />
33
34<#-- Get the NL version from the asset -->
35<#assign renderer = asset.getAssetRenderer()>
36<#assign article = renderer.getArticle() />
37<#assign document = saxReaderUtil.read(article.getContentByLocale(localeNL.toString()))>
38<#assign rootElement = document.getRootElement()>
39
40<#assign catLocalService = serviceLocator.findService("com.liferay.asset.kernel.service.AssetCategoryLocalService") />
41<#assign articleCatNames = catLocalService.getCategoryNames("com.liferay.journal.model.JournalArticle", getterUtil.getLong(articlePrimKey)) />
42
43<#if Studievorm.getData()?contains("Cursus")>
44 <#assign GA_PAGINA_TYPE = "cursus">
45<#elseif Studievorm.getData()?contains("Professional Program")>
46 <#assign GA_PAGINA_TYPE = "CPP">
47<#else>
48 <#assign GA_PAGINA_TYPE = "studie"/>
49</#if>
50<#assign GA_PAGINA_ID = "opl"+journalArticle.getId()/>
51<#assign GA_PAGINA_TITEL= .vars['reserved-article-title'].data />
52
53
54<#-- Studie tab functies -->
55<#function getChangedParagraph paragraph item>
56 <#local image = "">
57 <#if item.link?has_content && item.isVideo?contains("true")>
58 <#local image = '<video class="ou-article-video" style="width:100%; height:100%" id="video" preload="auto" controls playsinline webkit-playsinline>'+
59 '<source type="video/mp4" src="'+ item.link+'" />'+
60 '<span>Your browser does not support HTML5, Flash, or Silverlight. Please update your browser.</span>'+
61 '</video><figcaption>'+ item.bijschrift +'</figcaption></figure>'+
62 '</figure>'>
63 <#elseif item.link?has_content>
64 <#local image = '<figure><img src="' + item.link + '"><figcaption>'+ item.bijschrift +'</figcaption></figure>'>
65 <#elseif item.youtubelink?has_content>
66 <#local image = '<figure><div class="embed-responsive embed-responsive-16by9">'+
67 '<iframe class="embed-responsive-item" title="OU" width="846" height="777" src="' + item.youtubelink +
68 '"frameborder="0" allowfullscreen=""></iframe></div><figcaption>'+ item.bijschrift +'</figcaption></figure>'>
69 </#if>
70 <#return paragraph + image>
71</#function>
72
73<#function updateParagraphs list mediamap>
74 <#local piminfo = '<div class="pim-information">' />
75 <#local result = "">
76 <#list list as p>
77 <#if mediamap[p?index?string]??>
78 <#local result = result + piminfo + getChangedParagraph(p mediamap[p?index?string])>
79 <#else>
80 <#if p?is_first>
81 <#local result = result + p>
82 <#else>
83 <#local result = result + piminfo + p>
84 </#if>
85 </#if>
86 </#list>
87 <#return result>
88</#function>
89
90<#-- Basisvariabelen -->
91<#assign sku = Code.getData() />
92<#assign journalArticleLocalService = serviceLocator.findService("com.liferay.journal.service.JournalArticleLocalService") />
93<#assign journalArticle = journalArticleLocalService.getArticle(getterUtil.getLong(groupId), .vars['reserved-article-id'].data) />
94<#assign articlePrimKey = journalArticle.getResourcePrimKey() />
95<#assign op_de_hoogte_blijven = "" />
96<#-- Site variabelen ophalen om de link naar aanmelden en e-mailen -->
97<#assign groupService = serviceLocator.findService("com.liferay.portal.kernel.service.GroupLocalService") />
98<#assign group = themeDisplay.getScopeGroup() />
99<#assign userpics_url = group.getExpandoBridge().getAttribute("base_url_voor_userpics") />
100<#assign link_infomagazine = "" />
101<#assign link_productdetail_mijnounl = group.getExpandoBridge().getAttribute("link_productdetail_mijnounl") />
102<#assign link_brochure_aanvragen = group.getExpandoBridge().getAttribute("link_brochure_aanvragen") />
103<#assign link_contact_formulier = group.getExpandoBridge().getAttribute("link_contact_formulier") />
104<#assign link_default_image_opleidingen = group.getExpandoBridge().getAttribute("link_default_image_opleidingen") />
105<#assign linkstudieadvies_bachelor = group.getExpandoBridge().getAttribute("link_studieadvies_bachelor") />
106<#assign linkstudieadvies_premaster = group.getExpandoBridge().getAttribute("link_studieadvies_premaster") />
107<#assign linkstudieadvies_master = group.getExpandoBridge().getAttribute("link_studieadvies_master") />
108<#assign dlfileEntryLocalServiceUtil = serviceLocator.findService("com.liferay.document.library.kernel.service.DLFileEntryLocalService") />
109
110<#-- Twitter en Facebook URL genereren -->
111<#assign Current_URL = request.getAttribute("CURRENT_COMPLETE_URL") />
112<#if Current_URL?starts_with("http://")>
113 <#assign Current_URL = Current_URL?replace("http://", "https://") />
114</#if>
115<#assign twitter_URL = httpUtil.encodeURL(Current_URL) />
116<#assign facebook_URL = Current_URL />
117<#assign IntroductieAsPlainText = Introductie.getData()?replace("<.*?>","","r") />
118<#assign mailto = "mailto:?subject=" + languageUtil.get(locale, 'GELEZEN_OP_OU_NL') + " " + .vars['reserved-article-title'].data + "&body=" + IntroductieAsPlainText + " [" + Current_URL + "]" />
119
120<#-- infomagazine verbergen bij bepaalde producten -->
121<#assign geen_infomagazine_skus = group.getExpandoBridge().getAttribute("geen_infomagazine") />
122<#assign toon_infomagazine = Studievorm.getData()?contains("Cursus") || Studievorm.getData()?contains("Korte studie")|| Studievorm.getData()?contains("Training") />
123<#list geen_infomagazine_skus as sku>
124 <#if sku == Code.getData()>
125 <#assign toon_infomagazine = false />
126 </#if>
127</#list>
128
129<#-- studieadvies verbergen bij bepaalde producten -->
130<#assign geen_studieadvies_skus = group.getExpandoBridge().getAttribute("geen_studieadvies") />
131<#assign geen_studieadvies_skus_list=geen_studieadvies_skus?split("\n") >
132<#assign toon_studieadvies = true />
133<#list geen_studieadvies_skus_list as sku>
134 <#if sku == Code.getData()>
135 <#assign toon_studieadvies = false />
136 </#if>
137</#list>
138
139<#-- Op de hoogte blijven knop bij bepaalde producten -->
140<#if sku == "FONAD-2024-2025">
141 <#assign op_de_hoogte_blijven = group.getExpandoBridge().getAttribute("ohb_fonad") />
142<#elseif sku == "FONBDL-2024-2025">
143 <#assign op_de_hoogte_blijven = group.getExpandoBridge().getAttribute("ohb_fonbdl") />
144<#elseif sku == "FOIAP-2024-2025">
145 <#assign op_de_hoogte_blijven = group.getExpandoBridge().getAttribute("ohb_foiap") />
146<#elseif sku == "FOIKDT-2024-2025">
147 <#assign op_de_hoogte_blijven = group.getExpandoBridge().getAttribute("ohb_foikdt") />
148<#elseif sku == "FOIKOT-2024-2025">
149 <#assign op_de_hoogte_blijven = group.getExpandoBridge().getAttribute("ohb_foikot") />
150</#if>
151
152
153<#-- contact knop verbergen bij bepaalde producten -->
154<#assign geen_contact_skus = group.getExpandoBridge().getAttribute("geen_contact") />
155<#assign geen_contact_skus_list=geen_contact_skus?split("\n") >
156<#assign toon_contact = true />
157<#list geen_contact_skus_list as sku>
158 <#if sku == Code.getData()>
159 <#assign toon_contact = false />
160 </#if>
161</#list>
162
163<#-- Knoppentekst -->
164<#if locale.toString()?contains("nl_NL")>
165 <#assign studiegidsknop = "Studiegids" />
166 <#assign adviesknop = "Studieadvies" />
167 <#assign belafspraak = "Maak een belafspraak" />
168<#else>
169 <#assign studiegidsknop = "Study guide" />
170 <#assign adviesknop = "Study advice" />
171 <#assign belafspraak = "Make a call appointment" />
172</#if>
173
174<#-- Andere contactpagina voor cpp producten -->
175<#assign ander_contactformulier_skus = group.getExpandoBridge().getAttribute("andere_contactpagina") />
176<#assign cpp_link_contactformulier = group.getExpandoBridge().getAttribute("cpp_link_contactformulier") />
177<#if cpp_link_contactformulier?has_content>
178 <#list ander_contactformulier_skus as sku>
179 <#if sku == Code.getData()>
180 <#assign link_contact_formulier = cpp_link_contactformulier />
181 </#if>
182 </#list>
183</#if>
184
185
186<#-- Logistieke velden -->
187
188<#assign xPathSelector = saxReaderUtil.createXPath("dynamic-element[@name='Onderwijsvorm']")>
189<#if (xPathSelector.selectSingleNode(rootElement).getStringValue())??>
190 <#assign NL_Onderwijsvorm = xPathSelector.selectSingleNode(rootElement).getStringValue()?trim>
191</#if>
192
193<#assign xPathSelector = saxReaderUtil.createXPath("dynamic-element[@name='Faculteit']")>
194<#if (xPathSelector.selectSingleNode(rootElement).getStringValue())??>
195 <#assign NL_Faculteit = xPathSelector.selectSingleNode(rootElement).getStringValue()?trim>
196</#if>
197
198<#assign xPathSelector = saxReaderUtil.createXPath("dynamic-element[@name='Taal']")>
199<#if (xPathSelector.selectSingleNode(rootElement).getStringValue())??>
200 <#assign NL_Taal = xPathSelector.selectSingleNode(rootElement).getStringValue()?trim>
201</#if>
202
203<#assign xPathSelector = saxReaderUtil.createXPath("dynamic-element[@name='Titel']")>
204<#if (xPathSelector.selectSingleNode(rootElement).getStringValue())??>
205 <#assign NL_Titel = xPathSelector.selectSingleNode(rootElement).getStringValue()?trim>
206</#if>
207
208<#assign xPathSelector = saxReaderUtil.createXPath("dynamic-element[@name='Startdatum']")>
209<#if (xPathSelector.selectSingleNode(rootElement).getStringValue())??>
210 <#assign NL_Startdatum = xPathSelector.selectSingleNode(rootElement).getStringValue()?trim>
211</#if>
212
213<#assign xPathSelector = saxReaderUtil.createXPath("dynamic-element[@name='Studielast']")>
214<#if (xPathSelector.selectSingleNode(rootElement).getStringValue())??>
215 <#assign NL_Studielast = xPathSelector.selectSingleNode(rootElement).getStringValue()?trim>
216</#if>
217
218<#assign xPathSelector = saxReaderUtil.createXPath("dynamic-element[@name='Duur']")>
219<#if (xPathSelector.selectSingleNode(rootElement).getStringValue())??>
220 <#assign NL_Duur = xPathSelector.selectSingleNode(rootElement).getStringValue()?trim>
221</#if>
222
223<#assign xPathSelector = saxReaderUtil.createXPath("dynamic-element[@name='Kosten']")>
224<#if (xPathSelector.selectSingleNode(rootElement).getStringValue())??>
225 <#assign NL_Kosten = xPathSelector.selectSingleNode(rootElement).getStringValue()?trim>
226</#if>
227
228<#assign xPathSelector = saxReaderUtil.createXPath("dynamic-element[@name='Aanmelden']")>
229<#if (xPathSelector.selectSingleNode(rootElement).getStringValue())??>
230 <#assign NL_Aanmelden = xPathSelector.selectSingleNode(rootElement).getStringValue()?trim>
231</#if>
232
233<#assign xPathSelector = saxReaderUtil.createXPath("dynamic-element[@name='VolledigOnline']")>
234<#if (xPathSelector.selectSingleNode(rootElement).getStringValue())??>
235 <#assign NL_VolledigOnline = xPathSelector.selectSingleNode(rootElement).getStringValue()?trim>
236</#if>
237
238<#assign xPathSelector = saxReaderUtil.createXPath("dynamic-element[@name='InSamenwerkingMetPartner']")>
239<#if (xPathSelector.selectSingleNode(rootElement).getStringValue())??>
240 <#assign NL_InSamenwerkingMetPartner = xPathSelector.selectSingleNode(rootElement).getStringValue()?trim>
241</#if>
242
243<#assign xPathSelector = saxReaderUtil.createXPath("dynamic-element[@name='Face2FaceBijeenkomsten']")>
244<#if (xPathSelector.selectSingleNode(rootElement).getStringValue())??>
245 <#assign NL_Face2FaceBijeenkomsten = xPathSelector.selectSingleNode(rootElement).getStringValue()?trim>
246</#if>
247
248<#assign xPathSelector = saxReaderUtil.createXPath("dynamic-element[@name='MaatwerkMogelijk']")>
249<#if (xPathSelector.selectSingleNode(rootElement).getStringValue())??>
250 <#assign NL_MaatwerkMogelijk = xPathSelector.selectSingleNode(rootElement).getStringValue()?trim>
251</#if>
252<#assign xPathSelector = saxReaderUtil.createXPath("dynamic-element[@name='EigenCasus']")>
253<#if (xPathSelector.selectSingleNode(rootElement).getStringValue())??>
254 <#assign NL_EigenCasus = xPathSelector.selectSingleNode(rootElement).getStringValue()?trim>
255</#if>
256
257<#assign xPathSelector = saxReaderUtil.createXPath("dynamic-element[@name='Locatie']")>
258<#if (xPathSelector.selectSingleNode(rootElement).getStringValue())??>
259 <#assign NL_Locatie = xPathSelector.selectSingleNode(rootElement).getStringValue()?trim>
260</#if>
261
262<#assign xPathSelector = saxReaderUtil.createXPath("dynamic-element[@name='Inschrijfduur']")>
263<#if (xPathSelector.selectSingleNode(rootElement).getStringValue())??>
264 <#assign NL_Inschrijfduur = xPathSelector.selectSingleNode(rootElement).getStringValue()?trim>
265</#if>
266
267<#assign xPathSelector = saxReaderUtil.createXPath("dynamic-element[@name='Vroegboekkorting']")>
268<#if (xPathSelector.selectSingleNode(rootElement).getStringValue())??>
269 <#assign NL_Vroegboekkorting = xPathSelector.selectSingleNode(rootElement).getStringValue()?trim>
270</#if>
271
272<#assign xPathSelector = saxReaderUtil.createXPath("dynamic-element[@name='Pakketkorting']")>
273<#if (xPathSelector.selectSingleNode(rootElement).getStringValue())??>
274 <#assign NL_Pakketkorting = xPathSelector.selectSingleNode(rootElement).getStringValue()?trim>
275</#if>
276
277<#assign xPathSelector = saxReaderUtil.createXPath("dynamic-element[@name='Stapelbaar']")>
278<#if (xPathSelector.selectSingleNode(rootElement).getStringValue())??>
279 <#assign NL_Stapelbaar = xPathSelector.selectSingleNode(rootElement).getStringValue()?trim>
280</#if>
281
282<#assign Persoon_Foto_URL_Alt = group.getExpandoBridge().getAttribute("foto-url-product-default") />
283<#-- Contact persoon informatie ophalen -->
284<#assign Persoon_Tonen = "false" />
285
286<#assign xPathSelector = saxReaderUtil.createXPath("dynamic-element[@name='Persoon']")>
287<#if (xPathSelector.selectSingleNode(rootElement).getStringValue())??>
288 <#assign field_persoon_container = xPathSelector.selectSingleNode(rootElement)>
289
290 <#assign xPathSelector = saxReaderUtil.createXPath("dynamic-element[@name='Persoon_Tonen']")>
291 <#assign field_persoon_tonen = xPathSelector.selectSingleNode(field_persoon_container).getStringValue()>
292
293 <#if field_persoon_tonen?trim?has_content>
294 <#assign Persoon_Tonen = "true" />
295 <#assign xPathSelector = saxReaderUtil.createXPath("dynamic-element[@name='Persoon_Gebruikersacroniem']")>
296 <#assign field_persoon_gebruikersacroniem = xPathSelector.selectSingleNode(field_persoon_container).getStringValue()>
297 <#assign NL_Persoon_Gebruikersacroniem = field_persoon_gebruikersacroniem?trim />
298
299 <#assign xPathSelector = saxReaderUtil.createXPath("dynamic-element[@name='Persoon_Naam']")>
300 <#assign field_persoon_naam = xPathSelector.selectSingleNode(field_persoon_container).getStringValue()>
301 <#assign NL_Persoon_Naam = field_persoon_naam />
302
303 <#assign xPathSelector = saxReaderUtil.createXPath("dynamic-element[@name='Persoon_Titel']")>
304 <#assign field_persoon_titel = xPathSelector.selectSingleNode(field_persoon_container).getStringValue()>
305 <#assign NL_Persoon_Titel = field_persoon_titel />
306
307 <#assign xPathSelector = saxReaderUtil.createXPath("dynamic-element[@name='Persoon_Foto_Url']")>
308 <#assign field_persoon_foto_url = xPathSelector.selectSingleNode(field_persoon_container).getStringValue()?trim>
309
310 <#if NL_Persoon_Gebruikersacroniem?has_content>
311 <#assign NL_Persoon_Foto_URL = userpics_url + field_persoon_foto_url />
312 <#assign NL_Persoon_Link = "/profiel/"+NL_Persoon_Gebruikersacroniem?upper_case />
313 <#else>
314 <#assign NL_Persoon_Foto_URL = group.getExpandoBridge().getAttribute("foto-url-product-default") />
315 <#assign NL_Persoon_Link = "" />
316 </#if>
317 </#if>
318</#if>
319
320<#assign brochurebestandsnaam = htmlUtil.escapeHREF(Brochure_Bestandsnaam.getData()) />
321<#assign brochureaanvraagPagina = "${link_brochure_aanvragen}" />
322<#assign url = "?brochure=${brochurebestandsnaam}" />
323
324<#if brochurebestandsnaam!="">
325 <#assign brochureurl = "/en/web/open-universiteit/" + brochureaanvraagPagina + url />
326<#else>
327 <#assign brochureurl = "" />
328</#if>
329
330<#-- Footer artikel -->
331<#assign footerArtikelContent = "" />
332<#if Footer_Artikel?? && Footer_Artikel.getData()?has_content>
333 <#assign footerArticle = (journalArticleLocalService.getArticle(getterUtil.getLong(groupId), Footer_Artikel.getData()))! />
334</#if>
335<#assign model = objectUtil("com.liferay.portal.kernel.portlet.PortletRequestModel", renderRequest, renderResponse) />
336<#if footerArticle?has_content>
337 <#assign ddmTemplateKey = footerArticle.getDDMTemplateKey() />
338 <#assign viewMode = renderRequest.getPortletMode() />
339 <#assign lId = themeDisplay.getLanguageId() />
340 <#assign footerArtikelContent = (journalArticleLocalService.getArticleContent(footerArticle, ddmTemplateKey, "VIEW", lId, model, themeDisplay))!"" />
341</#if>
342
343<#-- Category ophalen -->
344<#assign vocLocalService = serviceLocator.findService("com.liferay.asset.kernel.service.AssetVocabularyLocalService") />
345<#assign catLocalService = serviceLocator.findService("com.liferay.asset.kernel.service.AssetCategoryLocalService") />
346<#assign companyGroupId = themeDisplay.getCompanyGroupId() />
347<#assign vocabulary = vocLocalService.getGroupVocabulary(companyGroupId,"Wetenschapsgebied") />
348<#assign vocabularyId = vocabulary.vocabularyId />
349<#assign articleCatNames = catLocalService.getCategoryNames("com.liferay.journal.model.JournalArticle", getterUtil.getLong(articlePrimKey)) />
350<#assign categories = catLocalService.getCategories("com.liferay.journal.model.JournalArticle", getterUtil.getLong(articlePrimKey)) />
351<#assign categoryName = "corporate" />
352<#list categories as category>
353 <#if category.vocabularyId == vocabularyId>
354 <#assign categoryName = category.getName() />
355 <#assign categoryName = categoryName?replace("\\W", " ", "r")?replace("\\s+", "-", "r")?lower_case />
356 <#if categoryName?starts_with("-")>
357 <#assign categoryName = categoryName?string[1] />
358 </#if>
359 </#if>
360</#list>
361
362<#-- Color codes & images ophalen for each wetenschapsgebied -->
363<#assign colorKey = " corporate " />
364<#assign link_header_image = "" />
365<#assign colorTextKey = " txt--corporate " />
366<#if categoryName == "cultuurwetenschappen">
367 <#assign colorKey = "cw " />
368 <#assign colorTextKey = "txt--cw" />
369 <#assign link_header_image = group.getExpandoBridge().getAttribute("link_header_opleidingen_cultuurwetenschappen") />
370 <#assign link_infomagazine = group.getExpandoBridge().getAttribute("link_infomagazine_kunstencultuur") />
371<#elseif categoryName == "milieu-natuurwetenschappen" || categoryName == "natuurwetenschappen">
372 <#assign colorKey = "nw " />
373 <#assign colorTextKey = "txt--nw" />
374 <#assign link_header_image = group.getExpandoBridge().getAttribute("link_header_opleidingen_natuurwetenschappen") />
375 <#assign link_infomagazine = group.getExpandoBridge().getAttribute("link_infomagazine_duurzaamheidenmillieu") />
376<#elseif categoryName == "informatica">
377 <#assign colorKey = "inf " />
378 <#assign colorTextKey = "txt--inf" />
379 <#assign link_header_image = group.getExpandoBridge().getAttribute("link_header_opleidingen_informatica") />
380 <#assign link_infomagazine = group.getExpandoBridge().getAttribute("link_infomagazine_informatica") />
381<#elseif categoryName == "informatiekunde">
382 <#assign colorKey = "inf " />
383 <#assign colorTextKey = "txt--inf" />
384 <#assign link_header_image = group.getExpandoBridge().getAttribute("link_header_opleidingen_informatiekunde") />
385 <#assign link_infomagazine = group.getExpandoBridge().getAttribute("link_infomagazine_informatiekunde") />
386<#elseif categoryName == "managementwetenschappen">
387 <#assign colorKey = "mw " />
388 <#assign colorTextKey = "txt--mw" />
389 <#assign link_header_image = group.getExpandoBridge().getAttribute("link_header_opleidingen_managementwetenschappen") />
390 <#assign link_infomagazine = group.getExpandoBridge().getAttribute("link_infomagazine_management") />
391<#elseif categoryName == "onderwijswetenschappen">
392 <#assign colorKey = "ow " />
393 <#assign colorTextKey = "txt--ow" />
394 <#assign link_header_image = group.getExpandoBridge().getAttribute("link_header_opleidingen_onderwijswetenschappen") />
395 <#assign link_infomagazine = group.getExpandoBridge().getAttribute("link_infomagazine_onderwijs") />
396<#elseif categoryName == "psychologie">
397 <#assign colorKey = "psy " />
398 <#assign colorTextKey = "txt--psy" />
399 <#assign link_header_image = group.getExpandoBridge().getAttribute("link_header_opleidingen_psychologie") />
400 <#assign link_infomagazine = group.getExpandoBridge().getAttribute("link_infomagazine_psychologie") />
401<#elseif categoryName == "rechtswetenschappen">
402 <#assign colorKey = "rw " />
403 <#assign colorTextKey = "txt--rw" />
404 <#assign link_header_image = group.getExpandoBridge().getAttribute("link_header_opleidingen_rechtswetenschappen") />
405 <#assign link_infomagazine = group.getExpandoBridge().getAttribute("link_infomagazine_rechten") />
406<#elseif categoryName == "gezondheidswetenschappen">
407 <#assign colorKey = "gw " />
408 <#assign colorTextKey = "txt--gw" />
409 <#assign link_header_image = group.getExpandoBridge().getAttribute("link_header_opleidingen_gezondheidswetenschappen") />
410 <#assign link_infomagazine = group.getExpandoBridge().getAttribute("link_infomagazine_gezondheidswetenschappen") />
411</#if>
412
413<#if !(link_header_image?has_content)>
414 <#assign link_header_image = link_default_image_opleidingen />
415</#if>
416<#assign tabKey = colorTextKey?replace("txt","tab") />
417
418<#-- Aanmeldurl -->
419<#assign aanmeldenurl = link_productdetail_mijnounl + "/" + Code.getData() />
420<#if (Whw_Aanmelden_Url.getData())?has_content>
421 <#assign aanmeldenurl = Whw_Aanmelden_Url.getData() />
422</#if>
423
424<#-- Contacturl -->
425<#assign linkcontactformulierurl = "/en/web/open-universiteit/" + link_contact_formulier + "?product=" + sku />
426
427<#if categoryName == "gezondheidswetenschappen" >
428 <#assign linkcontactformulierurl = "mailto:studieadvies.gw@ou.nl" />
429
430</#if>
431
432<#-- Studieadviesurl -->
433<#assign linkstudieadviesurl_bachelor = "/" + linkstudieadvies_bachelor />
434<#assign linkstudieadviesurl_premaster = "/" + linkstudieadvies_premaster />
435<#assign linkstudieadviesurl_master = "/" + linkstudieadvies_master />
436<#if categoryName == "gezondheidswetenschappen">
437 <#assign linkstudieadviesurl_bachelor = "https://fd7.formdesk.com/openuniversiteit/Contactformulier_Gezondheidswetenschappen"/>
438 <#assign linkstudieadviesurl_master = "https://fd7.formdesk.com/openuniversiteit/Contactformulier_Gezondheidswetenschappen" />
439</#if>
440
441<#-- Sfeerbeeld -->
442<#if (Sfeerbeeld.getData())?has_content>
443 <#assign picURL = Sfeerbeeld.getData() />
444<#elseif link_header_image?has_content>
445 <#assign picURL = link_header_image />
446<#else>
447 <#assign picURL = "" />
448 <#assign image_url = "" />
449</#if>
450
451<#if picURL?has_content>
452 <#assign image_url = picURL?split("_head_large.")[0] + "_head_small.jpg" />
453 <#assign uuid = ((picURL?split(".jpg/")[1])!"")?split("?")[0] />
454
455 <#if uuid?has_content && groupId != 0>
456 <#assign dlfileEntry = (dlfileEntryLocalServiceUtil.fetchDLFileEntryByUuidAndGroupId(uuid,getterUtil.getLong(groupId)))! />
457 <#assign altText = (dlfileEntry.getDescription())!"" />
458 <#if !altText?has_content>
459 <#assign altText = (dlfileEntry.getTitle())!"" />
460 </#if>
461 </#if>
462</#if>
463
464<#-- Adding media to tabs -->
465<#assign Tab_1_Body_Content = (Tab_1_Titel.getChild("Tab_1_Body").getData())!"" />
466<#if (Tab_1_Media.getChild("Tab_1_Media_Item").getSiblings())??>
467 <#function newMediaMap1 medialist>
468 <#local mediaMap={}>
469 <#list medialist as media>
470 <#if media.Tab_1_Paragraaf_Nummer.getData()?has_content>
471 <#local mediaMap = mediaMap + {
472 media.Tab_1_Paragraaf_Nummer.getData()?number: {
473 "link": media.Tab_1_Media_Link.getData()!"",
474 "bijschrift": media.Tab_1_Media_Bijschrift.getData()!"",
475 "isVideo": (media.Tab_1_Media_Link.getChild("Tab_1_Media_Is_Video").getData())!"false",
476 "youtubelink": media.Tab_1_Media_Youtube_Link.getData()!""
477 }
478 }>
479 </#if>
480 </#list>
481 <#return mediaMap>
482 </#function>
483 <#assign paragraphsFromTab1 = Tab_1_Titel.getChild("Tab_1_Body").getData()?split('<div class="pim-information">') />
484 <#assign mediaMap1 = newMediaMap1((Tab_1_Media.getChild("Tab_1_Media_Item").getSiblings()))!{} />
485 <#assign Tab_1_Body_Content = updateParagraphs(paragraphsFromTab1 mediaMap1) />
486</#if>
487
488<#assign Tab_2_Body_Content = (Tab_2_Titel.getChild("Tab_2_Body").getData())!"" />
489<#if (Tab_2_Media.getChild("Tab_2_Media_Item").getSiblings())??>
490 <#function newMediaMap2 medialist>
491 <#local mediaMap={}>
492 <#list medialist as media>
493 <#if media.Tab_2_Paragraaf_Nummer.getData()?has_content>
494 <#local mediaMap = mediaMap + {
495 media.Tab_2_Paragraaf_Nummer.getData()?number: {
496 "link": media.Tab_2_Media_Link.getData()!"",
497 "bijschrift": media.Tab_2_Media_Bijschrift.getData()!"",
498 "isVideo": (media.Tab_2_Media_Link.getChild("Tab_2_Media_Is_Video").getData())!"false",
499 "youtubelink": media.Tab_2_Media_Youtube_Link.getData()!""
500 }
501 }>
502 </#if>
503 </#list>
504 <#return mediaMap>
505 </#function>
506 <#assign paragraphsFromTab2 = Tab_2_Titel.getChild("Tab_2_Body").getData()?split('<div class="pim-information">') />
507 <#assign mediaMap2 = newMediaMap2((Tab_2_Media.getChild("Tab_2_Media_Item").getSiblings()))!{} />
508 <#assign Tab_2_Body_Content = updateParagraphs(paragraphsFromTab2 mediaMap2) />
509</#if>
510
511<#assign Tab_3_Body_Content = (Tab_3_Titel.getChild("Tab_3_Body").getData())!"" />
512<#if (Tab_3_Media.getChild("Tab_3_Media_Item").getSiblings())??>
513 <#function newMediaMap3 medialist>
514 <#local mediaMap={}>
515 <#list medialist as media>
516 <#if media.Tab_3_Paragraaf_Nummer.getData()?has_content>
517 <#local mediaMap = mediaMap + {
518 media.Tab_3_Paragraaf_Nummer.getData()?number: {
519 "link": media.Tab_3_Media_Link.getData()!"",
520 "bijschrift": media.Tab_3_Media_Bijschrift.getData()!"",
521 "isVideo": (media.Tab_3_Media_Link.getChild("Tab_3_Media_Is_Video").getData())!"false",
522 "youtubelink": media.Tab_3_Media_Youtube_Link.getData()!""
523 }
524 }>
525 </#if>
526 </#list>
527 <#return mediaMap>
528 </#function>
529 <#assign paragraphsFromTab3 = Tab_3_Titel.getChild("Tab_3_Body").getData()?split('<div class="pim-information">') />
530 <#assign mediaMap3 = newMediaMap3((Tab_3_Media.getChild("Tab_3_Media_Item").getSiblings()))!{} />
531 <#assign Tab_3_Body_Content = updateParagraphs(paragraphsFromTab3 mediaMap3) />
532</#if>
533
534<#assign Tab_4_Body_Content = (Tab_4_Titel.getChild("Tab_4_Body").getData())!"" />
535<#if (Tab_4_Media.getChild("Tab_4_Media_Item").getSiblings())??>
536 <#function newMediaMap4 medialist>
537 <#local mediaMap={}>
538 <#list medialist as media>
539 <#if media.Tab_4_Paragraaf_Nummer.getData()?has_content>
540 <#local mediaMap = mediaMap + {
541 media.Tab_4_Paragraaf_Nummer.getData()?number: {
542 "link": media.Tab_4_Media_Link.getData()!"",
543 "bijschrift": media.Tab_4_Media_Bijschrift.getData()!"",
544 "isVideo": (media.Tab_4_Media_Link.getChild("Tab_4_Media_Is_Video").getData())!"false",
545 "youtubelink": media.Tab_4_Media_Youtube_Link.getData()!""
546 }
547 }>
548 </#if>
549 </#list>
550 <#return mediaMap>
551 </#function>
552 <#assign paragraphsFromTab4 = Tab_4_Titel.getChild("Tab_4_Body").getData()?split('<div class="pim-information">') />
553 <#assign mediaMap4 = newMediaMap4((Tab_4_Media.getChild("Tab_4_Media_Item").getSiblings()))!{} />
554 <#assign Tab_4_Body_Content = updateParagraphs(paragraphsFromTab4 mediaMap4) />
555</#if>
556
557<#assign Tab_5_Body_Content = (Tab_5_Titel.getChild("Tab_5_Body").getData())!"" />
558<#if (Tab_5_Media.getChild("Tab_5_Media_Item").getSiblings())??>
559 <#function newMediaMap5 medialist>
560 <#local mediaMap={}>
561 <#list medialist as media>
562 <#if media.Tab_5_Paragraaf_Nummer.getData()?has_content>
563 <#local mediaMap = mediaMap + {
564 media.Tab_5_Paragraaf_Nummer.getData()?number: {
565 "link": media.Tab_5_Media_Link.getData()!"",
566 "bijschrift": media.Tab_5_Media_Bijschrift.getData()!"",
567 "isVideo": (media.Tab_5_Media_Link.getChild("Tab_5_Media_Is_Video").getData())!"false",
568 "youtubelink": media.Tab_5_Media_Youtube_Link.getData()!""
569 }
570 }>
571 </#if>
572 </#list>
573 <#return mediaMap>
574 </#function>
575 <#assign paragraphsFromTab5 = Tab_5_Titel.getChild("Tab_5_Body").getData()?split('<div class="pim-information">') />
576 <#assign mediaMap5 = newMediaMap5((Tab_5_Media.getChild("Tab_5_Media_Item").getSiblings()))!{} />
577 <#assign Tab_5_Body_Content = updateParagraphs(paragraphsFromTab5 mediaMap5) />
578</#if>
579
580<#assign Tab_6_Body_Content = (Tab_6_Titel.getChild("Tab_6_Body").getData())!"" />
581<#if (Tab_6_Media.getChild("Tab_6_Media_Item").getSiblings())??>
582 <#function newMediaMap6 medialist>
583 <#local mediaMap={}>
584 <#list medialist as media>
585 <#if media.Tab_6_Paragraaf_Nummer.getData()?has_content>
586 <#local mediaMap = mediaMap + {
587 media.Tab_6_Paragraaf_Nummer.getData()?number: {
588 "link": media.Tab_6_Media_Link.getData()!"",
589 "bijschrift": media.Tab_6_Media_Bijschrift.getData()!"",
590 "isVideo": (media.Tab_6_Media_Link.getChild("Tab_6_Media_Is_Video").getData())!"false",
591 "youtubelink": media.Tab_6_Media_Youtube_Link.getData()!""
592 }
593 }>
594 </#if>
595 </#list>
596 <#return mediaMap>
597 </#function>
598 <#assign paragraphsFromTab6 = Tab_6_Titel.getChild("Tab_6_Body").getData()?split('<div class="pim-information">') />
599 <#assign mediaMap6 = newMediaMap6((Tab_6_Media.getChild("Tab_6_Media_Item").getSiblings()))!{} />
600 <#assign Tab_6_Body_Content = updateParagraphs(paragraphsFromTab6 mediaMap6) />
601</#if>
602
603
604<#-- BEELAFSPRAAK URL -->
605<#assign isBelafspraak = false />
606<#list asset.getTags() as tag>
607 <#if tag.name == "belafspraak">
608 <#assign isBelafspraak = true />
609 <#assign link_belafspraak = group.getExpandoBridge().getAttribute("link_belafspraak") />
610 </#if>
611</#list>
612
613<#-- Start HTML -->
614<section class="container-fluid section breadcrumbs">
615 <div class="layout__content-container">
616 <ul>
617 <li><a href="/en/web/open-universiteit">Open Universiteit</a><span class="divider">/</span></li>
618 <li><a href="/opleiding-overzicht"><@liferay.language key="STUDIEAANBOD" /></a><span class="divider">/</span></li>
619 <li>${.vars['reserved-article-title'].data}</li>
620 </ul>
621 </div>
622</section>
623
624<!-- START FULL IMAGE -->
625<#if image_url?has_content>
626 <section class="container-fluid section padding-top padding-bottom">
627 <div class="full-image full-image--smaller">
628 <div class="full-image__bg">
629 <img src="${image_url}" alt='${altText!""}' style="display:none" />
630 <div class="full-image__bg__img" id="Article_${.vars['reserved-article-id'].data}" style="background: url('${image_url}') no-repeat center; background-size: cover;"></div>
631 </div>
632
633 <div class="full-image__content top-content">
634 <div class="layout__content-container">
635 <div class="row">
636 <div class="col-md-12">
637 <div class="full-image__content__title"><h1>${.vars['reserved-article-title'].data}</h1></div>
638 </div>
639 </div>
640 </div>
641 </div>
642 </div>
643 </section>
644</#if>
645<!-- END FULL IMAGE -->
646
647<!-- START SECTION - TAB CONTENT -->
648<div class="ou-tabs ou-tabs--transparent">
649 <div class="layout__content-container-top">
650 <ul class="tabs__nav ${tabKey}">
651 <li class="tabs__nav__item active"><a href="#A" data-toggle="tab">${Tab_1_Titel.getData()}<div class="tabs__nav__item__stripe"></div></a></li>
652 <#if Tab_2_Titel.getChild("Tab_2_Body").getData() != "">
653 <li class="tabs__nav__item"><a href="#B" data-toggle="tab">${Tab_2_Titel.getData()}<div class="tabs__nav__item__stripe"></div></a></li>
654 </#if>
655 <#if Tab_3_Titel.getChild("Tab_3_Body").getData() != "">
656 <li class="tabs__nav__item"><a href="#C" data-toggle="tab">${Tab_3_Titel.getData()}<div class="tabs__nav__item__stripe"></div></a></li>
657 </#if>
658 <#if Tab_4_Titel.getChild("Tab_4_Body").getData() != "">
659 <li class="tabs__nav__item"><a href="#D" data-toggle="tab">${Tab_4_Titel.getData()}<div class="tabs__nav__item__stripe"></div></a></li>
660 </#if>
661 <#if Tab_5_Titel.getChild("Tab_5_Body").getData() != "">
662 <li class="tabs__nav__item"><a href="#E" data-toggle="tab">${Tab_5_Titel.getData()}<div class="tabs__nav__item__stripe"></div></a></li>
663 </#if>
664 <#if Tab_6_Titel.getChild("Tab_6_Body").getData() != "">
665 <li class="tabs__nav__item"><a href="#F" data-toggle="tab">${Tab_6_Titel.getData()}<div class="tabs__nav__item__stripe"></div></a></li>
666 </#if>
667 </ul>
668 </div>
669
670 <section class="container-fluid section padding-top padding-bottom">
671 <div class="layout__content-container">
672 <div class="content">
673 <div class="row">
674 <div class="content__left col-xs-12 col-md-8">
675 <div class="tabs_table">
676 <div class="tab-content">
677 <!-- START TAB INTRODUCTIE -->
678 <div class="tab-pane active" id="A">
679 <!-- START KERNGEGEVENS -->
680 <div class="row">
681 <div class="col-xs-12">
682 <ul class="o-list o-list--reset o-list--intro o-list--2-col">
683 <li class="o-list__item">
684 <div class="o-list__item__inner">
685 <div class="o-list__item__icon icon-faculty"></div>
686 <#if NL_Faculteit?has_content>${NL_Faculteit}<#else> ${Wetenschapsgebied.getData()} </#if>
687 </div>
688 </li>
689 <#if NL_Onderwijsvorm?has_content>
690 <li class="o-list__item">
691 <div class="o-list__item__inner">
692 <div class="o-list__item__icon icon-book"></div>
693 ${NL_Onderwijsvorm}
694 </div>
695 </li>
696 </#if>
697 <#if Studievorm.getData()?contains("Cursus") || Studievorm.getData()?contains("Korte studie")|| Studievorm.getData()?contains("Training")>
698 <li class="o-list__item">
699 <div class="o-list__item__inner">
700 <div class="o-list__item__icon icon-barcode"></div>
701 ${Code.getData()}
702 </div>
703 </li>
704 </#if>
705 <#if (Studiepunten.getData())?has_content>
706 <li class="o-list__item">
707 <div class="o-list__item__inner">
708 <div class="o-list__item__icon icon-star"></div>
709 ${Studiepunten.getData()}
710 </div>
711 </li>
712 </#if>
713 <#if NL_Taal?has_content>
714 <li class="o-list__item">
715 <div class="o-list__item__inner">
716 <div class="o-list__item__icon icon-earth"></div>
717 ${NL_Taal}
718 </div>
719 </li>
720 </#if>
721 <#if NL_Titel?has_content>
722 <li class="o-list__item">
723 <div class="o-list__item__inner">
724 <div class="o-list__item__icon icon-title"></div>
725 ${NL_Titel}
726 </div>
727 </li>
728 </#if>
729
730 <#if NL_Startdatum?has_content>
731 <li class="o-list__item">
732 <div class="o-list__item__inner">
733 <div class="o-list__item__icon icon-agenda"></div>
734 ${NL_Startdatum}
735 </div>
736 </li>
737 </#if>
738 <#if NL_Studielast?has_content>
739 <li class="o-list__item">
740 <div class="o-list__item__inner">
741 <div class="o-list__item__icon icon-scale"></div>
742 ${NL_Studielast}
743 </div>
744 </li>
745 </#if>
746 <#if NL_Duur?has_content>
747 <li class="o-list__item">
748 <div class="o-list__item__inner">
749 <div class="o-list__item__icon icon-clock"></div>
750 ${NL_Duur}
751 </div>
752 </li>
753 </#if>
754 <#if NL_Aanmelden?has_content>
755 <li class="o-list__item">
756 <div class="o-list__item__inner">
757 <div class="o-list__item__icon icon-agenda"></div>
758 ${NL_Aanmelden}
759 </div>
760 </li>
761 </#if>
762 <#if NL_Kosten?has_content>
763 <li class="o-list__item">
764 <div class="o-list__item__inner">
765 <div class="o-list__item__icon icon-euro"></div>
766 ${NL_Kosten}
767 </div>
768 </li>
769 <#elseif (Prijsindicatie.getData())?has_content && Prijsindicatie.getData() != "0">
770 <li class="o-list__item">
771 <div class="o-list__item__inner">
772 <div class="o-list__item__icon icon-euro"></div>
773 Vanaf € ${Prijsindicatie.getData()}
774 </div>
775 </li>
776 </#if>
777 <#if NL_VolledigOnline?has_content>
778 <li class="o-list__item">
779 <div class="o-list__item__inner">
780 <div class="o-list__item__icon icon-online"></div>
781 ${NL_VolledigOnline}
782 </div>
783 </li>
784 </#if>
785 <#if NL_InSamenwerkingMetPartner?has_content>
786 <li class="o-list__item">
787 <div class="o-list__item__inner">
788 <div class="o-list__item__icon icon-partner"></div>
789 ${NL_InSamenwerkingMetPartner}
790 </div>
791 </li>
792 </#if>
793 <#if NL_Face2FaceBijeenkomsten?has_content>
794 <li class="o-list__item">
795 <div class="o-list__item__inner">
796 <div class="o-list__item__icon icon-face2face"></div>
797 ${NL_Face2FaceBijeenkomsten}
798 </div>
799 </li>
800 </#if>
801 <#if NL_MaatwerkMogelijk?has_content>
802 <li class="o-list__item">
803 <div class="o-list__item__inner">
804 <div class="o-list__item__icon icon-shirt"></div>
805 ${NL_MaatwerkMogelijk}
806 </div>
807 </li>
808 </#if>
809 <#if NL_EigenCasus?has_content>
810 <li class="o-list__item">
811 <div class="o-list__item__inner">
812 <div class="o-list__item__icon icon-folder"></div>
813 ${NL_EigenCasus}
814 </div>
815 </li>
816 </#if>
817 <#if NL_Locatie?has_content>
818 <li class="o-list__item">
819 <div class="o-list__item__inner">
820 <div class="o-list__item__icon icon-location"></div>
821 ${NL_Locatie}
822 </div>
823 </li>
824 </#if>
825 <#if NL_Inschrijfduur?has_content>
826 <li class="o-list__item">
827 <div class="o-list__item__inner">
828 <div class="o-list__item__icon icon-sandglass"></div>
829 ${NL_Inschrijfduur}
830 </div>
831 </li>
832 </#if>
833 <#if NL_Vroegboekkorting?has_content>
834 <li class="o-list__item">
835 <div class="o-list__item__inner">
836 <div class="o-list__item__icon icon-discount"></div>
837 ${NL_Vroegboekkorting}
838 </div>
839 </li>
840 </#if>
841 <#if NL_Pakketkorting?has_content>
842 <li class="o-list__item">
843 <div class="o-list__item__inner">
844 <div class="o-list__item__icon icon-discount"></div>
845 ${NL_Pakketkorting}
846 </div>
847 </li>
848 </#if>
849 <#if NL_Stapelbaar?has_content>
850 <li class="o-list__item">
851 <div class="o-list__item__inner">
852 <div class="o-list__item__icon icon-block"></div>
853 ${NL_Stapelbaar}
854 </div>
855 </li>
856 </#if>
857 <#if getterUtil.getBoolean(Ingangseisen.getData())>
858 <li class="o-list__item">
859 <div class="o-list__item__inner">
860 <div class="o-list__item__icon icon-exclamation-mark"></div>
861 Voor dit product gelden ingangseisen
862 </div>
863 </li>
864 </#if>
865 <#if !getterUtil.getBoolean(Leverbaar.getData())>
866 <li class="o-list__item">
867 <div class="o-list__item__inner">
868 <div class="o-list__item__icon icon-exclamation-mark"></div>
869 Dit product is tijdelijk niet leverbaar
870 </div>
871 </li>
872 </#if>
873 </ul>
874 </div>
875 </div>
876 <div class="row">
877 <div class="col-xs-12">
878 <div class="divider"></div>
879 </div>
880 </div>
881
882 <div class="row">
883 <div class="col-xs-12">
884 <div>
885 ${Introductie.getData()}
886 <br></br>
887 </div>
888 ${Tab_1_Body_Content}
889 </div>
890 </div>
891
892 <div class="row">
893 <div class="col-xs-12">
894 <#assign field_testimonial_list = []>
895 <#assign xPathSelector = saxReaderUtil.createXPath("dynamic-element[@name='Testimonials']")>
896
897 <#if (xPathSelector.selectSingleNode(rootElement).getStringValue())??>
898 <#assign field_testimonials_container = xPathSelector.selectSingleNode(rootElement)>
899 <#assign xPathSelector = saxReaderUtil.createXPath("dynamic-element[@name='Testimonial']")>
900 <#assign field_testimonial_list = xPathSelector.selectNodes(field_testimonials_container)>
901 </#if>
902
903 <#-- Get the name of teh frst element to chek is is not empty -->
904 <#assign xPathSelectorFE = saxReaderUtil.createXPath("dynamic-element[@name='Testimonial_Naam']")>
905 <#assign field_testimonial_item_name_fe = xPathSelectorFE.selectSingleNode(field_testimonial_list[0]).getStringValue()?trim>
906
907 <#if field_testimonial_list?size gt 0 && field_testimonial_item_name_fe?has_content>
908 <!-- START TESTIMONIAL SLIDER -->
909 <div class="testimonial-slider">
910 <div class="divider test"></div>
911 <div class="testimonial-slider__items">
912 <#list field_testimonial_list as field_testimonial_item>
913 <#assign xPathSelector = saxReaderUtil.createXPath("dynamic-element[@name='Testimonial_Naam']")>
914 <#assign field_testimonial_item_name = xPathSelector.selectSingleNode(field_testimonial_item).getStringValue()>
915
916 <#assign xPathSelector = saxReaderUtil.createXPath("dynamic-element[@name='Testimonial_Functie']")>
917 <#assign field_testimonial_item_functie = xPathSelector.selectSingleNode(field_testimonial_item).getStringValue()>
918
919 <#assign xPathSelector = saxReaderUtil.createXPath("dynamic-element[@name='Testimonial_Foto']")>
920 <#assign field_testimonial_item_foto = xPathSelector.selectSingleNode(field_testimonial_item).getStringValue()?trim>
921
922 <#assign picURL = "">
923 <#assign photo = "">
924 <#assign photo_json = "">
925
926 <#if (xPathSelector.selectSingleNode(field_testimonial_item).getStringValue())??>
927 <#assign photo_json = xPathSelector.selectSingleNode(field_testimonial_item).getStringValue()?trim>
928 <#if photo_json?? && photo_json != "">
929 <#assign photo = jsonFactoryUtil.createJSONObject(photo_json)>
930 </#if>
931 </#if>
932
933 <#if photo != "">
934 <#assign dlfileEntry = dlfileEntryLocalServiceUtil.getDLFileEntryByUuidAndGroupId(photo.get("uuid"), getterUtil.getLong(photo.get("groupId")))>
935 <#assign folderId = dlfileEntry.getFolderId()>
936
937 <#assign photoUrl = "/documents/" + photo.get("groupId") + "/" + folderId + "/" + httpUtil.encodeURL(htmlUtil.unescape(photo.get("title"))) + "/" + photo.get("uuid")>
938 <#assign picURL = photoUrl>
939 </#if>
940
941 <#assign xPathSelector = saxReaderUtil.createXPath("dynamic-element[@name='Testimonial_Citaat']")>
942 <#assign field_testimonial_item_citat = xPathSelector.selectSingleNode(field_testimonial_item).getStringValue()>
943
944 <#if field_testimonial_item_name?trim?has_content>
945 <div class="testimonial-slider__item">
946 <div class="testimonial-slider__img" style="background: url(${picURL}) no-repeat center; background-size: cover;"></div>
947 <div class="testimonial-slider__content">
948 <div class="testimonial-slider__arrow"></div>
949 <div class="testimonial-slider__content__inner bg__gray p-block">
950 <strong class="testimonial-slider__name">${field_testimonial_item_name}</strong>
951 <p class="testimonial-slider__function">${field_testimonial_item_functie}</p>
952 <p class="testimonial-slider__text">${field_testimonial_item_citat}</p>
953 </div>
954 </div>
955 </div>
956 </#if>
957 </#list>
958 </div>
959 </div>
960 <!-- END TESTIMONIAL SLIDER -->
961 </#if>
962 </div>
963 </div>
964 </div>
965
966 <div class="tab-pane" id="B">
967 ${Tab_2_Body_Content}
968 </div>
969 <div class="tab-pane" id="C">
970 ${Tab_3_Body_Content}
971 </div>
972 <div class="tab-pane" id="D">
973 ${Tab_4_Body_Content}
974 </div>
975 <div class="tab-pane" id="E">
976 ${Tab_5_Body_Content}
977 </div>
978 <div class="tab-pane" id="F">
979 ${Tab_6_Body_Content}
980 </div>
981 </div>
982 </div>
983
984 <div class="social-media social-media__intro">
985 <ul class="social-media__container">
986 <li class="social-media__item"><a href="https://www.facebook.com/sharer.php?u=${facebook_URL}" class="fa fa-facebook" target="_blank"></a></li>
987 <li class="social-media__item"><a href="https://twitter.com/intent/tweet?url=${twitter_URL}&text=Bekijk%20op%20OU.nl" class="fa" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon-x"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path fill="#ffffff" d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"/></svg></a></li>
988 <li class="social-media__item"><a href="${mailto}" class="fa fa-envelope-o" target="_blank"></a></li>
989 <li class="social-media__item"><a onclick="printFunction()" class="fa fa-print" target="_blank"></a></li>
990 </ul>
991 </div>
992 </div>
993 <div class="content__right col-padding-left col-xs-12 col-md-4">
994 <div class="person person--small bg__gray padding-top-resp padding-bottom-resp sidebar-widget">
995 <#if Code.getData() != "GRAO01" && (Persoon_Tonen?contains("true") || Studievorm.getData()?contains("Cursus") || Studievorm.getData()?contains("Korte studie")|| Studievorm.getData()?contains("Training")) >
996 <div class="person__container">
997 <#if NL_Persoon_Link?has_content>
998 <a href="${NL_Persoon_Link}" class="person__container" target="_blank" data-senna-off="true">
999 </#if>
1000 <#if Studievorm.getData()?contains("Cursus") || Studievorm.getData()?contains("Korte studie")|| Studievorm.getData()?contains("Training")>
1001 <div class="person__photo person__photo__large" style="background: url(${Persoon_Foto_URL_Alt}) no-repeat center; background-size: cover;"></div>
1002 <div class="person__content">
1003 <div class="person__name">Service en informatie</div>
1004 <div class="person__function"></div>
1005 </div>
1006 <#else>
1007 <div class="person__photo person__photo__large" style="background: url(${NL_Persoon_Foto_URL}) no-repeat center; background-size: cover;"></div>
1008 <div class="person__content">
1009 <div class="person__name">${NL_Persoon_Naam}</div>
1010 <div class="person__function">${NL_Persoon_Titel}</div>
1011 </div>
1012 </#if>
1013 <#if NL_Persoon_Link?has_content>
1014 </a>
1015 </#if>
1016 </div>
1017 </#if>
1018
1019 <div class="content__right__actions">
1020 <#if Status.getData() == "IA" && getterUtil.getBoolean(Online_Inschrijfbaar.getData()) && getterUtil.getBoolean(Leverbaar.getData()) && Studievorm.getData()?contains("Cursus")>
1021 <a href="${aanmeldenurl}" class="btn btn--wide btn--center btn--primary" target="_blank"> <@liferay.language key="AANMELDEN" /> <span class="fa fa-chevron-right"></span></a>
1022 </#if>
1023 <#if toon_contact>
1024 <#if Studievorm.getData()?contains("Professional") || Code.getData() == "GRAO01" >
1025 <a href="${linkcontactformulierurl}" class="btn btn--wide btn--center btn--primary" target="_blank"> Contact <span class="fa fa-chevron-right"></span></a>
1026 <#else>
1027 <a href="${linkcontactformulierurl}" class="btn btn--wide btn--center btn--tertiary" target="_blank"> <@liferay.language key="VRAAG_STELLEN" /> <span class="fa fa-chevron-right"></span></a>
1028 </#if>
1029 </#if>
1030 <#if op_de_hoogte_blijven != "">
1031 <a href="${op_de_hoogte_blijven}"
1032 class="btn btn--center btn--primary"><@liferay.language key="OP_DE_HOOGTE_BLIJVEN" /></a>
1033 </#if>
1034
1035 <div class="divider"></div>
1036
1037 <#if toon_studieadvies>
1038 <#if Studievorm.getData() == "Bachelor">
1039 <#if Code.getData() == "XRWHR">
1040 <#assign linkstudieadviesurl_bachelor = "/web/hbo-rechten/contact-en-advies" />
1041 </#if>
1042 <a href="${linkstudieadviesurl_bachelor}" class="btn btn--wide btn--center btn--tertiary" target="_blank">${adviesknop} <span class="fa fa-chevron-right"></span></a>
1043 <#elseif Studievorm.getData() == "Schakelprogramma">
1044 <a href="${linkstudieadviesurl_premaster}" class="btn btn--wide btn--center btn--tertiary" target="_blank">${adviesknop} <span class="fa fa-chevron-right"></span></a>
1045 <#elseif Studievorm.getData() == "Master">
1046 <a href="${linkstudieadviesurl_master}" class="btn btn--wide btn--center btn--tertiary" target="_blank">${adviesknop} <span class="fa fa-chevron-right"></span></a>
1047 </#if>
1048 </#if>
1049 <#if link_infomagazine != "" && toon_infomagazine>
1050 <a href="${link_infomagazine}" class="btn btn--center btn--tertiary"target="_blank">Infomagazine</a>
1051 </#if>
1052 <#if Studievorm.getData()?contains("Professional") && brochureurl?has_content>
1053 <a href="${brochureurl}" class="btn btn--center btn--tertiary"><@liferay.language key="BROCHURE_AANVRAGEN"/></a>
1054 </#if>
1055 <#if Status.getData() == "IA" && getterUtil.getBoolean(Online_Inschrijfbaar.getData()) && getterUtil.getBoolean(Leverbaar.getData()) && !Studievorm.getData()?contains("Cursus")>
1056 <a href="${aanmeldenurl}" class="btn btn--wide btn--center btn--primary" target="_blank"> <@liferay.language key="AANMELDEN" /> <span class="fa fa-chevron-right"></span></a>
1057 </#if>
1058
1059 <#if isBelafspraak>
1060 <a href="${link_belafspraak}" class="btn btn--center btn--tertiary" target="_blank">${belafspraak} <span class="fa fa-chevron-right"></span></a>
1061 </#if>
1062 </div>
1063 </div>
1064
1065 <#assign field_moment_list = []>
1066 <#assign xPathSelector = saxReaderUtil.createXPath("dynamic-element[@name='Opleidingsmomenten']")>
1067 <#if (xPathSelector.selectSingleNode(rootElement).getStringValue())??>
1068 <#assign field_opleidingsmomenten_container = xPathSelector.selectSingleNode(rootElement)>
1069 <#assign xPathSelector = saxReaderUtil.createXPath("dynamic-element[@name='Moment']")>
1070 <#assign field_moment_list = xPathSelector.selectNodes(field_opleidingsmomenten_container)>
1071 </#if>
1072
1073 <#if field_moment_list?size gt 0>
1074 <#assign momentIsVisible = false />
1075
1076 <#assign originalLocale = locale>
1077 <#setting locale = localeUtil.getDefault()>
1078 <#setting datetime_format = "long">
1079 <#assign nowDate = .now />
1080
1081 <#list field_moment_list as field_moment_item>
1082 <#assign xPathSelector = saxReaderUtil.createXPath("dynamic-element[@name='Moment_Datum']")>
1083 <#assign field_moment_item_datum = xPathSelector.selectSingleNode(field_moment_item).getStringValue()>
1084
1085 <#assign xPathSelector = saxReaderUtil.createXPath("dynamic-element[@name='Moment_Titel']")>
1086 <#assign field_moment_item_titel = xPathSelector.selectSingleNode(field_moment_item).getStringValue()?trim>
1087
1088 <#assign Datum = "">
1089 <#if field_moment_item_datum?trim?has_content>
1090 <#assign Datum = field_moment_item_datum?trim>
1091 <#assign Datum = dateUtil.parseDate("yyyy-MM-dd", Datum, locale)>
1092 <#assign Datum_EoD = (Datum?long + 1 * 86399000)?number_to_datetime />
1093
1094 <#if Datum?has_content && (Datum_EoD >= nowDate) && field_moment_item_titel?trim?has_content>
1095 <#assign momentIsVisible = true />
1096 </#if>
1097 </#if>
1098 </#list>
1099 <#if momentIsVisible == true>
1100 <div class="agenda-widget bg__gray sidebar-widget">
1101 <div class="section-title sidebar-widget__title">
1102 <#if articleCatNames?seq_contains("Professional Program")>
1103 <h4>Nieuws</h4>
1104 <#else>
1105 <h4>Agenda</h4>
1106 </#if>
1107 <div class="section-title__stripe"></div>
1108 </div>
1109
1110 <div class="list list-navigation">
1111 <ul>
1112
1113 <#list field_moment_list as field_moment_item>
1114 <#assign Datum_Activiteit_Data = "" />
1115 <#assign Datum_Activiteit_Data_EoD = "" />
1116 <#assign Dag_Activiteit = "" />
1117 <#assign Maand_Activiteit = ""/>
1118 <#assign momentIsVisible = false />
1119
1120 <#assign xPathSelector = saxReaderUtil.createXPath("dynamic-element[@name='Moment_Datum']")>
1121 <#assign field_moment_item_datum = xPathSelector.selectSingleNode(field_moment_item).getStringValue()>
1122
1123 <#assign xPathSelector = saxReaderUtil.createXPath("dynamic-element[@name='Moment_Titel']")>
1124 <#assign field_moment_item_titel = xPathSelector.selectSingleNode(field_moment_item).getStringValue()?trim>
1125
1126 <#if field_moment_item_datum?trim?has_content>
1127 <#assign Datum_Activiteit_Data = field_moment_item_datum?trim>
1128 <#assign Datum_Activiteit_Data = dateUtil.parseDate("yyyy-MM-dd", Datum_Activiteit_Data, locale)>
1129 <#assign Datum_Activiteit_Data_EoD = (Datum_Activiteit_Data?long + 1 * 86399000)?number_to_datetime />
1130
1131 <#if Datum_Activiteit_Data?has_content && (Datum_Activiteit_Data_EoD >= nowDate) && field_moment_item_titel?trim?has_content>
1132 <#assign Dag_Activiteit = dateUtil.getDate(Datum_Activiteit_Data, "d", locale) />
1133 <#assign Maand_Activiteit = dateUtil.getDate(Datum_Activiteit_Data, "MMM", locale) />
1134 <#assign momentIsVisible = true />
1135 </#if>
1136 </#if>
1137
1138 <#assign xPathSelector = saxReaderUtil.createXPath("dynamic-element[@name='Moment_Link']")>
1139 <#assign field_moment_item_link = xPathSelector.selectSingleNode(field_moment_item).getStringValue()?trim>
1140
1141 <#assign xPathSelector = saxReaderUtil.createXPath("dynamic-element[@name='Moment_Tijd']")>
1142 <#assign field_moment_item_tijd = xPathSelector.selectSingleNode(field_moment_item).getStringValue()?trim>
1143
1144 <#assign xPathSelector = saxReaderUtil.createXPath("dynamic-element[@name='Moment_Beschrijving']")>
1145 <#assign field_moment_item_beschrijving = xPathSelector.selectSingleNode(field_moment_item).getStringValue()>
1146
1147 <#if momentIsVisible>
1148 <li class="list__item color--${colorKey}">
1149 <#if field_moment_item_link?has_content>
1150
1151 <a href="${field_moment_item_link}" class="list-navigation__item " target="_blank">
1152 <div class="agenda-widget__tile">
1153 <div class="tile tile__date">
1154 <div class="tile__date__content">
1155 <div class="tile__date__day">${Dag_Activiteit}</div>
1156 <div class="tile__date__month">${Maand_Activiteit}</div>
1157 </div>
1158 </div>
1159 </div>
1160
1161 <div class="o-list-tile__item__container">
1162 <div class="list__item__description">
1163 <#if field_moment_item_tijd?has_content>
1164 ${field_moment_item_tijd} uur
1165 </#if>
1166 </div>
1167 <h4 class="list__item__title">
1168 ${field_moment_item_titel}
1169 </h4>
1170 <div class="list__item__content">
1171 ${field_moment_item_beschrijving}
1172 </div>
1173 </div>
1174 <div class="list-navigation__item__arrow">
1175 <span class="fa fa-chevron-right"></span>
1176 </div>
1177 </a>
1178 <#else>
1179 <div class="list-navigation__item ">
1180 <div class="agenda-widget__tile">
1181 <div class="tile tile__date">
1182 <div class="tile__date__content">
1183 <div class="tile__date__day">${Dag_Activiteit}</div>
1184 <div class="tile__date__month">${Maand_Activiteit}</div>
1185 </div>
1186 </div>
1187 </div>
1188
1189 <div class="o-list-tile__item__container">
1190 <div class="list__item__description">
1191 <#if field_moment_item_tijd?has_content>
1192 ${field_moment_item_tijd} uur
1193 </#if>
1194 </div>
1195 <h4 class="list__item__title">
1196 ${field_moment_item_titel}
1197 </h4>
1198 <div class="list__item__content">
1199 ${field_moment_item_beschrijving}
1200 </div>
1201 </div>
1202 </div>
1203 </#if>
1204 </li>
1205 </#if>
1206 </#list>
1207 </ul>
1208 </div>
1209 </div>
1210 </#if>
1211 </#if>
1212
1213 <#assign field_informatie_list = []>
1214 <#assign xPathSelector = saxReaderUtil.createXPath("dynamic-element[@name='Meer_Informatie']")>
1215 <#if (xPathSelector.selectSingleNode(rootElement).getStringValue())??>
1216 <#assign field_meer_informatie_container = xPathSelector.selectSingleNode(rootElement)>
1217 <#assign xPathSelector = saxReaderUtil.createXPath("dynamic-element[@name='Informatie']")>
1218 <#assign field_informatie_list = xPathSelector.selectNodes(field_meer_informatie_container)>
1219 </#if>
1220
1221 <#assign xPathSelector = saxReaderUtil.createXPath("dynamic-element[@name='Studievorm']")>
1222 <#assign studievorm = xPathSelector.selectSingleNode(rootElement).getStringValue()>
1223
1224 <#if field_informatie_list?size gt 0 && (studievorm?contains("Bachelor") || studievorm?contains("Master") || studievorm?contains("Schakelprogramma") || studievorm?contains("Cursus") || studievorm?contains("Korte studie")|| studievorm?contains("Training"))>
1225 <#assign informatieIsVisible = false />
1226 <#list field_informatie_list as field_informatie_item>
1227 <#assign xPathSelector = saxReaderUtil.createXPath("dynamic-element[@name='Informatie_Titel']")>
1228 <#assign field_informatie_item_titel = xPathSelector.selectSingleNode(field_informatie_item).getStringValue()>
1229
1230 <#if field_informatie_item_titel?trim?has_content>
1231 <#assign informatieIsVisible = true />
1232 </#if>
1233 </#list>
1234 <#if informatieIsVisible == true>
1235 <div class="linklist-widget bg__gray sidebar-widget">
1236 <div class="section-title sidebar-widget__title">
1237 <h4>Meer info</h4>
1238 <div class="section-title__stripe"></div>
1239 </div>
1240 <div class="list list-navigation">
1241 <ul>
1242 <#if field_informatie_list?size gt 0>
1243 <#list field_informatie_list as field_informatie_item>
1244 <#assign link = "" />
1245
1246 <#assign xPathSelector = saxReaderUtil.createXPath("dynamic-element[@name='Informatie_Titel']")>
1247 <#assign field_informatie_item_titel = xPathSelector.selectSingleNode(field_informatie_item).getStringValue()>
1248
1249 <#assign xPathSelector = saxReaderUtil.createXPath("dynamic-element[@name='Informatie_Interne_Link']")>
1250 <#assign field_informatie_item_interne_link = xPathSelector.selectSingleNode(field_informatie_item).getStringValue()>
1251
1252 <#assign xPathSelector = saxReaderUtil.createXPath("dynamic-element[@name='Informatie_Externe_Link']")>
1253 <#assign field_informatie_item_externe_link = xPathSelector.selectSingleNode(field_informatie_item).getStringValue()>
1254
1255 <#if field_informatie_item_interne_link?trim?has_content>
1256 <#assign link = field_informatie_item_interne_link />
1257 <#else>
1258 <#assign link = field_informatie_item_externe_link />
1259 </#if>
1260 <#if link?has_content>
1261 <li>
1262 <a class="list-navigation__item" href="${link}" target="_blank">
1263 <div class="list-navigation__item__content">
1264 ${field_informatie_item_titel}
1265 </div>
1266 <div class="list-navigation__item__arrow">
1267 <span class="fa fa-chevron-right"></span>
1268 </div>
1269 </a>
1270 </li>
1271 </#if>
1272 </#list>
1273 </#if>
1274 <#if studievorm?contains("Cursus") || studievorm?contains("Korte studie")|| studievorm?contains("Training")>
1275 <li>
1276 <a class="list-navigation__item" href="/veelgestelde-vragen" target="_blank">
1277 <div class="list-navigation__item__content">
1278 Veelgestelde vragen
1279 </div>
1280 <div class="list-navigation__item__arrow">
1281 <span class="fa fa-chevron-right"></span>
1282 </div>
1283 </a>
1284 </li>
1285 <li>
1286 <a class="list-navigation__item" href="https://www.ou.nl/veelgestelde-vragen#!faq/19" target="_blank">
1287 <div class="list-navigation__item__content">
1288 Hoe wordt mijn collegegeld bepaald?
1289 </div>
1290 <div class="list-navigation__item__arrow">
1291 <span class="fa fa-chevron-right"></span>
1292 </div>
1293 </a>
1294 </li>
1295 </#if>
1296 </ul>
1297 </div>
1298 </div>
1299 </#if>
1300 </#if>
1301
1302 <#if Gerelateerde_studies?has_content && Gerelateerde_studies.getChild("Opleidingcode").getData()?has_content>
1303 <#assign Gerelateerde_studies = Gerelateerde_studies.getChild("Opleidingcode").getSiblings() />
1304
1305 <div class="related-education-widget bg__gray sidebar-widget">
1306 <div class="section-title sidebar-widget__title">
1307 <h4>Gerelateerde studies</h4>
1308 <div class="section-title__stripe"></div>
1309 </div>
1310 <div class="list list-navigation">
1311 <ul>
1312 <#list Gerelateerde_studies as studieCode>
1313 <#assign Sku = studieCode.getData() />
1314 <#assign Opleidinglink = "/opleiding?sku=" + Sku />
1315 <#assign opleidingArticle = "" />
1316 <#assign opleidingArticle = (journalArticleLocalService.fetchArticle(getterUtil.getLong(groupId), Sku))! />
1317
1318 <#if opleidingArticle?has_content>
1319 <#assign Opleidingnaam = "" />
1320 <#assign Opleidingnaam = opleidingArticle.getTitle(locale) />
1321 <#assign document = saxReaderUtil.read(opleidingArticle.getContentByLocale(locale)) />
1322 <#assign rootElement = document.getRootElement() />
1323 <#assign Studievorm = "" />
1324 <#assign xPathSelector = saxReaderUtil.createXPath("dynamic-element[@name='Studievorm']") />
1325 <#assign Studievorm = xPathSelector.selectSingleNode(rootElement).getStringValue() />
1326 <#assign Studiepunten = "" />
1327 <#assign xPathSelector = saxReaderUtil.createXPath("dynamic-element[@name='Studiepunten']") />
1328 <#assign Studiepunten = xPathSelector.selectSingleNode(rootElement).getStringValue() />
1329 <#assign Wetenschapsgebied = "" />
1330 <#assign xPathSelector = saxReaderUtil.createXPath("dynamic-element[@name='Wetenschapsgebied']") />
1331 <#assign Wetenschapsgebied = xPathSelector.selectSingleNode(rootElement).getStringValue() />
1332 <#assign Wetenschapsgebied = Wetenschapsgebied?replace("\\W", " ", "r")?replace("\\s+", "-", "r")?lower_case />
1333
1334 <#assign SkuColor = " bg--corporate " />
1335 <#if Wetenschapsgebied == "cultuurwetenschappen">
1336 <#assign SkuColor = " bg--cw " />
1337 <#elseif Wetenschapsgebied == "milieu-natuurwetenschappen" || categoryName == "natuurwetenschappen" />
1338 <#assign SkuColor = " bg--nw " />
1339 <#elseif Wetenschapsgebied == "informatica-en-informatiekunde" />
1340 <#assign SkuColor = " bg--inf " />
1341 <#elseif Wetenschapsgebied == "managementwetenschappen" />
1342 <#assign SkuColor = " bg--mw " />
1343 <#elseif Wetenschapsgebied == "onderwijswetenschappen" />
1344 <#assign SkuColor = " bg--ow " />
1345 <#elseif Wetenschapsgebied == "psychologie" />
1346 <#assign SkuColor = " bg--psy " />
1347 <#elseif Wetenschapsgebied == "rechtswetenschappen" />
1348 <#assign SkuColor = " bg--rw " />
1349 <#elseif Wetenschapsgebied == "gezondheidswetenschappen" />
1350 <#assign SkuColor = " bg--gw " />
1351 </#if>
1352
1353 <li>
1354 <#if Sku?contains("-")>
1355 <a href="${Opleidinglink}" class="list-navigation__item list__item" style="display:table;">
1356 <div class="related-education-widget__tile ${SkuColor}" style="line-height:20px; display:table-cell; vertical-align:middle;">
1357 <#assign index = Sku?index_of("-") + 1 />
1358 <#assign sku1 = Sku?substring(0, index) />
1359 <#assign sku2 = Sku?substring(index, Sku?length) />
1360 ${sku1}</br>
1361 ${sku2}
1362 </div>
1363 <div class="related-education-widget__content" style="margin-left:10px;">
1364 <div class="list__item__description">${Studievorm}| ${Studiepunten}</div>
1365 <h4 class="list__item__title">${Opleidingnaam}</h4>
1366 </div>
1367 <div class="list-navigation__item__arrow">
1368 <span class="fa fa-chevron-right"></span>
1369 </div>
1370 </a>
1371 <#else>
1372 <a href="${Opleidinglink}" class="list-navigation__item list__item">
1373 <div class="related-education-widget__tile ${SkuColor}">
1374 ${Sku}
1375 </div>
1376 <div class="related-education-widget__content">
1377 <div class="list__item__description">${Studievorm}| ${Studiepunten}</div>
1378 <h4 class="list__item__title">${Opleidingnaam}</h4>
1379 </div>
1380 <div class="list-navigation__item__arrow">
1381 <span class="fa fa-chevron-right"></span>
1382 </div>
1383 </a>
1384 </#if>
1385 </li>
1386 </#if>
1387 </#list>
1388 </ul>
1389 </div>
1390 </div>
1391 </#if>
1392
1393 <#if (Top_Opleiding.getData())?? && getterUtil.getBoolean(Top_Opleiding.getData())>
1394 <a href="https://www.ou.nl/rankings" target="_blank" class="sidebar-widget topopleiding">
1395 <div class="topopleiding__top">
1396 <div class="topopleiding__stripe"></div>
1397 <div class="topopleiding__image">
1398 <div class="topopleiding__image__inner">
1399 <img src="${Top_Opleiding.getChild("Badge").getData()}">
1400 </div>
1401 </div>
1402 </div>
1403 <div class="topopleiding__content">
1404 ${Top_Opleiding.getChild("Opleiding_Beschrijving").getData()}
1405 </div>
1406 </a>
1407 </#if>
1408 </div>
1409 </div>
1410 </div>
1411 </div>
1412 </section>
1413 <#-- FIXME: Let op! Missende afsluitende div?? -->
1414</div>
1415
1416<#if footerArtikelContent?has_content>
1417 ${footerArtikelContent}
1418</#if>
1419
1420
1421<script>
1422 $(document).ready(function () {
1423 // START SLICK SLIDER LOGIC
1424 $('.testimonial-slider__items').slick({
1425 dots: false,
1426 infinite: true,
1427 nextArrow: '<div class="testimonial-slider__next"><i class="fa fa-chevron-right"></i></div>',
1428 prevArrow: '<div class="testimonial-slider__prev"><i class="fa fa-chevron-left"></i></div>',
1429 });
1430 // START VIDEO LOGIC
1431 $("ou-article-video").each(function(index, element){
1432 var w = parseInt($(this).parent().width());
1433 var h = parseInt(w * 9/16);
1434 var mediaplayer = $(this).mediaelementplayer({
1435 defaultVideoWidth: w,
1436 defaultVideoHeight: h,
1437 videoWidth: -1,
1438 videoHeight: -1,
1439 startVolume: 0.8,
1440 enableAutosize: true,
1441 startVolume: 0.8,
1442 alwaysShowControls: false,
1443 features: ['playpause','progress','current','volume','fullscreen'],
1444 pauseOtherPlayers: true
1445 });
1446 });
1447 });
1448
1449</script>
1450
1451
1452<script>
1453 (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
1454 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
1455 m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
1456 })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
1457
1458 ga('create', 'UA-1768413-2', 'auto');
1459 ga('set','dimension1','${GA_PAGINA_ID}');
1460 ga('set','dimension2','${GA_PAGINA_TYPE}');
1461 ga('set','dimension4', '${GA_PAGINA_TITEL}');
1462 ga('send', 'pageview');
1463
1464
1465</script>
1466
1467<script>
1468 history.scrollRestoration = "manual";
1469 $(document).ready(function() {
1470 $("html,body").animate({scrollTop: 0}, 100); //100ms for example
1471 });
1472</script>