cronofy-elements 1.48.2 → 1.49.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/.gitkeep +0 -0
- package/dist/CronofyElements.js +2 -0
- package/{build/CronofyElements.v1.48.2.js.LICENSE.txt → dist/CronofyElements.js.LICENSE.txt} +0 -0
- package/package.json +10 -7
- package/.babelrc +0 -20
- package/.eslintrc.yaml +0 -43
- package/.prettierignore +0 -4
- package/.prettierrc +0 -7
- package/Makefile +0 -92
- package/brainstorm.md +0 -76
- package/build/CronofyElements.v1.48.2.js +0 -2
- package/build/npm/CronofyElements.js +0 -2
- package/compat.config.js +0 -25
- package/demo/agenda.ejs +0 -71
- package/demo/availability-viewer.ejs +0 -322
- package/demo/calendar-sync.ejs +0 -149
- package/demo/crossbrowser.ejs +0 -228
- package/demo/date-time-picker.ejs +0 -213
- package/demo/demo-styles.css +0 -134
- package/demo/index.ejs +0 -249
- package/demo/integration.ejs +0 -482
- package/demo/load-elements.ejs +0 -12
- package/demo/nav.ejs +0 -14
- package/demo/rules.ejs +0 -121
- package/demo/server.js +0 -425
- package/demo/slot-picker.ejs +0 -197
- package/git.README.md +0 -71
- package/notes.style.md +0 -197
- package/postcss.config.js +0 -3
- package/script/i18n-export +0 -11
- package/script/i18n-helpers/split_write.rb +0 -25
- package/script/i18n-import +0 -22
- package/script/i18n-reference-update +0 -241
- package/src/js/components/Agenda/Agenda.js +0 -243
- package/src/js/components/Agenda/AllDayEventsList.js +0 -37
- package/src/js/components/Agenda/Calendar.js +0 -100
- package/src/js/components/Agenda/CalendarHeader.js +0 -187
- package/src/js/components/Agenda/Event.js +0 -34
- package/src/js/components/Agenda/EventAllDay.js +0 -76
- package/src/js/components/Agenda/EventAttendees.js +0 -30
- package/src/js/components/Agenda/EventDetail.js +0 -111
- package/src/js/components/Agenda/EventMessages.js +0 -24
- package/src/js/components/Agenda/EventMeta.js +0 -48
- package/src/js/components/Agenda/EventTime.js +0 -34
- package/src/js/components/Agenda/EventWrapper.js +0 -271
- package/src/js/components/Agenda/Location.js +0 -29
- package/src/js/components/Agenda/Message.js +0 -22
- package/src/js/components/Agenda/TimedEventsList.js +0 -29
- package/src/js/components/AvailabilityRules/AddButton.js +0 -60
- package/src/js/components/AvailabilityRules/AvailabilityRules.js +0 -45
- package/src/js/components/AvailabilityRules/Calendar.js +0 -31
- package/src/js/components/AvailabilityRules/CalendarListItem.js +0 -53
- package/src/js/components/AvailabilityRules/CalendarProfiles.js +0 -67
- package/src/js/components/AvailabilityRules/CalendarSelector.js +0 -104
- package/src/js/components/AvailabilityRules/Calendars.js +0 -145
- package/src/js/components/AvailabilityRules/Checkmark.js +0 -51
- package/src/js/components/AvailabilityRules/DayLabels.js +0 -91
- package/src/js/components/AvailabilityRules/Footer.js +0 -109
- package/src/js/components/AvailabilityRules/Legend.js +0 -57
- package/src/js/components/AvailabilityRules/Loading.js +0 -53
- package/src/js/components/AvailabilityRules/RemoveButton.js +0 -57
- package/src/js/components/AvailabilityRules/Slot.js +0 -195
- package/src/js/components/AvailabilityRules/SlotDisplay.js +0 -27
- package/src/js/components/AvailabilityRules/Slots.js +0 -81
- package/src/js/components/AvailabilityRules/SlotsDisplay.js +0 -68
- package/src/js/components/AvailabilityRules/TimeExpander.js +0 -119
- package/src/js/components/AvailabilityRules/TimeLabels.js +0 -89
- package/src/js/components/AvailabilityRules/TimeZoneDisplay.js +0 -41
- package/src/js/components/AvailabilityRules/ToggleIcon.js +0 -41
- package/src/js/components/AvailabilityRules/Tooltip.js +0 -63
- package/src/js/components/AvailabilityRules/UnknownCalendar.js +0 -33
- package/src/js/components/AvailabilityRules/Week.js +0 -115
- package/src/js/components/AvailabilityRules/WeekGrid.js +0 -80
- package/src/js/components/AvailabilityRules/Wrapper.js +0 -423
- package/src/js/components/AvailabilityRules/contexts/drag-context.js +0 -15
- package/src/js/components/AvailabilityRules/scss/_base.buttons.scss +0 -58
- package/src/js/components/AvailabilityRules/scss/_base.theme.scss +0 -4
- package/src/js/components/AvailabilityRules/scss/_components.timezoneselector.scss +0 -74
- package/src/js/components/AvailabilityRules/scss/_generic.reset.scss +0 -13
- package/src/js/components/AvailabilityRules/scss/_settings.colours.scss +0 -12
- package/src/js/components/AvailabilityRules/scss/availabilityrules.scss +0 -5
- package/src/js/components/AvailabilityRules/utils/tz-utils.js +0 -61
- package/src/js/components/AvailabilityViewer/AvailabilityViewer.js +0 -524
- package/src/js/components/AvailabilityViewer/ColumnHeader.js +0 -35
- package/src/js/components/AvailabilityViewer/DayColumn.js +0 -36
- package/src/js/components/AvailabilityViewer/DayColumnDisplay.js +0 -33
- package/src/js/components/AvailabilityViewer/DayColumnWrapper.js +0 -29
- package/src/js/components/AvailabilityViewer/DayLabels.js +0 -41
- package/src/js/components/AvailabilityViewer/EmptyColumn.js +0 -29
- package/src/js/components/AvailabilityViewer/Footer.js +0 -36
- package/src/js/components/AvailabilityViewer/GridFreeSelect.js +0 -33
- package/src/js/components/AvailabilityViewer/HoverSlot.js +0 -35
- package/src/js/components/AvailabilityViewer/HoverTooltip.js +0 -34
- package/src/js/components/AvailabilityViewer/LabelColumn.js +0 -53
- package/src/js/components/AvailabilityViewer/LabelItem.js +0 -73
- package/src/js/components/AvailabilityViewer/Legend.js +0 -79
- package/src/js/components/AvailabilityViewer/Loading.js +0 -57
- package/src/js/components/AvailabilityViewer/MonthLabels.js +0 -43
- package/src/js/components/AvailabilityViewer/Navigation.js +0 -138
- package/src/js/components/AvailabilityViewer/Overlay.js +0 -60
- package/src/js/components/AvailabilityViewer/Preloading.js +0 -66
- package/src/js/components/AvailabilityViewer/SelectedSlot.js +0 -106
- package/src/js/components/AvailabilityViewer/SelectedSlots.js +0 -72
- package/src/js/components/AvailabilityViewer/SelectionMask.js +0 -44
- package/src/js/components/AvailabilityViewer/Slot.js +0 -237
- package/src/js/components/AvailabilityViewer/SlotFreeSelect.js +0 -115
- package/src/js/components/AvailabilityViewer/Slots.js +0 -57
- package/src/js/components/AvailabilityViewer/TimeExpander.js +0 -93
- package/src/js/components/AvailabilityViewer/TimeLines.js +0 -74
- package/src/js/components/AvailabilityViewer/TimeSelector.js +0 -243
- package/src/js/components/AvailabilityViewer/TimeSelectorTrigger.js +0 -42
- package/src/js/components/AvailabilityViewer/TimeZoneDisplay.js +0 -28
- package/src/js/components/AvailabilityViewer/ToggleIcon.js +0 -41
- package/src/js/components/AvailabilityViewer/Tooltip.js +0 -65
- package/src/js/components/AvailabilityViewer/Week.js +0 -255
- package/src/js/components/AvailabilityViewer/WeekWrapper.js +0 -132
- package/src/js/components/AvailabilityViewer/contexts/page-context.js +0 -17
- package/src/js/components/AvailabilityViewer/contexts/page-reducer.js +0 -28
- package/src/js/components/AvailabilityViewer/contexts/selection-context.js +0 -25
- package/src/js/components/AvailabilityViewer/contexts/selection-reducer.js +0 -18
- package/src/js/components/CalendarSync/Active.js +0 -57
- package/src/js/components/CalendarSync/AddToggle.js +0 -72
- package/src/js/components/CalendarSync/CalendarSync.js +0 -215
- package/src/js/components/CalendarSync/EditToggle.js +0 -71
- package/src/js/components/CalendarSync/Footer.js +0 -31
- package/src/js/components/CalendarSync/Inactive.js +0 -66
- package/src/js/components/CalendarSync/Loading.js +0 -52
- package/src/js/components/CalendarSync/Pending.js +0 -74
- package/src/js/components/CalendarSync/ProfileStatus.js +0 -33
- package/src/js/components/CalendarSync/Profiles.js +0 -109
- package/src/js/components/CalendarSync/ProviderLogo.js +0 -28
- package/src/js/components/CalendarSync/Providers.js +0 -80
- package/src/js/components/CalendarSync/RemoveLink.js +0 -96
- package/src/js/components/CalendarSync/SelectProvider.js +0 -25
- package/src/js/components/CalendarSync/contexts/status-reducer.js +0 -74
- package/src/js/components/DateTimePicker/Calendar.js +0 -127
- package/src/js/components/DateTimePicker/CalendarHeader.js +0 -80
- package/src/js/components/DateTimePicker/Confirm.js +0 -106
- package/src/js/components/DateTimePicker/DateTimePicker.js +0 -131
- package/src/js/components/DateTimePicker/DayButton.js +0 -38
- package/src/js/components/DateTimePicker/DayHeadings.js +0 -33
- package/src/js/components/DateTimePicker/Details.js +0 -33
- package/src/js/components/DateTimePicker/Error.js +0 -39
- package/src/js/components/DateTimePicker/Loading.js +0 -20
- package/src/js/components/DateTimePicker/LoadingCalendar.js +0 -21
- package/src/js/components/DateTimePicker/NoSlotsFound.js +0 -16
- package/src/js/components/DateTimePicker/SequencedSlotButton.js +0 -97
- package/src/js/components/DateTimePicker/SlotButton.js +0 -55
- package/src/js/components/DateTimePicker/SlotsList.js +0 -45
- package/src/js/components/DateTimePicker/Wrapper.js +0 -281
- package/src/js/components/DateTimePicker/contexts/status-context.js +0 -19
- package/src/js/components/DateTimePicker/contexts/status-reducer.js +0 -276
- package/src/js/components/DateTimePicker/contexts/theme-context.js +0 -33
- package/src/js/components/DateTimePicker/helpers/theming.js +0 -49
- package/src/js/components/DateTimePicker/scss/_base.buttons.scss +0 -58
- package/src/js/components/DateTimePicker/scss/_base.layout.scss +0 -28
- package/src/js/components/DateTimePicker/scss/_base.theme.scss +0 -17
- package/src/js/components/DateTimePicker/scss/_components.calendargrid.scss +0 -78
- package/src/js/components/DateTimePicker/scss/_components.calendarheader.scss +0 -71
- package/src/js/components/DateTimePicker/scss/_components.confirm.scss +0 -40
- package/src/js/components/DateTimePicker/scss/_components.details.scss +0 -20
- package/src/js/components/DateTimePicker/scss/_components.error.scss +0 -34
- package/src/js/components/DateTimePicker/scss/_components.loading.scss +0 -36
- package/src/js/components/DateTimePicker/scss/_components.slotslist.scss +0 -43
- package/src/js/components/DateTimePicker/scss/_components.timezoneselector.scss +0 -73
- package/src/js/components/DateTimePicker/scss/_generic.reset.scss +0 -18
- package/src/js/components/DateTimePicker/scss/_settings.colours.scss +0 -17
- package/src/js/components/DateTimePicker/scss/datetimepicker.scss +0 -5
- package/src/js/components/DateTimePicker/utils/calendar-keyboard.js +0 -109
- package/src/js/components/DateTimePicker/utils/calendar.js +0 -125
- package/src/js/components/DateTimePicker/utils/slots.js +0 -288
- package/src/js/components/SlotPicker/Confirm.js +0 -160
- package/src/js/components/SlotPicker/Days.js +0 -58
- package/src/js/components/SlotPicker/Slot.js +0 -72
- package/src/js/components/SlotPicker/SlotPicker.js +0 -292
- package/src/js/components/SlotPicker/Slots.js +0 -66
- package/src/js/components/SlotPicker/TimeSlots.js +0 -91
- package/src/js/components/generic/Button.js +0 -26
- package/src/js/components/generic/Container.js +0 -33
- package/src/js/components/generic/Error.js +0 -77
- package/src/js/components/generic/Loading.js +0 -51
- package/src/js/components/generic/LoadingSpinner.js +0 -30
- package/src/js/components/generic/ShadowScrollbars.js +0 -70
- package/src/js/components/generic/TimeZoneSelector.js +0 -158
- package/src/js/components/generic/TransitionSlide.js +0 -72
- package/src/js/contexts/i18n-context.js +0 -25
- package/src/js/contexts/log-context.js +0 -18
- package/src/js/contexts/tz-context.js +0 -18
- package/src/js/env.example.js +0 -8
- package/src/js/helpers/colors.js +0 -33
- package/src/js/helpers/comparators.AvailabilityViewer.js +0 -27
- package/src/js/helpers/connections.js +0 -370
- package/src/js/helpers/events.js +0 -166
- package/src/js/helpers/functional.js +0 -4
- package/src/js/helpers/generator.js +0 -107
- package/src/js/helpers/i18n.js +0 -153
- package/src/js/helpers/init.Agenda.js +0 -55
- package/src/js/helpers/init.AvailabilityRules.js +0 -195
- package/src/js/helpers/init.AvailabilityViewer.js +0 -215
- package/src/js/helpers/init.CalendarSync.js +0 -83
- package/src/js/helpers/init.DateTimePicker.js +0 -219
- package/src/js/helpers/init.SlotPicker.js +0 -89
- package/src/js/helpers/init.js +0 -308
- package/src/js/helpers/logging.js +0 -78
- package/src/js/helpers/mocks.js +0 -871
- package/src/js/helpers/slots.js +0 -340
- package/src/js/helpers/slots.rules.js +0 -220
- package/src/js/helpers/theming.js +0 -93
- package/src/js/helpers/translations.js +0 -42
- package/src/js/helpers/tz-list.js +0 -136
- package/src/js/helpers/utils.AvailabilityRules.js +0 -110
- package/src/js/helpers/utils.AvailabilityViewer.js +0 -789
- package/src/js/helpers/utils.CalendarSync.js +0 -199
- package/src/js/helpers/utils.js +0 -76
- package/src/js/hooks/useWindowSize.js +0 -20
- package/src/js/main.js +0 -133
- package/src/js/next.js +0 -37
- package/src/js/styles/_settings.utils.scss +0 -82
- package/src/js/styles/colors.js +0 -13
- package/src/js/styles/global.js +0 -49
- package/src/js/styles/utils.js +0 -81
- package/src/js/translations/de/agenda.json +0 -12
- package/src/js/translations/de/availability_rules.json +0 -18
- package/src/js/translations/de/availability_viewer.json +0 -14
- package/src/js/translations/de/calendar_sync.json +0 -14
- package/src/js/translations/de/core.json +0 -15
- package/src/js/translations/de/date_time_picker.json +0 -14
- package/src/js/translations/de/slot_picker.json +0 -9
- package/src/js/translations/de/time_zones.json +0 -135
- package/src/js/translations/en/agenda.json +0 -12
- package/src/js/translations/en/availability_rules.json +0 -18
- package/src/js/translations/en/availability_viewer.json +0 -14
- package/src/js/translations/en/calendar_sync.json +0 -14
- package/src/js/translations/en/core.json +0 -23
- package/src/js/translations/en/date_time_picker.json +0 -15
- package/src/js/translations/en/slot_picker.json +0 -9
- package/src/js/translations/en/time_zones.json +0 -17
- package/src/js/translations/es/agenda.json +0 -12
- package/src/js/translations/es/availability_rules.json +0 -18
- package/src/js/translations/es/availability_viewer.json +0 -14
- package/src/js/translations/es/calendar_sync.json +0 -14
- package/src/js/translations/es/core.json +0 -15
- package/src/js/translations/es/date_time_picker.json +0 -14
- package/src/js/translations/es/slot_picker.json +0 -9
- package/src/js/translations/es/time_zones.json +0 -203
- package/src/js/translations/fr/agenda.json +0 -12
- package/src/js/translations/fr/availability_rules.json +0 -18
- package/src/js/translations/fr/availability_viewer.json +0 -14
- package/src/js/translations/fr/calendar_sync.json +0 -14
- package/src/js/translations/fr/core.json +0 -15
- package/src/js/translations/fr/date_time_picker.json +0 -14
- package/src/js/translations/fr/slot_picker.json +0 -9
- package/src/js/translations/fr/time_zones.json +0 -161
- package/src/js/translations/fr-CA/agenda.json +0 -12
- package/src/js/translations/fr-CA/availability_rules.json +0 -18
- package/src/js/translations/fr-CA/availability_viewer.json +0 -14
- package/src/js/translations/fr-CA/calendar_sync.json +0 -14
- package/src/js/translations/fr-CA/core.json +0 -23
- package/src/js/translations/fr-CA/date_time_picker.json +0 -14
- package/src/js/translations/fr-CA/slot_picker.json +0 -9
- package/src/js/translations/fr-CA/time_zones.json +0 -163
- package/src/js/translations/it/agenda.json +0 -12
- package/src/js/translations/it/availability_rules.json +0 -18
- package/src/js/translations/it/availability_viewer.json +0 -14
- package/src/js/translations/it/calendar_sync.json +0 -14
- package/src/js/translations/it/core.json +0 -15
- package/src/js/translations/it/date_time_picker.json +0 -14
- package/src/js/translations/it/slot_picker.json +0 -9
- package/src/js/translations/it/time_zones.json +0 -126
- package/src/js/translations/ja/agenda.json +0 -12
- package/src/js/translations/ja/availability_rules.json +0 -18
- package/src/js/translations/ja/availability_viewer.json +0 -14
- package/src/js/translations/ja/calendar_sync.json +0 -14
- package/src/js/translations/ja/core.json +0 -15
- package/src/js/translations/ja/date_formats.json +0 -5
- package/src/js/translations/ja/date_time_picker.json +0 -14
- package/src/js/translations/ja/slot_picker.json +0 -9
- package/src/js/translations/ja/time_zones.json +0 -435
- package/src/js/translations/nl/agenda.json +0 -12
- package/src/js/translations/nl/availability_rules.json +0 -18
- package/src/js/translations/nl/availability_viewer.json +0 -14
- package/src/js/translations/nl/calendar_sync.json +0 -14
- package/src/js/translations/nl/core.json +0 -15
- package/src/js/translations/nl/date_time_picker.json +0 -14
- package/src/js/translations/nl/slot_picker.json +0 -9
- package/src/js/translations/nl/time_zones.json +0 -118
- package/src/js/translations/ru/agenda.json +0 -12
- package/src/js/translations/ru/availability_rules.json +0 -18
- package/src/js/translations/ru/availability_viewer.json +0 -14
- package/src/js/translations/ru/calendar_sync.json +0 -14
- package/src/js/translations/ru/core.json +0 -15
- package/src/js/translations/ru/date_time_picker.json +0 -14
- package/src/js/translations/ru/slot_picker.json +0 -9
- package/src/js/translations/ru/time_zones.json +0 -435
- package/src/js/translations/sv/agenda.json +0 -12
- package/src/js/translations/sv/availability_rules.json +0 -18
- package/src/js/translations/sv/availability_viewer.json +0 -14
- package/src/js/translations/sv/calendar_sync.json +0 -14
- package/src/js/translations/sv/core.json +0 -15
- package/src/js/translations/sv/date_time_picker.json +0 -14
- package/src/js/translations/sv/slot_picker.json +0 -9
- package/src/js/translations/sv/time_zones.json +0 -136
- package/tests/AvailabilityRules/AvailabilityRules.test.js +0 -39
- package/tests/AvailabilityRules/__snapshots__/AvailabilityRules.test.js.snap +0 -1045
- package/tests/AvailabilityViewer/Navigation.test.js +0 -130
- package/tests/AvailabilityViewer/contexts/page-reducer.test.js +0 -87
- package/tests/AvailabilityViewer/reducer.test.js +0 -73
- package/tests/CalendarSync/Active.test.js +0 -25
- package/tests/CalendarSync/AddToggle.test.js +0 -57
- package/tests/CalendarSync/EditToggle.test.js +0 -57
- package/tests/CalendarSync/Inactive.test.js +0 -26
- package/tests/CalendarSync/Pending.test.js +0 -25
- package/tests/CalendarSync/ProviderLogo.test.js +0 -95
- package/tests/CalendarSync/__snapshots__/Active.test.js.snap +0 -61
- package/tests/CalendarSync/__snapshots__/Inactive.test.js.snap +0 -78
- package/tests/CalendarSync/__snapshots__/Pending.test.js.snap +0 -90
- package/tests/CalendarSync/__snapshots__/ProviderLogo.test.js.snap +0 -267
- package/tests/CalendarSync/init.CalendarSync.test.js +0 -302
- package/tests/CalendarSync/mocks/theme.js +0 -14
- package/tests/CalendarSync/status-reducer.test.js +0 -435
- package/tests/DateTimePicker/SequencedSlotButton.test.js +0 -157
- package/tests/DateTimePicker/SlotButton.test.js +0 -118
- package/tests/DateTimePicker/contexts/status-reducer.test.js +0 -1036
- package/tests/DateTimePicker/dummy-data.js +0 -883
- package/tests/DateTimePicker/utils.test.js +0 -515
- package/tests/colors.test.js +0 -70
- package/tests/components/TimezoneSelector.test.js +0 -124
- package/tests/components/main.test.js +0 -203
- package/tests/components/rtl-utils.js +0 -32
- package/tests/connections.test.js +0 -684
- package/tests/events.test.js +0 -472
- package/tests/generator.test.js +0 -74
- package/tests/i18n.test.js +0 -255
- package/tests/init.Agenda.test.js +0 -122
- package/tests/init.AvailabilityRules.test.js +0 -279
- package/tests/init.AvailabilityViewer.test.js +0 -740
- package/tests/init.SlotPicker.test.js +0 -166
- package/tests/init.test.js +0 -231
- package/tests/logging.test.js +0 -235
- package/tests/mocks/i18n.js +0 -3
- package/tests/mocks/theme.js +0 -3
- package/tests/setupJest.js +0 -8
- package/tests/slots.rules.test.js +0 -195
- package/tests/slots.test.js +0 -278
- package/tests/utils.AvailabilityRules.test.js +0 -221
- package/tests/utils.AvailabilityViewer.test.js +0 -1800
- package/tests/utils.CalendarSync.test.js +0 -277
- package/tests/utils.test.js +0 -119
- package/webpack.config.js +0 -114
package/demo/index.ejs
DELETED
|
@@ -1,249 +0,0 @@
|
|
|
1
|
-
<!DOCTYPE html>
|
|
2
|
-
<html lang="en">
|
|
3
|
-
<head>
|
|
4
|
-
<meta charset="UTF-8">
|
|
5
|
-
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
6
|
-
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
7
|
-
<title>Embedding demo</title>
|
|
8
|
-
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
|
|
9
|
-
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.js"></script>
|
|
10
|
-
<link href="/demo/demo-styles.css" rel="stylesheet">
|
|
11
|
-
<%- include('load-elements.ejs', { mode: 'dev'}) %>
|
|
12
|
-
</head>
|
|
13
|
-
|
|
14
|
-
<body class="trouble">
|
|
15
|
-
<% var slug = 'home'; %>
|
|
16
|
-
<%- include nav.ejs %>
|
|
17
|
-
|
|
18
|
-
<h1>Ad ea pariatur quis pariatur enim eu qui amet est proident culpa.</h1>
|
|
19
|
-
<div id="cronofy-availability-rules"></div>
|
|
20
|
-
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Recusandae, doloribus eaque? Animi, velit culpa nostrum omnis vitae rem placeat ut mollitia autem porro! Qui molestiae porro rerum similique, aliquid deleniti!</p>
|
|
21
|
-
<!-- <img src="http://placecage.com/c/960/350" alt=""> -->
|
|
22
|
-
<hr>
|
|
23
|
-
<div class="wrapper">
|
|
24
|
-
<div class="column">
|
|
25
|
-
<div id="cronofy-calendar"></div>
|
|
26
|
-
<h2>Consectetur adipisicing elit</h2>
|
|
27
|
-
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. <a href="/">Voluptate sed ex totam odit</a> quae hic voluptatibus, quisquam dicta animi laborum velit laboriosam, placeat suscipit tenetur voluptates! Illo tempora minus animi.</p>
|
|
28
|
-
<!-- <img src="http://placecage.com/470/500" alt=""> -->
|
|
29
|
-
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quidem consequuntur repudiandae nesciunt, totam dicta earum deleniti magnam eveniet eligendi sunt adipisci veniam esse aliquid aperiam corporis optio fuga tempora sit!</p>
|
|
30
|
-
</div>
|
|
31
|
-
<div class="column">
|
|
32
|
-
<div id="cronofy-calendar-sync"></div>
|
|
33
|
-
<h2>Est deserunt non quis do quis nostrud ad exercitation proident incididunt.</h2>
|
|
34
|
-
<!-- <img src="http://placecage.com/c/470/600" alt=""> -->
|
|
35
|
-
<p>Excepturi dicta neque ut, a expedita quaerat, tempore dolor placeat quibusdam cumque ipsam cum officia voluptate, ea fuga optio necessitatibus inventore tempora?</p>
|
|
36
|
-
<!-- <div id="cronofy-calendar" style="width:100%;height:500px;"></div> -->
|
|
37
|
-
<div id="cronofy-slot-picker"></div>
|
|
38
|
-
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Natus nisi eveniet voluptas provident esse beatae minus at error dignissimos neque? Temporibus velit numquam aut labore porro neque ipsum, deleniti a?</p>
|
|
39
|
-
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eum sunt eligendi, error quos nulla dolorem alias corrupti iste fugiat deleniti nam unde, porro provident a voluptatem at voluptates, dolores sed!</p>
|
|
40
|
-
</div>
|
|
41
|
-
</div>
|
|
42
|
-
<button id="cronofy-availability-query">New Query</button>
|
|
43
|
-
<div id="cronofy-availability-viewer"></div>
|
|
44
|
-
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Natus nisi eveniet voluptas provident esse beatae minus at error dignissimos neque? Temporibus velit numquam aut labore porro neque ipsum, deleniti a?</p>
|
|
45
|
-
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Debitis saepe maxime corporis nemo hic rerum porro in repudiandae? Libero eligendi impedit reiciendis exercitationem fuga ex eos aliquid itaque facere corrupti.</p>
|
|
46
|
-
<hr>
|
|
47
|
-
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eum sunt eligendi, error quos nulla dolorem alias corrupti iste fugiat deleniti nam unde, porro provident a voluptatem at voluptates, dolores sed!</p>
|
|
48
|
-
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatum commodi fuga laboriosam? Quas officiis doloremque iure modi, ipsam dolore ad illum saepe et voluptatum quis tempore ullam dolor, sequi nulla!</p>
|
|
49
|
-
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eum sunt eligendi, error quos nulla dolorem alias corrupti iste fugiat deleniti nam unde, porro provident a voluptatem at voluptates, dolores sed!</p>
|
|
50
|
-
|
|
51
|
-
<script>
|
|
52
|
-
const locale = "<%= locale %>";
|
|
53
|
-
|
|
54
|
-
const display = {
|
|
55
|
-
// 0 = don't show the element
|
|
56
|
-
// 1 = show the element
|
|
57
|
-
Agenda: 1,
|
|
58
|
-
SlotPicker: 0,
|
|
59
|
-
AvailabilityViewer: 0,
|
|
60
|
-
AvailabilityRules: 1,
|
|
61
|
-
CalendarSync: 1
|
|
62
|
-
}
|
|
63
|
-
|
|
64
|
-
if (display.CalendarSync) {
|
|
65
|
-
CronofyElements.CalendarSync({
|
|
66
|
-
element_token: "<%= single_token %>",
|
|
67
|
-
target_id: 'cronofy-calendar-sync',
|
|
68
|
-
app_domain:"<%= app_domain %>",
|
|
69
|
-
api_domain:"<%= api_domain %>",
|
|
70
|
-
data_center: "us",
|
|
71
|
-
// authorization_url: "http://localhost:8080/auth/cronofy",
|
|
72
|
-
// authorization_url: "/auth/cronofy",
|
|
73
|
-
authorization: {
|
|
74
|
-
redirect_uri: "http://localhost:8080/",
|
|
75
|
-
client_id: "<%= client_id %>",
|
|
76
|
-
scope: "read_only"
|
|
77
|
-
},
|
|
78
|
-
tzid: "Etc/UTC",
|
|
79
|
-
demo: false,
|
|
80
|
-
callback: cb => {
|
|
81
|
-
console.log("callback", cb);
|
|
82
|
-
}
|
|
83
|
-
});
|
|
84
|
-
}
|
|
85
|
-
|
|
86
|
-
if (display.AvailabilityRules) {
|
|
87
|
-
CronofyElements.AvailabilityRules({
|
|
88
|
-
element_token: "<%= single_token %>",
|
|
89
|
-
target_id: 'cronofy-availability-rules',
|
|
90
|
-
api_domain:"<%= api_domain %>",
|
|
91
|
-
// availability_rule_id: "testing_element_connection",
|
|
92
|
-
availability_rule_id: "work_hours",
|
|
93
|
-
tzid: "Etc/UTC",
|
|
94
|
-
config: {
|
|
95
|
-
start_time:"08:00",
|
|
96
|
-
end_time: "18:00",
|
|
97
|
-
duration: 15
|
|
98
|
-
},
|
|
99
|
-
styles: {
|
|
100
|
-
prefix: "customAR",
|
|
101
|
-
// colors: {available: "red"}
|
|
102
|
-
},
|
|
103
|
-
|
|
104
|
-
locale: locale,
|
|
105
|
-
demo: true
|
|
106
|
-
// callback: slot => console.log('callback',slot),
|
|
107
|
-
});
|
|
108
|
-
}
|
|
109
|
-
|
|
110
|
-
if (display.Agenda) {
|
|
111
|
-
CronofyElements.Agenda({
|
|
112
|
-
element_token: "<%= single_token %>",
|
|
113
|
-
target_id: 'cronofy-calendar',
|
|
114
|
-
api_domain:"<%= api_domain %>",
|
|
115
|
-
locale: locale,
|
|
116
|
-
demo: true,
|
|
117
|
-
styles: {
|
|
118
|
-
colors:{ calendars: ['#0074d9','#ffdc00'] },
|
|
119
|
-
prefix:"customAG"
|
|
120
|
-
}
|
|
121
|
-
});
|
|
122
|
-
}
|
|
123
|
-
|
|
124
|
-
if (display.SlotPicker) {
|
|
125
|
-
|
|
126
|
-
const slotTimes = function(days, time) {
|
|
127
|
-
const timeString = `${moment().utc().format("YYYY-MM-DD")}T${time}:00Z`;
|
|
128
|
-
const output = moment(timeString)
|
|
129
|
-
.add(days, "days");
|
|
130
|
-
return output.utc().format();
|
|
131
|
-
};
|
|
132
|
-
|
|
133
|
-
CronofyElements.SlotPicker({
|
|
134
|
-
element_token: "<%= single_token %>",
|
|
135
|
-
target_id: 'cronofy-slot-picker',
|
|
136
|
-
api_domain:"<%= api_domain %>",
|
|
137
|
-
query: {
|
|
138
|
-
participants: [
|
|
139
|
-
{
|
|
140
|
-
required: "all",
|
|
141
|
-
members: [
|
|
142
|
-
{ sub: "<%= sub %>" }
|
|
143
|
-
]
|
|
144
|
-
}
|
|
145
|
-
],
|
|
146
|
-
required_duration: { minutes: 30 },
|
|
147
|
-
query_periods: [
|
|
148
|
-
{ start: slotTimes(1,"23:00"), end: slotTimes(2,"01:00") },
|
|
149
|
-
{ start: slotTimes(2,"23:00"), end: slotTimes(3,"01:00") },
|
|
150
|
-
{ start: slotTimes(3,"23:00"), end: slotTimes(4,"01:00") }
|
|
151
|
-
]
|
|
152
|
-
},
|
|
153
|
-
styles: {
|
|
154
|
-
prefix: "custom-name"
|
|
155
|
-
},
|
|
156
|
-
callback: slot => console.log('callback',slot),
|
|
157
|
-
locale: locale,
|
|
158
|
-
// demo: true
|
|
159
|
-
});
|
|
160
|
-
}
|
|
161
|
-
|
|
162
|
-
if (display.AvailabilityViewer) {
|
|
163
|
-
|
|
164
|
-
const utcOffset = moment().utcOffset();
|
|
165
|
-
const invertedOffset =
|
|
166
|
-
Math.sign(utcOffset) === -1 ? Math.abs(utcOffset) : 0 - utcOffset;
|
|
167
|
-
const offset = invertedOffset / 60;
|
|
168
|
-
|
|
169
|
-
const today = moment()
|
|
170
|
-
.add(1, "day")
|
|
171
|
-
.seconds(0);
|
|
172
|
-
const startDay = today
|
|
173
|
-
.startOf('isoWeek')
|
|
174
|
-
.subtract(1, "day")
|
|
175
|
-
.add(7,"day");
|
|
176
|
-
|
|
177
|
-
const offsetTime = function(days, time) {
|
|
178
|
-
const timeString = `${startDay.clone().format("YYYY-MM-DD")}T${time}:00Z`;
|
|
179
|
-
const output = moment(timeString)
|
|
180
|
-
.add(days, "days")
|
|
181
|
-
.add(offset, "hours");
|
|
182
|
-
return output.utc().format();
|
|
183
|
-
};
|
|
184
|
-
|
|
185
|
-
const Viewer = CronofyElements.AvailabilityViewer({
|
|
186
|
-
element_token: "<%= single_token %>",
|
|
187
|
-
target_id: 'cronofy-availability-viewer',
|
|
188
|
-
api_domain:"<%= api_domain %>",
|
|
189
|
-
query: {
|
|
190
|
-
participants: [
|
|
191
|
-
{
|
|
192
|
-
required: "all",
|
|
193
|
-
members: [
|
|
194
|
-
{ sub: "<%= sub %>" }
|
|
195
|
-
]
|
|
196
|
-
}
|
|
197
|
-
],
|
|
198
|
-
required_duration: { minutes: 60 },
|
|
199
|
-
query_periods: [
|
|
200
|
-
{ start: offsetTime(1, "09:00"), end: offsetTime(1, "17:30") },
|
|
201
|
-
{ start: offsetTime(2, "08:00"), end: offsetTime(2, "17:30") },
|
|
202
|
-
{ start: offsetTime(3, "09:00"), end: offsetTime(3, "17:30") },
|
|
203
|
-
{ start: offsetTime(4, "09:00"), end: offsetTime(4, "17:30") },
|
|
204
|
-
{ start: offsetTime(5, "09:00"), end: offsetTime(5, "17:30") },
|
|
205
|
-
{ start: offsetTime(8, "09:00"), end: offsetTime(8, "17:30") },
|
|
206
|
-
{ start: offsetTime(9, "09:00"), end: offsetTime(9, "17:30") },
|
|
207
|
-
{ start: offsetTime(10, "09:00"), end: offsetTime(10, "17:30") },
|
|
208
|
-
{ start: offsetTime(11, "09:00"), end: offsetTime(11, "17:30") },
|
|
209
|
-
{ start: offsetTime(12, "09:00"), end: offsetTime(12, "17:30") }
|
|
210
|
-
],
|
|
211
|
-
},
|
|
212
|
-
extras: {
|
|
213
|
-
start_time:"08:00",
|
|
214
|
-
end_time: "18:00",
|
|
215
|
-
interval: 30,
|
|
216
|
-
mode: "multi_select", // default | multi_select | no_confirm,
|
|
217
|
-
// max_selection_count: 3
|
|
218
|
-
},
|
|
219
|
-
styles: {
|
|
220
|
-
prefix: "customAV_noStyles"
|
|
221
|
-
// prefix: "customAV"
|
|
222
|
-
},
|
|
223
|
-
callback: slot => console.log('callback',slot),
|
|
224
|
-
locale: locale,
|
|
225
|
-
// demo: true
|
|
226
|
-
});
|
|
227
|
-
|
|
228
|
-
const newQuery = document.querySelector('#cronofy-availability-query');
|
|
229
|
-
newQuery.addEventListener('click',loadNewQuery,false);
|
|
230
|
-
|
|
231
|
-
function loadNewQuery() {
|
|
232
|
-
const newExtras = {
|
|
233
|
-
start_time: `0${Math.ceil(Math.random() * (9 - 7) + 7)}:${Math.ceil(Math.random() * (3 - 0) + 0)}0`,
|
|
234
|
-
end_time: `${Math.ceil(Math.random() * (18 - 15) + 15)}:${Math.ceil(Math.random() * (5 - 0) + 0)}0`,
|
|
235
|
-
interval: 15
|
|
236
|
-
};
|
|
237
|
-
|
|
238
|
-
console.log(newExtras);
|
|
239
|
-
Viewer.update({
|
|
240
|
-
extras: newExtras
|
|
241
|
-
});
|
|
242
|
-
}
|
|
243
|
-
}
|
|
244
|
-
|
|
245
|
-
console.log('done.');
|
|
246
|
-
</script>
|
|
247
|
-
|
|
248
|
-
</body>
|
|
249
|
-
</html>
|