');
$(this).closest('.mdl__html').find('.ptl__external_resource').append('
');
$(this).closest('.mdl__html').find('.ptl__external_resource').append('' +
'
' +
'
Externe Inhalte
' +
'
Der hier verlinkte Inhalt verweist auf eine andere Webseite.
Mehr Informationen finden Sie in unserer Datenschutzerklärung.
' +
'
');
$(this).closest('.mdl__html').find('.ptl__external_resource__text').append('
Externe Inhalte laden');
});
$('.ptl__external_resource__button').on('click', function(){
var src = $(this).closest('.ptl__external_resource').find('.ptl__external_resource__source').attr('data-iframe-src');
$(this).closest('.ptl__external_resource').find('.ptl__external_resource__source').attr('src', src);
$(this).closest('.ptl__external_resource').addClass('ptl__external_resource--loaded');
$(this).closest('.ptl__external_resource').find('.ptl__external_resource__text').detach();
})
})(jQuery);
});
document.addEventListener("DOMContentLoaded", function (event) {
(function ($) { // $ is not defined
$('.mdl__accordion__special__subject').each( function(){
var open = false;
$(this).find('.mdl__accordion__special__subject__title').on('click', function(){
open = !open;
$(this).closest('.mdl__accordion__special__subject').toggleClass('mdl__accordion__special__subject--open');
if(open){
var height = $(this).closest('.mdl__accordion__special__subject').find('.mdl__accordion__special__content')[0].offsetHeight;
$(this).closest('.mdl__accordion__special__subject').find('.mdl__accordion__special__container').css('height', height + 'px');
$(this).closest('.mdl__accordion__special__subject').siblings('.mdl__accordion__special__subject--open').find('.mdl__accordion__special__subject__title').click();
} else {
$(this).closest('.mdl__accordion__special__subject').find('.mdl__accordion__special__container').css('height', 0);
}
});
$(this).find('.mdl__accordion__special__content').on('resized', function(){
if(open){
$(this).parent('.mdl__accordion__special__container').css('height', this.offsetHeight + 'px');
}
})
if(parseInt($(this).attr('data-open'))){
$(this).find('.mdl__accordion__special__subject__title').click();
}
});
})(jQuery);
});
document.addEventListener("DOMContentLoaded", function (event) {
(function ($) { // $ is not defined
$('.mdl__accordion__subject').each( function(){
var open = false;
$(this).find('.mdl__accordion__subject__title').on('click', function(){
open = !open;
$(this).closest('.mdl__accordion__subject').toggleClass('mdl__accordion__subject--open');
if(open){
var height = $(this).closest('.mdl__accordion__subject').find('.mdl__accordion__content')[0].offsetHeight;
$(this).closest('.mdl__accordion__subject').find('.mdl__accordion__container').css('height', height + 'px');
$(this).closest('.mdl__accordion__subject').siblings('.mdl__accordion__subject--open').find('.mdl__accordion__subject__title').click();
} else {
$(this).closest('.mdl__accordion__subject').find('.mdl__accordion__container').css('height', 0);
}
});
$(this).find('.mdl__accordion__content').on('resized', function(){
if(open){
$(this).parent('.mdl__accordion__container').css('height', this.offsetHeight + 'px');
}
})
if(parseInt($(this).attr('data-open'))){
$(this).find('.mdl__accordion__subject__title').click();
}
});
})(jQuery);
});
document.addEventListener("DOMContentLoaded", function(event){
(function($) { // $ is not defined
})(jQuery);
});
document.addEventListener("DOMContentLoaded", function(event){
(function($) { // $ is not defined
$('.mdl__contact').each( function(){
$(this).find('.mdl__contact__card__image').on('inview', function(){
$(this).find('[data-src], [data-srcset]').each( function(){
dataImage(this);
})
});
});
})(jQuery);
});
document.addEventListener("DOMContentLoaded", function(event){
(function($) { // $ is not defined
})(jQuery);
});
document.addEventListener("DOMContentLoaded", function (event) {
(function ($) { // $ is not defined
})(jQuery);
});
document.addEventListener("DOMContentLoaded", function (event) {
(function ($) { // $ is not defined
//INVIEW
$('.mdl__gallery').on('inview', function(){
$(this).find('.mdl__gallery__teaser__image [data-src], .mdl__gallery__teaser__image [data-srcset]').each( function(){
dataImage(this);
})
});
$('.mdl__gallery__teaser__image').on('click', function(){
var module = $(this).closest('.mdl__gallery');
$('body').attr('data-state', 'mdl__gallery__modal--open');
module.find('.mdl__gallery__modal').addClass('mdl__gallery__modal--active');
module.find('.mdl__gallery__modal__content__image [data-src], .mdl__gallery__modal__content__image [data-srcset]').each( function(){
dataImage(this);
})
});
$('.mdl__gallery__modal__backdrop').on('click', function(){
var module = $(this).closest('.mdl__gallery');
$('body').attr('data-state', null);
module.find('.mdl__gallery__modal').removeClass('mdl__gallery__modal--active');
});
function loadGalleryImages(){
$('.mdl__gallery').on('inview', function(){
$(this).find('.mdl__gallery__teaser__image [data-src], .mdl__gallery__teaser__image [data-srcset]').each( function(){
dataImage(this);
})
});
}
})(jQuery);
});
document.addEventListener("DOMContentLoaded", function (event) {
(function ($) { // $ is not defined
$('.mdl__header_image').on('inview', function(){
$(this).find('.mdl__header_image__imagewrp [data-src], .mdl__header_image__imagewrp [data-srcset]').each( function(){
dataImage(this);
})
});
})(jQuery);
});
document.addEventListener("DOMContentLoaded", function(event){
(function($) { // $ is not defined
$('.tx-indexedsearch-browsebox > li a').each( function(){
if($(this).text() === '< Zurück'){
$(this).html('
');
} else if($(this).text() === 'Nächste >'){
$(this).html('
');
} else {
var text = $(this).text();
var replace = text.replace('Seite ', '');
$(this).text(replace);
}
if($(this).text() === '< Previous'){
$(this).html('
');
} else if($(this).text() === 'Next >'){
$(this).html('
');
} else {
var text = $(this).text();
var replace = text.replace('Page ', '');
$(this).text(replace);
}
});
$('.search-autocomplete-results').on('click',function(){
$(this).closest('form').submit();
});
})(jQuery);
});
document.addEventListener("DOMContentLoaded", function(event){
(function($) { // $ is not defined
})(jQuery);
});
document.addEventListener("DOMContentLoaded", function(event){
(function($) { // $ is not defined
})(jQuery);
});
document.addEventListener("DOMContentLoaded", function(event){
(function($) { // $ is not defined
$('.mdl__logo__listing').on('resized', function(){
var element = $(this);
if(this.offsetWidth > 720){
mdlLogoSlider(3, element)
} else if(this.offsetWidth > 480){
mdlLogoSlider(2, element)
} else {
mdlLogoSlider(1, element)
}
});
function mdlLogoSlider(slides, element){
if($(element).hasClass('slick-slider')){
$(element).slick('slickSetOption', {slidesToShow: slides}, true);
$(element).slick('refresh');
} else {
$(element).slick({
infinite: true,
slidesToShow: slides,
slidesToScroll: 1,
dots: true,
arrows: false
});
}
}
})(jQuery);
});
document.addEventListener("DOMContentLoaded", function(event){
(function($) { // $ is not defined
$('.mdl__picturemosaic').on('inview', function(){
$(this).find('[data-src], [data-srcset]').each( function(){
dataImage(this);
})
});
})(jQuery);
});
document.addEventListener("DOMContentLoaded", function (event) {
(function ($) { // $ is not defined
//INIT
$('.mdl__sidemenu').each( function(){
$('.mdl__sidemenu__card').each( function(){
$(this).attr('data-height', $(this).outerHeight() + 'px');
//COLLAPSE ALL
$(this).css('height', '0px');
});
$('.mdl__sidemenu__item--active > .mdl__sidemenu__list--submenu > .mdl__sidemenu__item > .mdl__sidemenu__card').each( function(){
//EXPAND ACTIVE
$(this).css('height', $(this).attr('data-height'));
});
$('.mdl__sidemenu > .mdl__sidemenu__list > .mdl__sidemenu__item > .mdl__sidemenu__card').each( function(){
//OPEN FIRST SIBLINGS
$(this).css('height', $(this).attr('data-height'));
});
$(this).removeClass('mdl__sidemenu--init');
if($(window).width() < 768){
$('.mdl__sidemenu__button').on('click', function(){
$(this).toggleClass('mdl__sidemenu__button--active');
});
}
});
$('.mdl__sidemenu__card__button').on('click', function(){
if($(this).parent().next().outerHeight() > 0){
$(this).closest('.mdl__sidemenu__card').next().find('.mdl__sidemenu__card').css('height', '0px');
$(this).closest('.mdl__sidemenu__item').removeClass('mdl__sidemenu__item--active');
$(this).closest('.mdl__sidemenu__item').find('.mdl__sidemenu__item').removeClass('mdl__sidemenu__item--active');
$(this).closest('.mdl__sidemenu__item').find('svg').css('transform', 'rotate(0deg)');
} else {
$(this).find('svg').css('transform', 'rotate(180deg)');
$(this).closest('.mdl__sidemenu__item').addClass('mdl__sidemenu__item--active');
$(this).closest('.mdl__sidemenu__card').next().children('.mdl__sidemenu__item').children('.mdl__sidemenu__card').each( function(){
$(this).css('height', $(this).attr('data-height'));
});
}
})
//INIT MOBILE
})(jQuery);
});
document.addEventListener("DOMContentLoaded", function(event){
(function($) { // $ is not defined
$('.mdl__subjectbox__single').on('inview', function(){
$(this).find('[data-src], [data-srcset]').each( function(){
dataImage(this);
})
});
})(jQuery);
});
document.addEventListener("DOMContentLoaded", function(event){
(function($) { // $ is not defined
$('.mdl__subjectbox').on('resized', function(){
var element = $(this).find('.mdl__subjectbox__listing');
if(this.offsetWidth > 640){
mdlSubjectboxSlider(2, element)
} else {
mdlSubjectboxSlider(1, element)
}
initSubjectboxSlider($(this));
});
function mdlSubjectboxSlider(slides, element){
if($(element).hasClass('slick-slider')){
$(element).slick('slickSetOption', {slidesToShow: slides}, true);
$(element).slick('refresh');
} else {
$(element).slick({
infinite: true,
slidesToShow: slides,
slidesToScroll: 1,
dots: true,
arrows: false,
rows: 0,
autoplay: true,
adaptiveHeight: false
});
}
}
function initSubjectboxSlider(module){
elementQueries($(module).find('.mdl__subjectbox__card'), [500]);
$(module).find('.mdl__subjectbox__card__image').each( function(){
inViewObserver.observe(this);
$(this).on('inview', function(){
$(this).find('[data-src], [data-srcset]').each( function(){
dataImage(this);
})
});
});
}
})(jQuery);
});
document.addEventListener("DOMContentLoaded", function(event){
(function($) { // $ is not defined
})(jQuery);
});
document.addEventListener("DOMContentLoaded", function(event){
(function($) { // $ is not defined
if($('.mdl__timetable').length > 0) {
const MdlTimetable = new Vue({
el: '.mdl__timetable',
data() {
return {
kw: '',
times: [
{ "value": 0, "start": "06:00", "end": "06:30"},
{ "value": 1, "start": "06:30", "end": "07:00"},
{ "value": 2, "start": "07:00", "end": "07:30"},
{ "value": 3, "start": "07:30", "end": "08:00"},
{ "value": 4, "start": "08:00", "end": "08:30"},
{ "value": 5, "start": "08:30", "end": "09:00"},
{ "value": 6, "start": "09:00", "end": "09:30"},
{ "value": 7, "start": "09:30", "end": "10:00"},
{ "value": 8, "start": "10:00", "end": "10:30"},
{ "value": 9, "start": "10:30", "end": "11:00"},
{ "value": 10, "start": "11:00", "end": "11:30"},
{ "value": 11, "start": "11:30", "end": "12:00"},
{ "value": 12, "start": "12:00", "end": "12:30"},
{ "value": 13, "start": "12:30", "end": "13:00"},
{ "value": 14, "start": "13:00", "end": "13:30"},
{ "value": 15, "start": "13:30", "end": "14:00"},
{ "value": 16, "start": "14:00", "end": "14:30"},
{ "value": 17, "start": "14:30", "end": "15:00"},
{ "value": 18, "start": "15:00", "end": "15:30"},
{ "value": 19, "start": "15:30", "end": "16:00"},
{ "value": 20, "start": "16:00", "end": "16:30"},
{ "value": 21, "start": "16:30", "end": "17:00"},
{ "value": 22, "start": "17:00", "end": "17:30"},
{ "value": 23, "start": "17:30", "end": "18:00"},
{ "value": 24, "start": "18:00", "end": "18:30"},
{ "value": 25, "start": "18:30", "end": "19:00"},
{ "value": 26, "start": "19:00", "end": "19:30"},
{ "value": 27, "start": "19:30", "end": "20:00"},
{ "value": 28, "start": "20:00", "end": "20:30"},
{ "value": 29, "start": "20:30", "end": "21:00"},
{ "value": 30, "start": "21:00", "end": "21:30"},
{ "value": 31, "start": "21:30", "end": "22:00"}
],
days: [],
categories: [],
columns: 8,
starttime: null,
endtime: null
}
},
methods: {
createNew(){
this.categories = [
{"id": 1,"title": "geschlossen für öffentlichen Badebetrieb","color": "#c6b183"},
{"id": 2,"title": "öffentlicher Badebetrieb 33-m-Bahnen","color": "#6fbb65"},
{"id": 3,"title": "öffentlicher Badebetrieb 17 x 21-m-Bahnen","color": "#e8b074"},
{"id": 4,"title": "öffentlicher Badebetrieb 25-m-Bahnen","color": "#5b99a6"},
{"id": 5,"title": "öffentlicher Badebetrieb 50-m-Bahnen","color": "#e8d33c"}
]
this.kw = '';
this.days = [
{
"headline": "Montag",
"items": []
},
{
"headline": "Dienstag",
"items": []
},
{
"headline": "Mittwoch",
"items": []
},
{
"headline": "Donnerstag",
"items": []
},
{
"headline": "Freitag",
"items": []
},
{
"headline": "Samstag",
"items": []
},
{
"headline": "Sonntag",
"items": []
}
];
this.starttime = new Date().getTime() / 1000;
this.endtime = new Date().getTime() / 1000;
},
getItems(type) {
var url = new URL(location.protocol + '//' + location.host + location.pathname);
url.searchParams.set('type', type);
fetch(url.toString())
.then( response => response.json())
.then(data => {
if(data.days){
this.kw = data.kw;
this.days = data.days;
this.categories = data.categories;
this.starttime = data.starttime;
this.endtime = data.endtime;
} else {
this.createNew();
}
})
},
generateDate(timestamp){
const lang = $('html').attr('lang');
const options = { year: 'numeric', month: '2-digit', day: '2-digit' };
const date = new Date(timestamp * 1000);
return date.toLocaleDateString(lang, options);
},
scrollNext(){
this.$refs.container.scrollBy({top: 0, left: 250, behavior: 'smooth'});
},
scrollBack(){
this.$refs.container.scrollBy({top: 0, left: -250, behavior: 'smooth'});
},
createdColumn(day){
let items = [];
for (var column = 1; column <= this.columns; column++) {
const slots = [];
for (const item of this.times){
let _obj = Object.assign({}, item);
_obj.column = column;
slots.push(_obj);
}
const columnEntries = day.items.filter(item => item.column === column);
if(columnEntries.length < 1){
items = items.concat(slots);
} else {
for(const entry of columnEntries){
let _obj = Object.assign({}, entry);
_obj.categoryTitle = this.categories.filter(category => category.id === entry.category)[0].title;
let start = slots.filter(time => time.start === entry.start)[0];
let end = slots.filter(time => time.end === entry.end)[0];
slots.splice(slots.indexOf(start), slots.indexOf(end) - slots.indexOf(start)+1, _obj);
}
items = items.concat(slots);
}
}
return items;
},
styles(entry){
if(!entry.category){
return false;
} else {
const start = this.times.filter(time => time.start === entry.start)[0].value + 1;
const end = this.times.filter(time => time.end === entry.end)[0].value + 1 + 1;
return {
backgroundColor: this.categories.filter(category => category.id === entry.category)[0].color,
gridRow: start +' / '+ end,
gridColumn: entry.column + 'auto'
}
}
},
},
computed: {
createHeadline:function () {
const currentDate = new Date(this.starttime * 1000);
const startDate = new Date(currentDate.getFullYear(), 0, 1);
const days = Math.floor((currentDate - startDate) /
(24 * 60 * 60 * 1000));
const weekNumber = Math.ceil(days / 7);
const lang = $('html').attr('lang');
const option1 = { month: '2-digit', day: '2-digit' };
const option2 = { year: 'numeric', month: '2-digit', day: '2-digit' };
const start = new Date(this.starttime * 1000);
const end = new Date(this.endtime * 1000);
return 'KW ' + weekNumber + ' / ' + start.toLocaleDateString(lang, option1) + ' - ' + end.toLocaleDateString(lang, option2);
}
},
created() {
this.getItems(136);
},
});
}
})(jQuery);
});
document.addEventListener("DOMContentLoaded", function (event) {
(function ($) { // $ is not defined
$('.mdl__video__teaser').each( function(){
$(this)[0].muted = true;
$(this)[0].play();
});
$(".mdl__video").each(function () {
// Video
var $video_container = $(this);
var $video = $(this).find("video");
// Video Controls
var $video_controls = $(this).find(".video-controls");
var $play_button = $(this).find(".play-button");
var $mute_button = $(this).find(".sound-button");
var $full_screen_btn = $(this).find(".btnFS");
var $current = $(this).find(".current");
var $duration = $(this).find(".duration");
var $fast_fwd = $(this).find(".fastFwd");
// Toggles play/pause for the video
function playVideo() {
if ($video[0].paused) {
$('.mdl__video').each(function (){
$(this).find(".video-controls").removeClass("playing");
$(this).removeClass("mdl__video-playing");
$(this).find(".mdl__video__textwrp").removeClass("mdl__video__textwrp-disabled");
$(this).find('video')[0].pause();
});
$video[0].play();
$video_controls.addClass("playing");
$video_container.addClass("mdl__video-playing");
$video_container.find(".mdl__video__textwrp").addClass("mdl__video__textwrp-disabled");
if ($video_container.parents(".video-header").length) {
$video_container.parents(".video-header").addClass("playing");
}
} else {
$video[0].pause();
$video_controls.removeClass("playing");
$video_container.parents(".video-header").removeClass("playing");
$video_container.removeClass("mdl__video-playing");
$video_container.find(".mdl__video__textwrp").removeClass("mdl__video__textwrp-disabled");
}
}
function launchFullscreen() {
if ($video[0].requestFullscreen) {
$video[0].requestFullscreen();
} else if ($video[0].mozRequestFullScreen) {
$video[0].mozRequestFullScreen();
} else if ($video[0].webkitRequestFullscreen) {
$video[0].webkitRequestFullscreen();
} else if ($video[0].msRequestFullscreen) {
$video[0].msRequestFullscreen();
}
}
// Play/pause on video click
$video.click(function () {
playVideo();
});
/* VIDEO CONTROLS
------------------------------------------------------- */
// Show button controls on hover
$video_container.on("mouseover", function () {
});
// Play/pause on button click
$play_button.click(function () {
playVideo();
});
// Mute video on button click
$mute_button.click(function () {
$video[0].muted = !$video[0].muted;
$(this).toggleClass("sound-muted");
if ($video[0].muted) {
$volume_bar.css("width", 0);
} else {
$volume_bar.css("width", $video[0].volume * 100 + "%");
}
});
// Full Screen Button
$full_screen_btn.click(function () {
launchFullscreen();
});
});
})(jQuery);
});
window.addEventListener("load", function(event){
(function($) { // $ is not defined
if($('.mdl__contact-birthdays').length > 0) {
const mdlContactBirthdays = new Vue({
el: '.mdl__contact-birthdays',
data() {
return {
items: [{},{},{}],
}
},
methods: {
getItems(type) {
var url = new URL(location.protocol + '//' + location.host + location.pathname);
url.searchParams.set('type', type);
fetch(url.toString())
.then( response => response.json())
.then(data => {
this.items = [];
const lang = $('html').attr('lang');
const options = { month: 'long', day: '2-digit' };
for (const item of data.items){
const dateOfBirth = new Date(item.birthday * 1000);
let today = new Date(); today.setHours(0,0,0,0);
let limit = new Date(); limit.setMonth(limit.getMonth() + 1);
item.bday = new Date(today.getFullYear(),dateOfBirth.getMonth(),dateOfBirth.getDay());
item.current = false;
if(item.bday >= today && item.bday < limit){
item.birthday = item.bday.toLocaleDateString(lang, options);
if(item.bday.getTime() === today.getTime()){
item.current = true;
}
this.items.push(item);
}
}
})
},
sortItems(items) {
items.sort(function (a, b) {
return a.bday - b.bday;
})
return items.slice(0, 9);
},
setSlider(){
const list = $('.mdl__contact-birthdays__listing');
if(list.children().length > 0){
list.slick({
infinite: false,
slidesToShow: 1,
rows: 3,
slidesToScroll: 1,
dots: true,
arrows: false,
adaptiveHeight: false
});
}
},
},
computed: {
dynamicItems () {
return this.sortItems(this.items);
}
},
created() {
this.getItems(70);
},
mounted() {
$('.mdl__contact-birthdays').attr('data-inview', '');
$('.mdl__contact-birthdays').attr('data-inview-ones', '');
inViewObserver.observe(document.querySelectorAll('.mdl__contact-birthdays')[0]);
},
beforeUpdate() {
$('.mdl__contact-birthdays__listing.slick-initialized').slick('unslick');
},
updated() {
this.setSlider();
}
});
}
})(jQuery);
}, false);
window.addEventListener("load", function(event){
(function($) { // $ is not defined
// Catch errors since some browsers throw when using the new `type` option.
// https://bugs.webkit.org/show_bug.cgi?id=209216
if($('.mdl__contact-phonebook').length > 0) {
const mdlContactPhonebook = new Vue({
el: '.mdl__contact-phonebook',
data() {
return {
searchTerm: '',
mode: 'list',
storage: [],
letters: [],
category: '',
timer: null,
}
},
methods: {
getLetters() {
let alphabet = 'abcdefghijklmnopqrstuvwxyz';
alphabet = alphabet.split("");
for (const letter of alphabet){
let item = {};
item.name = letter;
item.entries = 0;
this.letters.push(item);
}
},
getItems() {
var url = new URL(location.protocol + '//' + location.host + location.pathname);
url.searchParams.set('type', '70');
fetch(url.toString())
.then( response => response.json())
.then(data => {
const lang = $('html').attr('lang');
const options = { year: '2-digit', month: '2-digit', day: '2-digit' };
for (const item of data.items){
item.birthday = new Date(item.birthday * 1000).toLocaleDateString(lang, options);
let letterIndex = this.letters.findIndex((letter => letter.name === item.lastname.toLowerCase().charAt(0)));
this.letters[letterIndex].entries++;
this.storage.push(item);
}
})
},
setCategory(letter){
if(this.category === letter){
this.category = '';
} else {
this.category = letter;
}
},
categoryItems() {
let items = [];
for (const contact of this.storage){
if (contact.lastname.toLowerCase().charAt(0) === this.category) {
items.push(contact);
}
}
return items
},
searchItems() {
let items = [];
if(this.searchTerm.length > 1){
const swords = this.searchTerm.toLowerCase().trim().split(' ').map(element => element.trim());
for (const contact of this.storage){
let copy = contact;
delete copy.personioId;
delete copy.linkedIn;
delete copy.image;
delete copy.company;
let data = Object.values(copy).toString().toLowerCase();
let useful = false;
for (const sword of swords){
if(data.includes(sword)){
useful = true
}
}
if(useful){
items.push(contact);
}
}
}
return items
},
switchMode(){
if(this.searchTerm.length > 0){
this.mode = 'search';
this.category = '';
} else {
this.mode = 'list';
}
}
},
computed: {
categorised () {
return this.categoryItems();
},
searched () {
return this.searchItems();
}
},
watch: {
searchTerm () {
this.switchMode();
},
category () {
this.categoryItems();
},
},
mounted () {
inViewObserver.observe(document.querySelectorAll('.mdl__contact-phonebook')[0]);
},
created() {
this.getLetters();
this.getItems();
}
});
}
})(jQuery);
}, false);
window.addEventListener("load", function(event){
(function($) { // $ is not defined
if($('.mdl__event-list').length > 0) {
const mdlEventList = new Vue({
el: '.mdl__event-list',
data() {
return {
items: [],
storage: [],
page: 1,
splice: 2,
perPage: 8,
pages: [],
}
},
methods: {
getItems(type) {
var url = new URL(location.protocol + '//' + location.host + location.pathname);
url.searchParams.set('type', type);
fetch(url.toString())
.then( response => response.json())
.then(data => {
const lang = $('html').attr('lang');
const options = { year: 'numeric', month: '2-digit', day: '2-digit', timeZone: 'Universal'};
for (const item of data.items){
const date = new Date(item.date * 1000);
item.date = date.toLocaleDateString(lang, options);
const eventEnd = new Date(item.eventEnd * 1000);
item.eventEnd = eventEnd.toLocaleDateString(lang, options);
if(!item.address){
item.address = {};
item.address.title = 'im Maximare';
}
this.items.push(item);
this.storage.push(item);
}
if(data.items.length === 0){
const date = new Date();
var item = {
"uid": 0,
"title": "Keine Einträge verfügbar",
"date": date.toLocaleDateString(lang, options),
"eventEnd": date.toLocaleDateString(lang, options),
"link": location.protocol + '//' + location.host + location.pathname
}
this.items.push(item);
}
})
console.log(this.items);
},
setPages () {
let numberOfPages = Math.ceil(this.items.length / this.perPage);
for (let index = 1; index <= numberOfPages; index++) {
this.pages.push(index);
}
},
paginate (items) {
let page = this.page;
let perPage = this.perPage;
let from = (page * perPage) - perPage;
let to = (page * perPage);
return items.slice(from, to);
}
},
computed: {
dynamicItems () {
return this.paginate(this.items);
}
},
watch: {
items () {
this.setPages();
},
page () {
if(this.page > 1){
this.splice = 1;
} else {
this.splice = 2;
}
}
},
created() {
this.getItems(9);
},
});
}
})(jQuery);
}, false);
window.addEventListener("load", function(event){
(function($) { // $ is not defined
if($('.mdl__event-widget').length > 0) {
const mdlEventWidget = new Vue({
el: '.mdl__event-widget',
data() {
return {
items: [],
}
},
methods: {
getItems(type) {
var url = new URL(location.protocol + '//' + location.host + location.pathname);
url.searchParams.set('type', type);
url.searchParams.set('limit', '3');
fetch(url.toString())
.then( response => response.json())
.then(data => {
const lang = $('html').attr('lang');
const options = { year: 'numeric', month: '2-digit', day: '2-digit' };
for (const item of data.items){
const date = new Date(item.date * 1000);
item.date = date.toLocaleDateString(lang, options);
const eventEnd = new Date(item.eventEnd * 1000);
item.eventEnd = eventEnd.toLocaleDateString(lang, options);
if(!item.address){
item.address = {};
item.address.title = 'im Maximare';
}
this.items.push(item);
}
if(data.items.length === 0){
const date = new Date();
var item = {
"uid": 0,
"title": "Keine Einträge verfügbar",
"date": date.toLocaleDateString(lang, options),
"eventEnd": date.toLocaleDateString(lang, options),
"link": location.protocol + '//' + location.host + location.pathname
}
this.items.push(item);
}
})
},
},
created() {
this.getItems(9);
},
updated() {
$('.mdl__event-widget').attr('data-inview', '');
$('.mdl__event-widget').attr('data-inview-ones', '');
inViewObserver.observe(document.querySelectorAll('.mdl__event-widget')[0]);
}
});
}
})(jQuery);
}, false);
window.addEventListener("load", function(event){
(function($) { // $ is not defined
if($('.mdl__job-list').length > 0) {
const mdlJobList = new Vue({
el: '.mdl__job-list',
data() {
return {
items: [],
storage: [],
categories: [],
selected: [],
page: 1,
splice: 2,
perPage: 8,
pages: [],
}
},
methods: {
getItems(type) {
var url = new URL(location.protocol + '//' + location.host + location.pathname);
url.searchParams.set('type', type);
fetch(url.toString())
.then( response => response.json())
.then(data => {
const lang = $('html').attr('lang');
const options = { year: 'numeric', month: '2-digit', day: '2-digit' , timeZone:'Universal'};
for (const item of data.items){
const date = new Date(item.date * 1000);
item.date = date.toLocaleDateString(lang, options);
if(item.start) {
const start = new Date(item.start * 1000);
item.start = start.toLocaleDateString(lang, options);
}
if(item.end){
const end = new Date(item.end * 1000);
item.end = end.toLocaleDateString(lang, options);
}
this.items.push(item);
this.storage.push(item);
}
if(data.items.length === 0){
const date = new Date();
var item = {
"uid": 0,
"title": "Keine Einträge verfügbar",
"date": date.toLocaleDateString(lang, options),
"category": {
"uid": 0,
"title": "0 Ergebnisse"
},
"link": location.protocol + '//' + location.host + location.pathname
}
this.items.push(item);
}
this.categories = data.categories;
})
},
setPages () {
let numberOfPages = Math.ceil(this.items.length / this.perPage);
for (let index = 1; index <= numberOfPages; index++) {
this.pages.push(index);
}
},
select (uid) {
if(this.selected.includes(uid)){
this.selected.splice(this.selected.indexOf(uid), 1);
} else if(uid === 0){
this.selected = [];
} else {
this.selected.push(uid);
}
this.applyFilter();
},
applyFilter(){
this.items = [];
this.page = 1;
this.pages = [];
for (const item of this.storage) {
if (this.selected.length === 0) {
this.items.push(item);
} else {
let useful = false;
for (const uid of this.selected) {
if (item.category.uid === uid) {
useful = true;
}
}
if (useful) {
this.items.push(item);
}
}
}
},
paginate (items) {
let page = this.page;
let perPage = this.perPage;
let from = (page * perPage) - perPage;
let to = (page * perPage);
return items.slice(from, to);
}
},
computed: {
dynamicItems () {
return this.paginate(this.items);
}
},
watch: {
items () {
this.setPages();
},
page () {
if(this.page > 1){
this.splice = 1;
} else {
this.splice = 2;
}
}
},
created() {
this.getItems(104);
},
});
}
})(jQuery);
}, false);
window.addEventListener("load", function(event){
(function($) { // $ is not defined
if($('.mdl__job-widget').length > 0) {
const mdlJobsWidget = new Vue({
el: '.mdl__job-widget',
data() {
return {
items: [],
storage: [],
locations: [],
selected: 0,
location: '',
perPage: 6,
open: false,
}
},
methods: {
async collectItems(type) {
let user = JSON.parse(document.getElementsByClassName('tpl__features-user__data')[0].textContent);
this.fetchItems(type).then(json => {
for (const item of json.items) {
this.storage.push(item);
}
if (json.locations.length > 0) {
this.locations = json.locations;
}
this.select(user.location[0]);
});
},
async fetchItems (type) {
var url = new URL(window.location.protocol + '//' + location.host + location.pathname);
url.searchParams.set('type', type);
let response = await fetch(url.toString());
let json = await response.json();
for (let item of await json.items){
item = this.prepareItem(item);
}
return json;
},
prepareItem (item) {
const lang = $('html').attr('lang');
const options = { year: 'numeric', month: 'long' };
const date = new Date(item.date * 1000);
item.date = date.toLocaleDateString(lang, options);
return item;
},
select (location) {
this.selected = location.value;
this.location = location.title;
this.open = false;
this.applyFilter();
},
applyFilter(){
this.items = [];
for (const item of this.storage) {
for (const location of item.location) {
if (location.value === this.selected) {
this.items.push(item);
}
}
}
this.items = this.items.slice(0,this.perPage);
},
setSlider(){
let list = $('.mdl__job-widget__listing');
if(list.children().length > 0){
list.slick({
infinite: false,
slidesToShow: 1,
slidesToScroll: 1,
dots: true,
arrows: false,
rows: 2,
adaptiveHeight: false
});
$('.mdl__job-widget').each( function(){
elementQueries($(this).find('.mdl__job-widget__card'), [400]);
});
}
},
openSelect(){
this.open = true;
},
},
computed: {
dynamicItems () {
return this.items;
}
},
mounted() {
this.setSlider();
$('.mdl__job-widget').attr('data-inview', '');
$('.mdl__job-widget').attr('data-inview-ones', '');
inViewObserver.observe(document.querySelectorAll('.mdl__job-widget')[0]);
},
created() {
this.collectItems(71);
},
beforeUpdate() {
$('.mdl__job-widget__listing.slick-initialized').slick('unslick');
},
updated() {
this.setSlider();
}
});
}
})(jQuery);
}, false);
window.addEventListener("load", function(event){
(function($) { // $ is not defined
if($('.mdl__news-current').length > 0) {
const mdlNewsCurrent = new Vue({
el: '.mdl__news-current',
data() {
return {
items: [
{
"uid": 89,
"title": "Willkommen im Intranet der Empira Group!",
"date": 1652869380,
"category": {
"uid": 56,
"title": "News"
},
"location": [],
"new": true,
"image": "\/fileadmin\/_processed_\/a\/8\/csm_AdobeStock_274413590_4b3ed91807.jpeg",
"link": "\/aktuelle-updates\/news-center\/willkommen-im-empira-intranet"
}
],
}
},
methods: {
getNewsCurrentItems(type) {
var url = new URL(location.protocol + '//' + location.host + location.pathname);
url.searchParams.set('type', type);
url.searchParams.set('plugin', 'NewsCurrent');
fetch(url.toString())
.then( response => response.json())
.then(data => {
const lang = $('html').attr('lang');
const options = { year: 'numeric', month: '2-digit', day: '2-digit' };
var number = 1;
for (const item of data.items){
const date = new Date(item.date * 1000);
item.date = date.toLocaleDateString(lang, options);
if(!item.image){
item.image = '/fileadmin/user_upload/Template/empira-template-0'+ number +'.png';
number++;
if(number === 8){
number = 1;
}
}
}
this.items = data.items;
})
},
setSlider(){
$('.mdl__news-current__listing').slick({
infinite: false,
slidesToShow: 1,
slidesToScroll: 1,
dots: true,
arrows: true,
rows: 0,
adaptiveHeight: false
})
$('.mdl__news-current').each( function(){
elementQueries($(this).find('.mdl__news-current__card'), [500, 768]);
})
}
},
created() {
this.getNewsCurrentItems(58);
},
mounted() {
this.setSlider();
inViewObserver.observe(document.querySelectorAll('.mdl__news-current')[0]);
},
beforeUpdate() {
$('.mdl__news-current__listing.slick-initialized').slick('unslick');
},
updated() {
this.setSlider();
}
});
}
})(jQuery);
}, false);
window.addEventListener("load", function(event){
(function($) { // $ is not defined
if($('.mdl__news-list').length > 0) {
const mdlNewsList = new Vue({
el: '.mdl__news-list',
data() {
return {
items: [],
storage: [],
categories: [],
category: $('.mdl__news-list__items').attr('data-category'),
selected: [],
page: 1,
splice: 2,
perPage: 9,
pages: [],
}
},
methods: {
getItems(type) {
var url = new URL(location.protocol + '//' + location.host + location.pathname);
url.searchParams.set('type', type);
if(this.category > 0){
url.searchParams.set('category', this.category);
}
fetch(url.toString())
.then( response => response.json())
.then(data => {
const lang = $('html').attr('lang');
const options = { year: 'numeric', month: '2-digit', day: '2-digit' };
for (const item of data.items){
const date = new Date(item.date * 1000);
item.date = date.toLocaleDateString(lang, options);
this.items.push(item);
this.storage.push(item);
}
if(data.items.length === 0){
const date = new Date();
var item = {
"uid": 0,
"title": "Keine Einträge verfügbar",
"date": date.toLocaleDateString(lang, options),
"category": {
"uid": 0,
"title": "0 Ergebnisse"
},
"link": location.protocol + '//' + location.host + location.pathname
}
this.items.push(item);
}
this.categories = data.categories;
})
},
setPages () {
let numberOfPages = Math.ceil(this.items.length / this.perPage);
for (let index = 1; index <= numberOfPages; index++) {
this.pages.push(index);
}
},
select (uid) {
if(this.selected.includes(uid)){
this.selected.splice(this.selected.indexOf(uid), 1);
} else if(uid === 0){
this.selected = [];
} else {
this.selected.push(uid);
}
this.applyFilter();
},
applyFilter(){
this.items = [];
this.page = 1;
this.pages = [];
for (const item of this.storage) {
if(this.selected.length === 0) {
this.items.push(item);
} else {
let useful = false;
for (const uid of this.selected) {
if (item.category.uid === uid) {
useful = true;
}
}
if(useful){
this.items.push(item);
}
}
}
},
paginate (items) {
let page = this.page;
let perPage = this.perPage;
let from = (page * perPage) - perPage;
let to = (page * perPage);
return items.slice(from, to);
}
},
computed: {
dynamicItems () {
return this.paginate(this.items);
}
},
watch: {
items () {
this.setPages();
},
page () {
if(this.page > 1){
this.splice = 1;
} else {
this.splice = 2;
}
}
},
created() {
this.getItems(8);
},
});
}
})(jQuery);
}, false);
window.addEventListener("load", function(event){
(function($) { // $ is not defined
if($('.mdl__news-widget').length > 0) {
const mdlNewsWidget = new Vue({
el: '.mdl__news-widget',
data() {
return {
items: [],
storage: [],
categories: [
{
"uid": 56,
"title": "News"
}
],
selected: 0,
perPage: 6,
}
},
methods: {
async collectItems(type) {
var categories = $('.mdl__news-widget__listing').attr('data-categories').split(',');
let promises = [];
for (const category of categories){
promises.push(this.fetchItems(type, category));
}
await Promise.all(promises).then(data => {
this.categories = [];
for (const json of data){
for (const item of json.items) {
this.storage.push(item);
}
if (json.categories.length > 0) {
this.categories.push(json.categories[0]);
}
}
this.select(this.categories[0].uid);
})
},
async fetchItems (type, category) {
var url = new URL(window.location.protocol + '//' + location.host + location.pathname);
url.searchParams.set('type', type);
url.searchParams.set('limit', this.perPage);
if(category > 0){
url.searchParams.set('category', category);
}
let response = await fetch(url.toString());
let json = await response.json();
for (let item of await json.items){
item = this.prepareItem(item);
}
return json;
},
prepareItem (item) {
const lang = $('html').attr('lang');
const options = { year: 'numeric', month: 'long' };
let random = Math.floor(Math.random() * 6) + 1;
const date = new Date(item.date * 1000);
item.date = date.toLocaleDateString(lang, options);
if(!item.image){
item.image = '/fileadmin/user_upload/Template/empira-template-0'+ random +'.png';
}
return item;
},
select (uid) {
this.selected = uid;
this.applyFilter();
},
applyFilter(){
this.items = [];
for (const item of this.storage) {
if (item.category.uid === this.selected) {
this.items.push(item);
}
}
},
setSlider(){
elementQueries($('.mdl__news-widget__card'), [500, 768]);
const element = $('.mdl__news-widget__listing');
if(element[0].offsetWidth > 768){
this.refreshSlider(2, element)
} else {
this.refreshSlider(1, element)
}
},
refreshSlider(slides, element){
if($('.mdl__news-widget__listing').children().length > 0){
if($(element).hasClass('slick-slider')){
$(element).slick('slickSetOption', {slidesToShow: slides}, true);
$(element).slick('refresh');
} else {
$(element).slick({
infinite: false,
slidesToShow: slides,
slidesToScroll: slides,
dots: true,
arrows: false,
rows: 0,
adaptiveHeight: false
});
}
}
}
},
computed: {
dynamicItems () {
return this.items;
}
},
mounted() {
this.setSlider();
inViewObserver.observe(document.querySelectorAll('.mdl__news-widget')[0]);
},
created() {
this.collectItems(58);
},
beforeUpdate() {
$('.mdl__news-widget__listing.slick-initialized').slick('unslick');
},
updated() {
this.setSlider();
}
});
}
})(jQuery);
}, false);
document.addEventListener("DOMContentLoaded", function(event){
(function($) { // $ is not defined
$('.scrollUpBtn').on('click', function(e){
e.preventDefault();
window.scrollTo(0,0);
});
})(jQuery);
});
document.addEventListener("DOMContentLoaded", function (event) {
(function ($) { // $ is not defined
$('.tpl--navigation__share__button').on('click', function (){
$('.tpl--navigation__share__modal').toggleClass('tpl--navigation__share__modal--active');
})
})(jQuery);
});
document.addEventListener("DOMContentLoaded", function(event){
(function($) { // $ is not defined
//COOKIE
function setCookie(cname, cvalue, exdays) {
var d = new Date();
var expires = '';
if(exdays){
d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
expires = "expires="+d.toUTCString();
}
document.cookie = cname + "=" + cvalue + ";path=/" + expires;
}
function getCookie(cname) {
var name = cname + "=";
var ca = document.cookie.split(';');
for(var i = 0; i < ca.length; i++) {
var c = ca[i];
while (c.charAt(0) == ' ') {
c = c.substring(1);
}
if (c.indexOf(name) == 0) {
return c.substring(name.length, c.length);
}
}
return "";
}
function checkCookie(Id, hash) {
var cookie = getCookie(Id);
if (cookie != "" && hash === cookie) {
return false;
//COOKIE EXISTS
} else {
//OPEN POPUP
$('.tpl__popup__modal').addClass('tpl__popup__modal--active');
return true;
}
}
function hashCode (str){
var hash = 0;
if (str.length == 0) return hash;
for (i = 0; i < str.length; i++) {
char = str.charCodeAt(i);
hash = ((hash<<5)-hash)+char;
hash = hash & hash;
}
return hash;
}
$('.tpl__popup__modal').each( function(e){
var hash = hashCode($(this).text()).toString();
checkCookie('modal', hash);
});
// CURRENT NEWS BOX TOGGLE
$('.tpl__popup__button').click(function (e) {
$('.tpl__popup__modal').toggleClass('tpl__popup__modal--active');
});
// CLOSE CURRENT NEWS BOX
$('.tpl__popup__modal__close, .button.button--white-invert.close').click(function (e) {
$('.tpl__popup__modal').removeClass('tpl__popup__modal--active');
setCookie('modal', hashCode($('.tpl__popup__modal').text()), );
});
})(jQuery);
});
document.addEventListener("DOMContentLoaded", function(event){
(function($) { // $ is not defined
$('.tpl--frontpage-about-slider').slick({
dots: false,
arrows: true,
centerMode: true,
slidesToShow: 3,
appendArrows: '.about-slider-arrows',
prevArrow: $('.about-slider-prev'),
nextArrow: $('.about-slider-next'),
speed: 800,
autoplay: false,
rows: 0, // Slick hat einen Bug bei dem immer ein DIV um die slides gesetzt wird. Hiermit wird das unterbunden
autoplaySpeed: 7000,
responsive: [
{
breakpoint: 1028,
settings: {
slidesToShow: 2,
}
},
{
breakpoint: 480,
settings: {
slidesToShow: 1,
centerMode: false,
}
},
]
});
$('.tpl--frontpage-about-header .topics-list__item').each( function(){
inViewObserver.observe(this);
$(this).on('inview', function(){
$(this).find('[data-src], [data-srcset]').each( function(){
dataImage(this);
})
});
});
$('.tpl--frontpage-about-slider__item').each( function(){
inViewObserver.observe(this);
$(this).on('inview', function(){
$(this).find('[data-src], [data-srcset]').each( function(){
dataImage(this);
})
});
});
})(jQuery);
});
window.addEventListener("load", function(event){
(function($) { // $ is not defined
if($('.tpl--frontpage-calendar').length > 0) {
const tplFrontPageCalendar = new Vue({
el: '.tpl--frontpage-calendar',
data() {
return {
events: [],
news: [],
mode: 'events'
}
},
methods: {
getEvents(type) {
var url = new URL(location.protocol + '//' + location.host + location.pathname);
url.searchParams.set('type', type);
url.searchParams.set('limit', '6');
fetch(url.toString())
.then( response => response.json())
.then(data => {
const lang = $('html').attr('lang');
const options = { year: 'numeric', month: '2-digit', day: '2-digit', timeZone:'Universal'};
for (const item of data.items){
const date = new Date(item.date * 1000);
item.date = date.toLocaleDateString(lang, options);
const eventEnd = new Date(item.eventEnd * 1000);
item.eventEnd = eventEnd.toLocaleDateString(lang, options);
this.events.push(item);
}
if(data.items.length === 0){
const date = new Date();
var item = {
"uid": 0,
"title": "Keine Einträge verfügbar",
"date": date.toLocaleDateString(lang, options),
"eventEnd": date.toLocaleDateString(lang, options),
"link": location.protocol + '//' + location.host + location.pathname
}
this.events.push(item);
}
})
},
getNews(type) {
var url = new URL(location.protocol + '//' + location.host + location.pathname);
url.searchParams.set('type', type);
url.searchParams.set('limit', '6');
fetch(url.toString())
.then( response => response.json())
.then(data => {
const lang = $('html').attr('lang');
const options = { year: 'numeric', month: '2-digit', day: '2-digit', timeZone:'Universal' };
for (const item of data.items){
const date = new Date(item.date * 1000);
item.date = date.toLocaleDateString(lang, options);
this.news.push(item);
}
if(data.items.length === 0){
const date = new Date();
var item = {
"uid": 0,
"title": "Keine Einträge verfügbar",
"date": date.toLocaleDateString(lang, options),
"eventEnd": date.toLocaleDateString(lang, options),
"link": location.protocol + '//' + location.host + location.pathname
}
this.news.push(item);
}
})
},
switchMode(input){
this.mode = input;
},
setSlider(){
const element = $('.tpl--frontpage-calendar-slider');
if(element[0].offsetWidth > 1028){
this.refreshSlider(2.5, element)
} else if(element[0].offsetWidth > 540) {
this.refreshSlider(1.5, element)
} else {
this.refreshSlider(1, element)
}
},
refreshSlider(slides, element){
if($('.tpl--frontpage-calendar-slider').children().length > 0){
if($(element).hasClass('slick-slider')){
$(element).slick('slickSetOption', {slidesToShow: slides}, true);
$(element).slick('refresh');
} else {
$(element).slick({
dots: true,
customPaging: function(slider, i) {
return '