Indhold hentet fra borger.dk
');\r\n $('.lovgivning,.anbefaler,.selvbetjeningslinks').wrapInner('');\r\n $('.selvbetjeningslinks > div > ul').wrap('');\r\n\r\n var container = $(\".borgerDKaccordion\");\r\n var trigger = $(container).find(\".accordion__header\");\r\n\r\n if ($(container).length > 0) {\r\n\r\n //uses jquery.collapsable.js for better accessibility \r\n $(trigger).collapsible();\r\n\r\n $(container).find(\".accordion__content\").removeClass(\"init\");\r\n\r\n\r\n $(trigger).on(\"click\", function () {\r\n var self = this;\r\n\r\n /* \r\n $(self)\r\n .parent().toggleClass(\"active\");\r\n .siblings().removeClass(\"active\"); */\r\n });\r\n\r\n container.each(function () {\r\n var containerItem = $(this);\r\n if (containerItem.prev().find(\".accordion\").length > 0)\r\n containerItem.addClass(\"after-accordion\");\r\n if (containerItem.next().find(\".accordion\").length > 0 || containerItem.next().hasClass(\"borgerDKaccordion\"))\r\n containerItem.addClass(\"before-accordion\");\r\n });\r\n }\r\n\r\n // Hack for accommodating client request for \"seamless\" transition from accordion groups\r\n\r\n $('.grid-editor--gridBorgerDk, .grid-editor--gridAcordion').each(function () {\r\n let $this = $(this);\r\n if ($this.prev().is('.grid-editor--gridBorgerDk') || $this.prev().is('.grid-editor--gridAcordion')) {\r\n $this.prev().addClass('no-bottom-margin');\r\n }\r\n });\r\n});","(function () { \r\n const shareEl = document.querySelector('.content__toplinks');\r\n const shareTrigger = document.querySelector('.share');\r\n if (shareTrigger) {\r\n shareTrigger.addEventListener('click', function (e) {\r\n e.preventDefault();\r\n shareEl.classList.add('active');\r\n });\r\n document.querySelector('.content__toplinks-close').addEventListener('click', function (e) {\r\n e.preventDefault();\r\n shareEl.classList.remove('active');\r\n });\r\n }\r\n})();","","function showPreviousAgendas(agendas, pageSize) {\r\n var input = document.getElementById(\"agendaListIndexInput\");\r\n input.value = (parseInt(input.value) + pageSize);\r\n if (parseInt(input.value) + pageSize >= agendas.length)\r\n $(\".esdh__showPrevious\").addClass(\"hidden\");\r\n\r\n $.ajax({\r\n url: '/Umbraco/surface/EDocAgendaResults/AddPartialToView',\r\n data: { id: \"~/Views/Partials/eDocAgenda/_EsdhSearchAgendasItems.cshtml\", agendaList: agendas, index: parseInt(input.value), pageSize: pageSize },\r\n type: \"POST\",\r\n success: function (data) {\r\n $(data).insertAfter($(\".esdh__area-item\").last());\r\n }\r\n });\r\n}\r\n\r\n$(function () {\r\n\r\n var committeeButtons = document.getElementsByName(\"committee-button\");\r\n var yearButtons = document.getElementsByName(\"year-button\");\r\n var form = document.getElementById(\"esdhSearchForm\");\r\n\r\n $(committeeButtons).on(\"click\", function (e) {\r\n e.preventDefault();\r\n document.getElementById(\"committeeFilter\").value = e.target.getAttribute(\"data-committee\");\r\n $(form).trigger(\"submit\");\r\n });\r\n\r\n $(yearButtons).on(\"click\", function (e) {\r\n e.preventDefault();\r\n document.getElementById(\"yearFilter\").value = e.target.getAttribute(\"data-year\");\r\n $(form).trigger(\"submit\");\r\n });\r\n\r\n});","$(function () {\r\n var esdhsubscribeOptions = {\r\n selectorId: \"esdh-subscribe\",\r\n triggerClass: \"esdh__toggle\",\r\n submitClass: \"esdh-subscribe__submit\",\r\n esdhContentId: \"esdh-subscribe__content\",\r\n selector: \"\",\r\n form: \"\",\r\n button: \"\",\r\n formNotification: \"\",\r\n successContainer: \".subscribe-success\",\r\n existContainer: \".subscribe-warning\",\r\n errorContainer: \".subscribe-error\",\r\n statusContainer: \".status\",\r\n init: function () {\r\n this.selector = $(\"#\" + this.selectorId);\r\n this.trigger = $(this.selector).find(\".\" + this.triggerClass);\r\n this.submit = $(this.selector).find(\".\" + this.submitClass);\r\n this.content = $(this.selector).find(\"#\" + this.esdhContentId);\r\n this.form = $(this.selector).find(\"form\");\r\n this.button = $(this.selector).find(\"button\");\r\n this.formNotification = $(this.selector).find(\".form-notification\");\r\n }\r\n }\r\n\r\n var response = [];\r\n response[1] = \"Email adressen er allerede tilmeldt nyhedsbrevet\";\r\n response[2] = \"Email adresse ikke gyldig\";\r\n response[3] = \"Tilmeldt\";\r\n response[4] = \"Der skete en fejl\";\r\n\r\n var errorClass = [];\r\n errorClass[1] = esdhsubscribeOptions.existContainer;\r\n errorClass[2] = esdhsubscribeOptions.existContainer;\r\n errorClass[3] = esdhsubscribeOptions.successContainer;\r\n errorClass[4] = esdhsubscribeOptions.errorContainer;\r\n\r\n var esdhsubscribeHandler = {\r\n initSubscribe: function (e) {\r\n\r\n e.preventDefault();\r\n $(esdhsubscribeOptions.button).prop(\"disabled\", true);\r\n\r\n esdhsubscribeHandler.submitForm(e);\r\n },\r\n\r\n submitForm: function () {\r\n var formArray = $(esdhsubscribeOptions.form).serializeArray();\r\n\r\n var commInputs = $(esdhsubscribeOptions.form).find(\"#committees\").find(\":checked\");\r\n var committees = [];\r\n\r\n $.each(commInputs, function (key, value) {\r\n committees.push(value.value);\r\n });\r\n\r\n var email = $(esdhsubscribeOptions.form).find(\"#esdh-email\")[0].value;\r\n\r\n var url = $(esdhsubscribeOptions.form).attr(\"action\");\r\n if (committees.length > 0) {\r\n\r\n $.ajax({\r\n type: \"POST\",\r\n url: url,\r\n data: {\r\n names: committees,\r\n email: email\r\n },\r\n success: function (e) {\r\n if (e.data) {\r\n esdhsubscribeHandler.responseHandler(e.data);\r\n } else {\r\n esdhsubscribeHandler.responseHandler(e);\r\n }\r\n },\r\n error: function () {\r\n esdhsubscribeHandler.responseHandler(null);\r\n }\r\n });\r\n }\r\n else {\r\n $(esdhsubscribeOptions.button).prop(\"disabled\", false);\r\n esdhsubscribeHandler.responseHandler(null);\r\n }\r\n },\r\n responseHandler: function (status) {\r\n\r\n $(esdhsubscribeOptions.formNotification).find(\"div\").hide();\r\n\r\n $(esdhsubscribeOptions.statusContainer).removeClass(esdhsubscribeOptions.existContainer.replace(\".\", \"\"))\r\n .removeClass(esdhsubscribeOptions.errorContainer.replace(\".\", \"\")).removeClass(esdhsubscribeOptions.successContainer.replace(\".\", \"\"));\r\n\r\n for (var k in status) {\r\n if (status.hasOwnProperty(k)) {\r\n var key = status[k].Key;\r\n var value = status[k].Value;\r\n esdhsubscribeOptions.formNotification.find(\".status--\" + key).html($('.comittee--' + key).html() + \": \" + response[value]).addClass(errorClass[value].replace(\".\", \"\")).fadeIn(300);\r\n }\r\n }\r\n }\r\n }\r\n\r\n var esdhOpenCloseHandler = {\r\n\r\n openCloseToggle: function () {\r\n var isActive = $(esdhsubscribeOptions.content).hasClass(\"active\");\r\n\r\n if (!isActive) {\r\n esdhOpenCloseHandler.openSubscribe();\r\n $('.esdh-subscribe__overlay').addClass(\"active\");\r\n } else {\r\n esdhOpenCloseHandler.closeSubscribe();\r\n $('.esdh-subscribe__overlay').removeClass(\"active\");\r\n }\r\n },\r\n\r\n openSubscribe: function () {\r\n $(esdhsubscribeOptions.trigger).addClass(\"active\");\r\n\r\n $(esdhsubscribeOptions.content)\r\n\r\n .addClass(\"active\");\r\n },\r\n\r\n closeSubscribe: function () {\r\n $(esdhsubscribeOptions.trigger).removeClass(\"active\");\r\n\r\n $(esdhsubscribeOptions.content)\r\n\r\n .removeClass(\"active\");\r\n }\r\n\r\n }\r\n\r\n\r\n esdhsubscribeOptions.init();\r\n $(esdhsubscribeOptions.trigger).on(\"click\", function (e) {\r\n esdhOpenCloseHandler.openCloseToggle(e);\r\n e.preventDefault();\r\n });\r\n\r\n $('.esdh-subscribe__overlay, .esdh-close').on(\"click\", function () {\r\n $(esdhsubscribeOptions.trigger).trigger(\"click\");\r\n });\r\n\r\n $(esdhsubscribeOptions.formNotification).find(\"div\").hide();\r\n\r\n if ($(esdhsubscribeOptions.form).length > 0) {\r\n $(esdhsubscribeOptions.form).on(\"submit\", function (e) {\r\n if (esdhsubscribeOptions.form.valid()) {\r\n esdhsubscribeHandler.initSubscribe(e);\r\n }\r\n });\r\n }\r\n\r\n // close overlay when escape key is pressed\r\n $(document).on(\"keyup\", function (e) {\r\n if (e.key === \"Escape\") {\r\n var isActive = $(esdhsubscribeOptions.content).hasClass(\"active\");\r\n\r\n if (isActive) {\r\n esdhOpenCloseHandler.closeSubscribe();\r\n $('.esdh-subscribe__overlay').removeClass(\"active\");\r\n }\r\n }\r\n });\r\n\r\n // focus trap inside overlay when navigating with keyboard\r\n $(document).on(\"keyup\", function (e) {\r\n var isActive = $(esdhsubscribeOptions.content).hasClass(\"active\");\r\n if (!isActive)\r\n return;\r\n\r\n if (e.key === \"Tab\") {\r\n var first = esdhsubscribeOptions.content.find(\"a\").first();\r\n var last = esdhsubscribeOptions.content.find(\"button\").first();\r\n\r\n if (first.is(e.target) && e.shiftKey) {\r\n e.preventDefault();\r\n last.focus();\r\n }\r\n if (last.is(e.target) && !e.shiftKey) {\r\n e.preventDefault();\r\n first.focus();\r\n }\r\n }\r\n });\r\n});","var feedbackOptions = {\r\n selectorId: \"feedback\",\r\n triggerClass: \"feedback-trigger\",\r\n contentClass: \"feedback-content\",\r\n selector: \"\",\r\n trigger: \"\",\r\n content: \"\",\r\n form: \"\",\r\n pageId: 0,\r\n init: function () {\r\n this.selector = $(\"#\" + this.selectorId);\r\n this.trigger = $(this.selector).find(\".\" + this.triggerClass);\r\n this.content = $(this.selector).find(\".\" + this.contentClass);\r\n this.form = $(this.selector).find(\"form\");\r\n this.pageId = $(\"body\").data(\"nodeid\");\r\n }\r\n}\r\n\r\n\r\nvar feedbackHandler = {\r\n\r\n initFeedback: function (e, trigger) {\r\n\r\n var isActive = $(feedbackOptions.content).hasClass(\"active\");\r\n var priority = $(trigger).data(\"priority\");\r\n\r\n if (!isActive) {\r\n feedbackHandler.openFeedback(priority);\r\n } else {\r\n feedbackHandler.closeFeedback(priority);\r\n }\r\n },\r\n openFeedback: function () {\r\n $(feedbackOptions.trigger)\r\n .addClass(\"active\");\r\n\r\n $(feedbackOptions.content)\r\n .slideDown()\r\n .addClass(\"active\");\r\n },\r\n closeFeedback: function () {\r\n $(feedbackOptions.trigger)\r\n .removeClass(\"active\");\r\n\r\n $(feedbackOptions.content)\r\n .slideUp()\r\n .removeClass(\"active\");\r\n\r\n setTimeout(function () {\r\n $(feedbackOptions.selector).removeClass(\"feedback-submitted\");\r\n }, 5000);\r\n\r\n },\r\n submitFeedback: function (e) {\r\n\r\n if (e != null) {\r\n e.preventDefault();\r\n }\r\n\r\n var postUrl = \"/umbraco/api/feedback/Post\";\r\n var formArray = $(feedbackOptions.form).serializeArray();\r\n\r\n var type = formArray[0],\r\n name = \"\",\r\n email = \"\",\r\n comment = formArray[1].value,\r\n priority = parseInt($(feedbackOptions.form).find(\"input[type=radio]:checked\").data(\"priority\"));\r\n\r\n\r\n var model = {\r\n Comment: comment,\r\n ParentId: feedbackOptions.pageId,\r\n Category: { Name: type.value, Priority: priority },\r\n PostersName: name,\r\n PostersEmail: email\r\n }\r\n\r\n $.ajax({\r\n type: \"POST\",\r\n url: postUrl,\r\n data: model,\r\n success: function () {\r\n $(feedbackOptions.selector).addClass(\"feedback-submitted\");\r\n\r\n feedbackHandler.clearFormValues();\r\n feedbackHandler.closeFeedback();\r\n },\r\n error: function () {\r\n $(feedbackOptions.form).find(\"button\").after(\"Der skete desværre en fejl. Prøv venligst igen lidt senere\");\r\n },\r\n dataType: \"json\"\r\n });\r\n\r\n\r\n },\r\n clearFormValues: function () {\r\n $(feedbackOptions.form).trigger(\"reset\");\r\n }\r\n}\r\n\r\n\r\n\r\n\r\n\r\n$(function () {\r\n\r\n feedbackOptions.init();\r\n\r\n $(feedbackOptions.trigger).on(\"click\", function (e) {\r\n e.preventDefault();\r\n feedbackHandler.initFeedback(e, $(this));\r\n });\r\n\r\n $(feedbackOptions.content).find(\"form\").on(\"submit\", function (e) {\r\n\r\n e.preventDefault();\r\n\r\n var formIsValid = $(this).valid();\r\n\r\n if (formIsValid) {\r\n feedbackHandler.submitFeedback(e);\r\n }\r\n });\r\n\r\n});","// This will hopefully be converted into a vup app, and is just to demo some functionality until we have some dynamic content. It is a copy of section page tabs\r\n(function () {\r\n var keys = {\r\n ARROWS: [37, 38, 39, 40],\r\n ARROW_LEFT: 37,\r\n ARROW_UP: 38,\r\n ARROW_RIGHT: 39,\r\n ARROW_DOWN: 40,\r\n ENTER: 13,\r\n SPACE: 32,\r\n PAGE_UP: 33,\r\n PAGE_DOWN: 34\r\n };\r\n // var selectors = { // TODO\r\n // tabWrapper: '.filter-tabs'\r\n // }\r\n\r\n\r\n\r\n /**\r\n @param {Object} startTab - The tab to start searching from.\r\n @param {Object} $list - A list of nav buttons as a jQuery object.\r\n @param {Object} key - The triggering key code.\r\n @returns {Object} - The tab to the left or right of `startTab`.\r\n */\r\n function findAdjacentTab(startTab, $list, key) {\r\n var dir =\r\n (key === keys.ARROW_LEFT || key === keys.ARROW_UP) ? 'prev' : 'next';\r\n var adjacentTab = (dir === 'prev') ?\r\n $(startTab.parentNode)\r\n .prev()[0] :\r\n $(startTab.parentNode)\r\n .next()[0];\r\n\r\n if (!adjacentTab) {\r\n var allTabs = $list.find('.filter-tabs__nav-item');\r\n if (dir === 'prev') {\r\n adjacentTab = allTabs[allTabs.length - 1];\r\n }\r\n else {\r\n adjacentTab = allTabs[0];\r\n }\r\n }\r\n\r\n return $(adjacentTab)\r\n .find('.filter-tabs__nav-trigger')[0];\r\n }\r\n\r\n /**\r\n @param {Object} newActive - Tab to be made active.\r\n @param {Object} $list - A list of nav buttons as a jQuery object.\r\n @param {Boolean} closeIfSame - KRUSO: Close the tab if it's the same as the currently active\r\n @returns {undefined}\r\n */\r\n function setActiveAndInactive(newActive, $list, closeIfSame) {\r\n $('.filters-overlay').hide();\r\n\r\n $list.find('.filter-tabs__nav-item')\r\n .each(function () {\r\n var assocPanelID = $(this)\r\n .find('.filter-tabs__nav-trigger')\r\n .first()\r\n .attr('aria-controls');\r\n var anchor = $(this)\r\n .find('.filter-tabs__nav-trigger')[0];\r\n\r\n\r\n\r\n\r\n if (this == newActive.parentNode && closeIfSame && $(this).hasClass('is-active')) {\r\n $(this)\r\n .removeClass('is-active');\r\n anchor.tabIndex = -1;\r\n anchor.setAttribute('aria-selected', 'false');\r\n $('#' + assocPanelID)\r\n .removeClass('is-current')\r\n .attr('aria-hidden', 'true');\r\n }\r\n else if (this !== newActive.parentNode) {\r\n $(this)\r\n .removeClass('is-active');\r\n anchor.tabIndex = -1;\r\n anchor.setAttribute('aria-selected', 'false');\r\n $('#' + assocPanelID)\r\n .removeClass('is-current')\r\n .attr('aria-hidden', 'true');\r\n }\r\n else {\r\n $(this)\r\n .addClass('is-active');\r\n anchor.tabIndex = 0;\r\n anchor.setAttribute('aria-selected', 'true');\r\n $('#' + assocPanelID)\r\n .addClass('is-current')\r\n .removeAttr('aria-hidden');\r\n $('.filters-overlay').show();\r\n }\r\n });\r\n }\r\n\r\n var $allTabGroups = $('.filter-tabs');\r\n\r\n $allTabGroups.each(function () {\r\n var $tabs = $(this);\r\n var $navlist = $tabs.find('.filter-tabs__navlist');\r\n\r\n $navlist.on('keydown', '.filter-tabs__nav-item .filter-tabs__nav-trigger',\r\n function (keyVent) {\r\n var which = keyVent.which;\r\n var target = keyVent.target;\r\n\r\n if ($.inArray(which, keys.ARROWS) > -1) {\r\n var adjacentTab = findAdjacentTab(target, $navlist, which);\r\n\r\n if (adjacentTab) {\r\n keyVent.preventDefault();\r\n adjacentTab.focus();\r\n\r\n setActiveAndInactive(adjacentTab, $navlist);\r\n }\r\n }\r\n else if (which === keys.ENTER || which === keys.SPACE) {\r\n keyVent.preventDefault();\r\n target.click();\r\n }\r\n else if (which === keys.PAGE_DOWN) {\r\n keyVent.preventDefault();\r\n var assocPanel = $('#' + this.getAttribute('aria-controls'));\r\n\r\n if (assocPanel) {\r\n assocPanel.trigger(\"focus\");\r\n }\r\n }\r\n }\r\n );\r\n\r\n // Click support\r\n $navlist.on('click', '.filter-tabs__nav-item .filter-tabs__nav-trigger', function () {\r\n setActiveAndInactive(this, $navlist, true);\r\n });\r\n\r\n // overlat click\r\n $('.filters-overlay').on('click', function () {\r\n setActiveAndInactive($('.is-active .filter-tabs__nav-trigger')[0], $navlist, true);\r\n });\r\n });\r\n\r\n $(document.body)\r\n .on('keydown', '.filter-tabs__panel', function (e) {\r\n if (e.key == \"ArrowUp\" || e.key == \"Up\") {\r\n e.preventDefault();\r\n var $navlist = $(this)\r\n .closest('.filter-tabs')\r\n .find('.filter-tabs__navlist');\r\n var activeTab = $navlist\r\n .find('.filter-tabs__nav-item.is-active .filter-tabs__nav-trigger')[0];\r\n\r\n if (activeTab) {\r\n activeTab.focus();\r\n }\r\n }\r\n });\r\n\r\n\r\n})();","\r\n(function ($) {\r\n //console.log(\"test\");\r\n $(\".umbraco-forms-field\").each(function () {\r\n if ($(this).find(\"label\").length == 1 && $(this).find(\"input\").length > 0) {\r\n $(this).find(\"input\").attr(\"aria-label\", ($(this).find(\"label\").html().replace(/(<([^>]+)>)/ig, \"\")) ? ($(this).find(\"label\").html().replace(/(<([^>]+)>)/ig, \"\")).trim() : ($(this).find(\"label\").html().replace(/(<([^>]+)>)/ig, \"\")));\r\n }\r\n });\r\n}(jQuery));\r\n\r\n","(function () {\r\n let storedScrollPos = 0;\r\n const content = document.querySelector(\"#content\");\r\n const headerWrapper = document.querySelector('.header-wrapper');\r\n\r\n const stickyHeader = document.querySelector('.header');\r\n let updating = false\r\n\r\n const alertEl = document.querySelector('.header-wrapper .alert');\r\n let alertSeenInCurrentSession = sessionStorage.getItem('alertSeen');\r\n let showAlertBox = alertEl && !alertSeenInCurrentSession;\r\n\r\n function handleScroll() {\r\n const threshold = stickyHeader.getBoundingClientRect();\r\n const snapPoint = showAlertBox ? alertEl.offsetHeight : 0;\r\n if (threshold.top <= snapPoint) {\r\n stickyHeader.classList.add('header--fixed');\r\n } else {\r\n stickyHeader.classList.remove('header--fixed');\r\n }\r\n\r\n if (showAlertBox && window.scrollY <= alertEl.offsetHeight) {\r\n stickyHeader.classList.remove('header--fixed');\r\n }\r\n\r\n updating = false\r\n\r\n }\r\n\r\n if (!showAlertBox) {\r\n stickyHeader.classList.add('header--fixed');\r\n }\r\n\r\n window.addEventListener('scroll', function () {\r\n if (window.scrollY > 1) {\r\n document.body.classList.add('scrolled');\r\n } else {\r\n document.body.classList.remove('scrolled');\r\n }\r\n\r\n if (window.scrollY > storedScrollPos && window.scrollY > 80) {\r\n document.body.classList.add('scrolling-down');\r\n } else {\r\n document.body.classList.remove('scrolling-down');\r\n }\r\n\r\n storedScrollPos = window.scrollY;\r\n\r\n\r\n if (!updating) {\r\n updating = true;\r\n requestAnimationFrame(handleScroll);\r\n }\r\n\r\n\r\n // to-top button\r\n if (content) {\r\n const contentBottom = content.offsetTop + content.offsetHeight;\r\n if (innerHeight + window.scrollY >= contentBottom) { // bottom of #content is in viewport. Should this be center of content instead?\r\n document.body.classList.add(\"scrolled-to-content\");\r\n } else {\r\n document.body.classList.remove(\"scrolled-to-content\");\r\n }\r\n }\r\n });\r\n\r\n // set .scroll class on load\r\n if (window.scrollY > 1) {\r\n document.body.classList.add('scrolled');\r\n }\r\n\r\n const menuBtn = document.querySelector('.menu-toggle');\r\n const searchBtn = document.querySelector('.search-toggle');\r\n const headerNav = document.querySelector('.header-nav');\r\n const closeBtn = document.querySelector('.search-close');\r\n\r\n let menuOpen = false;\r\n menuBtn.addEventListener('click', function () {\r\n menuOpen = !menuOpen;\r\n headerWrapper.classList.toggle('navigation--visible');\r\n document.body.classList.toggle('mobile-nav-open');\r\n headerNav.setAttribute('aria-hidden', !menuOpen);\r\n\r\n const menuToggle = document.getElementById('menu-toggle-ex1');\r\n menuToggle.setAttribute('aria-expanded', menuOpen);\r\n menuToggle.classList.toggle('active');\r\n });\r\n\r\n let searchOverlayOpen = false;\r\n const searchBtnFunc = function () {\r\n searchOverlayOpen = !searchOverlayOpen;\r\n document.body.classList.toggle('mobile-search-open');\r\n\r\n const searchToggle = document.getElementById('search-toggle-ex1');\r\n searchToggle.setAttribute('aria-expanded', searchOverlayOpen);\r\n searchToggle.classList.toggle('active');\r\n }\r\n\r\n searchBtn.addEventListener('click', searchBtnFunc);\r\n\r\n closeBtn.addEventListener('click', searchBtnFunc);\r\n\r\n\r\n // TODO: move to emergency-notification\r\n // alert box \r\n if (showAlertBox) {\r\n headerWrapper.classList.add('header-wrapper--has-alert');\r\n //alertEl.style.maxHeight = alertEl.scrollHeight + 'px';\r\n\r\n alertEl.querySelector('.alert__btn').addEventListener('click', function () {\r\n headerWrapper.classList.remove('header-wrapper--has-alert');\r\n sessionStorage.setItem('alertSeen', 'true');\r\n alertSeenInCurrentSession = true;\r\n showAlertBox = false;\r\n setTimeout(function () { // prevent keyboard navigation\r\n alertEl.innerHTML = '';\r\n handleScroll(); // recalculate header position to make it fixed\r\n }, 400); // animation delay\r\n window.focus();\r\n });\r\n } else if (alertEl) {\r\n alertEl.style.display = 'none'; // prevent keyboard navigation\r\n }\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n // mobile menu\r\n const mobileMenuBreakpoint = 992;\r\n const listItemsWithDropdownsLinks = document.querySelectorAll('.nav__item--has-children > a');\r\n listItemsWithDropdownsLinks.forEach(function (link) {\r\n link.addEventListener('click', function (e) {\r\n if (window.innerWidth < mobileMenuBreakpoint) {\r\n e.preventDefault();\r\n }\r\n\r\n const nextUlNode = link.parentNode.querySelector('ul');\r\n nextUlNode.classList.remove('is-hidden');\r\n nextUlNode.setAttribute('aria-hidden', false);\r\n\r\n const parentListItem = link.parentNode;\r\n const outerUl = parentListItem.parentNode;\r\n outerUl.classList.add('move-out');\r\n\r\n // scroll list to top to prevent hiding very short lists\r\n const scrollEls = document.querySelectorAll('.nav, .nav ul');\r\n scrollEls.forEach(function (el) {\r\n if (el.scrollTop !== 0) {\r\n el.scrollTop = 0;\r\n }\r\n });\r\n\r\n //append parentItem to breadcrumbs\r\n const labelEl = link.closest('ul').previousElementSibling;\r\n let label = '';\r\n if (labelEl.tagName.toLowerCase() === 'ol') {\r\n label = labelEl.getAttribute('data-breadcrumb-label');\r\n } else {\r\n label = labelEl.children.length === 0 ? labelEl.textContent : labelEl.querySelector('.nav-title').textContent\r\n }\r\n const breadcrumbOptions = {\r\n el: link,\r\n append: true,\r\n label: label\r\n }\r\n updateNavBreadCrumbs(breadcrumbOptions);\r\n });\r\n });\r\n\r\n\r\n // appends/removes the clicked item from the breadcrumbs, and scrolls the breadcrumb container if it's overflowing\r\n function updateNavBreadCrumbs(options) {\r\n const breadCrumbsList = document.querySelector('.nav-breadcrumbs');\r\n\r\n if (options.append) {\r\n const newListItem = document.createElement('li')\r\n const newListItemLink = document.createElement('a');\r\n newListItem.appendChild(newListItemLink);\r\n\r\n newListItemLink.textContent = options.label;\r\n newListItemLink.href = '#';\r\n newListItemLink.onclick = function () {\r\n const link = options.el;\r\n const parentListItem = link.parentNode;\r\n const outerUl = parentListItem.parentNode;\r\n outerUl.classList.remove('move-out');\r\n\r\n // find all list items below link list item, that are currently open, and close them\r\n const nextUlNodes = link.parentNode.querySelectorAll('ul');\r\n nextUlNodes.forEach(function (node) {\r\n node.classList.add('is-hidden');\r\n node.setAttribute('aria-hidden', true);\r\n node.classList.remove('move-out');\r\n });\r\n\r\n const breadcrumbOptions = {\r\n el: link,\r\n append: false,\r\n breadcrumb: this\r\n }\r\n updateNavBreadCrumbs(breadcrumbOptions);\r\n\r\n return false; // prevent updating URL\r\n }\r\n\r\n breadCrumbsList.appendChild(newListItem);\r\n } else {\r\n // remove this, and all further list items from the breadcrumbs\r\n let crumbListItem = options.breadcrumb.parentNode;\r\n const crumbListItemWithNextSiblings = [];\r\n crumbListItemWithNextSiblings.push(crumbListItem);\r\n\r\n while (crumbListItem.nextElementSibling) {\r\n crumbListItemWithNextSiblings.push(crumbListItem.nextElementSibling);\r\n crumbListItem = crumbListItem.nextElementSibling;\r\n }\r\n crumbListItemWithNextSiblings.forEach(function (el) {\r\n el.remove();\r\n });\r\n\r\n }\r\n // in case there are super long titles that make the list horizontally scrollable, we should scroll it to the end\r\n breadCrumbsList.scrollLeft = breadCrumbsList.scrollWidth;\r\n\r\n return false; // prevent updating URL\r\n }\r\n\r\n // updates the mobile nav to have the current page expanded in the dropdowns.\r\n // TODO: do we need this?\r\n // Case: \r\n // 1: You click around the menu, expanding and closing different sections, so you end up on a dropdown that is not the same as the current page you're on\r\n // 2: You close the menu.\r\n // 3: you open the menu again. You are still at the same place where you left the menu, and not back on the current page dropdown\r\n // Should this revert back to current page, or should we keep it like this? \r\n function resetNavToCurrentPage() {\r\n\r\n }\r\n\r\n // generate nav breadcrumbs, and set the mobile nav to the currentpage \r\n function initNavToCurrentPage() {\r\n console.log('init nav to current active page');\r\n // const currentPageLink = document.querySelector('.nav .active');\r\n // if (currentPageLink) {\r\n // console.log('it here', currentPageLink)\r\n // }\r\n const currentPageParents = document.querySelectorAll('.nav .active-child');\r\n currentPageParents.forEach(function (parentListItem) {\r\n // Only toogle element parent if it contains children\r\n if (parentListItem.classList.contains('nav__item--has-children')) {\r\n parentListItem.firstElementChild.click();\r\n }\r\n });\r\n }\r\n\r\n if (window.innerWidth < mobileMenuBreakpoint) {\r\n initNavToCurrentPage();\r\n }\r\n\r\n\r\n})();","(function () {\r\n // hero carrousel\r\n var $heroImageWrapper = $(\".hero--carousel .hero__image-wrapper\");\r\n\r\n $(function () {\r\n if ($heroImageWrapper.length > 0) {\r\n if (window.siteSettings.locale === \"da\") {\r\n $heroImageWrapper.on(\"init\", function (event, slick) {\r\n $(\".carousel-actions .slick-next\").html(\"Næste\");\r\n $(\".carousel-actions .slick-next\").attr(\"aria-label\", \"Næste\");\r\n $(\".carousel-actions .slick-prev\").html(\"Forrige\");\r\n $(\".carousel-actions .slick-prev\").attr(\"aria-label\", \"Forrige\");\r\n });\r\n }\r\n\r\n $heroImageWrapper.slick({\r\n slidesToShow: 1,\r\n slidesToScroll: 1,\r\n autoplay: true,\r\n autoplaySpeed: 8000,\r\n fade: true,\r\n appendArrows: \".carousel-arrows\",\r\n pauseOnHover: false,\r\n responsive: [\r\n {\r\n breakpoint: 993,\r\n settings: {},\r\n },\r\n ],\r\n });\r\n\r\n // add control buttons if more than one slide\r\n if ($heroImageWrapper.find(\".hero__image\").length > 1) {\r\n $(\".carousel-actions\").addClass(\"show\");\r\n }\r\n\r\n var playing = true;\r\n $(\".carousel-toggle\").on(\"click\", function () {\r\n if (playing) {\r\n $heroImageWrapper.slick(\"slickPause\");\r\n } else {\r\n $heroImageWrapper.slick(\"slickPlay\");\r\n }\r\n\r\n this.classList.toggle(\"active\");\r\n playing = !playing;\r\n });\r\n }\r\n });\r\n\r\n // sliding tabs thing\r\n})();\r\n","$(function () {\r\n $(\".fancybox\").fancybox(\r\n {\r\n afterShow: function () {\r\n var src = this.element.attr('href');\r\n $('').appendTo(this.inner);\r\n }\r\n });\r\n});","$(function () {\r\n\r\n $(\".datepickerfield-facet\").each(function () {\r\n var $self = $(this);\r\n\r\n $self.pikaday({\r\n firstDay: 1,\r\n format: 'DD/MM YYYY',\r\n i18n: {\r\n previousMonth: 'Forrige Måned',\r\n nextMonth: 'Næste Måned',\r\n months: ['Januar', 'Februar', 'Marts', 'April', 'Maj', 'Juni', 'July', 'August', 'September', 'Oktober', 'November', 'December'],\r\n weekdays: ['Søndag', 'Mandag', 'Tirsdag', 'Onsdag', 'Torsdag', 'Fredag', 'Lørdag'],\r\n weekdaysShort: ['Søn', 'Man', 'Tir', 'Ons', 'Tor', 'Fre', 'Lør']\r\n },\r\n onSelect: function () {\r\n var selectedDate = this.getMoment().format('DD/MM YYYY');\r\n var unixdate = this.getMoment().unix();\r\n //\r\n var fromdate = unixdate;\r\n var todate = unixdate;\r\n\r\n if ($self.hasClass('fromdate')) {\r\n if ($('.todate').val() != \"\") {\r\n var day = $('.todate').val().split('/')[0];\r\n var month = $('.todate').val().split('/')[1].split(\" \")[0];\r\n var year = $('.todate').val().split(' ')[1];\r\n todate = moment(year + \"-\" + month + \"-\" + day).unix();\r\n // one day minus 1 second\r\n todate += 86399;\r\n } else {\r\n todate = 0;\r\n }\r\n\r\n }\r\n\r\n if ($self.hasClass('todate')) {\r\n if ($('.fromdate').val() != \"\") {\r\n var day = $('.fromdate').val().split('/')[0];\r\n var month = $('.fromdate').val().split('/')[1].split(\" \")[0];\r\n var year = $('.fromdate').val().split(' ')[1];\r\n fromdate = moment(year + \"-\" + month + \"-\" + day).unix();\r\n } else {\r\n fromdate = 0;\r\n }\r\n // one day minus 1 second\r\n todate += 86399;\r\n }\r\n\r\n $(\".list-page__item\").each(function () {\r\n\r\n var element = $(this);\r\n element.removeClass(\"hidden-datefilter\");\r\n\r\n if (todate < fromdate && todate > 0 &&\r\n fromdate > 0) {\r\n element.addClass(\"hidden-datefilter\");\r\n\r\n } else if (todate > 0 &&\r\n fromdate > 0 &&\r\n (element.data(\"timestamp\") <= fromdate || element.data(\"timestamp\") > todate)) {\r\n\r\n element.addClass(\"hidden-datefilter\");\r\n\r\n } else if (fromdate > 0 && element.data(\"timestamp\") <= fromdate) {\r\n element.addClass(\"hidden-datefilter\");\r\n } else if (todate > 0 && element.data(\"timestamp\") >= todate) {\r\n element.addClass(\"hidden-datefilter\");\r\n }\r\n });\r\n\r\n\r\n $self.prev(\".datepickerfieldshadow\").val(selectedDate);\r\n }\r\n });\r\n });\r\n\r\n\r\n //Add 'even' and 'odd' class for element styling\r\n //for 'no-image' elements\r\n $(\".no-image\").each(function (index) {\r\n\r\n // For each one, peek at the previous object.\r\n var objPrev = $(this).prev('.no-image');\r\n if (objPrev.hasClass('odd')) {\r\n $(this).addClass('even');\r\n\r\n } else if ($(this).prev('.has-image')) {\r\n if ($(this).prevAll('.no-image:first').hasClass('odd')) {\r\n $(this).addClass('even');\r\n } else {\r\n $(this).addClass('odd');\r\n }\r\n } else {\r\n $(this).addClass('odd');\r\n }\r\n });\r\n\r\n //for 'has-image' elements\r\n $(\".has-image\").each(function (index) {\r\n // For each one, peek at the previous object.\r\n var objPrev = $(this).prev('.has-image');\r\n if (objPrev.hasClass('odd')) {\r\n $(this).addClass('even');\r\n } else if ($(this).prev('.no-image')) {\r\n if ($(this).prevAll('.has-image:first').hasClass('odd')) {\r\n $(this).addClass('even');\r\n } else {\r\n $(this).addClass('odd');\r\n }\r\n } else {\r\n $(this).addClass('odd');\r\n }\r\n });\r\n\r\n //toggle facet container\r\n $(\".faceted-filter-content\").find('.js-faceted-filter-content__toggle').on('click', function () {\r\n let id = $(this).data('id');\r\n let scopedContainer = $('.js-faceted-filter-container__' + id);\r\n\r\n\r\n if (scopedContainer.find('.form-group').find('.selected').length > 0) {\r\n $('.js-faceted-filter-container__' + id).addClass('filter-ele');\r\n } else {\r\n $('.js-faceted-filter-container__' + id).removeClass('filter-ele');\r\n }\r\n\r\n $('.js-faceted-filter-container').each(function () {\r\n if ($(this).data('id') == id) {\r\n $(this).toggleClass('toggle');\r\n } else {\r\n $(this).removeClass('toggle');\r\n }\r\n\r\n });\r\n $('.js-faceted-filter-content__toggle').each(function () {\r\n if ($(this).data('id') == id) {\r\n $(this).toggleClass('active');\r\n } else {\r\n $(this).removeClass('active');\r\n }\r\n\r\n });\r\n });\r\n\r\n // wait until existing the filter elements in to dom\r\n setTimeout(function () {\r\n let selectedArray = [];\r\n\r\n $('.form-group').find('.checkbox').each(function () {\r\n $(this).find('label').on('click', function () {\r\n let $this = $(this);\r\n\r\n let id = $this.closest(\".js-faceted-filter-container\").data('id');\r\n\r\n window.location.hash = 'page=1';\r\n\r\n if (!Array.isArray(selectedArray[id])) {\r\n selectedArray[id] = [];\r\n }\r\n\r\n\r\n if (!$(this).find('input').is(\":checked\")) {\r\n $(this).closest('.checkbox').removeClass('selected');\r\n $(this).closest('.filter-item').removeClass('selected');\r\n selectedArray[id] = selectedArray[id].filter(function (item) { return item.find('input').attr('id') != $this.find('input').attr('id') })\r\n\r\n } else {\r\n let item = $(this).closest('.checkbox');\r\n item.find('input').removeClass('filter')\r\n $(this).closest('.checkbox').addClass('selected');\r\n $(this).closest('.filter-item').addClass('selected');\r\n selectedArray[id].push(item)\r\n\r\n }\r\n\r\n // Insert clear-filters button\r\n\r\n let selectedFiltersContainer = $('.js-faceted-filter-container__' + id);\r\n selectedFiltersContainer.find('.selected-filters').remove();\r\n\r\n if (selectedArray[id].length > 0) {\r\n\r\n selectedFiltersContainer.prepend(\"
\");\r\n\r\n selectedArray[id].forEach(function (value) {\r\n let element = value.remove('input');\r\n selectedFiltersContainer.find('.selected-filters').prepend('\" + window.siteSettings.showing + \" \" + (constructor.min + 1) + \" \" + window.siteSettings.to + \" \" + (constructor.max < $(constructor.containerClass).find(\".item-active\").length ? constructor.max : $(constructor.containerClass).find(\".item-active\").length) + \" \" + window.siteSettings.of + \" \" + $(constructor.containerClass).find(\".item-active\").length + \"