[];\r\n _.each(options, (option) => {\r\n const index = options.indexOf(option);\r\n this.values.push({ name: option.name, value: undefined, inputKey: this.inputKey + index});\r\n });\r\n }\r\n}\r\n","import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'app-accessability',\r\n templateUrl: './accessability.component.html',\r\n styleUrls: ['./accessability.component.less']\r\n})\r\nexport class AccessabilityComponent implements OnInit {\r\n\r\n ngOnInit() {\r\n }\r\n\r\n}\r\n","Toegankelijkheid
\r\n\r\nbzconfregistration.azurewebsites.net en bz conferencing app wilen dat iedereen deze website en app kan gebruiken. Komt u toch een pagina tegen die niet toegankelijk is? Dan kunt u dit aan ons melden.
\r\n\r\nWat is een toegankelijke website?
\r\nEen toegankelijke website is voor alle doelgroepen beter te gebruiken. Daarom gelden er functioneel-technische en redactionele toegankelijkheidseisen voor websites van de overheid. Deze zijn vastgelegd in de toegankelijkheidsstandaard Digitoegankelijk EN 301 549.
\r\n\r\nBorging van toegankelijkheid
\r\nWij borgen goede toegankelijkheid door diverse maatregelen binnen onze (dagelijkse) processen.
\r\n\r\n- Toegankelijkheid ‘by design’: toegankelijkheid is vanaf de start onderdeel van alle stappen in het ontwerp-, bouw en redactionele proces van deze website.
\r\n- Onderzoek: onafhankelijke deskundigen toetsen regelmatig (onderdelen van) onze website op toegankelijkheid. Zowel voor de functioneel-technische onderdelen als de redactionele aspecten. Gevonden knelpunten lossen wij duurzaam op.
\r\n- Kennis medewerkers: onze medewerkers houden hun kennis over toegankelijkheid op peil en passen dit toe waar nodig.
\r\n
\r\n\r\nProblemen met toegankelijkheid melden
\r\nHeeft u vragen of opmerkingen? Of wilt u een pagina gebruiken die niet toegankelijk is? Dan kunt u contact opnemen met DIO@minbuza.nl
\r\n \r\n \r\n\r\n\r\n","import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'app-archive',\r\n templateUrl: './archive.component.html',\r\n styleUrls: ['./archive.component.less']\r\n})\r\nexport class ArchiveComponent implements OnInit {\r\n\r\n ngOnInit() {\r\n }\r\n\r\n}\r\n","\r\n archive works!\r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'app-cookies',\r\n templateUrl: './cookies.component.html',\r\n styleUrls: ['./cookies.component.less']\r\n})\r\nexport class CookiesComponent implements OnInit {\r\n\r\n ngOnInit() {\r\n }\r\n\r\n}\r\n","Cookies
\r\n\r\nbzconfregistration.azurewebsites.net maakt gebruik van cookies en webstatistieken. Hieronder leest u waarom. En u\r\n ziet welke cookies bzconfregistration.azurewebsites.net en de bz conferencing app precies plaatst en met welk doel.\r\n
\r\n\r\nWelk soort cookies gebruikt bzconfregistration.azurewebsites.net?
\r\nDe website bzconfregistration.azurewebsites.net gebruikt cookies voor webstatistieken.
\r\n\r\nTrackingcookies
\r\nTrackingcookies zijn cookies die bezoekers tijdens het surfen over andere websites kunnen volgen. Deze website\r\n gebruikt geen trackingcookies. De website biedt daarom geen ondersteuning voor de DoNotTrack-instelling van browsers.\r\n bzconfregistration.azurewebsites.net houdt zich aan de in Nederland geldende wetgeving.
\r\n\r\nCookies voor webstatistieken
\r\nbzconfregistration.azurewebsites.net gebruikt cookies voor webstatistieken. Dat doen we om te begrijpen hoe bezoekers\r\n de website gebruiken. Deze informatie helpt de site te verbeteren. Bijvoorbeeld door informatie aan te vullen of door\r\n het gebruikersgemak te verbeteren. Dit soort cookies heeft geen impact op uw privacy. Ze vallen daarom onder de\r\n uitzondering van de cookiebepaling in de Telecommunicatiewet. Als gevolg daarvan vragen\r\n bzconfregistration.azurewebsites.net en bz conferencing app geen toestemming voor het plaatsen van deze cookies.
\r\n\r\nWebstatistieken
\r\nVoor het bijhouden van webstatistieken gebruikt bzconfregistration.azurewebsites.net het open source webanalysepakket\r\n Matomo en analyseert deze gegevens. Hierdoor kan de website nog beter op bezoekers worden afgestemd. De verzamelde\r\n gegevens gebruikt bzconfregistration.azurewebsites.net niet voor een ander doel dan voor verbetering van de website.\r\n In onderstaande tabel ziet u welke cookies dit zijn.
\r\n\r\n \r\n \r\n | Naam Cookie | \r\n Doel | \r\n
\r\n \r\n \r\n \r\n | Cookie_pk_id | \r\n Is de bezoeker nieuw of heeft de bezoeker de site al eerder bezocht? | \r\n
\r\n \r\n | Cookie _pk_ses | \r\n Welke pagina's heeft de bezoeker geraadpleegd? | \r\n
\r\n \r\n | Cookie _pk_ref | \r\n Vanaf welke site is de bezoeker gekomen? | \r\n
\r\n \r\n
\r\n\r\nBZ Conferencing app statistieken
\r\nBij gebruik van de BZ Conferencing app worden ook statistieken bijgehouden. Deze zijn geanonimiseerd, er worden geen persoonsgegevens bewaard Deze gegevens bestaan o.a. uit een installatie ID, versie van de app, toestelgegevens (zoals model en besturingssysteem) en handelingen (openen van schermen en laden van events).
\r\n\r\nDaarnaast worden eventuele crashes van de app bijgehouden, welke na het herstarten worden verzonden. Deze worden gebruikt om problemen op te kunnen lossen. Ook hierbij worden geen persoonsgegevens bewaard.
","import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'app-copyright',\r\n templateUrl: './copyright.component.html',\r\n styleUrls: ['./copyright.component.less']\r\n})\r\nexport class CopyrightComponent implements OnInit {\r\n\r\n ngOnInit() {\r\n }\r\n\r\n}\r\n","Copyright
\r\nTenzij anders vermeld, is op de inhoud van deze website de Creative Commons zero verklaring (CC0) van toepassing.
\r\nDit houdt in dat hergebruik van de inhoud van deze site is toegestaan, tenzij bij een bepaald onderdeel (bijvoorbeeld een document) staat aangegeven dat op dat onderdeel een auteursrechtelijke uitzondering van toepassing is.
\r\nVoor foto's is de CC0 niet van toepassing. Het is dus niet toegestaan om een foto te hergebruiken, tenzij bij een foto is aangegeven dat dit wel is toegestaan.
\r\n","import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'app-privacy',\r\n templateUrl: './privacy.component.html',\r\n styleUrls: ['./privacy.component.less']\r\n})\r\nexport class PrivacyComponent implements OnInit {\r\n\r\n ngOnInit() {\r\n }\r\n\r\n}\r\n","Privacy statement (website registratie platform)
\r\n\r\nWilt u zich inschrijven voor een evenement of missie? Dan hebben wij uw persoonsgegevens, zoals uw naam, e-mailadres\r\n of woon- werkadres nodig. Bij het aanvraagformulier staat vermeld welke gegevens bzconfregistration.azurewebsites.net\r\n gebruikt en waarvoor. We vragen u ook om toestemming te geven voor het gebruik van uw persoonsgegevens voor het doel\r\n van de app.
\r\n\r\nHoe gaan we op bzconfregistration.azurewebsites.net en de bz conferencing app om met uw persoonsgegevens?
\r\n\r\nDoel verwerking persoonsgegevens
\r\nbzconfregistration.azurewebsites.net bewaart persoonsgegevens niet langer dan nodig is voor het doel waarvoor u ze\r\n heeft achtergelaten. bzconfregistration.azurewebsites.net gebruikt uw persoonsgegevens slechts met uw toestemming om\r\n het gebruik van de app te faciliteren, u gebruik te kunnen laten maken van de app en om u te kunnen informeren\r\n voorafgaand en tijdens een evenement of missie. Een uitnodiging om u te registreren ontvangt u via de organisatie van\r\n het evenement of de missie. De organisator van het evenement of de missie kan via de app aanvullende vragen stellen.\r\n
\r\nDe BZ conferencing app gebruikt deze informatie en uw naam om u in contact te brengen met andere deelnemers en\r\n gebruikers van de BZ conferencing app. De bz conferencing app meet uw bezoek. Zo kan het ministerie van Buitenlandse\r\n Zaken het gebruik van de app analyseren. En het gemak voor gebruikers vergroten. De meting is anoniem. Wij registreren\r\n hiervoor geen persoonsgegevens.
\r\n\r\nGegevens die wij opslaan zijn onder andere:
\r\n\r\n - het type telefoon
\r\n - de versie van het besturingssysteem
\r\n - het netwerkadres (om het land van de bezoeker te achterhalen)
\r\n - gegevens om het aantal unieke gebruikers te bepalen
\r\n
\r\n\r\nDeze gegevens zullen wij niet:
\r\n\r\n - combineren met andere bronnen
\r\n - doorgeven aan anderen
\r\n - gebruiken om te bepalen wie u bent
\r\n
\r\n\r\nUitwisseling van gegevens
\r\nDe uitvoering van de wettelijke taak kan met zich meebrengen dat het ministerie van Buitenlandse Zaken gegevens,\r\n inclusief uw persoonsgegevens, deelt met andere organisaties. Dit gebeurt op basis van een van de grondslagen uit de\r\n AVG. Bijvoorbeeld als iemand via de site strafbare feiten pleegt of strafbare uitingen doet.
\r\n\r\nBeveiliging persoonsgegevens
\r\nHet ministerie van Buitenlandse Zaken zorgt voor passende beveiliging van uw persoonsgegevens die zij onder zich\r\n heeft.
\r\n\r\nBewaartermijn:
\r\nUw persoonsgegevens worden niet langer bewaard dan strikt noodzakelijk is om de doelen te realiseren waarvoor uw\r\n gegevens worden verzameld, tenzij wij wettelijk verplicht worden deze langer te bewaren. Het ministerie van\r\n Buitenlandse Zaken verwijdert de gegevens na een jaar + 1 maand. Alleen algemene statistieken slaan we op voor\r\n onbepaalde tijd.
\r\n\r\nUw privacyrechten
\r\nIn de volgende situaties kunt u een verzoek indienen:
\r\n\r\n - U wilt weten welke persoonsgegevens we van u verwerken
\r\n - U wilt uw persoonsgegevens laten aanpassen
\r\n - U wilt persoonsgegevens laten verwijderen
\r\n - U wilt dat we uw persoonsgegevens beperkt verwerken
\r\n - U wilt bezwaar maken
\r\n
\r\n\r\nUw verzoek kunt u via het emailadres djz-nr@minbuza.nl of via de post indienen, het postadres is:
\r\n\r\n Ministerie van Buitenlandse Zaken
\r\n DJZ
\r\n Postbus 20061
\r\n 2500 EB Den Haag
\r\n
\r\n\r\nContactgegevens Functionaris voor de Gegevensbescherming
\r\nHet ministerie van Buitenlandse Zaken heeft een Functionaris voor de Gegevensbescherming (FG). Deze functionaris houdt intern toezicht op de naleving van privacywetgeving. U kunt contact met deze functionaris opnemen via het postadres:
\r\n\r\n\r\nFunctionaris voor de Gegevensbescherming
\r\nMinisterie van Buitenlandse Zaken
\r\nVCI
\r\nPostbus 20061
\r\n2500 EB Den Haag
\r\n
\r\n\r\nLees hier de algemene BZ privacyverklaring:
\r\nhttps://www.rijksoverheid.nl/ministeries/ministerie-van-buitenlandse-zaken/privacy","import { Component, ViewChild, OnInit } from '@angular/core';\r\nimport { ActivatedRoute, Router } from '@angular/router';\r\nimport { NgForm } from '@angular/forms';\r\nimport { Profile } from 'selenium-webdriver/firefox';\r\nimport { ProfileService } from '../../services/profile.service';\r\nimport { FormsService } from '../../services/forms.service';\r\nimport { EventService } from '../../services/event.service';\r\nimport { LoadingIndicatorService } from '../../services/loading-indicator.service';\r\nimport { success, warning, error as exception } from 'toastr';\r\nimport { TranslateService } from '@ngx-translate/core';\r\nimport { HttpErrorResponse } from '@angular/common/http';\r\nimport { DomSanitizer } from '@angular/platform-browser';\r\nimport { CaptchaComponent } from '../../components/captcha/captcha.component';\r\n\r\n@Component({\r\n selector: 'app-check-user',\r\n templateUrl: './check-user.component.html',\r\n styleUrls: ['./check-user.component.less']\r\n})\r\n\r\n/**\r\n * Landing page.\r\n * User submits email adres. When email address hasn't been used to register for this event the user continues to the registration page.\r\n * When user already has registered, explain to user.\r\n * Check if registration is open and not all slots have been filled.\r\n */\r\nexport class CheckUserComponent implements OnInit {\r\n public state: 'event-is-closed' | 'event-is-full' | 'can-register' | 'can-register-reserve';\r\n public doneLoading = false;\r\n private eventKey = '';\r\n public emailAddress = '';\r\n public eventName: string;\r\n public eventDescription: string;\r\n public eventClosedMessage: string;\r\n public eventFullMessage: string;\r\n public userAlreadyRegistered = false;\r\n\r\n constructor(private route: ActivatedRoute,\r\n private router: Router,\r\n private profileService: ProfileService,\r\n private eventService: EventService,\r\n private loader: LoadingIndicatorService) {\r\n this.route.params.subscribe((p) => {\r\n this.eventKey = p['eventKey'];\r\n });\r\n }\r\n\r\n @ViewChild(CaptchaComponent) recaptcha: CaptchaComponent;\r\n\r\n ngOnInit() {\r\n this.loader.StartWork();\r\n this.eventService.get(this.eventKey)\r\n .then((result) => {\r\n if (new Date(result.registrationStartDate) > new Date(Date.now()) || new Date(result.registrationEndDate) < new Date(Date.now())) {\r\n this.eventClosedMessage = result.textRegistrationClosed;\r\n this.state = 'event-is-closed';\r\n } else {\r\n const registrationCount = result.registrationCount || 0;\r\n // check of er meer registraties gedaan zijn dan maximaal toegestaan\r\n if (registrationCount >= result.maximumRegistrations && result.isAnonymous === false) {\r\n\r\n // check of er op de reserve lijst (indien gevuld) nog ruimte is\r\n if (result.maximumOnWaitList > 0) {\r\n if (registrationCount < (result.maximumRegistrations + result.maximumOnWaitList || 0)) {\r\n // er is ruimte\r\n this.eventFullMessage = result.textRegistrationFull;\r\n this.state = 'can-register-reserve';\r\n } else {\r\n // er is geen ruimte\r\n this.eventFullMessage = result.textWaitlistFull;\r\n this.state = 'event-is-full';\r\n }\r\n } else {\r\n this.eventFullMessage = result.textRegistrationFull;\r\n this.state = 'event-is-full';\r\n }\r\n\r\n } else {\r\n this.state = 'can-register';\r\n }\r\n }\r\n\r\n this.eventName = result.name;\r\n this.eventDescription = result.description;\r\n this.doneLoading = true;\r\n this.loader.EndWork();\r\n })\r\n .catch((reason) => {\r\n this.router.navigate(['/error-page/event-not-found']);\r\n this.loader.EndWork();\r\n });\r\n }\r\n\r\n afterChallengeSuccess(form: UserCheckForm, token: string): void {\r\n console.log('captcha challenge completed');\r\n this.SubmitForm(form, token);\r\n }\r\n\r\n public OnSubmit(form: UserCheckForm): void {\r\n if (this.recaptcha) {\r\n this.recaptcha.reset();\r\n this.recaptcha.challenge();\r\n }\r\n }\r\n\r\n private SubmitForm(form: UserCheckForm, token: string): void {\r\n if (!form.valid) {\r\n return;\r\n }\r\n\r\n this.loader.StartWork();\r\n this.profileService.UserExists(form.value.emailAddress, this.eventKey, token)\r\n .subscribe((userExists) => {\r\n const qParams = { queryParams: { email: form.value.emailAddress } };\r\n if (userExists) {\r\n this.userAlreadyRegistered = true;\r\n } else {\r\n this.router.navigate([`/${this.eventKey}/register`], qParams);\r\n }\r\n },\r\n (error) => {\r\n // todo\r\n exception('An error has occured');\r\n this.loader.EndWork();\r\n },\r\n () => {\r\n this.loader.EndWork();\r\n });\r\n }\r\n\r\n public onLeaveEmailAddress(): void {\r\n this.userAlreadyRegistered = false;\r\n }\r\n}\r\n\r\ninterface UserCheckForm extends NgForm {\r\n value: {\r\n emailAddress: string;\r\n };\r\n}\r\n","\r\n
\r\n \r\n {{ eventDescription }}
\r\n \r\n \r\n
\r\n \r\n {{ eventFullMessage }}\r\n
\r\n \r\n\r\n
\r\n
\r\n \r\n {{ eventFullMessage }}\r\n
\r\n \r\n
\r\n \r\n {{ eventClosedMessage }}\r\n
\r\n \r\n
\r\n {{ message | translate }}\r\n
","import { Component, OnInit } from '@angular/core';\r\nimport { NgForm } from '@angular/forms';\r\nimport { Router } from '@angular/router';\r\n\r\n@Component({\r\n selector: 'app-home',\r\n templateUrl: './home.component.html',\r\n styleUrls: ['./home.component.less']\r\n})\r\nexport class HomeComponent implements OnInit {\r\n\r\n public dialogIsOpen = false;\r\n\r\n constructor(private router: Router) { }\r\n\r\n ngOnInit() {\r\n }\r\n\r\n public OnSubmit(form: EventForm): void {\r\n if (!form.valid) {\r\n return;\r\n }\r\n\r\n this.router.navigate([`/${form.value.eventKey}`]);\r\n }\r\n\r\n public ShowDialog(): void {\r\n this.dialogIsOpen = true;\r\n }\r\n\r\n public CloseDialog(): void {\r\n this.dialogIsOpen = false;\r\n }\r\n}\r\n\r\ninterface EventForm extends NgForm {\r\n value: {\r\n eventKey: string;\r\n };\r\n}\r\n","\r\n \r\n {{ 'home.message' | translate}}\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { ActivatedRoute, Router } from '@angular/router';\r\nimport { EventService } from '../../services/event.service';\r\n\r\n@Component({\r\n selector: 'app-registration-complete',\r\n templateUrl: './registration-complete.component.html',\r\n styleUrls: ['./registration-complete.component.less']\r\n})\r\nexport class RegistrationCompleteComponent implements OnInit {\r\n private eventKey: string;\r\n\r\n constructor(private route: ActivatedRoute,\r\n private eventService: EventService) {\r\n this.route.params.subscribe((p) => {\r\n this.eventKey = p['eventKey'];\r\n });\r\n }\r\n\r\n ngOnInit() {\r\n this.eventService.get(this.eventKey)\r\n .then((result) => {\r\n\r\n });\r\n }\r\n}\r\n","\r\n \r\n {{ 'registration-complete.content' | translate }}
\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { ActivatedRoute, Router } from '@angular/router';\r\nimport { FormsService } from '../../services/forms.service';\r\nimport { EventService } from '../../services/event.service';\r\nimport * as _ from 'lodash';\r\n\r\nimport { FormGroup, FormControl, FormArray, AbstractControl, NgControlStatus } from '@angular/forms';\r\nimport { TranslateService, LangChangeEvent } from '@ngx-translate/core';\r\nimport { LoadingIndicatorService } from '../../services/loading-indicator.service';\r\nimport { warning, error as exception } from 'toastr';\r\nimport 'rxjs/add/observable/forkJoin';\r\nimport { forkJoin } from 'rxjs/observable/forkJoin';\r\nimport { Registration, IKvKSearchResult } from '../../interfaces';\r\nimport { MultiSelectElement } from '../../models/multi-select-element';\r\n\r\n@Component({\r\n selector: 'app-registration',\r\n templateUrl: './registration.component.html',\r\n styleUrls: ['./registration.component.less']\r\n})\r\nexport class RegistrationComponent implements OnInit {\r\n public dialogVisible = false;\r\n public doneLoading = false;\r\n\r\n public eventName: string;\r\n public eventDescription: string;\r\n public eventStart: Date;\r\n public eventEnd: Date;\r\n public dateFormat: string;\r\n public eventKey = '';\r\n public emailAddress = '';\r\n public formNotFound = false;\r\n\r\n // formulier gerenderd\r\n public formData: Registration.Form.IForm;\r\n // initiele waarden\r\n private initialFormData: Registration.Form.IForm;\r\n\r\n // resultaat service\r\n public registrationForm: Registration.Form.IForm;\r\n public registrationFormRegistrar: Registration.Form.IForm;\r\n\r\n public register: 'self' | 'other' = 'self';\r\n\r\n constructor(private route: ActivatedRoute,\r\n private formsService: FormsService,\r\n private eventService: EventService,\r\n private translation: TranslateService,\r\n private loader: LoadingIndicatorService,\r\n private router: Router) {\r\n this.route.params.subscribe((p) => {\r\n this.eventKey = p['eventKey'];\r\n });\r\n\r\n this.route.queryParams.subscribe((p) => {\r\n this.emailAddress = p['email'];\r\n });\r\n\r\n this.translation.onLangChange.subscribe((event: LangChangeEvent) => {\r\n this.loadForm();\r\n this.dateFormat = event.lang;\r\n });\r\n }\r\n\r\n public ngOnInit() {\r\n this.loadForm();\r\n }\r\n\r\n public hasChanges() {\r\n return _.isEqual(this.formData, this.initialFormData);\r\n }\r\n\r\n public onKvkSearch(value: IKvKSearchResult) {\r\n\r\n this.setValue('data-iskvk-company', value.organisation);\r\n this.setValue('data-iskvk-address', value.address);\r\n this.setValue('data-iskvk-postalcode', value.postalCode);\r\n this.setValue('data-iskvk-city', value.city);\r\n this.setValue('data-iskvk-country', value.country);\r\n }\r\n\r\n public onCaribbeanChange(value: boolean) {\r\n this.setEditable('data-iskvk-company', value);\r\n this.setEditable('data-iskvk-address', value);\r\n this.setEditable('data-iskvk-postalcode', value);\r\n this.setEditable('data-iskvk-city', value);\r\n this.setEditable('data-iskvk-country', value);\r\n if (value) {\r\n this.setValue('data-iskvk-company', null);\r\n this.setValue('data-iskvk-address', null);\r\n this.setValue('data-iskvk-postalcode', null);\r\n this.setValue('data-iskvk-city', null);\r\n this.setValue('data-iskvk-country', null);\r\n }\r\n }\r\n\r\n private setValue(name: string, value: string): void {\r\n const control = this.findControlByAttributeName(name);\r\n control.control.setValue(value);\r\n }\r\n\r\n private setEditable(name: string, editable: boolean): void {\r\n const control = this.findControlByAttributeName(name);\r\n if (control === null) {\r\n return;\r\n }\r\n\r\n control.control.disable();\r\n if (editable) {\r\n control.control.enable();\r\n } else {\r\n control.control.disable();\r\n }\r\n }\r\n\r\n public onNextSection(): void {\r\n if (this.canNextSection()) {\r\n const step = this.currentSection();\r\n this.validateAllFormFields(step.form);\r\n if (!step.form.valid) {\r\n console.log('Step not valid');\r\n return;\r\n }\r\n const index = this.formData.steps.indexOf(step);\r\n step.visible = false;\r\n this.formData.steps[index + 1].visible = true;\r\n }\r\n }\r\n\r\n public canNextSection(): boolean {\r\n const index = this.formData.steps.indexOf(this.currentSection());\r\n return index < this.formData.steps.length - 1;\r\n }\r\n\r\n public onPreviousSection(): void {\r\n if (this.canPreviousSection()) {\r\n const step = this.currentSection();\r\n const index = this.formData.steps.indexOf(step);\r\n step.visible = false;\r\n this.formData.steps[index - 1].visible = true;\r\n }\r\n }\r\n\r\n public canPreviousSection(): boolean {\r\n const index = this.formData.steps.indexOf(this.currentSection());\r\n return index > 0;\r\n }\r\n\r\n public isLastPage(): boolean {\r\n const index = this.formData.steps.indexOf(this.currentSection());\r\n return index === this.formData.steps.length - 1;\r\n }\r\n\r\n private currentSection(): Registration.Form.IStep {\r\n let step: Registration.Form.IStep;\r\n this.formData.steps.forEach((item) => {\r\n if (item.visible) {\r\n step = item;\r\n }\r\n });\r\n\r\n return step;\r\n }\r\n\r\n private validateAllFormFields(control: AbstractControl) {\r\n if (control instanceof FormControl) {\r\n control.markAsTouched({ onlySelf: true });\r\n } else if (control instanceof FormGroup) {\r\n Object.keys(control.controls).forEach((field: string) => {\r\n const groupControl = control.get(field);\r\n this.validateAllFormFields(groupControl);\r\n });\r\n } else if (control instanceof FormArray) {\r\n const controlAsFormArray = control as FormArray;\r\n controlAsFormArray.controls.forEach((arrayControl: AbstractControl) => this.validateAllFormFields(arrayControl));\r\n }\r\n }\r\n\r\n public onRegistrarChange(): void {\r\n const copyData = _.cloneDeep(this.formData);\r\n this.setData(this.registrationForm, this.registrationFormRegistrar, copyData, this.register === 'other');\r\n }\r\n\r\n private setData(registrationForm: Registration.Form.IForm,\r\n registrationFormRegistrar: Registration.Form.IForm,\r\n copyData: Registration.Form.IForm,\r\n registrar: boolean) {\r\n\r\n this.formData = _.cloneDeep(registrationForm);\r\n\r\n if (registrar) {\r\n // todo dit moet beter\r\n this.formData.steps[0].sections.unshift(_.cloneDeep(registrationFormRegistrar.steps[0].sections[0]));\r\n }\r\n\r\n this.GenerateFormControlsForModel(this.formData);\r\n this.setControlValue(this.emailAddress, this.register);\r\n this.copyValues(this.formData, copyData);\r\n this.initialFormData = _.cloneDeep(registrationForm);\r\n }\r\n\r\n public getElementType(element: Registration.Form.IElement): string {\r\n if (element.inputType === 'text') {\r\n\r\n // kvk control\r\n const found = _.find(element.attributes, (attribute) => {\r\n return attribute.name === 'data-iskvk-number';\r\n });\r\n\r\n if (found) {\r\n return 'kvkSearch';\r\n }\r\n }\r\n\r\n return element.inputType;\r\n }\r\n\r\n private loadForm(): void {\r\n this.loader.StartWork();\r\n\r\n // keep copy of current data. This is needed when switching between languages\r\n const copyData = _.cloneDeep(this.formData);\r\n this.formData = null;\r\n this.formNotFound = false;\r\n\r\n forkJoin(\r\n this.formsService.GetRegistrationForm(this.eventKey, this.translation.currentLang),\r\n this.formsService.GetRegistrationFormRegistrar(this.eventKey, this.translation.currentLang),\r\n this.eventService.get(this.eventKey))\r\n .subscribe(([registrationForm, registrationFormRegistrar, event]) => {\r\n if (registrationForm === null) {\r\n this.formNotFound = true;\r\n return;\r\n }\r\n\r\n if (new Date(event.registrationStartDate) > new Date(Date.now()) || new Date(event.registrationEndDate) < new Date(Date.now())) {\r\n this.router.navigate(['/error-page/event-closed']);\r\n }\r\n\r\n // event info\r\n this.eventName = event.name;\r\n this.eventDescription = event.description;\r\n this.eventStart = event.eventStartDate;\r\n this.eventEnd = event.eventEndDate;\r\n this.dateFormat = this.translation.currentLang;\r\n\r\n // generate controls\r\n this.registrationForm = registrationForm;\r\n this.registrationFormRegistrar = registrationFormRegistrar;\r\n\r\n this.setData(registrationForm, registrationFormRegistrar, copyData, this.register === 'other');\r\n\r\n this.onCaribbeanChange(false);\r\n },\r\n error => {\r\n if (error.status === 400) {\r\n exception(error.error);\r\n } else {\r\n this.translation.get('app-commonerror.api-get').toPromise().then((result) => {\r\n exception(result);\r\n });\r\n }\r\n this.loader.EndWork();\r\n },\r\n () => {\r\n this.doneLoading = true;\r\n this.loader.EndWork();\r\n });\r\n }\r\n\r\n /** Copy the user input into the new form */\r\n public copyValues(newData: Registration.Form.IForm, oldData: Registration.Form.IForm): void {\r\n if (newData === null || newData === undefined || oldData === null || oldData === undefined) {\r\n return;\r\n }\r\n\r\n _.each(newData.steps, (step) => {\r\n _.each(step.sections, (section) => {\r\n _.each(section.elements, (element) => {\r\n const oldElement = this.findControlById(oldData, element.inputKey);\r\n if (oldElement) {\r\n element.control.setValue(oldElement.control.value);\r\n element.value = oldElement.control.value;\r\n }\r\n });\r\n });\r\n });\r\n }\r\n\r\n public onCopyAddress(values: Registration.Form.ICopyItem): void {\r\n // find all target questions and hide them\r\n _.each(values.values, (value) => {\r\n var target: Registration.Form.IElement = this.findControlById(this.formData, value.Target);\r\n target.hidden = !values.on;\r\n });\r\n }\r\n\r\n public onSubmit() {\r\n const section = this.currentSection();\r\n if (section.form.invalid) {\r\n // return;\r\n }\r\n\r\n if (this.isLastPage()) {\r\n this.submitData();\r\n } else {\r\n this.onNextSection();\r\n }\r\n }\r\n\r\n private getAttribute(element: Registration.Form.IElement, name: string): string {\r\n let result;\r\n element.attributes.forEach((item) => {\r\n if (item.name === name) {\r\n result = item.value;\r\n }\r\n });\r\n\r\n return result;\r\n }\r\n\r\n private copyAddress(form: Registration.Form.IForm): void {\r\n // find control with copy address checked\r\n var element = this.findControlByAttributeName('copyAddress');\r\n if (element && element.value === true) {\r\n const attr = this.getAttribute(element, 'copyAddress');\r\n const values: Registration.Form.ICopyItem = {\r\n on: true,\r\n values: JSON.parse(attr)\r\n };\r\n\r\n // find all target questions and hide them\r\n _.each(values.values, (value) => {\r\n var target: Registration.Form.IElement = this.findControlById(this.formData, value.Target);\r\n var source: Registration.Form.IElement = this.findControlById(this.formData, value.Source);\r\n target.control.setValue(source.control.value);\r\n });\r\n }\r\n }\r\n\r\n private submitData(): void {\r\n this.loader.StartWork();\r\n const form: Registration.Form.IValues = {\r\n id: this.formData.key,\r\n languageCode: this.formData.languageCode,\r\n partialSave: false,\r\n emailAddress: this.emailAddress,\r\n values: [],\r\n eventKey: this.eventKey\r\n };\r\n\r\n form.values.push({\r\n name: 'registerFor',\r\n value: this.register,\r\n uiValid: true\r\n });\r\n\r\n this.copyAddress(this.formData);\r\n for (const step of this.formData.steps) {\r\n for (const section of step.sections) {\r\n for (const element of section.elements) {\r\n if (element.inputType === 'multiselect') {\r\n let value: any;\r\n const multicontrol = element;\r\n const values: string[] = [];\r\n _.each(multicontrol.controls, (item) => {\r\n const index = multicontrol.controls.indexOf(item);\r\n if (item.value === true) {\r\n values.push(multicontrol.options[index].value);\r\n }\r\n });\r\n value = values.join(',');\r\n form.values.push({\r\n name: element.inputKey,\r\n value: value,\r\n uiValid: true\r\n });\r\n } else {\r\n const control = element.control;\r\n let value: any;\r\n if (element.inputType === 'url') {\r\n if (control.value && control.value.indexOf('://') === -1) {\r\n value = `http://${control.value}`;\r\n } else {\r\n value = control.value;\r\n }\r\n } else {\r\n value = control.value;\r\n }\r\n\r\n form.values.push({\r\n name: element.inputKey,\r\n value: value,\r\n uiValid: control.valid\r\n });\r\n }\r\n }\r\n }\r\n }\r\n \r\n this.formsService.SubmitRegistrationForm(this.eventKey, form).toPromise()\r\n .then((response) => {\r\n this.loader.EndWork();\r\n const str = JSON.stringify(response);\r\n console.log(str);\r\n console.log('Klaar' + response);\r\n console.log('Klaar' + response.success);\r\n\r\n if (response.success) {\r\n // Redirect to thankyou page\r\n this.router.navigate([`/${this.eventKey}/thankyou`]);\r\n } else {\r\n // todo give feedback\r\n response.messages.forEach((value) => {\r\n const control = this.findControlById(this.formData, value.field);\r\n if (control) {\r\n // todo verbeteren > ergens bij het control of als melding onderin of als toast?\r\n warning(`Field ${control.title}: ${value.message}`);\r\n control.control.setErrors({ 'server': value.message });\r\n }\r\n });\r\n this.translation.get('register.server-validation-error').toPromise().then((value) => {\r\n exception(value);\r\n });\r\n }\r\n })\r\n .catch(() => {\r\n this.loader.EndWork();\r\n this.translation.get('app-commonerror.api-get').toPromise().then((result) => {\r\n exception(result);\r\n });\r\n });\r\n }\r\n\r\n private setControlValue(value: string, type: string): void {\r\n const emailControl = this.findControlByAttribute('data-isemail', type === 'self' ? 'participant' : 'on-behalf-of');\r\n if (emailControl !== null) {\r\n emailControl.value = value;\r\n emailControl.control.setValue(value);\r\n }\r\n }\r\n\r\n private findControlById(form: Registration.Form.IForm, id: string): Registration.Form.IElement {\r\n for (const step of form.steps) {\r\n for (const section of step.sections) {\r\n for (const element of section.elements) {\r\n if (element.inputKey === id) {\r\n return element;\r\n }\r\n }\r\n }\r\n }\r\n\r\n return null;\r\n }\r\n\r\n private findControlByAttribute(name: string, value: string): Registration.Form.IElement {\r\n for (const step of this.formData.steps) {\r\n for (const section of step.sections) {\r\n for (const element of section.elements) {\r\n for (const attribute of element.attributes) {\r\n if (attribute.name === name && value === value) {\r\n return element;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n return null;\r\n }\r\n\r\n private findControlByAttributeName(name: string): Registration.Form.IElement {\r\n for (const step of this.formData.steps) {\r\n for (const section of step.sections) {\r\n for (const element of section.elements) {\r\n for (const attribute of element.attributes) {\r\n if (attribute.name === name) {\r\n return element;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n return null;\r\n }\r\n\r\n private GenerateFormControlsForModel(formModel: Registration.Form.IForm): void {\r\n for (const step of formModel.steps) {\r\n const controls = {};\r\n step.visible = formModel.steps.indexOf(step) === 0;\r\n for (const section of step.sections) {\r\n for (const element of section.elements) {\r\n let control: FormControl;\r\n switch (element.inputType) {\r\n case 'multiselect':\r\n const index = section.elements.indexOf(element);\r\n const multiElement = new MultiSelectElement(element);\r\n multiElement.control = this.formsService.CreateFromControl(element);\r\n _.each(element.options, (option) => {\r\n const optionIndex = element.options.indexOf(option);\r\n const control = new FormControl(multiElement.values[optionIndex].value);\r\n controls[element.inputKey + optionIndex] = control;\r\n multiElement.controls.push(control);\r\n });\r\n section.elements[index] = multiElement;\r\n break;\r\n case 'select':\r\n control = this.formsService.CreateFromControl(element);\r\n controls[element.inputKey] = control;\r\n element.control = control;\r\n // ie11 hack\r\n const text = this.translation.instant('registration-form.select-empty');\r\n element.options.unshift({ name: text, value: '', disabled: true });\r\n element.control.setValue('');\r\n break;\r\n case 'checkbox':\r\n control = this.formsService.CreateFromControl(element);\r\n const value = this.getAttribute(element, 'default_value');\r\n if (value === 'true') {\r\n control.setValue('true');\r\n element.value = 'true';\r\n }\r\n controls[element.inputKey] = control;\r\n element.control = control;\r\n break;\r\n default:\r\n control = this.formsService.CreateFromControl(element);\r\n controls[element.inputKey] = control;\r\n element.control = control;\r\n break;\r\n }\r\n }\r\n }\r\n\r\n step.form = new FormGroup(controls);\r\n }\r\n }\r\n}\r\n","\r\n
\r\n \r\n {{ eventStart | date : 'EEEE d LLLL H:MM' : '' : dateFormat }} - {{ eventEnd | date : 'EEEE d LLLL H:MM' : '' : dateFormat}}
\r\n \r\n
\r\n
\r\n {{message | translate}}\r\n
","import { Injectable } from '@angular/core';\r\nimport { HttpClient } from '@angular/common/http';\r\nimport { Observable } from 'rxjs/Observable';\r\nimport { IEvent } from '../interfaces';\r\nimport { BehaviorSubject } from 'rxjs/BehaviorSubject';\r\n\r\n@Injectable()\r\nexport class EventService {\r\n\r\n private _event: BehaviorSubject = new BehaviorSubject(null);\r\n public readonly Event: Observable = this._event.asObservable();\r\n\r\n constructor(private http: HttpClient) { }\r\n\r\n /**\r\n * Get Event details\r\n * @param eventKey Shared registration key\r\n */\r\n public get(eventKey: string): Promise {\r\n if (this._event.value) {\r\n return Promise.resolve(this._event.value);\r\n }\r\n\r\n return this.http.get(`/api/event/v1/${eventKey}`).toPromise()\r\n .then((event) => {\r\n this._event.next(event);\r\n return event;\r\n }, (reason: any) => {\r\n this._event.error(reason);\r\n return Promise.reject(reason);\r\n });\r\n }\r\n}\r\n","import { Injectable } from '@angular/core';\r\nimport { HttpClient } from '@angular/common/http';\r\nimport { Observable } from 'rxjs/Observable';\r\n\r\nimport {\r\n IDataResponse, Registration,\r\n} from '../interfaces';\r\nimport { FormControl, Validators, ValidatorFn } from '@angular/forms';\r\n\r\n@Injectable()\r\nexport class FormsService {\r\n\r\n constructor(private _http: HttpClient) { }\r\n\r\n public GetRegistrationForm(eventKey: string, languageCode: string): Observable {\r\n return this._http.get('/api/registration/v1/form/registrationform?eventKey='\r\n + eventKey + '&languageCode=' + languageCode);\r\n }\r\n\r\n public GetRegistrationFormRegistrar(eventKey: string, languageCode: string): Observable {\r\n return this._http.get('/api/registration/v1/form/registrationformregistrar?eventKey='\r\n + eventKey + '&languageCode=' + languageCode);\r\n }\r\n\r\n public CreateFromControl(element: Registration.Form.IElement): FormControl {\r\n const validators: ValidatorFn[] = [];\r\n\r\n element.attributes.forEach(attr => {\r\n switch (attr.name) {\r\n case 'required':\r\n if (element.inputType === 'checkbox') {\r\n validators.push(Validators.requiredTrue);\r\n } else {\r\n validators.push(Validators.required);\r\n }\r\n break;\r\n case 'maxlength':\r\n validators.push(Validators.maxLength(attr.value));\r\n break;\r\n case 'minlength':\r\n validators.push(Validators.minLength(attr.value));\r\n break;\r\n }\r\n });\r\n\r\n return new FormControl(element.value, validators);\r\n }\r\n\r\n public SubmitRegistrationForm(eventKey: string, form: Registration.Form.IValues): Observable {\r\n console.log('submitting form 1...');\r\n console.log(form.emailAddress);\r\n console.log(form.values.length);\r\n console.log(form.values);\r\n console.log(form.id);\r\n console.log(form.languageCode);\r\n return this._http.post('/api/registration/v1/form?eventKey=' + eventKey, form);\r\n }\r\n}\r\n","import { Injectable } from '@angular/core';\r\nimport { Observable } from 'rxjs/Observable';\r\nimport { BehaviorSubject } from 'rxjs/BehaviorSubject';\r\n\r\n@Injectable()\r\nexport class LoadingIndicatorService {\r\n\r\n private workload = 0;\r\n private _loading: BehaviorSubject = new BehaviorSubject(false);\r\n public readonly IsLoading: Observable = this._loading.asObservable();\r\n\r\n public StartWork(): void {\r\n this.workload++;\r\n this._loading.next(this.workload > 0);\r\n }\r\n\r\n public EndWork(): void {\r\n this.workload--;\r\n this._loading.next(this.workload > 0);\r\n }\r\n}\r\n","import { Injectable } from '@angular/core';\r\nimport { HttpClient } from '@angular/common/http';\r\nimport { Observable } from 'rxjs/Observable';\r\n\r\n@Injectable()\r\nexport class ProfileService {\r\n\r\n constructor(private _http: HttpClient) { }\r\n\r\n public UserExists(emailAddress: string, eventKey: string, token: string): Observable {\r\n const url = `/api/profile/v1?email=${encodeURIComponent(emailAddress)}&eventKey=${eventKey}`;\r\n return this._http.get(url, { headers: { Token: token } });\r\n }\r\n}\r\n","import { Injectable } from '@angular/core';\r\nimport { HttpClient } from '@angular/common/http';\r\nimport { Observable } from 'rxjs/Observable';\r\n\r\nimport { reject } from 'q';\r\n\r\n@Injectable()\r\nexport class TokenVerificationService {\r\n\r\n constructor(private http: HttpClient) { }\r\n\r\n public Get(eventKey: string, token: string): Promise {\r\n return this.http.get(`/api/registration/v1/token/${eventKey}/${token}`).toPromise()\r\n .then((result) => {\r\n return new Date(result);\r\n })\r\n .catch((reason) => {\r\n if (reason.status === 404) {\r\n return null;\r\n } else {\r\n return Promise.reject('Token not found');\r\n }\r\n });\r\n }\r\n\r\n public Validate(eventKey: string, token: string): Observable {\r\n return this.http.post(`/api/registration/v1/token/${eventKey}/${token}`, token);\r\n }\r\n}\r\n","// The file contents for the current environment will overwrite these during build.\r\n// The build system defaults to the dev environment which uses `environment.ts`, but if you do\r\n// `ng build --env=prod` then `environment.prod.ts` will be used instead.\r\n// The list of which env maps to which file can be found in `.angular-cli.json`.\r\n\r\nexport const environment = {\r\n production: false\r\n};\r\n","import { enableProdMode } from '@angular/core';\r\nimport { platformBrowserDynamic } from '@angular/platform-browser-dynamic';\r\n\r\nimport { AppModule } from './app/app.module';\r\nimport { environment } from './environments/environment';\r\n\r\nif (environment.production) {\r\n enableProdMode();\r\n}\r\n\r\nplatformBrowserDynamic().bootstrapModule(AppModule)\r\n .catch(err => console.log(err));\r\n"],"names":[],"sourceRoot":"webpack:///"}![\"Foreign](\"./assets/logo-dark.svg\")
\r\n ![\"Foreign](\"./assets/logo-light.svg\")
\r\n ![\"Loading...\"](\"/assets/img/image-loading-darkblue.svg\")
\r\n ![\"Loading...\"](\"/assets/img/image-loading-white.svg\")
\r\n