| @@ -13,11 +13,11 @@ | |||||
| --theme-color-secondary: #56BD66; | --theme-color-secondary: #56BD66; | ||||
| --theme-color-secondary-microsite: #56BD66; | --theme-color-secondary-microsite: #56BD66; | ||||
| --theme-color-secondary-intensed: #2E8533; | |||||
| --theme-color-secondary-intensed: #247929; | |||||
| --theme-color-secondary-dimmed: #E4F1E4; | --theme-color-secondary-dimmed: #E4F1E4; | ||||
| --theme-color-gradient-01: var(--theme-color-primary); | --theme-color-gradient-01: var(--theme-color-primary); | ||||
| --theme-color-gradient-02: #4BA490; | |||||
| --theme-color-gradient-02: #3C8F85; | |||||
| --theme-color-gradient-03: #AFCC7A; | --theme-color-gradient-03: #AFCC7A; | ||||
| --theme-color-link: var(--theme-color-primary); | --theme-color-link: var(--theme-color-primary); | ||||
| @@ -207,7 +207,7 @@ class IHKGallery { | |||||
| this.popup = $('<div class="gallery-popup" tabindex="-1" />').appendTo($('body')); | this.popup = $('<div class="gallery-popup" tabindex="-1" />').appendTo($('body')); | ||||
| const slides = $('<div class="slider" />').appendTo(this.popup); | const slides = $('<div class="slider" />').appendTo(this.popup); | ||||
| const closer = $('<button class="closer" />').prependTo(this.popup); | |||||
| const closer = $('<button class="closer" aria-label="Schließen" />').prependTo(this.popup); | |||||
| if (this.items.length === 1) { | if (this.items.length === 1) { | ||||
| slides.addClass('single-slide'); | slides.addClass('single-slide'); | ||||
| @@ -23,7 +23,9 @@ export const createIhkSwitch = ({ | |||||
| const p2 = 'Sie befinden sich auf der Seite der <strong class="current-ihk" data-ihknr="118">' + currentIHK + '</strong>. Bisher ist die <strong><span class="my-ihk">' + myIHK + '</span></strong> als Ihre Heimat-IHK hinterlegt. Wollen Sie die Seite der <strong class="current-ihk" data-ihknr="118">' + currentIHK + '</strong> in einem Cookie als Ihre neue Heimat-IHK setzen?'; | const p2 = 'Sie befinden sich auf der Seite der <strong class="current-ihk" data-ihknr="118">' + currentIHK + '</strong>. Bisher ist die <strong><span class="my-ihk">' + myIHK + '</span></strong> als Ihre Heimat-IHK hinterlegt. Wollen Sie die Seite der <strong class="current-ihk" data-ihknr="118">' + currentIHK + '</strong> in einem Cookie als Ihre neue Heimat-IHK setzen?'; | ||||
| const p3 = 'Sie werden zum Angebot der <strong class="large my-ihk">' + myIHK + '</strong> weitergeleitet.'; | const p3 = 'Sie werden zum Angebot der <strong class="large my-ihk">' + myIHK + '</strong> weitergeleitet.'; | ||||
| createElement('button', ['closer'], null, wrap); | |||||
| const closer = createElement('button', ['closer'], null, wrap); | |||||
| closer.ariaLabel = 'Schließen'; | |||||
| wrap.appendChild(closer); | |||||
| step1.dataset.step = 'form'; | step1.dataset.step = 'form'; | ||||
| createElement('p', [], p1, step1); | createElement('p', [], p1, step1); | ||||
| @@ -41,7 +43,9 @@ export const createIhkSwitch = ({ | |||||
| } else { | } else { | ||||
| const p1 = 'Geben Sie Ihre Postleitzahl ein, um zu dem Angebot Ihrer IHK zu gelangen:'; | const p1 = 'Geben Sie Ihre Postleitzahl ein, um zu dem Angebot Ihrer IHK zu gelangen:'; | ||||
| createElement('button', ['closer'], null, wrap); | |||||
| const closer = createElement('button', ['closer'], null, wrap); | |||||
| closer.ariaLabel = 'Schließen'; | |||||
| wrap.appendChild(closer); | |||||
| step1.dataset.step = 'zip'; | step1.dataset.step = 'zip'; | ||||
| createElement('p', [], p1, step1); | createElement('p', [], p1, step1); | ||||
| @@ -36,6 +36,7 @@ export const createSearchForm = ({ | |||||
| size: 'small', | size: 'small', | ||||
| }); | }); | ||||
| expandButton.id = 'search-expand-collapse'; | expandButton.id = 'search-expand-collapse'; | ||||
| expandButton.ariaLabel = 'Suchen'; | |||||
| toggleActions.appendChild(expandButton); | toggleActions.appendChild(expandButton); | ||||
| wrapper.appendChild(createFormElement({ | wrapper.appendChild(createFormElement({ | ||||
| inputType: 'checkbox', | inputType: 'checkbox', | ||||
| @@ -4,6 +4,7 @@ import {createFooter} from "../../components/footer/FooterComponent"; | |||||
| import {createElectionForm} from "../../components/election-form/ElectionFormComponent"; | import {createElectionForm} from "../../components/election-form/ElectionFormComponent"; | ||||
| import {createMagazineHeader} from "../../components/magazine-header/MagazineHeaderComponent"; | import {createMagazineHeader} from "../../components/magazine-header/MagazineHeaderComponent"; | ||||
| import {createElectionResultList} from "../../sections/election-result-list/ElectionResultListComponent"; | import {createElectionResultList} from "../../sections/election-result-list/ElectionResultListComponent"; | ||||
| import {createSurvey} from "../../sections/survey/SurveyComponent"; | |||||
| export const createElectionOverviewPage = ({ | export const createElectionOverviewPage = ({ | ||||
| stageWithImage = false, | stageWithImage = false, | ||||
| @@ -25,6 +26,8 @@ export const createElectionOverviewPage = ({ | |||||
| container.appendChild(createElectionForm({})); | container.appendChild(createElectionForm({})); | ||||
| container.appendChild(createElectionResultList({})); | container.appendChild(createElectionResultList({})); | ||||
| container.appendChild(createSurvey({})); | |||||
| page.appendChild(createFooter({})) | page.appendChild(createFooter({})) | ||||
| return page; | return page; | ||||
| @@ -11,6 +11,7 @@ import {createTopicTeasersSection} from "../../sections/topic-teasers/TopicTease | |||||
| import {createEventsSection} from "../../sections/events/EventsComponent"; | import {createEventsSection} from "../../sections/events/EventsComponent"; | ||||
| import {createSocialSection} from "../../sections/social/SocialComponent"; | import {createSocialSection} from "../../sections/social/SocialComponent"; | ||||
| import {createTeasersSection} from "../../sections/teasers/TeasersComponent"; | import {createTeasersSection} from "../../sections/teasers/TeasersComponent"; | ||||
| import {createSurvey} from "../../sections/survey/SurveyComponent"; | |||||
| export const createHomePage = ({ | export const createHomePage = ({ | ||||
| globalMessageType = 'light', | globalMessageType = 'light', | ||||
| @@ -31,6 +32,7 @@ export const createHomePage = ({ | |||||
| main.appendChild(createInfoBanner({imageSrc: null, isCommercial: false})); | main.appendChild(createInfoBanner({imageSrc: null, isCommercial: false})); | ||||
| main.appendChild(createTopicTeasersSection({})); | main.appendChild(createTopicTeasersSection({})); | ||||
| main.appendChild(createTeasersSection({headline: 'Aktuelles', type: 'hero', maxItems: 2})); | main.appendChild(createTeasersSection({headline: 'Aktuelles', type: 'hero', maxItems: 2})); | ||||
| main.appendChild(createSurvey({})); | |||||
| main.appendChild(createSlider({slides: sliderData})); | main.appendChild(createSlider({slides: sliderData})); | ||||
| main.appendChild(createEventsSection({})); | main.appendChild(createEventsSection({})); | ||||
| main.appendChild(createTeasersSection({headline: 'Weitere Themen'})); | main.appendChild(createTeasersSection({headline: 'Weitere Themen'})); | ||||
| @@ -32,6 +32,7 @@ export const createMagazineStartPage = | |||||
| background: 'lightblue', | background: 'lightblue', | ||||
| })); | })); | ||||
| pageContent.appendChild(createSurvey({})); | |||||
| pageContent.appendChild(createQuickFacts({})); | pageContent.appendChild(createQuickFacts({})); | ||||
| page.appendChild(createFooter({})); | page.appendChild(createFooter({})); | ||||
| @@ -16,7 +16,7 @@ class IHKSearchAccordion { | |||||
| // section.attr('aria-label', 'Klappmenü geschlossen'); | // section.attr('aria-label', 'Klappmenü geschlossen'); | ||||
| } | } | ||||
| if (this.section.data('single-open') !== false) { | if (this.section.data('single-open') !== false) { | ||||
| section.siblings('.open').removeClass('open').find('.tiles').slideUp(300, 'easeOutQuad'); | |||||
| section.siblings('.open').removeClass('open').find('.tiles').slideUp(300, 'easeOutQuart'); | |||||
| } | } | ||||
| } | } | ||||