\n\n \n \n \n \n\n \n \n \n \n
","import { Component, OnInit } from '@angular/core';\nimport { gql, Apollo } from 'apollo-angular';\nimport { Calendar, Location, Query, CoreLibService } from 'core-lib';\nimport { DynamicDialogConfig, DynamicDialogRef } from 'primeng/dynamicdialog';\nimport { environment } from 'projects/appointment-module/src/environments/environment';\n\n@Component({\n selector: 'lib-appointment-filter-settings',\n templateUrl: './appointment-filter-settings.component.html',\n styleUrls: ['./appointment-filter-settings.component.scss']\n})\nexport class AppointmentFilterSettingsComponent implements OnInit {\n calendars: Calendar[] = [];\n selectedCalendarIds: string[] = [];\n filterMyEvents = false;\n filterOnlyWithFreeSignUpSlots = false;\n filterUpcomingEvents = false;\n locations: Location[] = [];\n selectedLocationIds: string[] = [];\n apiURL = environment.apiURL;\n allSelected: boolean = true;\n resetFilter: boolean = false;\n isFilterActive: boolean = false;\n\n\n LOAD_LOCATIONS = gql`\n query locationQuery{\n listLocations{\n id\n title\n postalCode\n street\n city\n geoLat\n geoLng\n },\n }`;\n\n constructor(public config: DynamicDialogConfig, public ref: DynamicDialogRef, private apollo: Apollo, public coreLibService: CoreLibService) {\n this.calendars = config.data.calendars;\n this.selectedCalendarIds = config.data.selectedCalendarIds;\n this.selectedLocationIds = config.data.selectedLocationIds;\n this.filterMyEvents = config.data.filterMyEvents;\n this.filterOnlyWithFreeSignUpSlots = config.data.filterOnlyWithFreeSignUpSlots;\n this.filterUpcomingEvents = config.data.filterUpcomingEvents;\n this.isFilterActive = config.data.isFilterActive;\n }\n\n ngOnInit(): void {\n this.apollo.query\n The configuration tab has been moved to the CMS. In the “Appointment Settings” tab of the appointment module, individual calendars can be activated for the respective module. Embeded codes and the shown timeframe can also be created / changed here Calendars, locations and registration forms can be created, edited and deleted under the “Calendar” tab.\n
\n \n
\n\n
\n\n \n
\n\n \n Show only your own sign-ups.\n
\n \n
\n\n \n
\n\n \n Show only events with available spaces.\n
\n \n
\n \n
\n\n \n Show only upcoming events\n
\n \n\n \n \n \n \n\n
\n\n Please select calendars to show.\n
\n\n \n
\n\n \n \n
\n {{calendar.title}}
\n \n \n \n
\n \n Please select locations to narrow down your search. If no location is picked, no filter will be applied.\n
\n \n \n \n \n
\n \n
\n {{location.title}}
\n \n
\n {{location.street}}
\n {{location.city}} {{location.postalCode}}
\n \n ![]()
s.getBaseHrefFromDOM(), deps: [PlatformLocation] }]\n})\n\nexport class AppointmentManagementEditComponent implements OnInit {\n\n FORM_CYCLE_OPTIONS = [\n { id: 'ONCE', label: $localize`:@@appointment-management-edit.cycle.once: Once` },\n { id: 'DAYS', label: $localize`:@@appointment-management-edit.cycle.days: Days` },\n { id: 'WEEKS', label: $localize`:@@appointment-management-edit.cycle.weeks: Weeks` },\n { id: 'MONTHS', label: $localize`:@@appointment-management-edit.cycle.months: Months` },\n { id: 'YEARS', label: $localize`:@@appointment-management-edit.cycle.years: Years` },\n { id: 'CUSTOM', label: $localize`:@@appointment-management-edit.cycle.custom: Custom` },\n ];\n\n\n MEMBER_LIST_VISIBILITIES = [\n { id: MemberListVisibility.Admin, label: $localize`:@@appointment-management-edit.memberlist.visibility.Admin:Appointment manager` },\n { id: MemberListVisibility.Members, label: $localize`:@@appointment-management-edit.memberlist.visibility.Members:Other participants` },\n { id: MemberListVisibility.Profile, label: $localize`:@@appointment-management-edit.memberlist.visibility.Profile:Every user with profile` }\n ];\n\n contactProfilesSearch: UserProfile[] = [];\n contactProfile: UserProfile;\n parentAppointment: CalendarEvent;\n appointmentForm: UntypedFormGroup;\n products: ProductDefinition[] = [];\n allLocations: Location[] = [];\n imgList: MediaReference[] | Resource[];\n currentPagedImageIndex = 0;\n myUserProfile: UserProfile;\n\n registrationForms: CalendarRegistrationForm[] = [];\n calendars: Calendar[] = [];\n categories: CalendarEventCategory[] = [];\n dialogControl = { context: null, showAppointmentSeriesEditConfirmDialog: false, showAppointmentSeriesDeleteConfirmDialog: false, showImageSourceDialog: false };\n selectedGroup: Group;\n selectedGroupRegistration: Group;\n selectedGroupInvitation: Group;\n loadEditor: boolean = false;\n productsEnabled = false;\n\n CREATE_EVENT_MUTATION = gql`\n mutation createCalendarEvents( $calendarId : ID! ,$data: CalendarEventTemplate!){\n createCalendarEvents(calendarId : $calendarId, data : $data) {\n id\n calendarId\n seriesId\n title\n subTitle\n description\n dateStart\n dateTimeStart\n dateEnd\n dateTimeEnd\n maxSignUps\n maxAdditionalSignUps\n multiSignUpAllowed\n onlineConference\n paymentDocumentation\n registrationFormId\n products{\n id\n name\n image {\n url\n }\n }\n iconImage{id url}\n resources{id url}\n deadlineStartOffsetMinutes\n startOfRegistrationOffsetMinutes\n cancelRegistrationDeadlineOffsetMinutes\n notifyEventContactPersonOnSignUp\n issueTicketsUponRegistration\n memberListVisibility\n manageAttendees\n publicRegistrationAllowed\n waitingListEnabled\n maxReservationTime\n badgeEnabled\n contactId\n contactGroup{\n id\n name\n numberOfMembers\n }\n contactGroupId\n contact{\n id\n realname\n }\n canWrite\n reminder{\n active\n message\n value\n }\n feedbackAllowed\n }\n }`;\n\n DELETE_EVENT_MUTATION = gql`\n mutation deleteCalendarEvent($id: ID!, $scope: ModificationScope!){\n deleteCalendarEvent(id:$id,scope: $scope)\n }`;\n\n LOAD_LOCATIONS_QUERY = gql`\n query listLocations{\n listLocations {\n id\n appId\n postalCode\n street\n city\n title\n geoLat\n geoLng\n }}`;\n\n UPDATE_CALENDAR_EVENT = gql`\n mutation updateCalendarEvents($eventId: ID!, $data : CalendarEventTemplate!, $seriesId: ID,$scope: ModificationScope!){\n updateCalendarEvents(eventId: $eventId, data : $data, seriesId: $seriesId, scope: $scope){\n id\n calendarId\n seriesId\n title\n subTitle\n description\n dateStart\n dateTimeStart\n dateEnd\n dateTimeEnd\n maxSignUps\n maxAdditionalSignUps\n multiSignUpAllowed\n iconImage{id}\n resources{id}\n onlineConference\n paymentDocumentation\n registrationFormId\n products{\n id\n name\n image {\n url\n }\n }\n deadlineStartOffsetMinutes\n startOfRegistrationOffsetMinutes\n cancelRegistrationDeadlineOffsetMinutes\n notifyEventContactPersonOnSignUp\n issueTicketsUponRegistration\n memberListVisibility\n manageAttendees\n publicRegistrationAllowed\n waitingListEnabled\n maxReservationTime\n badgeEnabled\n contactId\n contact{\n id\n realname\n }\n reminder{\n active\n message\n value\n }\n feedbackAllowed\n }}`;\n\n\n LOAD_CALENDARS = gql`\n query combinedInitQuery($componentId:ID!){\n getCalendarRegistrationForms{\n name\n id\n usedInEventsCount\n }\n listCalendarByComponentId(componentId: $componentId) {\n id\n title\n color\n canWrite\n canRead\n readerRoles{\n value\n }\n writerRoles{\n value\n }\n categories{\n id\n title\n color\n }\n }\n }`;\n\n QUERY_GET_CURRENT_EVENT = gql`\n query getCalendarEventById($calendarEventId: ID!){\n getCalendarEventById(calendarEventId: $calendarEventId) {\n contactGroup{\n id\n name\n numberOfMembers\n }\n }}`;\n\n constructor(public ref: DynamicDialogRef, public config: DynamicDialogConfig, private apolloClient: Apollo, public coreLibService: CoreLibService, private dialogService: DialogService, private messageService: MessageService, @Inject('component') private component: string, @Inject('moment') public moment, private confirmationService: ConfirmationService, @Inject(APP_BASE_HREF) public baseHref: string, private paymentService: PaymentLibService) {\n this.parentAppointment = config.data.appointment;\n }\n\n ngOnInit(): void {\n let start = this.moment();\n let hour = start.hour();\n let minute = start.minute();\n if (minute <= 30) start.set({ minute: 30 });\n if (minute > 30) start.set({ hour: hour + 1, minute: 0 });\n\n if (this.config.data.startDate) {\n start = this.moment(this.config.data.startDate);\n start.set({ hour: hour + 1, minute: 0 })\n }\n let end = start.clone();\n end = end.add(1, 'hour');\n\n\n this.appointmentForm = new UntypedFormGroup({\n \"title\": new UntypedFormControl(null, [Validators.required]),\n \"subTitle\": new UntypedFormControl(null),\n \"calendarId\": new UntypedFormControl(null, [Validators.required]),\n \"description\": new UntypedFormControl(null),\n \"locationId\": new UntypedFormControl(null),\n \"categoryIds\": new UntypedFormControl(null),\n \"contactGroupId\": new UntypedFormControl(null),\n \"allDay\": new UntypedFormControl(false),\n \"onlineConference\": new UntypedFormControl(false),\n \"paymentDocumentation\": new UntypedFormControl(false),\n \"registrationFormId\": new UntypedFormControl(null),\n \"productIds\": new UntypedFormControl([]),\n \"dateStart\": new UntypedFormControl(start.format('YYYY-MM-DD'), Validators.required),\n \"timeStart\": new UntypedFormControl(start.format('HH:mm')),\n \"dateEnd\": new UntypedFormControl(end.format('YYYY-MM-DD'), [Validators.required]),\n \"timeEnd\": new UntypedFormControl(end.format('HH:mm')),\n \"cycle\": new UntypedFormControl(this.FORM_CYCLE_OPTIONS[0].id),\n \"rrule\": new UntypedFormControl(null, [this.rruleValidator()]),\n \"appointmentInterval\": new UntypedFormControl({ disabled: false, value: 1 }),\n \"appointmentEndType\": new UntypedFormControl(\"endDate\"),\n \"appointmentEndAtDate\": new UntypedFormControl({ disabled: false, value: null }),\n \"appointmentCount\": new UntypedFormControl({ disabled: false, value: 1 }),\n \"appointmentWeekday\": new UntypedFormControl([]),\n \"iconImage\": new UntypedFormControl(null),\n \"resources\": new UntypedFormControl(null),\n \"registrationRequired\": new UntypedFormControl(false),\n \"deadlineStartOffsetMinutes\": new UntypedFormControl(null),\n \"deadline\": new UntypedFormControl(null),\n \"startOfRegistrationOffsetMinutes\": new UntypedFormControl(null),\n \"startOfRegistration\": new UntypedFormControl(null),\n \"cancelRegistrationDeadlineOffsetMinutes\": new UntypedFormControl(null),\n \"cancelRegistrationDeadline\": new UntypedFormControl(null),\n \"notifyEventContactPersonOnSignUp\": new UntypedFormControl(true),\n \"maxAdditionalSignUps\": new UntypedFormControl({ value: 0, disabled: false }, []),\n \"availableAppointmentSlots\": new UntypedFormControl({ value: null, disabled: false }, []),\n \"multiSignUpAllowed\": new UntypedFormControl(false),\n \"minimumEventSignUps\": new UntypedFormControl(null),\n \"contactId\": new UntypedFormControl(),\n \"detailLink\": new UntypedFormControl(null, [Validators.pattern('(https?://).*')]),\n \"issueTicketsUponRegistration\": new UntypedFormControl({ value: false, disabled: false }, []),\n \"memberListVisibility\": new UntypedFormControl(MemberListVisibility.Admin),\n \"manageAttendees\": new UntypedFormControl(null),\n \"publicRegistrationAllowed\": new UntypedFormControl(false),\n \"groupRegistration\": new UntypedFormControl(null),\n \"groupInvitation\": new UntypedFormControl(null),\n \"reminder\": new UntypedFormGroup({\n \"active\": new UntypedFormControl({ value: false, disabled: false }),\n \"message\": new UntypedFormControl({ value: null, disabled: false }),\n \"value\": new UntypedFormControl({ value: 2, disabled: false })\n }),\n \"waitingListEnabled\": new UntypedFormControl(null),\n \"maxReservationTime\": new UntypedFormControl(60),\n \"badgeEnabled\": new UntypedFormControl(true),\n \"feedbackAllowed\": new UntypedFormControl(false)\n });\n if(this.coreLibService.getSecurityInformation().userProfile){\n this.appointmentForm.get(\"contactId\").patchValue(this.coreLibService.getSecurityInformation().userProfile.id)\n }\n this.loadLocations();\n\n const baseQueries = [this.apolloClient.query({\n query: this.LOAD_CALENDARS,\n variables: {\n componentId: this.component\n }\n })];\n if (this.parentAppointment && this.parentAppointment.id) {\n baseQueries.push(this.apolloClient.query({\n query: this.QUERY_GET_CURRENT_EVENT,\n variables: {\n calendarEventId: this.parentAppointment.id\n }\n }));\n }\n\n forkJoin(baseQueries).subscribe(results => {\n const calendarResult = results[0];\n if (results.length > 1) {\n const eventResult = results[1];\n this.parentAppointment.contactGroup = eventResult.data.getCalendarEventById.contactGroup;\n if (this.parentAppointment && this.parentAppointment.contactGroup) {\n this.selectedGroup = this.parentAppointment.contactGroup;\n }\n }\n this.registrationForms = calendarResult.data.getCalendarRegistrationForms;\n this.calendars = calendarResult.data.listCalendarByComponentId.filter(c => {\n if (c.canWrite) {\n return true;\n }\n if (this.parentAppointment && this.parentAppointment.calendarId === c.id) {\n return true;\n }\n return false;\n });\n\n if (this.parentAppointment) {\n this.initFormFromExistingEvent(this.parentAppointment);\n } else {\n /**\n * Preselect calendarId\n */\n let preselectedCalendarId: string = null;\n if (this.config.data.preselectedCalendarId && this.calendars.findIndex(c=>c.id === this.config.data.preselectedCalendarId)>-1) {\n preselectedCalendarId = this.config.data.preselectedCalendarId;\n this.appointmentForm.patchValue({calendarId:preselectedCalendarId});\n this.onCalendarChanged({value: preselectedCalendarId});\n }\n }\n });\n\n this.coreLibService.getAppConfiguration().subscribe((config) => {\n if (config.features.indexOf(AppConfigurationFeature.ProductCatalogue) > -1) {\n this.productsEnabled = true;\n this.paymentService.listProductsByTypes([ProductType.MultiTicket, ProductType.SingleTicket, ProductType.SeasonTicket], true).subscribe((result) => {\n this.products = result.filter(pd => pd.paymentProviderReference != null);\n });\n }\n });\n\n this.myUserProfile = this.coreLibService.getSecurityInformation().userProfile;\n }\n\n onSelectImages(target: string): void {\n const hasPermissionForLibrary = this.coreLibService.hasAnyClaims(['resource_create']);\n if (!hasPermissionForLibrary) {\n this.onSelectImagesFromFileStore(target);\n } else {\n this.dialogControl.context = target;\n this.dialogControl.showImageSourceDialog = true;\n }\n }\n\n onSelectImagesFromMediaLibrary(target: string): void {\n this.dialogControl.showImageSourceDialog = false;\n\n const dialog = this.dialogService.open(MediaLibraryLibComponent, {\n header: $localize`:@@media-library.header.title: Media Library`,\n data: {\n filterOptions: ['image'],\n selectionMode: target === 'icon' ? 'single' : 'multi'\n },\n width: '90%',\n height: '90%',\n focusOnShow: false,\n contentStyle: { display: 'flex' }\n });\n\n dialog.onClose.subscribe((result) => {\n if (target === 'icon') {\n if (result && result.resources) {\n const r = result.resources as Resource;\n this.appointmentForm.get('iconImage').setValue(r);\n this.appointmentForm.patchValue({ 'iconImage': r });\n\n }\n } else if (target === 'resources') {\n const r = result.resources as [Resource];\n this.currentPagedImageIndex = 0;\n this.imgList = r;\n this.appointmentForm.get('resources').setValue(r);\n }\n });\n }\n\n onSelectImagesFromFileStore(target: string): void {\n this.dialogControl.showImageSourceDialog = false;\n\n\n import('filestore-lib').then(() => {\n const dialog = this.dialogService.open(FilestoreBrowserComponent, {\n header: $localize`:@@filestore-lib.personal-store:Personal file storage`,\n data: {\n ownerId: this.myUserProfile.id,\n options: {\n limit: target === 'icon' ? 1 : 5,\n mimeTypes: ['image']\n }\n },\n width: '90%',\n height: '90%',\n focusOnShow: false,\n contentStyle: { display: 'flex' }\n });\n\n\n dialog.onClose.subscribe((result) => {\n if (target === 'icon') {\n const resources = result as [FsFile];\n const mediaReferences = resources.map(r => ({ url: r.thumbnailImageUrl, id: r.id }));\n this.appointmentForm.get('iconImage').setValue(mediaReferences[0]);\n this.appointmentForm.patchValue({ 'iconImage': mediaReferences[0] });\n } else if (target === 'resources') {\n const resources = result as [FsFile];\n const mediaReferences = resources.map(r => ({ url: r.thumbnailImageUrl, id: r.id }));\n this.currentPagedImageIndex = 0;\n this.imgList = mediaReferences;\n this.appointmentForm.get('resources').setValue(mediaReferences);\n }\n });\n });\n\n }\n\n /**\n * on date start selected\n * @param event\n */\n onDateStartSelected(value): void {\n const dateEndValue = this.appointmentForm.get('dateEnd').value;\n if (dateEndValue == null || this.moment(dateEndValue).isBefore(this.appointmentForm.get('dateStart').value)) {\n this.appointmentForm.get('dateEnd').setValue(this.moment(value).format('YYYY-MM-DD'));\n }\n\n }\n\n /**\n * on date start selected\n * @param event\n */\n onDateTimeStartSelected(value): void {\n this.appointmentForm.get('timeEnd').setValue(this.moment(`01-01-1970 ${value}`).add(1, 'hour').format('HH:mm'));\n }\n /**\n *\n * @param event\n */\n onSelectedCategoriesChanged(event): void {\n this.appointmentForm.get('categoryIds').setValue(event.value.map((cat) => cat.id));\n }\n /**\n * updates category dropdown if calendar selected\n * @param event\n */\n onCalendarChanged(event: any): void {\n const calender = this.calendars.find((c) => c.id === event.value);\n this.categories = calender.categories;\n this.appointmentForm.get('categoryIds').setValue([]);\n }\n\n\n deletePreviewImage() {\n this.appointmentForm.get('iconImage').setValue(null);\n }\n\n deleteContentImages() {\n this.imgList = [];\n this.appointmentForm.get('resources').setValue([]);\n }\n\n /**\n * Creates RRule String\n * @returns RRule String\n */\n createRRule() {\n var ruleFreq;\n var ruleInterval: number;\n var ruleByWeekday;\n\n\n //Determine Cycle\n //Todo: Daily, Weekly usw. noch durch ID's austauschen. Nicht die Values hardcoden!\n switch (this.appointmentForm.controls['cycle'].value) {\n case \"DAYS\":\n ruleFreq = RRule.DAILY;\n break;\n case \"WEEKS\":\n ruleFreq = RRule.WEEKLY;\n break;\n case \"MONTHS\":\n ruleFreq = RRule.MONTHLY;\n break;\n case \"YEARS\":\n ruleFreq = RRule.YEARLY;\n break;\n default:\n break;\n }\n\n let ruleDtStart = this.moment(`${this.appointmentForm.value.dateStart} ${this.appointmentForm.value.timeStart}`, 'YYYY-MM-DD HH:mm').toDate();\n\n //Set Weekday (Only in Weekly Set)\n if (this.appointmentForm.value.appointmentWeekday != null) {\n ruleByWeekday = this.appointmentForm.value.appointmentWeekday.map(Number);\n }\n\n ruleInterval = this.appointmentForm.value.appointmentInterval;\n\n\n //build Rule object here. Check if various fields have been filled out\n let newRule: Partial = {\n freq: ruleFreq,\n interval: ruleInterval,\n dtstart: ruleDtStart\n };\n\n if (ruleFreq == RRule.WEEKLY) {\n newRule[\"byweekday\"] = ruleByWeekday;\n }\n\n\n if (this.appointmentForm.value.cycle === 'CUSTOM') {\n newRule = RRule.parseString(this.appointmentForm.value.rrule)\n }\n\n if (this.appointmentForm.value.appointmentEndType === 'endDate') {\n newRule[\"until\"] = this.moment(this.appointmentForm.value.appointmentEndAtDate).endOf('day').toDate();\n } else if (this.appointmentForm.value.appointmentEndType === 'repeats') {\n newRule[\"count\"] = this.appointmentForm.value.appointmentCount;\n }\n\n\n //Regex removes unwanted String at the beginning of the rule string -> Blame the used lib for that one\n var rule = new RRule(newRule);\n //return rule.toString().replace(new RegExp(\"([^x]+)RRULE:\"), \"\");\n // return rule.toString().replace(new RegExp(\"RRULE:\"), \"\");\n return rule.toString().substring(rule.toString().indexOf('RRULE') + 6);\n }\n\n /**\n * rrule validator\n * @returns\n */\n rruleValidator(): ValidatorFn {\n return (control: AbstractControl): ValidationErrors | null => {\n const value = control.value;\n if (value == null) {\n return null;\n }\n\n try {\n RRule.parseString(value)\n return null;\n } catch (e) {\n return { rrule: e };\n }\n }\n }\n /**\n * Create appointment create or update data\n */\n createEventData() {\n let form = this.appointmentForm.value;\n\n const now = this.moment()\n const timeZoneId = Intl.DateTimeFormat().resolvedOptions().timeZone;\n const utcOffSet = now.format('Z');\n\n let data = {\n title: form.title,\n calendarId: form.calendarId,\n detailLink: form.detailLink,\n subTitle: form.subTitle,\n onlineConference: form.onlineConference,\n description: form.description,\n paymentDocumentation: form.paymentDocumentation,\n registrationFormId: form.registrationFormId,\n productIds: form.productIds,\n categoryIds: form.categoryIds,\n locationId: form.locationId,\n contactGroupId: form.contactGroupId,\n allDay: form.allDay,\n multiSignUpAllowed: form.multiSignUpAllowed,\n registrationRequired: form.registrationRequired,\n maxSignUps: form.availableAppointmentSlots,\n notifyEventContactPersonOnSignUp: form.notifyEventContactPersonOnSignUp,\n contactId: form.contactId,\n issueTicketsUponRegistration: form.issueTicketsUponRegistration,\n memberListVisibility: form.memberListVisibility,\n manageAttendees: form.manageAttendees,\n publicRegistrationAllowed: form.publicRegistrationAllowed,\n deadlineStartOffsetMinutes: form.deadlineStartOffsetMinutes,\n startOfRegistrationOffsetMinutes: form.startOfRegistrationOffsetMinutes,\n cancelRegistrationDeadlineOffsetMinutes: form.cancelRegistrationDeadlineOffsetMinutes,\n reminder: form.reminder,\n waitingListEnabled: form.waitingListEnabled,\n maxReservationTime: form.maxReservationTime,\n badgeEnabled: form.badgeEnabled,\n timeZoneId: timeZoneId,\n timeZoneOffset: utcOffSet,\n feedbackAllowed: form.feedbackAllowed,\n groupInvitation: form.groupInvitation,\n sourceApplication: this.component\n\n } as CalendarEventTemplate;\n\n\n if (this.parentAppointment == null || this.config.data.clonedAppointment == true) {\n if (form['cycle'] !== 'ONCE') {\n data[\"rrule\"] = this.createRRule();\n }\n }\n\n\n if (this.parentAppointment == null && form.groupRegistration) {\n data[\"groupRegistration\"] = form.groupRegistration;\n }\n\n if (form.allDay != false && form.allDay != null) {\n data[\"dateStart\"] = this.moment(`${form.dateStart}`, 'YYYY-MM-DD').startOf('day').toDate();\n data[\"dateEnd\"] = this.moment(`${form.dateEnd}`, 'YYYY-MM-DD').endOf('day').toDate();\n } else {\n let startDate = this.moment(`${form.dateStart} ${form.timeStart}`, 'YYYY-MM-DD HH:mm').toDate();\n let endDate = this.moment(`${form.dateEnd} ${form.timeEnd}`, 'YYYY-MM-DD HH:mm').toDate();\n data[\"dateStart\"] = startDate\n data[\"dateEnd\"] = endDate;\n }\n\n if (this.moment(data[\"dateEnd\"]).isBefore(this.moment(data[\"dateStart\"]))) {\n throw \"INVALID_DATE\"\n }\n\n if (form.iconImage != null) {\n data[\"iconImage\"] = { url: form.iconImage.url, id: form.iconImage.id, mimeType: form.iconImage.mimeType } as MediaReferenceInput\n } else {\n data[\"iconImage\"] = null;\n }\n\n if (form.resources != null) {\n data[\"resources\"] = form.resources.map(a => { return { url: a.url, id: a.id, mimeType: a.mimeType } });\n } else {\n data[\"resources\"] = [];\n }\n\n if (form.registrationRequired == true) {\n data[\"maxAdditionalSignUps\"] = form.maxAdditionalSignUps;\n data[\"multiSignUpAllowed\"] = form.maxAdditionalSignUps > 0;\n\n if (form.minimumEventSignUps > 0) {\n data[\"minSignUps\"] = form.minimumEventSignUps;\n } else if (form.minimumEventSignUps == 0 || form.minimumEventSignUps == null) {\n data[\"minSignUps\"] = null;\n }\n\n }\n return data;\n }\n\n applyUpdateChanges(seriesId: string, modificationScope: ModificationScope) {\n let eventId = this.config.data.appointment.id;\n let eventData = {};\n try {\n eventData = this.createEventData();\n } catch (e) {\n if (e === 'INVALID_DATE') {\n return;\n }\n }\n\n this.apolloClient.mutate({\n mutation: this.UPDATE_CALENDAR_EVENT,\n variables: {\n eventId: eventId,\n seriesId: seriesId,\n data: eventData,\n scope: modificationScope\n }\n }).subscribe((result) => {\n this.ref.close(result);\n });\n }\n\n /**\n *\n */\n validateBeforeSubmit(): string | null {\n if (this.appointmentForm.get('cycle').value === 'WEEKS' && this.appointmentForm.get('appointmentWeekday').value.length == 0) {\n return $localize`:@@appointment-management-edit.validation.cycle.weeks: Please select at least one day of the week.`;\n }\n if (this.appointmentForm.get('cycle').value !== 'ONCE' && this.appointmentForm.get('appointmentEndType').value == 'endDate' && this.appointmentForm.get('appointmentEndAtDate').value == null) {\n return $localize`:@@appointment-management-edit.validation.appointmentEndType.appointmentEndAtDate: Please add an end date.`;\n }\n if (this.appointmentForm.get('cycle').value !== 'ONCE' && this.appointmentForm.get('appointmentEndType').value == 'repeats' && this.appointmentForm.get('appointmentCount').value == null) {\n return $localize`:@@appointment-management-edit.validation.appointmentEndType.repeats: Please add a number of repeats.`;\n }\n if (this.appointmentForm.get('cycle').value === 'CUSTOM' && (this.appointmentForm.get('rrule').value == null || this.appointmentForm.get('rrule').value.length == 0)) {\n return $localize`:@@appointment-management-edit.validation.appointmentEndType.custom: Please add a valid RRule for custom repeats.`;\n }\n\n if (this.appointmentForm.get('timeEnd').value === \"\" && this.appointmentForm.get('allDay').value === false) {\n return $localize`:@@appointment-management-edit.validation.appointmentEndType.endTimeNotSet: Please add an end date.`;\n }\n\n if (this.appointmentForm.get('reminder').get('active').value === true && this.appointmentForm.get('reminder').get('message').value === \"\") {\n return $localize`:@@appointment-management-edit.validation.reminder.messageEmpty:Please enter a message if you use the reminder function.`;\n }\n\n if (this.appointmentForm.get('waitingListEnabled').value === true && this.appointmentForm.get('maxAdditionalSignUps').value > 0) {\n return $localize`:@@appointment-management-edit.validation.waitingListEnabled-conflict:The waiting list function cannot be used in conjunction with additional registrations.`;\n }\n\n const startOfRegistrationOffsetMinutes = this.appointmentForm.get('startOfRegistrationOffsetMinutes').value;\n if (startOfRegistrationOffsetMinutes && startOfRegistrationOffsetMinutes < 0) {\n return $localize`:@@appointment-management-edit.validation.startOfRegistrationOffsetMinutes.invalid:Registration must start before the appointment.`;\n }\n\n const cancelRegistrationDeadlineOffsetMinutes = this.appointmentForm.get('cancelRegistrationDeadlineOffsetMinutes').value;\n if (cancelRegistrationDeadlineOffsetMinutes && cancelRegistrationDeadlineOffsetMinutes < 0) {\n return $localize`:@@appointment-management-edit.validation.cancelRegistrationDeadlineOffsetMinutes.invalid:Cancellation deadline must be set before the start of the appointment.`;\n }\n\n\n if (this.parentAppointment && this.appointmentForm.value.availableAppointmentSlots != null) {\n let invalidMaxSignUps: Boolean = this.parentAppointment.registrationCount > this.appointmentForm.value.availableAppointmentSlots;\n if (invalidMaxSignUps) {\n return $localize`:@@appointment-management-edit.validation.registrationCount.availableAppointmentSlots: Invalid configuration of the maximum participants. More participants than allowed are already registered for the event.`;\n }\n }\n\n if (this.appointmentForm.get('contactId').value == null && this.appointmentForm.get('publicRegistrationAllowed').value == true) {\n return $localize`:@@appointment-management-edit.validation.publicRegistration-contact-invalid:To allow public registration, a specific person must be responsible for the appointment. A group cannot be assigned, as the registrations are attributed to the individual.`;\n }\n if (this.appointmentForm.get('productIds').value.length > 0 && this.appointmentForm.get('publicRegistrationAllowed').value == true) {\n return $localize`:@@appointment-management-edit.validation.publicRegistration-product-invalid: Public registrations do not work with paid appointments.`;\n }\n return null;\n }\n\n /**\n *\n * @param scope\n */\n onSeriesEditConfirmed(scope): void {\n this.applyUpdateChanges(this.parentAppointment.seriesId, scope);\n }\n /**\n * create or update event\n * @returns\n */\n onSubmit() {\n const validated = this.validateBeforeSubmit();\n if (validated != null) {\n this.messageService.add({ severity: 'error', summary: $localize`:@@appointment-management-edit.validation.error: Invalid configuration.`, detail: validated });\n return;\n }\n if (this.parentAppointment && this.parentAppointment.id != null) {\n this.dialogControl.context = { changeType: ModificationScope.Selected };\n if (this.parentAppointment.seriesId) {\n this.dialogControl.showAppointmentSeriesEditConfirmDialog = true;\n } else {\n this.applyUpdateChanges(null, ModificationScope.Selected);\n }\n\n } else {\n let eventData = {};\n try {\n eventData = this.createEventData();\n } catch (e) {\n if (e === 'INVALID_DATE') {\n return;\n }\n }\n this.apolloClient.mutate({\n mutation: this.CREATE_EVENT_MUTATION,\n variables: {\n calendarId: this.appointmentForm.get('calendarId').value,\n data: eventData\n }\n }).subscribe((result) => {\n this.ref.close(result);\n });\n }\n }\n\n /**\n * on delete event\n */\n onDelete() {\n const seriesId = this.parentAppointment.seriesId;\n if (seriesId) {\n this.dialogControl.context = { changeType: ModificationScope.Selected };\n this.dialogControl.showAppointmentSeriesDeleteConfirmDialog = true;\n } else {\n this.confirmationService.confirm({\n accept: () => {\n this.onDeleteEvent(ModificationScope.Selected);\n },\n rejectButtonStyleClass: 'p-button-secondary',\n acceptButtonStyleClass: 'p-button-danger',\n rejectIcon: 'none',\n acceptIcon: 'none',\n defaultFocus: 'none',\n acceptLabel: $localize`:@@appointment-management-edit.confirm-delete.yes: Yes`,\n rejectLabel: $localize`:@@appointment-management-edit.confirm-delete.cancel: Cancel`,\n message: $localize`:@@appointment-management-edit.confirm-delete: Do you really want to delete the event?`\n });\n }\n }\n\n /**\n * delete single event\n */\n onDeleteEvent(modificationScope: ModificationScope) {\n let eventId = this.config.data.appointment.id;\n this.apolloClient.mutate({\n mutation: this.DELETE_EVENT_MUTATION,\n variables: { id: eventId, scope: modificationScope }\n }).subscribe((result) => {\n let obj = {\n result: result,\n closeRef: true\n }\n this.ref.close(obj);\n });\n }\n\n //Handle Locations\n loadLocations() {\n this.apolloClient.query({\n query: this.LOAD_LOCATIONS_QUERY,\n }).subscribe((result) => {\n this.allLocations = result.data.listLocations;\n });\n }\n\n /**\n * loads form from existing event\n * @param appointment\n */\n initFormFromExistingEvent(appointment: CalendarEvent) {\n const calender = this.calendars.find((c) => c.id === appointment.calendarId);\n this.categories = calender.categories;\n\n let categoryIds = [];\n if (appointment.categories) {\n categoryIds = appointment.categories.map(cat => cat.id);\n }\n this.contactProfile = appointment.contact;\n\n this.appointmentForm.patchValue({\n \"title\": appointment.title,\n \"subTitle\": appointment.subTitle,\n \"description\": appointment.description,\n \"detailLink\": appointment.detailLink,\n \"calendarId\": appointment.calendarId,\n \"contactGroupId\": appointment.contactGroupId,\n \"categoryIds\": categoryIds,\n \"dateStart\": this.moment(appointment.dateStart).format('YYYY-MM-DD'),\n \"dateEnd\": this.moment(appointment.dateEnd).format('YYYY-MM-DD'),\n \"timeStart\": this.moment(appointment.dateStart).format('HH:mm'),\n \"timeEnd\": this.moment(appointment.dateEnd).format('HH:mm'),\n \"allDay\": appointment.allDay,\n \"onlineConference\": appointment.onlineConference,\n \"paymentDocumentation\": appointment.paymentDocumentation,\n \"registrationFormId\": appointment.registrationFormId,\n \"productIds\": appointment.products.map(p => p.id),\n \"locationId\": appointment.location?.id,\n \"multiSignUpAllowed\": appointment.multiSignUpAllowed,\n \"contactId\": appointment.contactId,\n \"notifyEventContactPersonOnSignUp\": appointment.notifyEventContactPersonOnSignUp,\n \"issueTicketsUponRegistration\": appointment.issueTicketsUponRegistration,\n \"memberListVisibility\": appointment.memberListVisibility,\n \"manageAttendees\": appointment.manageAttendees,\n \"publicRegistrationAllowed\": appointment.publicRegistrationAllowed,\n \"maxReservationTime\": appointment.maxReservationTime,\n \"waitingListEnabled\": appointment.waitingListEnabled,\n \"badgeEnabled\": appointment.badgeEnabled,\n \"reminder\": appointment.reminder,\n \"feedbackAllowed\": appointment.feedbackAllowed\n });\n\n\n if (appointment.registrationRequired) {\n this.appointmentForm.patchValue({\n \"registrationRequired\": true,\n \"availableAppointmentSlots\": appointment.maxSignUps,\n \"maxAdditionalSignUps\": appointment.maxAdditionalSignUps,\n \"minimumEventSignUps\": appointment.minSignUps,\n \"deadlineStartOffsetMinutes\": appointment.deadlineStartOffsetMinutes,\n \"startOfRegistrationOffsetMinutes\": appointment.startOfRegistrationOffsetMinutes,\n \"cancelRegistrationDeadlineOffsetMinutes\": appointment.cancelRegistrationDeadlineOffsetMinutes\n });\n if (appointment.deadlineStartOffsetMinutes) {\n this.appointmentForm.patchValue({ \"deadline\": this.moment(appointment.dateStart).subtract(appointment.deadlineStartOffsetMinutes, 'minutes').toDate() });\n }\n\n if (appointment.startOfRegistrationOffsetMinutes) {\n this.appointmentForm.patchValue({ \"startOfRegistration\": this.moment(appointment.dateStart).subtract(appointment.startOfRegistrationOffsetMinutes, 'minutes').toDate() });\n }\n\n if (appointment.cancelRegistrationDeadlineOffsetMinutes) {\n this.appointmentForm.patchValue({ \"cancelRegistrationDeadline\": this.moment(appointment.dateStart).subtract(appointment.cancelRegistrationDeadlineOffsetMinutes, 'minutes').toDate() });\n }\n }\n\n if (appointment.iconImage) {\n this.appointmentForm.patchValue({ 'iconImage': appointment.iconImage });\n }\n\n if (appointment.resources != null) {\n this.imgList = appointment.resources;\n this.appointmentForm.patchValue({ 'resources': appointment.resources });\n }\n\n }\n\n onImagePagingatorChanged(event) {\n event.stopPropagating();\n this.currentPagedImageIndex = event.first;\n }\n\n /**\n * search for profile in backend\n * @param event\n */\n searchContactUserProfile(event): void {\n this.searchProfiles(event.query).subscribe((result) => {\n this.contactProfilesSearch = result;\n });\n }\n\n get contactProfileIdField(): AbstractControl {\n return this.appointmentForm.get('contactId');\n }\n\n contactProfileSelected(event): void {\n this.contactProfileIdField.setValue(event.value.id);\n }\n\n contactProfileCleared(event): void {\n event.preventDefault();\n this.contactProfile = null;\n this.appointmentForm.patchValue({ contactId: null })\n }\n\n private searchProfiles(query: string): Observable {\n return new Observable((observer) => {\n const PROFILE_QUERY = gql`\n query GetProfiles($page: Int!,$size: Int!,$search: String,$sort:Sort!){\n findUserProfile(search : $search, page: { page : $page, size : $size, sort: $sort}) {\n totalcount\n content{\n id\n realname\n }}}`;\n\n this.apolloClient.query({\n query: PROFILE_QUERY,\n variables: {\n page: 0,\n size: 50,\n search: query,\n sort: { property: 'name', direction: Direction.Asc }\n }\n }).subscribe((result) => {\n if (!result.errors) {\n observer.next(result.data.findUserProfile.content);\n observer.complete();\n } else {\n observer.error(result.errors);\n observer.complete();\n }\n });\n });\n }\n\n\n /**\n * remove the group\n */\n removeContactGroup(): void {\n this.appointmentForm.get('contactGroupId').setValue(null);\n this.selectedGroup = null;\n }\n\n /**\n * opens picker\n * @param event\n */\n openContactGroupPicker(event): void {\n this.dialogService.open(GroupPickerComponent, {\n header: $localize`:@@appointment-management-edit.group-picker-dialog.title: Choose Group`,\n data: {\n selectionMode: 'single'\n },\n focusOnShow: false,\n style: { 'min-height': '30rem', 'min-width': '25rem', display: 'flex' }\n }).onClose.subscribe((result) => {\n if (result) {\n this.appointmentForm.get('contactGroupId').setValue(result.id);\n this.selectedGroup = result;\n }\n });\n }\n\n\n /**\n * remove the group\n */\n onRemoveGroupRegistration(): void {\n this.appointmentForm.get('groupRegistration').setValue(null);\n this.selectedGroupRegistration = null;\n }\n\n /**\n * remove the group\n */\n onRemoveGroupInvitation(): void {\n this.appointmentForm.get('groupInvitation').setValue(null);\n this.selectedGroupInvitation = null;\n }\n /**\n * opens picker\n * @param event\n */\n onOpenGroupRegistrationPicker(event): void {\n this.dialogService.open(GroupPickerComponent, {\n header: $localize`:@@appointment-management-edit.group-picker-dialog.title: Choose group`,\n data: {\n selectionMode: 'single'\n },\n focusOnShow: false,\n style: { 'min-height': '30rem', 'min-width': '25rem', display: 'flex' }\n }).onClose.subscribe((result) => {\n if (result) {\n this.appointmentForm.get('groupRegistration').setValue(result.id);\n this.selectedGroupRegistration = result;\n }\n });\n }\n\n /**\n * opens picker\n * @param event\n */\n onOpenGroupInvistationPicker(event): void {\n this.dialogService.open(GroupPickerComponent, {\n header: $localize`:@@appointment-management-edit.group-picker-dialog.title: Choose group`,\n data: {\n selectionMode: 'single'\n },\n focusOnShow: false,\n style: { 'min-height': '30rem', 'min-width': '25rem', display: 'flex' }\n }).onClose.subscribe((result) => {\n if (result) {\n this.appointmentForm.get('groupInvitation').setValue(result.id);\n this.selectedGroupInvitation = result;\n }\n });\n }\n\n resetDeadline(): void {\n this.appointmentForm.get('deadlineStartOffsetMinutes').setValue(null);\n this.appointmentForm.get('deadline').setValue(null);\n }\n\n resetStartOfRegistration(): void {\n this.appointmentForm.get('startOfRegistrationOffsetMinutes').setValue(null);\n this.appointmentForm.get('startOfRegistration').setValue(null);\n\n }\n\n resetCancelationDeadline(): void {\n this.appointmentForm.get('cancelRegistrationDeadlineOffsetMinutes').setValue(null);\n this.appointmentForm.get('cancelRegistrationDeadline').setValue(null);\n }\n\n get startDateAsDate(): Date {\n const dateStart = this.appointmentForm.get('dateStart').value;\n const timeStart = this.appointmentForm.get('timeStart').value;\n if (dateStart && timeStart) {\n return this.moment(`${dateStart} ${timeStart}`, 'YYYY-MM-DD HH:mm').toDate();\n }\n if (dateStart) {\n return this.moment(`${dateStart}`, 'YYYY-MM-DD').toDate();\n }\n return null;\n }\n /**\n * new deadline selected\n */\n onDeadLineChanged(): void {\n const newDeadLine = this.appointmentForm.get('deadline').value;\n const startDate = this.startDateAsDate;\n\n if (newDeadLine == null || startDate == null) {\n this.appointmentForm.get('deadlineStartOffsetMinutes').setValue(null);\n } else {\n const minutes = this.moment(startDate).diff(newDeadLine, 'minutes');\n this.appointmentForm.get('deadlineStartOffsetMinutes').setValue(minutes);\n }\n }\n\n /**\n * new cancelation deadline selected\n */\n onCancelationDeadLineChanged(): void {\n const newDeadLine = this.appointmentForm.get('cancelRegistrationDeadline').value;\n const startDate = this.startDateAsDate;\n\n if (newDeadLine == null || startDate == null) {\n this.appointmentForm.get('cancelRegistrationDeadlineOffsetMinutes').setValue(null);\n } else {\n const minutes = this.moment(startDate).diff(newDeadLine, 'minutes');\n this.appointmentForm.get('cancelRegistrationDeadlineOffsetMinutes').setValue(minutes);\n }\n }\n\n /**\n * new deadline selected\n */\n onStartOfRegistrationChanged(): void {\n const newStartOfReistration = this.appointmentForm.get('startOfRegistration').value;\n const startDate = this.startDateAsDate;\n\n if (newStartOfReistration == null || startDate == null) {\n this.appointmentForm.get('startOfRegistrationOffsetMinutes').setValue(null);\n } else {\n const minutes = this.moment(startDate).diff(newStartOfReistration, 'minutes');\n this.appointmentForm.get('startOfRegistrationOffsetMinutes').setValue(minutes);\n }\n }\n\n\n /**\n * reset rrule on change\n */\n onCycleChanged(event): void {\n const value = event.value;\n if (value !== 'CUSTOM') {\n this.appointmentForm.get('rrule').setValue(null);\n }\n }\n\n /**\n * reset contactId on keyboard delete clicked\n */\n detectDeleteKeyPressed(event):void{\n var key = event.keyCode || event.charCode;\n\n // key number für backspace oder del\n if( key == 8 || key == 46 ){\n this.contactProfileCleared(event)\n }\n }\n\n hasProfile():boolean{\n return this.coreLibService.getSecurityInformation().userProfile != null;\n }\n}\n","
\n \n
\n \n
\n\n \n \n
\n\n \n \n \n
\n \n
\n \n \n \n
\n \n \n
\n \n
\n \n \n
\n \n Allows documentation of payments made by the participants.
\n \n \n \n
\n \n
\n\n \n \n
\n \n Use an extended form which the user must fill out when registering for an appointment.\n
\n \n \n \n
\n \n
\n\n\n \n \n
\n \n Please select one or more products with which the app user can take part in this event here.\n
\n \n \n \n \n \n \n \n\n \n
\n \n
\n \n ![]()
\n
\n\n {{ product.name }}
\n \n
\n \n ![]()
\n \n \n
\n {{ product.name }}
\n \n \n
\n All\n current members of the group are automatically registered for the appointment.
\n \n \n \n
\n \n
\n {{selectedGroupRegistration.name}}
\n \n
\n \n \n \n \n
\n \n
\n\n \n \n
\n All current members of the group are automatically invited for the appointment and are requested to provide feedback.
\n \n \n \n
\n \n
\n {{selectedGroupInvitation.name}}
\n \n
\n\n \n \n \n
\n Create an online\n conference with Appack-Meet
\n \n
\n\n \n\n \n \n \n\n
\n \n Highlight this appointment for app users so that it stands out immediately.
\n \n
\n\n\n\n \n
\n \n \n \n
\n \n Which events should be changed?\n
\n \n
\n\n \n \n \n
\n\n Which events should be changed?\n
\n \n
\n \n \n \n
\n\n
\n\n From which source do you want to select\n the image ?
\n\n
\nPowered by Appack\n
\n\n
\n\n \n
\n \n \n\n
\n\n \n
\n\n \n \n \n \n \n \n
\n\n
\n \n
\n\n No event found between\n {{filterRange.start | date:filterRange.format}} - {{filterRange.end | date:filterRange.format}}\n
\n \n for your search \"{{searchText}}\"\n
\n \n No calendar created yet or set as 'active' in settings.\n
\n\n \n 0 && !moment(appointments[i-1].dateStart).isSame(appointment.dateStart,'month')\">\n \n \n \n \n
\n {{appointment.dateStart | date:\"MMMM\" }}
\n \n \n
\n\n\n \n
\n \n
\n \n {{filterRange.start | date: filterRange.format}} - {{filterRange.end |\n date:filterRange.format}} \n
\n \n \n\n
\n\n
\n\n
\n \n
\n\n \n
\n\n \n
\n \n \n \n \n \n\n \n \n \n \n \n \n 0\">\n \n \n \n\n
\n {{appointment.dateStart | date:\"cccc\"}}
\n {{appointment.dateStart |\n date:\"dd.MM.\"}}
\n
\n \n
{{appointment.dateStart | date:\"dd.MM\"}}
\n
\n \n
-
\n {{appointment.dateEnd | date:\"cccc\"}}
\n {{appointment.dateEnd |\n date:\"dd.MM.\"}}
\n
\n \n
{{appointment.dateEnd |\n date:\"dd.MM\"}}
\n \n
\n \n {{appointment.dateStart| date:\"HH:mm\"}}\n
\n -
\n \n {{appointment.dateEnd|date:\"HH:mm\"}}\n
\n \n
\n \n
\n 0\">\n
\n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n Feedback required
\n 50\"\n [class.text-pink-500]=\"appointment.registrationCount >= appointment.maxSignUps\"\n *ngIf=\"appointment.registrationRequired == true && appointment.maxSignUps\">\n\n 0\" class=\"seatsTaken\">\n {{appointment.registrationCount}} / {{appointment.maxSignUps}}\n Seats\n
\n\n 0 && (appointment.minSignUps - appointment.registrationCount)>0\"\n i18n=\"@@appointment-management-list.registrations.minSignUpsHint\">\n The event will only take place with a minimum of {{appointment.minSignUps}} participants.\n
\n Fully booked\n 0\"\n class=\"text-center ml-2 mr-2 mt-2 font-semibold text-xs text-green-500 registrationsOpen\">\n {{appointment.registrationCount}} Seats \n
\n\n 0 && (appointment.minSignUps - appointment.registrationCount)>0\"\n style=\"font-size: .7rem;\" i18n=\"@@appointment-management-list.registrations.minSignUpsHint\">\n The event will only take place with a minimum of {{appointment.minSignUps}} participants.\n
\n \n
\n \n
\n \n
\n \n
\n \n 
\n
\n \n\n
\n \n \n {{calendarsMap.get(appointment.calendarId)?.title}}\n
\n \n
\n \n {{appointment.title}}
\n \n {{appointment.subTitle}}\n
\n\n \n\n
\n \n \n \n
\n \n \n \n
\n \n \n \n\n
\n 0 \">\n \n \n
\n \n \n \n
\n \n \n
\n \n \n
\n {{appointmentStartOfRegistrations[appointment.id] | date:\"short\"}}
\n \n \n
\n {{appointmentDeadLines[appointment.id] | date:\"short\"}}
\n \n
\n \n ![]()
\n \n
\n \n \n \n
\n\n \n {{dialogControl.context.message}}\n
\n \n
\n\n We have identified that your filter settings include items that no longer exist. To prevent potential errors, we\n recommend resetting your filters.\n
\n \n
\n \n
\n \n
\n \n \n
\n \n
\n \n
\n \n \n\n \n
\n\n\n
","import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\nimport { CalendarEvent } from 'core-lib';\nimport { MenuItem } from 'primeng/api';\n\n@Component({\n selector: 'app-event-participants-overview',\n templateUrl: './event-participants-overview.component.html',\n styleUrl: './event-participants-overview.component.scss'\n})\nexport class EventParticipantsOverviewComponent implements OnInit {\n\n @Output() close = new EventEmitter\n
\n\n There is no feedback for the selected date.\n
\n\n 0\">\n
\n\n 0\">\n \n {{statistics[feedbackType.Positive]}}\n
\n 0\">\n \n {{statistics[feedbackType.Negative]}}\n
\n 0\">\n \n {{statistics[feedbackType.Maybe]}}\n
\n\n 0\">\n \n
\n {{statistics[feedbackType.Pending]}}
\n \n
\n \n
\n \n
\n \n
\n\n \n
\n \n ![]()
\n
\n \n \n
\n \n {{ feedback.creationDate | date:'medium' }}\n
\n\n \n {{feedback.client.firstname}}\n {{feedback.client.name}}\n
\n\n \n :\n \n {{feedback.client.email}}\n \n
\n \n :\n \n {{feedback.client.phoneMobile}}\n \n
\n \n :\n \n Direct chat\n \n
\n \n \n \n \n \n \n \n \n \n \n\n \n \n \n\n
\n\n \n {{feedback.comment}}\n
\n \n
\n","\nimport { animate, style, transition, trigger } from '@angular/animations';\nimport { Component, EventEmitter, Inject, Input, OnChanges, OnInit, Output, SimpleChanges } from '@angular/core';\nimport { UntypedFormArray, UntypedFormControl, UntypedFormGroup, ValidatorFn, Validators } from '@angular/forms';\nimport { Router } from '@angular/router';\nimport { Apollo, gql } from 'apollo-angular';\nimport { AttendeeInput, CalendarEvent, CalendarEventRegistration, CalendarEventRegistrationRequest, CalendarRegistrationForm, CoreLibService, Mutation, Query, WorksheetColumnType, CaptchaSolution, Captcha } from 'core-lib';\nimport * as moment from 'moment';\nimport { ConfirmationService, MessageService } from 'primeng/api';\n\n@Component({\n selector: 'lib-event-registration',\n templateUrl: './event-registration.component.html',\n styleUrls: ['./event-registration.component.scss'],\n animations: [\n trigger('fade', [\n transition(':enter', [\n style({ opacity: 0 }),\n animate(200, style({ opacity: 1 }))]),\n transition(':leave', [\n style({ opacity: 1 }),\n animate(200, style({ opacity: 0 }))]),\n ])\n ]\n})\nexport class EventRegistrationComponent implements OnInit, OnChanges {\n\n @Input() event: CalendarEvent;\n @Output() closeEventRegistration = new EventEmitter\n
\n\n \n\n
\n\n \n \n Thank you for your registration. To finalise your registration, please click on the confirmation link in the email we have just sent you.\n \n \n
\n\n\n \n \n You have been added to the waiting list. You will be informed as soon as a place becomes available.\n \n \n
\n\n\n \n \n You are registered.\n \n \n
\n\n \n \n Profile needed for registrations.\n \n \n
\n\n\n
\n {{ message.message }}
\n\n\n \n
\n \n \n\n \n
\n\n 0\" id=\"sendPushDialog\">\n
\n\nSend push message
\n The message will be sent to all participants in the list.
\n\n \n\n \n \n
\n\n
\n\n Add participant
\n \n
\n\n\n\n 0\">\n {{viewControl.signups}} Participants\n \n \n 0\">\n 0\">, \n\n {{viewControl.waitingList}} On waiting list\n \n\n
\n\n\n \n
\n \n
\n\n \n
\n \n
\n\n \n
\n \n ![]()
\n
\n\n \n \n
\n\n \n {{ signUp.creationDate | date:'medium' }}\n
\n\n \n {{currentEventSignUps[i].seat.firstname}}\n {{currentEventSignUps[i].seat.name}}\n
\n \n
\n \n \n \n
\n \n
\n \n :\n \n Direct chat\n \n
\n \n
\n \n \n \n \n \n \n \n
\n\n \n
\n \n
\n \n
\n\n \n
\n\n \n
\n\n \n \n \n Registered by\n {{currentEventSignUps[i].client.name}} (\n \n {{currentEventSignUps[i].client.email}}\n \n )\n
\n \n\n \n \n
\n \n
\n \n \n Comment:
\n \n {{currentEventSignUps[i].seat.comment}}\n
\n \n \n \n
\n {{field.columnName}}:
\n {{currentEventSignUps[i].formData[field.propertyName]}}
\n \n
\nThere are no registrations for the selected\n event.
\nDo you really want to cancel the selected registration\n for this event?
\n\n \n \n