Arbeitgeberin - OKB
Arbeitgeberin
Fehler bei der Verarbeitung der Vorlage.
The following has evaluated to null or missing:
==> cur_link.id [in template "20101#20128#540369" at line 46, column 65]
----
Tip: It's the step after the last dot that caused this error, not those before it.
----
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: #if request.getParameter("accordion")... [in template "20101#20128#540369" at line 46, column 21]
---- 1<style> 2 .image_accordion .collapse-icon { 3 text-align: right !important; 4 display: block; 5 float: right; 6 font-size:20px; 7 background: white !important; 8 padding: 0 !important; 9 border-bottom: 0 !important; 10 } 11 12 div.image_accordion h1, div.image_accordion h2, div.image_accordion h3 { 13 /*font-weight: 700 !important;*/ 14 } 15 #wrapper .image_accordion__box__right { 16 background: white !important; 17 margin-top: 0px !important; 18 margin-right: 0px !important; 19 } 20 #wrapper .image_accordion__box__left, .pop-up .image_accordion__box__left, #react-modal .image_accordion__box__left { 21 width: 256px; 22 } 23 #cta-box {background-color: #F6F5F1; padding: 15px 5px 15px 15px; max-width:800px; min-width: 300px; display:inline-block; padding-right: 17px;} 24 .cta-box-hover:hover {background-color: #BBB5A3 !important;} 25 .cta-box-hover:hover button {background-color: #852808 !important;} 26 div#cta-box li.vorteile a span, div#cta-box h3 a {color: black !important; line-height: 26px;} 27 28 29 @media (max-width: 1049px) { 30 #wrapper .image_accordion__box__left__collapse-content { 31 background: white !important; 32 } 33 } 34</style> 35 36 37<#assign id = stringUtil.randomId()> 38<div class="image_accordion"> 39 <#if image.getData()?? && image.getData() != ""> 40 <div id="headerrandom" class="image_accordion__image" style="background: url() no-repeat center center;"></div> 41 </#if> 42 <div class="image_accordion__box d-flex" id="image-accordion-${id}"> 43 <div class="image_accordion__box__left mr-3 panel accordion"> 44 <#if link.getSiblings()?has_content> 45 <#list link.getSiblings() as cur_link> 46 <#if request.getParameter("accordion")?? && cur_link.id.getData() == request.getParameter("accordion")> 47 <#assign nonActiveClass = ""> 48 <#assign collapseClass = "collapse show"> 49 <#assign ariaExpanded = "true"> 50 <#elseif !request.getParameter("accordion")?? && cur_link?index == 0> 51 <#assign nonActiveClass = ""> 52 <#assign collapseClass = "collapse show"> 53 <#assign ariaExpanded = "true"> 54 <#else> 55 <#assign nonActiveClass = "collapsed"> 56 <#assign collapseClass = "collapse"> 57 <#assign ariaExpanded = "false"> 58 </#if> 59 <div class="image_accordion__box__left__collapse-header accordion-toggle ${nonActiveClass}" 60 id="ia-${id}-link-collapse-${cur_link?index}" 61 data-toggle="collapse" 62 data-target="#ia-${id}-collapse-${cur_link?index}" 63 aria-controls="ia-${id}-collapse-${cur_link?index}" 64 aria-expanded="${ariaExpanded}"> 65 ${cur_link.getData()} 66 </div> 67 <!-- Only for mobile accordion --> 68 <div class="${collapseClass} mobile" 69 id="ia-${id}-collapse-${cur_link?index}" 70 aria-labelledby="ia-${id}-link-collapse-${cur_link?index}" 71 data-parent="#image-accordion-${id}"> 72 <div class="image_accordion__box__left__collapse-content"> 73 ${cur_link.html.getData()} 74 </div> 75 </div> 76 </#list> 77 </#if> 78 </div> 79 <div class="image_accordion__box__right flex-grow-1" aria-hidden="true"> 80 <#if link.getSiblings()?has_content> 81 <#list link.getSiblings() as cur_link> 82 <!-- determine initial state of open elements --> 83 <#if request.getParameter("accordion")?? && cur_link.id.getData() == request.getParameter("accordion")> 84 <#assign collapseClass = "collapse show"> 85 <#elseif !request.getParameter("accordion")?? && cur_link?index == 0> 86 <#assign collapseClass = "collapse show"> 87 <#else> 88 <#assign collapseClass = "collapse"> 89 </#if> 90 <div class="collapse-${cur_link?index} image_accordion__box__right__collapse-content ${collapseClass}" 91 id="ia-${id}-collapse-${cur_link?index}-desktop"> 92 ${cur_link.html.getData()} 93 </div> 94 </#list> 95 </#if> 96 </div> 97 </div> 98 <script> 99 // we show/hide desktop items manually as we do not want to keep one open at any time 100 $('.image_accordion__box__left__collapse-header').click(function(e) { 101 const targetSelector = `${r"${$(this).attr('data-target')}-desktop"}`; 102 103 const headerItems = $('.image_accordion__box__left__collapse-header'); 104 const desktopContentItems = $('.image_accordion__box__right__collapse-content'); 105 106 const headerToActivate = $(this); 107 const headersToDeactivate = headerItems.not(headerToActivate); 108 109 headerToActivate.addClass('image_accordion__box__left__collapse-header--desktop-active'); 110 headersToDeactivate.removeClass('image_accordion__box__left__collapse-header--desktop-active'); 111 112 const itemsToClose = desktopContentItems.not(targetSelector); 113 const itemToOpen = desktopContentItems.filter(targetSelector); 114 115 itemToOpen.addClass('show'); 116 itemsToClose.removeClass('show'); 117 118 //css background img setzen mit zufallsbild bei jedem klick 119 //randomImage(); 120 }) 121 122 123 124 var randomImage = function() { 125 //Random Bild Team TSL 126 //Anzahl Bilder 127 var imagenumber = ${image.getSiblings()?size} ; 128 var randomnumber = Math.random() ; 129 var rand1 = Math.round( (imagenumber-1) * randomnumber) + 1 ; 130 images = new Array; 131 <#if image.getSiblings()?has_content> 132 <#list image.getSiblings() as cur_image> 133 <#if cur_image.getData()?? && cur_image.getData() != ""> 134 images[${cur_image.getAttribute("alt")}] = "${cur_image.getData()}"; 135 </#if> 136 </#list> 137 </#if> 138 139 //zufallsbild variable image zuweisen 140 var imageRia = images[rand1] 141 142 //css background img setzen mit zufallsbild 143 document.getElementById('headerrandom').style.background = 'url('+imageRia+')'; 144 document.getElementById('headerrandom').style.backgroundRepeat = 'no-repeat'; 145 document.getElementById('headerrandom').style.backgroundPosition = 'center center'; 146 }; 147 148 //css background img setzen mit zufallsbild beim laden 149 window.onload = randomImage(); 150 151 152 153 154 </script> 155</div>