Blaues Gut | Presse & Medien
The following has evaluated to null or missing: ==> formField.getValue().getString(locale) [in template "blaues-gut-portal.web-resources_SERVLET_CONTEXT_/common_macros.ftl" at line 56, column 49] ---- 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: #assign Bildnachweis = formField.getV... [in template "blaues-gut-portal.web-resources_SERVLET_CONTEXT_/common_macros.ftl" in function "getCopyrightText" at line 56, column 25] ----
1<#import "/blaues-gut-portal.web-resources_SERVLET_CONTEXT_/common_macros.ftl" as common>
2
3<#assign layoutService = serviceLocator.findService("com.liferay.portal.kernel.service.LayoutLocalService") />
4<#assign namespace = randomNamespace />
5
6<section class="slider-hero ${(SliderTyp??)?then(SliderTyp.getData(), "")}" id="slider_${namespace}">
7 <div class="slides-list" aria-roledescription="Karusell">
8
9 <#list Slide.getSiblings() as curSlide>
10
11 <#assign hasLink = false />
12 <#assign linkTarget = "" />
13 <#assign linkHref= "" />
14 <#assign linkText = "weiterlesen" />
15 <#assign linkTitle = "Artikel weiterlesen" />
16 <#assign slideUniqueId = namespace + '_' + curSlide?index />
17
18
19 <#if curSlide.Headline?? && curSlide.Headline.getData()?has_content>
20 <#assign AltText = curSlide.Headline.getData() />
21 </#if>
22
23 <#assign Copyright = "" />
24 <#if (common.getCopyrightText(curSlide.Image.data)!"") != "">
25 <#assign Copyright = common.getCopyrightTag("",curSlide.Image.data) />
26 </#if>
27
28 <div class="slide" role="group" aria-roledescription="Folie" aria-label="Folie ${curSlide?index + 1} von ${Slide.siblings?size}">
29 <div class="slide-content">
30 <#if (curSlide.Youtube?? && curSlide.Youtube.getData()?has_content) && (curSlide.Image?? && curSlide.Image?has_content)>
31 <#assign videoId = curSlide.Youtube.getData()/>
32
33 <#if videoId?starts_with("http")>
34 <#assign videoId = videoId?split("/")[3]>
35 </#if>
36
37 <div class="slide-content-video video" id="video_${slideUniqueId}">
38 <img src="${common.getScaledImageURL(curSlide.Image.getData())}" data-src="${common.getScaledImageURL(curSlide.Image.getData())}" class="slide__image video-preview-image" id="video-preview-image_${slideUniqueId}" alt="${common.getAltText(curSlide.Image.data, AltText)}" />
39 <div class="video-trigger-overlay video-trigger " id="video-trigger_${slideUniqueId}" data-tns-slide="tns1-item${curSlide?index}" data-videoid="${slideUniqueId}" data-source="${videoId}" title="Video abspielen">
40 <p class="text-center video-trigger-overlay-text video-trigger" data-videoid="${slideUniqueId}" >
41 Um das Video zu sehen, müssen Sie dieses Feld durch einen Klick aktivieren. Dadurch werden
42 Informationen an Youtube übermittelt und unter Umständen dort verarbeitet. Bitte beachten Sie unsere
43 Hinweise und Informationen zum <a href="/datenschutz" target="_blank"
44 class="no-icon">Datenschutz</a>.
45 </p>
46 <span class="icon-bg icon-bg--play video-trigger" data-videoid="${slideUniqueId}" ></span>
47 </div>
48 <div class="video-layer" style="display: none" id="video-layer_${slideUniqueId}">
49 <iframe class="video-frame" src="about:blank" allowfullscreen="" height="530" id="iframe_${slideUniqueId}"></iframe>
50 </div>
51 </div>
52 <#else>
53 <div class="slide-content-image image-with-caption">
54 <img src="${common.getScaledImageURL(curSlide.Image.getData())}" data-src="${common.getScaledImageURL(curSlide.Image.getData())}" class="slide__image" alt="${common.getAltText(curSlide.Image.data, AltText)}"/>
55 ${Copyright}
56 </div>
57 </#if>
58 </div>
59 </div>
60
61 </#list>
62 </div>
63</section>
64
65<script>
66
67 var updateIframeHeight = function() {
68 var dwidth = window.innerWidth;
69 var videoHeight = dwidth*0.5625;
70
71 /*
72 if (dwidth > 1600) {
73 videoHeight = dwidth*0.40;
74 }
75 */
76
77 var videoFrames = document.getElementsByClassName('video-frame');
78 for (var i=0; i < videoFrames.length;i++) {
79 videoFrames[i].setAttribute('height',videoHeight);
80 videoFrames[i].style.height = videoHeight+'px';
81 }
82 }
83
84 var updateVideoWrapper = function () {
85
86 var triggers = document.getElementsByClassName('video-trigger');
87
88 for (var i=0; i < triggers.length;i++) {
89 triggers[i].addEventListener('click',function(e) {
90
91 var triggersTarget = this.getAttribute('data-videoid');
92 var tnsSlide = this.getAttribute('data-tns-slide');
93
94 var youtubeId = document.querySelector("#" + tnsSlide + ' #video-trigger_'+triggersTarget).getAttribute('data-source');
95 var videoLayer = document.querySelector("#" + tnsSlide + ' #video-layer_'+triggersTarget);
96 var iframe = document.querySelector("#" + tnsSlide + ' #iframe_'+triggersTarget);
97 iframe.setAttribute('src', 'https://www.youtube-nocookie.com/embed/' + youtubeId + '?autoplay=1&rel=0&cc_load_policy=1&modestbranding=0&enablejsapi=1');
98
99 document.querySelector("#" + tnsSlide + ' #video-preview-image_'+triggersTarget).style.display='none';
100 document.querySelector("#" + tnsSlide + ' #video-trigger_'+triggersTarget).style.display='none';
101 videoLayer.style.display='block';
102 });
103 }
104 };
105
106 window.addEventListener("load", function () {
107 updateVideoWrapper();
108 updateIframeHeight();
109 });
110
111 window.addEventListener("resize", function () {
112 updateIframeHeight();
113 });
114
115 // Liferay.on('endNavigate', updateVideoWrapper);
116 // $(document).ready(updateVideoWrapper);
117
118 window.addEventListener("load", function () {
119 function ${namespace}_updateInfo(info) {
120 for (var i = 0; i < info.navItems.length; i++) {
121 info.navItems[i].setAttribute('aria-label','Folie ' + (i+1));
122 }
123
124 info.navItems[info.navCurrentIndex].setAttribute('aria-label','Folie ' + (info.navCurrentIndex + 1) + ' (aktuell)');
125
126 info.controlsContainer.setAttribute('aria-label', 'Navigationselemente');
127 info.prevButton.setAttribute('aria-label','zur vorhergehenden Folie springen');
128 info.nextButton.setAttribute('aria-label','zur nächsten Folie springen');
129 info.navContainer.setAttribute('aria-label','Auswahl der Folien')
130 }
131
132 const imgStyle = document.querySelector('.image-slider-style');
133
134 var slider = tns({
135 container: '#slider_${namespace} .slides-list',
136 items: 1,
137 slideBy: 'page',
138 center: true,
139 controlsPosition: 'bottom',
140 navPosition: 'bottom',
141 touch: true,
142 mouseDrag: true,
143 freezable: true,
144 speed: 600,
145 loop: false,
146 arrowKeys: true,
147 lazyload: true,
148 autoHeight: true,
149 lazyloadSelector: '.slide__image',
150 autoplay: !!imgStyle,
151 autoplayHoverPause: true,
152 autoplayTimeout: 3500,
153 autoplayText: [
154 "▶",
155 "❚❚"
156 ],
157 controlsText: ['<span class="icon-bg icon-bg--arrow2-left"></span>','<span class="icon-bg icon-bg--arrow2-right"></span>'],
158 onInit: function (info) {
159 ${namespace}_updateInfo(info);
160 }
161 });
162
163 slider.events.on('indexChanged', function(info) {
164 ${namespace}_updateInfo(info);
165 });
166
167 slider.events.on('transitionStart', function(info, eventName) {
168 var currentSlideId = '#tns1-item' + info.navCurrentIndex;
169
170 var otherSlides = info.container.querySelectorAll('.tns-item:not(' + currentSlideId + ')')
171
172 otherSlides.forEach(function(slide) {
173 var iframe = slide.querySelector( 'iframe');
174
175 if (iframe != null) {
176 var src = iframe.getAttribute('src');
177 if (src) {
178 if ((src.indexOf('youtube.com/embed') != -1) || (src.indexOf('youtube-nocookie.com/embed') != -1)) {
179 iframe.contentWindow.postMessage(JSON.stringify({
180 'event': 'command',
181 'func': 'pauseVideo',
182 'args': []
183 }), "*");
184 }
185 }
186 }
187 });
188 });
189 const mediaQuery = window.matchMedia('(max-width: 767px)')
190 if (mediaQuery.matches) {
191 const bulletList = document.querySelectorAll('.slider-hero .tns-nav');
192
193 bulletList.forEach(bullet => {
194 const slider = bullet.previousElementSibling.getBoundingClientRect();
195 const bulletNav = bullet.getBoundingClientRect();
196
197 const bulletNavTop = bulletNav.top;
198 const sliderTop = slider.top;
199
200 const arrowsPos = bulletNavTop - sliderTop - 5;
201
202 const prev = bullet.nextElementSibling.children[0];
203 const prevBtnWidth = prev.clientWidth;
204 const next = bullet.nextElementSibling.children[1];
205
206 const sliderControls = bullet.nextElementSibling;
207 const firstBulletLeftSpace = bullet.firstElementChild.offsetLeft;
208 const firstBulletWidth = bullet.firstElementChild.clientWidth;
209 const lastBulletLeftSpace = bullet.lastElementChild.offsetLeft;
210
211 const nextBtnPos = lastBulletLeftSpace + 59;
212 const prevBtnPos = firstBulletLeftSpace - prevBtnWidth - firstBulletWidth - 87;
213
214 const playPauseBtn = bullet.parentElement.firstElementChild;
215 const playPauseBtnLeftPos = lastBulletLeftSpace + 15;
216
217 sliderControls.style.top = arrowsPos + 'px';
218
219 next.style.left = nextBtnPos + 'px';
220
221 prev.style.left = prevBtnPos + 'px';
222
223 playPauseBtn.style.left = playPauseBtnLeftPos + 'px';
224
225 console.log(sliderControls.style.top);
226 });
227 }
228 });
229</script>
Presse & Medien
Sie sind Medienvertreterin oder Medienvertreter und haben eine Anfrage rund ums Projekt Blaues Gut? Die Pressestelle des Ministeriums für Umwelt, Klima und Energiewirtschaft steht Ihnen gerne zur Verfügung. Außerdem erhalten Sie hier tagesaktuelle Pressemitteilungen unseres Ministeriums.
Noch Fragen? Ihr Ansprechpartner ist:
Pressestelle des Ministeriums für Umwelt, Klima und Energiewirtschaft
Telefon: 0711 126-2780 und -2781
E-Mail: presse@um.bwl.de