@acorex/components 6.5.26 → 6.5.27
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/karma.conf.js +32 -0
- package/ng-package.json +10 -0
- package/package.json +12 -32
- package/src/lib/accordion/accordion.component.ts +43 -0
- package/src/lib/accordion/accordion.module.ts +11 -0
- package/src/lib/accordion/api.ts +2 -0
- package/src/lib/base/base-page.class.ts +116 -0
- package/src/lib/base/components.class.ts +9 -0
- package/src/lib/base/element.class.ts +344 -0
- package/src/lib/base/events.class.ts +32 -0
- package/src/lib/button/button.component.html +17 -0
- package/src/lib/button/button.component.ts +72 -0
- package/src/lib/button/button.module.ts +14 -0
- package/src/lib/calendar/calendar-box/calendar-box.component.html +68 -0
- package/src/lib/calendar/calendar-box/calendar-box.component.ts +461 -0
- package/src/lib/calendar/calendar-box/calendar-box.module.ts +16 -0
- package/src/lib/calendar/scheduler/scheduler-views.property.ts +38 -0
- package/{lib/calendar/scheduler/scheduler.class.d.ts → src/lib/calendar/scheduler/scheduler.class.ts} +20 -6
- package/src/lib/calendar/scheduler/scheduler.component.html +9 -0
- package/src/lib/calendar/scheduler/scheduler.component.scss +181 -0
- package/src/lib/calendar/scheduler/scheduler.component.ts +249 -0
- package/src/lib/calendar/scheduler/scheduler.module.ts +45 -0
- package/src/lib/calendar/scheduler/toolbars/scheduler-toolbar-navigator.ts +133 -0
- package/src/lib/calendar/scheduler/toolbars/scheduler-toolbar-views.ts +33 -0
- package/src/lib/calendar/scheduler/views/agenda/scheduler-agenda-view.component.html +43 -0
- package/src/lib/calendar/scheduler/views/agenda/scheduler-agenda-view.component.scss +66 -0
- package/src/lib/calendar/scheduler/views/agenda/scheduler-agenda-view.component.ts +50 -0
- package/src/lib/calendar/scheduler/views/daytime/scheduler-daytime-view.component.html +45 -0
- package/src/lib/calendar/scheduler/views/daytime/scheduler-daytime-view.component.scss +19 -0
- package/src/lib/calendar/scheduler/views/daytime/scheduler-daytime-view.component.ts +103 -0
- package/src/lib/calendar/scheduler/views/month/scheduler-month-view.component.html +39 -0
- package/src/lib/calendar/scheduler/views/month/scheduler-month-view.component.scss +55 -0
- package/src/lib/calendar/scheduler/views/month/scheduler-month-view.component.ts +233 -0
- package/src/lib/calendar/scheduler/views/scheduler-view.component.ts +124 -0
- package/src/lib/calendar/scheduler/views/timeline/scheduler-timeline-view.component.html +50 -0
- package/src/lib/calendar/scheduler/views/timeline/scheduler-timeline-view.component.scss +4 -0
- package/src/lib/calendar/scheduler/views/timeline/scheduler-timeline-view.component.ts +92 -0
- package/src/lib/checkbox/checkbox.component.html +22 -0
- package/src/lib/checkbox/checkbox.component.ts +107 -0
- package/src/lib/checkbox/checkbox.module.ts +11 -0
- package/src/lib/color-picker/color-box/color-box.component.html +37 -0
- package/src/lib/color-picker/color-box/color-box.component.scss +60 -0
- package/src/lib/color-picker/color-box/color-box.component.ts +438 -0
- package/src/lib/color-picker/color-picker.component.html +31 -0
- package/src/lib/color-picker/color-picker.component.ts +87 -0
- package/src/lib/color-picker/color-picker.module.ts +16 -0
- package/src/lib/context-menu/context-menu.component.html +42 -0
- package/src/lib/context-menu/context-menu.component.ts +78 -0
- package/src/lib/context-menu/context-menu.directive.ts +159 -0
- package/src/lib/context-menu/context-menu.module.ts +15 -0
- package/src/lib/data-filter/columns/filter-column-date.component.ts +123 -0
- package/src/lib/data-filter/columns/filter-column-number.component.ts +100 -0
- package/src/lib/data-filter/columns/filter-column-selection.component.ts +69 -0
- package/src/lib/data-filter/columns/filter-column-string.component.ts +100 -0
- package/src/lib/data-filter/filter-panel/filter-panel.component.html +120 -0
- package/src/lib/data-filter/filter-panel/filter-panel.component.scss +143 -0
- package/src/lib/data-filter/filter-panel/filter-panel.component.ts +266 -0
- package/src/lib/data-filter/filter.class.ts +73 -0
- package/src/lib/data-filter/filter.module.ts +52 -0
- package/src/lib/data-filter/toolbar/filter-toolbar.component.html +5 -0
- package/src/lib/data-filter/toolbar/filter-toolbar.component.scss +17 -0
- package/src/lib/data-filter/toolbar/filter-toolbar.component.ts +179 -0
- package/src/lib/data-list/core/data-list.component.ts +62 -0
- package/src/lib/data-list/list/list.component.html +32 -0
- package/src/lib/data-list/list/list.component.scss +64 -0
- package/src/lib/data-list/list/list.component.ts +149 -0
- package/src/lib/data-list/list/list.module.ts +14 -0
- package/src/lib/data-list/list/toolbar-list-view.component.ts +63 -0
- package/src/lib/data-source/datasource.component.ts +50 -0
- package/src/lib/data-source/datasource.module.ts +11 -0
- package/{lib/data-source/read-param.d.ts → src/lib/data-source/read-param.ts} +13 -3
- package/src/lib/date-picker/date-picker.component.html +30 -0
- package/src/lib/date-picker/date-picker.component.scss +5 -0
- package/src/lib/date-picker/date-picker.component.ts +720 -0
- package/src/lib/date-picker/date-picker.module.ts +17 -0
- package/src/lib/dialog/dialog.component.html +5 -0
- package/src/lib/dialog/dialog.component.scss +32 -0
- package/src/lib/dialog/dialog.component.ts +32 -0
- package/src/lib/dialog/dialog.module.ts +13 -0
- package/src/lib/dialog/dialog.service.ts +178 -0
- package/src/lib/drawer/content.component.ts +18 -0
- package/src/lib/drawer/drawer-container.component.ts +37 -0
- package/src/lib/drawer/drawer.component.ts +151 -0
- package/src/lib/drawer/drawer.module.ts +16 -0
- package/src/lib/dropdown/dropdown.component.html +26 -0
- package/src/lib/dropdown/dropdown.component.scss +8 -0
- package/src/lib/dropdown/dropdown.component.ts +197 -0
- package/src/lib/dropdown/dropdown.module.ts +19 -0
- package/src/lib/fieldset/fieldset.component.html +6 -0
- package/src/lib/fieldset/fieldset.component.ts +49 -0
- package/src/lib/fieldset/fieldset.module.ts +11 -0
- package/src/lib/form-group/form-group.component.html +15 -0
- package/src/lib/form-group/form-group.component.ts +39 -0
- package/src/lib/form-group/form-group.module.ts +14 -0
- package/src/lib/label/label.component.html +5 -0
- package/src/lib/label/label.component.ts +18 -0
- package/src/lib/label/label.module.ts +14 -0
- package/src/lib/loading/loading-indicator.component.html +27 -0
- package/src/lib/loading/loading-indicator.component.ts +16 -0
- package/src/lib/loading/loading-panel.component.ts +37 -0
- package/src/lib/loading/loading.module.ts +13 -0
- package/src/lib/loading/loading.service.ts +44 -0
- package/src/lib/menu/menu-item.component.ts +41 -0
- package/src/lib/menu/menu.component.html +74 -0
- package/src/lib/menu/menu.component.ts +111 -0
- package/src/lib/menu/menu.module.ts +13 -0
- package/src/lib/menu/menu2.component.scss +59 -0
- package/src/lib/menu/menu2.component.ts +98 -0
- package/src/lib/number-box/number-box.component.html +32 -0
- package/src/lib/number-box/number-box.component.ts +641 -0
- package/src/lib/number-box/number-box.module.ts +13 -0
- package/src/lib/page/content.component.ts +18 -0
- package/src/lib/page/footer.component.ts +13 -0
- package/src/lib/page/page.component.ts +43 -0
- package/src/lib/page/page.module.ts +14 -0
- package/src/lib/panel-box/panel-box.component.html +19 -0
- package/src/lib/panel-box/panel-box.component.scss +25 -0
- package/src/lib/panel-box/panel-box.component.ts +87 -0
- package/src/lib/panel-box/panel-box.module.ts +10 -0
- package/src/lib/password-box/password-box.component.html +22 -0
- package/src/lib/password-box/password-box.component.ts +30 -0
- package/src/lib/password-box/password-box.module.ts +16 -0
- package/src/lib/popover/custom-cdk-overlay.service.ts +82 -0
- package/src/lib/popover/overlay.service.ts +102 -0
- package/src/lib/popover/popover.component.html +5 -0
- package/src/lib/popover/popover.component.scss +9 -0
- package/src/lib/popover/popover.component.ts +130 -0
- package/src/lib/popover/popover.module.ts +11 -0
- package/src/lib/popup/popup.component.html +33 -0
- package/src/lib/popup/popup.component.scss +167 -0
- package/src/lib/popup/popup.component.ts +184 -0
- package/src/lib/popup/popup.module.ts +16 -0
- package/src/lib/popup/popup.service.ts +103 -0
- package/src/lib/progress-bar/progress-bar.component.html +5 -0
- package/src/lib/progress-bar/progress-bar.component.ts +10 -0
- package/src/lib/progress-bar/progress-bar.module.ts +11 -0
- package/src/lib/property-editor/editors/check-editor/check-editor.ts +44 -0
- package/src/lib/property-editor/editors/check-editor/check.module.ts +14 -0
- package/src/lib/property-editor/editors/color-editor/color.editor.ts +30 -0
- package/src/lib/property-editor/editors/color-editor/color.module.ts +20 -0
- package/src/lib/property-editor/editors/column-editor/column.editor.html +75 -0
- package/src/lib/property-editor/editors/column-editor/column.editor.scss +193 -0
- package/src/lib/property-editor/editors/column-editor/column.editor.ts +124 -0
- package/src/lib/property-editor/editors/column-editor/column.module.ts +28 -0
- package/src/lib/property-editor/editors/conditional-color-editor/conditional-color.editor.html +80 -0
- package/src/lib/property-editor/editors/conditional-color-editor/conditional-color.editor.scss +71 -0
- package/src/lib/property-editor/editors/conditional-color-editor/conditional-color.editor.ts +232 -0
- package/src/lib/property-editor/editors/conditional-color-editor/conditional-color.module.ts +52 -0
- package/src/lib/property-editor/editors/date-editor/date.editor.ts +49 -0
- package/src/lib/property-editor/editors/date-editor/date.module.ts +20 -0
- package/src/lib/property-editor/editors/number-editor/number.editor.ts +46 -0
- package/src/lib/property-editor/editors/number-editor/number.module.ts +20 -0
- package/src/lib/property-editor/editors/range-editor/range.editor.html +67 -0
- package/src/lib/property-editor/editors/range-editor/range.editor.scss +68 -0
- package/src/lib/property-editor/editors/range-editor/range.editor.ts +153 -0
- package/src/lib/property-editor/editors/range-editor/range.module.ts +37 -0
- package/src/lib/property-editor/editors/searchbar-selectbox-editor/searchbar-selectbox-editor.html +8 -0
- package/src/lib/property-editor/editors/searchbar-selectbox-editor/searchbar-selectbox-editor.ts +70 -0
- package/src/lib/property-editor/editors/selectbox-editor/selectbox.editor.html +8 -0
- package/src/lib/property-editor/editors/selectbox-editor/selectbox.editor.ts +77 -0
- package/src/lib/property-editor/editors/selectbox-editor/selectbox.module.ts +18 -0
- package/src/lib/property-editor/editors/selection-editor/selection-editor.ts +52 -0
- package/src/lib/property-editor/editors/selection-editor/selection.module.ts +14 -0
- package/src/lib/property-editor/editors/switch-editor/number.editor.ts +26 -0
- package/src/lib/property-editor/editors/switch-editor/number.module.ts +21 -0
- package/src/lib/property-editor/editors/text-editor/text.editor.html +5 -0
- package/src/lib/property-editor/editors/text-editor/text.editor.ts +31 -0
- package/src/lib/property-editor/editors/text-editor/text.module.ts +20 -0
- package/src/lib/property-editor/editors/textarea-editor/textarea.editor.html +9 -0
- package/src/lib/property-editor/editors/textarea-editor/textarea.editor.ts +37 -0
- package/src/lib/property-editor/editors/textarea-editor/textarea.module.ts +20 -0
- package/src/lib/property-editor/editors/time-editor/time.editor.ts +38 -0
- package/src/lib/property-editor/editors/time-editor/time.module.ts +20 -0
- package/src/lib/property-editor/property-editor-renderer.directive.ts +165 -0
- package/src/lib/property-editor/property-editor.class.ts +178 -0
- package/src/lib/property-editor/property-editor.module.ts +115 -0
- package/src/lib/query-builder/query-builder-group.component.html +68 -0
- package/src/lib/query-builder/query-builder-group.component.ts +122 -0
- package/src/lib/query-builder/query-builder-popup/query-builder-popup.component.html +82 -0
- package/src/lib/query-builder/query-builder-popup/query-builder-popup.component.ts +178 -0
- package/src/lib/query-builder/query-builder-rule.component.html +135 -0
- package/src/lib/query-builder/query-builder-rule.component.ts +390 -0
- package/src/lib/query-builder/query-builder.class.ts +53 -0
- package/src/lib/query-builder/query-builder.component.html +3 -0
- package/src/lib/query-builder/query-builder.component.scss +286 -0
- package/src/lib/query-builder/query-builder.component.ts +220 -0
- package/src/lib/query-builder/query-builder.module.ts +44 -0
- package/src/lib/query-builder/query-builder.service.ts +188 -0
- package/src/lib/search-bar/search-bar.component.html +30 -0
- package/src/lib/search-bar/search-bar.component.scss +114 -0
- package/src/lib/search-bar/search-bar.component.ts +287 -0
- package/src/lib/search-bar/search-bar.module.ts +33 -0
- package/src/lib/searchbox/searchbox.component.html +25 -0
- package/src/lib/searchbox/searchbox.component.ts +85 -0
- package/src/lib/searchbox/searchbox.module.ts +17 -0
- package/src/lib/selectbox/selectbox.component.html +100 -0
- package/src/lib/selectbox/selectbox.component.ts +984 -0
- package/src/lib/selectbox/selectbox.module.ts +31 -0
- package/src/lib/selectbox/selectbox2.component.html +78 -0
- package/src/lib/selectbox/selectbox2.component.ts +603 -0
- package/src/lib/selection-list/selection-list.component.html +21 -0
- package/src/lib/selection-list/selection-list.component.ts +115 -0
- package/src/lib/selection-list/selection-list.module.ts +13 -0
- package/src/lib/switch/switch.component.html +4 -0
- package/src/lib/switch/switch.component.scss +65 -0
- package/src/lib/switch/switch.component.ts +57 -0
- package/src/lib/switch/switch.module.ts +14 -0
- package/src/lib/tab-page/tab-page-Renderer.component.ts +70 -0
- package/src/lib/tab-page/tab-page-host.component.ts +110 -0
- package/src/lib/tab-page/tab-page.module.ts +13 -0
- package/src/lib/tab-page/tab-page.service.ts +176 -0
- package/src/lib/tab-strip/tab-strip.component.html +6 -0
- package/src/lib/tab-strip/tab-strip.component.ts +47 -0
- package/src/lib/tab-strip/tab-strip.module.ts +11 -0
- package/src/lib/tab-view/dynamic-tabs.directive.ts +17 -0
- package/src/lib/tab-view/tab-view.component.html +33 -0
- package/src/lib/tab-view/tab-view.component.scss +0 -0
- package/src/lib/tab-view/tab-view.component.ts +129 -0
- package/src/lib/tab-view/tab-view.module.ts +12 -0
- package/src/lib/tab-view/tab.component.html +8 -0
- package/src/lib/tab-view/tab.component.ts +15 -0
- package/src/lib/textarea/textarea.component.html +13 -0
- package/src/lib/textarea/textarea.component.ts +24 -0
- package/src/lib/textarea/textarea.module.ts +14 -0
- package/src/lib/textbox/textbox.component.html +22 -0
- package/src/lib/textbox/textbox.component.ts +38 -0
- package/src/lib/textbox/textbox.module.ts +16 -0
- package/src/lib/time-picker/time-picker.component.html +21 -0
- package/src/lib/time-picker/time-picker.component.ts +1003 -0
- package/src/lib/time-picker/time-picker.module.ts +15 -0
- package/src/lib/toast/toast-message/toast-message.component.html +17 -0
- package/src/lib/toast/toast-message/toast-message.component.scss +75 -0
- package/src/lib/toast/toast-message/toast-message.component.ts +64 -0
- package/src/lib/toast/toast-wrapper/toast-wrapper.component.scss +15 -0
- package/src/lib/toast/toast-wrapper/toast-wrapper.component.ts +13 -0
- package/src/lib/toast/toast.module.ts +12 -0
- package/src/lib/toast/toast.service.ts +64 -0
- package/src/lib/toolbar/group-button/toolbar-group-button.component.ts +54 -0
- package/src/lib/toolbar/menu/toolbar-menu.component.html +4 -0
- package/src/lib/toolbar/menu/toolbar-menu.component.ts +81 -0
- package/src/lib/toolbar/search/toolbar-search.component.html +4 -0
- package/src/lib/toolbar/search/toolbar-search.component.scss +24 -0
- package/src/lib/toolbar/search/toolbar-search.component.ts +61 -0
- package/src/lib/toolbar/title/toolbar-title.component.ts +35 -0
- package/src/lib/toolbar/toolbar-item.ts +4 -0
- package/src/lib/toolbar/toolbar.component.html +4 -0
- package/src/lib/toolbar/toolbar.component.scss +9 -0
- package/src/lib/toolbar/toolbar.component.ts +16 -0
- package/src/lib/toolbar/toolbar.module.ts +25 -0
- package/src/lib/tooltip/tooltip.directive.ts +101 -0
- package/src/lib/tooltip/tooltip.module.ts +11 -0
- package/src/lib/tree-side-menu/tree-side-menu.component.html +43 -0
- package/src/lib/tree-side-menu/tree-side-menu.component.ts +698 -0
- package/src/lib/tree-side-menu/tree-side-menu.module.ts +19 -0
- package/src/lib/tree-view/tree-view.component.html +46 -0
- package/src/lib/tree-view/tree-view.component.ts +835 -0
- package/src/lib/tree-view/tree-view.module.ts +16 -0
- package/src/lib/upload-file/upload-file.component.html +16 -0
- package/src/lib/upload-file/upload-file.component.ts +230 -0
- package/src/lib/upload-file/upload-file.events.ts +11 -0
- package/src/lib/upload-file/upload-file.module.ts +16 -0
- package/src/lib/validation/validation-form.component.ts +78 -0
- package/src/lib/validation/validation-rule.widget.ts +112 -0
- package/src/lib/validation/validation.class.ts +22 -0
- package/src/lib/validation/validation.component.ts +92 -0
- package/src/lib/validation/validation.module.ts +28 -0
- package/{public-api.d.ts → src/public-api.ts} +61 -2
- package/src/test.ts +28 -0
- package/tsconfig.lib.json +25 -0
- package/tsconfig.lib.prod.json +6 -0
- package/tsconfig.spec.json +17 -0
- package/tslint.json +17 -0
- package/acorex-components.d.ts +0 -5
- package/esm2020/acorex-components.mjs +0 -5
- package/esm2020/lib/accordion/accordion.component.mjs +0 -44
- package/esm2020/lib/accordion/accordion.module.mjs +0 -20
- package/esm2020/lib/base/base-page.class.mjs +0 -94
- package/esm2020/lib/base/components.class.mjs +0 -17
- package/esm2020/lib/base/element.class.mjs +0 -294
- package/esm2020/lib/base/events.class.mjs +0 -11
- package/esm2020/lib/button/button.component.mjs +0 -71
- package/esm2020/lib/button/button.module.mjs +0 -21
- package/esm2020/lib/calendar/calendar-box/calendar-box.component.mjs +0 -413
- package/esm2020/lib/calendar/calendar-box/calendar-box.module.mjs +0 -22
- package/esm2020/lib/calendar/scheduler/scheduler-views.property.mjs +0 -54
- package/esm2020/lib/calendar/scheduler/scheduler.class.mjs +0 -18
- package/esm2020/lib/calendar/scheduler/scheduler.component.mjs +0 -213
- package/esm2020/lib/calendar/scheduler/scheduler.module.mjs +0 -68
- package/esm2020/lib/calendar/scheduler/toolbars/scheduler-toolbar-navigator.mjs +0 -132
- package/esm2020/lib/calendar/scheduler/toolbars/scheduler-toolbar-views.mjs +0 -37
- package/esm2020/lib/calendar/scheduler/views/agenda/scheduler-agenda-view.component.mjs +0 -47
- package/esm2020/lib/calendar/scheduler/views/daytime/scheduler-daytime-view.component.mjs +0 -95
- package/esm2020/lib/calendar/scheduler/views/month/scheduler-month-view.component.mjs +0 -204
- package/esm2020/lib/calendar/scheduler/views/scheduler-view.component.mjs +0 -99
- package/esm2020/lib/calendar/scheduler/views/timeline/scheduler-timeline-view.component.mjs +0 -77
- package/esm2020/lib/checkbox/checkbox.component.mjs +0 -98
- package/esm2020/lib/checkbox/checkbox.module.mjs +0 -20
- package/esm2020/lib/color-picker/color-box/color-box.component.mjs +0 -422
- package/esm2020/lib/color-picker/color-picker.component.mjs +0 -82
- package/esm2020/lib/color-picker/color-picker.module.mjs +0 -24
- package/esm2020/lib/context-menu/context-menu.component.mjs +0 -65
- package/esm2020/lib/context-menu/context-menu.directive.mjs +0 -135
- package/esm2020/lib/context-menu/context-menu.module.mjs +0 -20
- package/esm2020/lib/data-filter/columns/filter-column-date.component.mjs +0 -138
- package/esm2020/lib/data-filter/columns/filter-column-number.component.mjs +0 -117
- package/esm2020/lib/data-filter/columns/filter-column-selection.component.mjs +0 -74
- package/esm2020/lib/data-filter/columns/filter-column-string.component.mjs +0 -117
- package/esm2020/lib/data-filter/filter-panel/filter-panel.component.mjs +0 -258
- package/esm2020/lib/data-filter/filter.class.mjs +0 -44
- package/esm2020/lib/data-filter/filter.module.mjs +0 -90
- package/esm2020/lib/data-filter/toolbar/filter-toolbar.component.mjs +0 -166
- package/esm2020/lib/data-list/core/data-list.component.mjs +0 -40
- package/esm2020/lib/data-list/list/list.component.mjs +0 -124
- package/esm2020/lib/data-list/list/list.module.mjs +0 -22
- package/esm2020/lib/data-list/list/toolbar-list-view.component.mjs +0 -85
- package/esm2020/lib/data-source/datasource.component.mjs +0 -47
- package/esm2020/lib/data-source/datasource.module.mjs +0 -18
- package/esm2020/lib/data-source/read-param.mjs +0 -5
- package/esm2020/lib/date-picker/date-picker.component.mjs +0 -702
- package/esm2020/lib/date-picker/date-picker.module.mjs +0 -25
- package/esm2020/lib/dialog/dialog.component.mjs +0 -24
- package/esm2020/lib/dialog/dialog.module.mjs +0 -21
- package/esm2020/lib/dialog/dialog.service.mjs +0 -150
- package/esm2020/lib/drawer/content.component.mjs +0 -18
- package/esm2020/lib/drawer/drawer-container.component.mjs +0 -36
- package/esm2020/lib/drawer/drawer.component.mjs +0 -142
- package/esm2020/lib/drawer/drawer.module.mjs +0 -23
- package/esm2020/lib/dropdown/dropdown.component.mjs +0 -176
- package/esm2020/lib/dropdown/dropdown.module.mjs +0 -26
- package/esm2020/lib/fieldset/fieldset.component.mjs +0 -59
- package/esm2020/lib/fieldset/fieldset.module.mjs +0 -19
- package/esm2020/lib/form-group/form-group.component.mjs +0 -34
- package/esm2020/lib/form-group/form-group.module.mjs +0 -21
- package/esm2020/lib/label/label.component.mjs +0 -19
- package/esm2020/lib/label/label.module.mjs +0 -21
- package/esm2020/lib/loading/loading-indicator.component.mjs +0 -17
- package/esm2020/lib/loading/loading-panel.component.mjs +0 -44
- package/esm2020/lib/loading/loading.module.mjs +0 -21
- package/esm2020/lib/loading/loading.service.mjs +0 -45
- package/esm2020/lib/menu/menu-item.component.mjs +0 -47
- package/esm2020/lib/menu/menu.component.mjs +0 -86
- package/esm2020/lib/menu/menu.module.mjs +0 -22
- package/esm2020/lib/menu/menu2.component.mjs +0 -96
- package/esm2020/lib/number-box/number-box.component.mjs +0 -622
- package/esm2020/lib/number-box/number-box.module.mjs +0 -21
- package/esm2020/lib/page/content.component.mjs +0 -32
- package/esm2020/lib/page/footer.component.mjs +0 -19
- package/esm2020/lib/page/page.component.mjs +0 -53
- package/esm2020/lib/page/page.module.mjs +0 -22
- package/esm2020/lib/panel-box/panel-box.component.mjs +0 -88
- package/esm2020/lib/panel-box/panel-box.module.mjs +0 -19
- package/esm2020/lib/password-box/password-box.component.mjs +0 -31
- package/esm2020/lib/password-box/password-box.module.mjs +0 -23
- package/esm2020/lib/popover/custom-cdk-overlay.service.mjs +0 -48
- package/esm2020/lib/popover/overlay.service.mjs +0 -90
- package/esm2020/lib/popover/popover.component.mjs +0 -127
- package/esm2020/lib/popover/popover.module.mjs +0 -19
- package/esm2020/lib/popup/popup.component.mjs +0 -147
- package/esm2020/lib/popup/popup.module.mjs +0 -25
- package/esm2020/lib/popup/popup.service.mjs +0 -93
- package/esm2020/lib/progress-bar/progress-bar.component.mjs +0 -19
- package/esm2020/lib/progress-bar/progress-bar.module.mjs +0 -19
- package/esm2020/lib/property-editor/editors/check-editor/check-editor.mjs +0 -61
- package/esm2020/lib/property-editor/editors/check-editor/check.module.mjs +0 -22
- package/esm2020/lib/property-editor/editors/color-editor/color.editor.mjs +0 -38
- package/esm2020/lib/property-editor/editors/color-editor/color.module.mjs +0 -24
- package/esm2020/lib/property-editor/editors/column-editor/column.editor.mjs +0 -115
- package/esm2020/lib/property-editor/editors/column-editor/column.module.mjs +0 -32
- package/esm2020/lib/property-editor/editors/conditional-color-editor/conditional-color.editor.mjs +0 -211
- package/esm2020/lib/property-editor/editors/conditional-color-editor/conditional-color.module.mjs +0 -78
- package/esm2020/lib/property-editor/editors/date-editor/date.editor.mjs +0 -51
- package/esm2020/lib/property-editor/editors/date-editor/date.module.mjs +0 -24
- package/esm2020/lib/property-editor/editors/number-editor/number.editor.mjs +0 -63
- package/esm2020/lib/property-editor/editors/number-editor/number.module.mjs +0 -24
- package/esm2020/lib/property-editor/editors/range-editor/range.editor.mjs +0 -140
- package/esm2020/lib/property-editor/editors/range-editor/range.module.mjs +0 -61
- package/esm2020/lib/property-editor/editors/searchbar-selectbox-editor/searchbar-selectbox-editor.mjs +0 -72
- package/esm2020/lib/property-editor/editors/selectbox-editor/selectbox.editor.mjs +0 -71
- package/esm2020/lib/property-editor/editors/selectbox-editor/selectbox.module.mjs +0 -25
- package/esm2020/lib/property-editor/editors/selection-editor/selection-editor.mjs +0 -69
- package/esm2020/lib/property-editor/editors/selection-editor/selection.module.mjs +0 -22
- package/esm2020/lib/property-editor/editors/switch-editor/number.editor.mjs +0 -29
- package/esm2020/lib/property-editor/editors/switch-editor/number.module.mjs +0 -25
- package/esm2020/lib/property-editor/editors/text-editor/text.editor.mjs +0 -32
- package/esm2020/lib/property-editor/editors/text-editor/text.module.mjs +0 -24
- package/esm2020/lib/property-editor/editors/textarea-editor/textarea.editor.mjs +0 -32
- package/esm2020/lib/property-editor/editors/textarea-editor/textarea.module.mjs +0 -24
- package/esm2020/lib/property-editor/editors/time-editor/time.editor.mjs +0 -43
- package/esm2020/lib/property-editor/editors/time-editor/time.module.mjs +0 -24
- package/esm2020/lib/property-editor/property-editor-renderer.directive.mjs +0 -154
- package/esm2020/lib/property-editor/property-editor.class.mjs +0 -101
- package/esm2020/lib/property-editor/property-editor.module.mjs +0 -196
- package/esm2020/lib/query-builder/query-builder-group.component.mjs +0 -124
- package/esm2020/lib/query-builder/query-builder-popup/query-builder-popup.component.mjs +0 -171
- package/esm2020/lib/query-builder/query-builder-rule.component.mjs +0 -395
- package/esm2020/lib/query-builder/query-builder.class.mjs +0 -20
- package/esm2020/lib/query-builder/query-builder.component.mjs +0 -82
- package/esm2020/lib/query-builder/query-builder.module.mjs +0 -62
- package/esm2020/lib/query-builder/query-builder.service.mjs +0 -197
- package/esm2020/lib/search-bar/search-bar.component.mjs +0 -283
- package/esm2020/lib/search-bar/search-bar.module.mjs +0 -63
- package/esm2020/lib/searchbox/searchbox.component.mjs +0 -79
- package/esm2020/lib/searchbox/searchbox.module.mjs +0 -24
- package/esm2020/lib/selectbox/selectbox.component.mjs +0 -961
- package/esm2020/lib/selectbox/selectbox.module.mjs +0 -44
- package/esm2020/lib/selectbox/selectbox2.component.mjs +0 -574
- package/esm2020/lib/selection-list/selection-list.component.mjs +0 -108
- package/esm2020/lib/selection-list/selection-list.module.mjs +0 -21
- package/esm2020/lib/switch/switch.component.mjs +0 -51
- package/esm2020/lib/switch/switch.module.mjs +0 -20
- package/esm2020/lib/tab-page/tab-page-Renderer.component.mjs +0 -71
- package/esm2020/lib/tab-page/tab-page-host.component.mjs +0 -116
- package/esm2020/lib/tab-page/tab-page.module.mjs +0 -21
- package/esm2020/lib/tab-page/tab-page.service.mjs +0 -156
- package/esm2020/lib/tab-strip/tab-strip.component.mjs +0 -36
- package/esm2020/lib/tab-strip/tab-strip.module.mjs +0 -19
- package/esm2020/lib/tab-view/dynamic-tabs.directive.mjs +0 -24
- package/esm2020/lib/tab-view/tab-view.component.mjs +0 -105
- package/esm2020/lib/tab-view/tab-view.module.mjs +0 -21
- package/esm2020/lib/tab-view/tab.component.mjs +0 -30
- package/esm2020/lib/textarea/textarea.component.mjs +0 -26
- package/esm2020/lib/textarea/textarea.module.mjs +0 -21
- package/esm2020/lib/textbox/textbox.component.mjs +0 -39
- package/esm2020/lib/textbox/textbox.module.mjs +0 -24
- package/esm2020/lib/time-picker/time-picker.component.mjs +0 -943
- package/esm2020/lib/time-picker/time-picker.module.mjs +0 -22
- package/esm2020/lib/toast/toast-message/toast-message.component.mjs +0 -74
- package/esm2020/lib/toast/toast-wrapper/toast-wrapper.component.mjs +0 -13
- package/esm2020/lib/toast/toast.module.mjs +0 -21
- package/esm2020/lib/toast/toast.service.mjs +0 -44
- package/esm2020/lib/toolbar/group-button/toolbar-group-button.component.mjs +0 -78
- package/esm2020/lib/toolbar/menu/toolbar-menu.component.mjs +0 -57
- package/esm2020/lib/toolbar/search/toolbar-search.component.mjs +0 -54
- package/esm2020/lib/toolbar/title/toolbar-title.component.mjs +0 -47
- package/esm2020/lib/toolbar/toolbar-item.mjs +0 -6
- package/esm2020/lib/toolbar/toolbar.component.mjs +0 -13
- package/esm2020/lib/toolbar/toolbar.module.mjs +0 -40
- package/esm2020/lib/tooltip/tooltip.directive.mjs +0 -100
- package/esm2020/lib/tooltip/tooltip.module.mjs +0 -19
- package/esm2020/lib/tree-side-menu/tree-side-menu.component.mjs +0 -646
- package/esm2020/lib/tree-side-menu/tree-side-menu.module.mjs +0 -35
- package/esm2020/lib/tree-view/tree-view.component.mjs +0 -775
- package/esm2020/lib/tree-view/tree-view.module.mjs +0 -22
- package/esm2020/lib/upload-file/upload-file.component.mjs +0 -208
- package/esm2020/lib/upload-file/upload-file.events.mjs +0 -2
- package/esm2020/lib/upload-file/upload-file.module.mjs +0 -24
- package/esm2020/lib/validation/validation-form.component.mjs +0 -65
- package/esm2020/lib/validation/validation-rule.widget.mjs +0 -111
- package/esm2020/lib/validation/validation.class.mjs +0 -2
- package/esm2020/lib/validation/validation.component.mjs +0 -89
- package/esm2020/lib/validation/validation.module.mjs +0 -34
- package/esm2020/public-api.mjs +0 -158
- package/fesm2015/acorex-components.mjs +0 -15988
- package/fesm2015/acorex-components.mjs.map +0 -1
- package/fesm2020/acorex-components.mjs +0 -15923
- package/fesm2020/acorex-components.mjs.map +0 -1
- package/lib/accordion/accordion.component.d.ts +0 -13
- package/lib/accordion/accordion.module.d.ts +0 -9
- package/lib/base/base-page.class.d.ts +0 -46
- package/lib/base/components.class.d.ts +0 -10
- package/lib/base/element.class.d.ts +0 -106
- package/lib/base/events.class.d.ts +0 -18
- package/lib/button/button.component.d.ts +0 -21
- package/lib/button/button.module.d.ts +0 -8
- package/lib/calendar/calendar-box/calendar-box.component.d.ts +0 -81
- package/lib/calendar/calendar-box/calendar-box.module.d.ts +0 -11
- package/lib/calendar/scheduler/scheduler-views.property.d.ts +0 -19
- package/lib/calendar/scheduler/scheduler.component.d.ts +0 -39
- package/lib/calendar/scheduler/scheduler.module.d.ts +0 -21
- package/lib/calendar/scheduler/toolbars/scheduler-toolbar-navigator.d.ts +0 -25
- package/lib/calendar/scheduler/toolbars/scheduler-toolbar-views.d.ts +0 -14
- package/lib/calendar/scheduler/views/agenda/scheduler-agenda-view.component.d.ts +0 -16
- package/lib/calendar/scheduler/views/daytime/scheduler-daytime-view.component.d.ts +0 -26
- package/lib/calendar/scheduler/views/month/scheduler-month-view.component.d.ts +0 -37
- package/lib/calendar/scheduler/views/scheduler-view.component.d.ts +0 -28
- package/lib/calendar/scheduler/views/timeline/scheduler-timeline-view.component.d.ts +0 -24
- package/lib/checkbox/checkbox.component.d.ts +0 -30
- package/lib/checkbox/checkbox.module.d.ts +0 -9
- package/lib/color-picker/color-box/color-box.component.d.ts +0 -25
- package/lib/color-picker/color-picker.component.d.ts +0 -30
- package/lib/color-picker/color-picker.module.d.ts +0 -13
- package/lib/context-menu/context-menu.component.d.ts +0 -22
- package/lib/context-menu/context-menu.directive.d.ts +0 -38
- package/lib/context-menu/context-menu.module.d.ts +0 -9
- package/lib/data-filter/columns/filter-column-date.component.d.ts +0 -22
- package/lib/data-filter/columns/filter-column-number.component.d.ts +0 -15
- package/lib/data-filter/columns/filter-column-selection.component.d.ts +0 -18
- package/lib/data-filter/columns/filter-column-string.component.d.ts +0 -15
- package/lib/data-filter/filter-panel/filter-panel.component.d.ts +0 -45
- package/lib/data-filter/filter.class.d.ts +0 -40
- package/lib/data-filter/filter.module.d.ts +0 -24
- package/lib/data-filter/toolbar/filter-toolbar.component.d.ts +0 -25
- package/lib/data-list/core/data-list.component.d.ts +0 -15
- package/lib/data-list/list/list.component.d.ts +0 -40
- package/lib/data-list/list/list.module.d.ts +0 -11
- package/lib/data-list/list/toolbar-list-view.component.d.ts +0 -17
- package/lib/data-source/datasource.component.d.ts +0 -16
- package/lib/data-source/datasource.module.d.ts +0 -7
- package/lib/date-picker/date-picker.component.d.ts +0 -81
- package/lib/date-picker/date-picker.module.d.ts +0 -14
- package/lib/dialog/dialog.component.d.ts +0 -14
- package/lib/dialog/dialog.module.d.ts +0 -10
- package/lib/dialog/dialog.service.d.ts +0 -36
- package/lib/drawer/content.component.d.ts +0 -7
- package/lib/drawer/drawer-container.component.d.ts +0 -10
- package/lib/drawer/drawer.component.d.ts +0 -34
- package/lib/drawer/drawer.module.d.ts +0 -10
- package/lib/dropdown/dropdown.component.d.ts +0 -38
- package/lib/dropdown/dropdown.module.d.ts +0 -13
- package/lib/fieldset/fieldset.component.d.ts +0 -11
- package/lib/fieldset/fieldset.module.d.ts +0 -8
- package/lib/form-group/form-group.component.d.ts +0 -14
- package/lib/form-group/form-group.module.d.ts +0 -8
- package/lib/label/label.component.d.ts +0 -9
- package/lib/label/label.module.d.ts +0 -8
- package/lib/loading/loading-indicator.component.d.ts +0 -9
- package/lib/loading/loading-panel.component.d.ts +0 -13
- package/lib/loading/loading.module.d.ts +0 -10
- package/lib/loading/loading.service.d.ts +0 -13
- package/lib/menu/menu-item.component.d.ts +0 -18
- package/lib/menu/menu.component.d.ts +0 -35
- package/lib/menu/menu.module.d.ts +0 -11
- package/lib/menu/menu2.component.d.ts +0 -21
- package/lib/number-box/number-box.component.d.ts +0 -52
- package/lib/number-box/number-box.module.d.ts +0 -10
- package/lib/page/content.component.d.ts +0 -8
- package/lib/page/footer.component.d.ts +0 -5
- package/lib/page/page.component.d.ts +0 -16
- package/lib/page/page.module.d.ts +0 -11
- package/lib/panel-box/panel-box.component.d.ts +0 -19
- package/lib/panel-box/panel-box.module.d.ts +0 -8
- package/lib/password-box/password-box.component.d.ts +0 -12
- package/lib/password-box/password-box.module.d.ts +0 -10
- package/lib/popover/custom-cdk-overlay.service.d.ts +0 -19
- package/lib/popover/overlay.service.d.ts +0 -31
- package/lib/popover/popover.component.d.ts +0 -34
- package/lib/popover/popover.module.d.ts +0 -8
- package/lib/popup/popup.component.d.ts +0 -40
- package/lib/popup/popup.module.d.ts +0 -13
- package/lib/popup/popup.service.d.ts +0 -22
- package/lib/progress-bar/progress-bar.component.d.ts +0 -7
- package/lib/progress-bar/progress-bar.module.d.ts +0 -8
- package/lib/property-editor/editors/check-editor/check-editor.d.ts +0 -19
- package/lib/property-editor/editors/check-editor/check.module.d.ts +0 -11
- package/lib/property-editor/editors/color-editor/color.editor.d.ts +0 -13
- package/lib/property-editor/editors/color-editor/color.module.d.ts +0 -12
- package/lib/property-editor/editors/column-editor/column.editor.d.ts +0 -34
- package/lib/property-editor/editors/column-editor/column.module.d.ts +0 -20
- package/lib/property-editor/editors/conditional-color-editor/conditional-color.editor.d.ts +0 -44
- package/lib/property-editor/editors/conditional-color-editor/conditional-color.module.d.ts +0 -19
- package/lib/property-editor/editors/date-editor/date.editor.d.ts +0 -28
- package/lib/property-editor/editors/date-editor/date.module.d.ts +0 -12
- package/lib/property-editor/editors/number-editor/number.editor.d.ts +0 -20
- package/lib/property-editor/editors/number-editor/number.module.d.ts +0 -12
- package/lib/property-editor/editors/range-editor/range.editor.d.ts +0 -29
- package/lib/property-editor/editors/range-editor/range.module.d.ts +0 -18
- package/lib/property-editor/editors/searchbar-selectbox-editor/searchbar-selectbox-editor.d.ts +0 -29
- package/lib/property-editor/editors/selectbox-editor/selectbox.editor.d.ts +0 -28
- package/lib/property-editor/editors/selectbox-editor/selectbox.module.d.ts +0 -14
- package/lib/property-editor/editors/selection-editor/selection-editor.d.ts +0 -25
- package/lib/property-editor/editors/selection-editor/selection.module.d.ts +0 -11
- package/lib/property-editor/editors/switch-editor/number.editor.d.ts +0 -11
- package/lib/property-editor/editors/switch-editor/number.module.d.ts +0 -13
- package/lib/property-editor/editors/text-editor/text.editor.d.ts +0 -18
- package/lib/property-editor/editors/text-editor/text.module.d.ts +0 -12
- package/lib/property-editor/editors/textarea-editor/textarea.editor.d.ts +0 -17
- package/lib/property-editor/editors/textarea-editor/textarea.module.d.ts +0 -12
- package/lib/property-editor/editors/time-editor/time.editor.d.ts +0 -17
- package/lib/property-editor/editors/time-editor/time.module.d.ts +0 -12
- package/lib/property-editor/property-editor-renderer.directive.d.ts +0 -30
- package/lib/property-editor/property-editor.class.d.ts +0 -92
- package/lib/property-editor/property-editor.module.d.ts +0 -21
- package/lib/query-builder/query-builder-group.component.d.ts +0 -33
- package/lib/query-builder/query-builder-popup/query-builder-popup.component.d.ts +0 -35
- package/lib/query-builder/query-builder-rule.component.d.ts +0 -45
- package/lib/query-builder/query-builder.class.d.ts +0 -45
- package/lib/query-builder/query-builder.component.d.ts +0 -27
- package/lib/query-builder/query-builder.module.d.ts +0 -23
- package/lib/query-builder/query-builder.service.d.ts +0 -18
- package/lib/search-bar/search-bar.component.d.ts +0 -61
- package/lib/search-bar/search-bar.module.d.ts +0 -18
- package/lib/searchbox/searchbox.component.d.ts +0 -22
- package/lib/searchbox/searchbox.module.d.ts +0 -13
- package/lib/selectbox/selectbox.component.d.ts +0 -118
- package/lib/selectbox/selectbox.module.d.ts +0 -15
- package/lib/selectbox/selectbox2.component.d.ts +0 -103
- package/lib/selection-list/selection-list.component.d.ts +0 -32
- package/lib/selection-list/selection-list.module.d.ts +0 -10
- package/lib/switch/switch.component.d.ts +0 -20
- package/lib/switch/switch.module.d.ts +0 -9
- package/lib/tab-page/tab-page-Renderer.component.d.ts +0 -16
- package/lib/tab-page/tab-page-host.component.d.ts +0 -25
- package/lib/tab-page/tab-page.module.d.ts +0 -10
- package/lib/tab-page/tab-page.service.d.ts +0 -30
- package/lib/tab-strip/tab-strip.component.d.ts +0 -28
- package/lib/tab-strip/tab-strip.module.d.ts +0 -8
- package/lib/tab-view/dynamic-tabs.directive.d.ts +0 -16
- package/lib/tab-view/tab-view.component.d.ts +0 -26
- package/lib/tab-view/tab-view.module.d.ts +0 -10
- package/lib/tab-view/tab.component.d.ts +0 -12
- package/lib/textarea/textarea.component.d.ts +0 -12
- package/lib/textarea/textarea.module.d.ts +0 -8
- package/lib/textbox/textbox.component.d.ts +0 -16
- package/lib/textbox/textbox.module.d.ts +0 -11
- package/lib/time-picker/time-picker.component.d.ts +0 -52
- package/lib/time-picker/time-picker.module.d.ts +0 -11
- package/lib/toast/toast-message/toast-message.component.d.ts +0 -18
- package/lib/toast/toast-wrapper/toast-wrapper.component.d.ts +0 -8
- package/lib/toast/toast.module.d.ts +0 -9
- package/lib/toast/toast.service.d.ts +0 -18
- package/lib/toolbar/group-button/toolbar-group-button.component.d.ts +0 -12
- package/lib/toolbar/menu/toolbar-menu.component.d.ts +0 -24
- package/lib/toolbar/search/toolbar-search.component.d.ts +0 -16
- package/lib/toolbar/title/toolbar-title.component.d.ts +0 -9
- package/lib/toolbar/toolbar-item.d.ts +0 -3
- package/lib/toolbar/toolbar.component.d.ts +0 -8
- package/lib/toolbar/toolbar.module.d.ts +0 -14
- package/lib/tooltip/tooltip.directive.d.ts +0 -21
- package/lib/tooltip/tooltip.module.d.ts +0 -8
- package/lib/tree-side-menu/tree-side-menu.component.d.ts +0 -111
- package/lib/tree-side-menu/tree-side-menu.module.d.ts +0 -11
- package/lib/tree-view/tree-view.component.d.ts +0 -121
- package/lib/tree-view/tree-view.module.d.ts +0 -11
- package/lib/upload-file/upload-file.component.d.ts +0 -42
- package/lib/upload-file/upload-file.events.d.ts +0 -10
- package/lib/upload-file/upload-file.module.d.ts +0 -13
- package/lib/validation/validation-form.component.d.ts +0 -19
- package/lib/validation/validation-rule.widget.d.ts +0 -23
- package/lib/validation/validation.class.d.ts +0 -16
- package/lib/validation/validation.component.d.ts +0 -25
- package/lib/validation/validation.module.d.ts +0 -11
@@ -1,26 +1,39 @@
|
|
1
1
|
import { AXDateTime, AXDateTimeRange } from '@acorex/core';
|
2
2
|
import { EventEmitter } from '@angular/core';
|
3
|
-
|
3
|
+
|
4
|
+
|
5
|
+
|
6
|
+
|
7
|
+
export type AXSchedulerViewType = 'day' | 'week' | 'month' | 'timeline' | 'agenda';
|
8
|
+
|
4
9
|
export interface AXSchedulerRequestDataArge {
|
5
10
|
startTime: AXDateTime;
|
6
11
|
endTime: AXDateTime;
|
7
12
|
events: AXSchedulerEvent[];
|
8
13
|
}
|
9
|
-
|
10
|
-
|
11
|
-
|
14
|
+
|
15
|
+
export abstract class AXAsyncEventArgs {
|
16
|
+
onComplete: EventEmitter<any> = new EventEmitter<any>(true);
|
17
|
+
complete(): void {
|
18
|
+
if (this.onComplete) {
|
19
|
+
this.onComplete.emit(this);
|
20
|
+
}
|
21
|
+
}
|
12
22
|
}
|
13
|
-
|
14
|
-
|
23
|
+
|
24
|
+
export class AXSchedulerEventChangeArgs extends AXAsyncEventArgs {
|
25
|
+
canceled: boolean = false;
|
15
26
|
event: AXSchedulerEvent;
|
16
27
|
oldSlot: AXSchedulerSlot;
|
17
28
|
newSlot: AXSchedulerSlot;
|
18
29
|
}
|
30
|
+
|
19
31
|
export interface AXSchedulerSlot {
|
20
32
|
range: AXDateTimeRange;
|
21
33
|
events?: AXSchedulerEvent[];
|
22
34
|
uid?: string;
|
23
35
|
}
|
36
|
+
|
24
37
|
export interface AXSchedulerEvent {
|
25
38
|
range: AXDateTimeRange;
|
26
39
|
title: string;
|
@@ -28,6 +41,7 @@ export interface AXSchedulerEvent {
|
|
28
41
|
uid: string;
|
29
42
|
color: string;
|
30
43
|
}
|
44
|
+
|
31
45
|
export interface AXSchedulerOccasion {
|
32
46
|
range: AXDateTimeRange;
|
33
47
|
title: string;
|
@@ -0,0 +1,9 @@
|
|
1
|
+
<ng-content select="ax-scheduler-views"></ng-content>
|
2
|
+
<div class="ax-scheduler">
|
3
|
+
<div class="ax-scheduler-toolbar" >
|
4
|
+
<ng-content select="ax-toolbar"></ng-content>
|
5
|
+
</div>
|
6
|
+
<div class="view-container" #container>
|
7
|
+
<ng-template cdkPortalOutlet></ng-template>
|
8
|
+
</div>
|
9
|
+
</div>
|
@@ -0,0 +1,181 @@
|
|
1
|
+
.ax-scheduler {
|
2
|
+
height: 100%;
|
3
|
+
width: 100%;
|
4
|
+
|
5
|
+
.ax-scheduler-toolbar {
|
6
|
+
padding: 4px 5px;
|
7
|
+
background: #fff;
|
8
|
+
border: 1px solid var(--border-color);
|
9
|
+
border-bottom: 0;
|
10
|
+
-webkit-border-top-left-radius: 4px;
|
11
|
+
-webkit-border-top-right-radius: 4px;
|
12
|
+
-moz-border-radius-topleft: 4px;
|
13
|
+
-moz-border-radius-topright: 4px;
|
14
|
+
border-top-left-radius: 4px;
|
15
|
+
border-top-right-radius: 4px;
|
16
|
+
}
|
17
|
+
|
18
|
+
.event-wrapper {
|
19
|
+
z-index: 100;
|
20
|
+
|
21
|
+
.event {
|
22
|
+
color: var(--primary-fore-color);
|
23
|
+
border: var(--gray-light-color);
|
24
|
+
display: flex;
|
25
|
+
overflow: hidden;
|
26
|
+
position: absolute;
|
27
|
+
font-size: smaller;
|
28
|
+
justify-content: space-between;
|
29
|
+
padding: 1px 3px;
|
30
|
+
|
31
|
+
.span {
|
32
|
+
padding: 1px 2px;
|
33
|
+
margin: 1px;
|
34
|
+
}
|
35
|
+
|
36
|
+
.event-title {
|
37
|
+
text-overflow: ellipsis;
|
38
|
+
font-weight: bold;
|
39
|
+
color: var(--primary-fore-color);
|
40
|
+
white-space: nowrap;
|
41
|
+
overflow: hidden;
|
42
|
+
}
|
43
|
+
|
44
|
+
&:hover,
|
45
|
+
&:focus {
|
46
|
+
cursor: pointer;
|
47
|
+
box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
|
48
|
+
}
|
49
|
+
}
|
50
|
+
}
|
51
|
+
|
52
|
+
table {
|
53
|
+
border-collapse: collapse;
|
54
|
+
table-layout: fixed;
|
55
|
+
width: 100%;
|
56
|
+
|
57
|
+
td {
|
58
|
+
&.cell-slot {
|
59
|
+
position: relative;
|
60
|
+
|
61
|
+
&:hover {
|
62
|
+
background-color: var(--primary-lighter-color);
|
63
|
+
}
|
64
|
+
}
|
65
|
+
}
|
66
|
+
|
67
|
+
.same-week-day {
|
68
|
+
color: var(--primary-color);
|
69
|
+
}
|
70
|
+
}
|
71
|
+
|
72
|
+
th,
|
73
|
+
td {
|
74
|
+
padding: 8px 16px;
|
75
|
+
border: 1px solid var(--border-color);
|
76
|
+
text-overflow: ellipsis;
|
77
|
+
white-space: nowrap;
|
78
|
+
position: relative;
|
79
|
+
}
|
80
|
+
|
81
|
+
th {
|
82
|
+
overflow: hidden;
|
83
|
+
}
|
84
|
+
|
85
|
+
|
86
|
+
.view-container {
|
87
|
+
height: 100%;
|
88
|
+
}
|
89
|
+
|
90
|
+
.time-column {
|
91
|
+
width: 80px;
|
92
|
+
}
|
93
|
+
|
94
|
+
.h-scroll {
|
95
|
+
overflow-x: auto;
|
96
|
+
overflow-y: hidden;
|
97
|
+
height: 100%;
|
98
|
+
}
|
99
|
+
|
100
|
+
.v-scroll {
|
101
|
+
overflow-y: auto;
|
102
|
+
overflow-x: hidden;
|
103
|
+
}
|
104
|
+
|
105
|
+
|
106
|
+
|
107
|
+
.cdk-drag-placeholder {
|
108
|
+
opacity: 0;
|
109
|
+
display: none;
|
110
|
+
}
|
111
|
+
}
|
112
|
+
|
113
|
+
.event-drag-preview {
|
114
|
+
box-sizing: border-box;
|
115
|
+
border-radius: 4px;
|
116
|
+
box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2),
|
117
|
+
0 8px 10px 1px rgba(0, 0, 0, 0.14),
|
118
|
+
0 3px 14px 2px rgba(0, 0, 0, 0.12);
|
119
|
+
padding: 5px 10px;
|
120
|
+
color: white;
|
121
|
+
cursor: grabbing;
|
122
|
+
user-select: none;
|
123
|
+
/* supported by Chrome and Opera */
|
124
|
+
-webkit-user-select: none;
|
125
|
+
/* Safari */
|
126
|
+
-khtml-user-select: none;
|
127
|
+
/* Konqueror HTML */
|
128
|
+
-moz-user-select: none;
|
129
|
+
/* Firefox */
|
130
|
+
-ms-user-select: none;
|
131
|
+
/* Internet Explorer/Edge */
|
132
|
+
}
|
133
|
+
|
134
|
+
.event-drag-placeholder {
|
135
|
+
background: #ccc;
|
136
|
+
border: dotted 3px #999;
|
137
|
+
min-height: 60px;
|
138
|
+
transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
|
139
|
+
}
|
140
|
+
|
141
|
+
.ax-scheduler-event {
|
142
|
+
&.cdk-drag-preview {
|
143
|
+
box-sizing: border-box;
|
144
|
+
box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2),
|
145
|
+
0 8px 10px 1px rgba(0, 0, 0, 0.14),
|
146
|
+
0 3px 14px 2px rgba(0, 0, 0, 0.12);
|
147
|
+
padding: 5px 10px;
|
148
|
+
cursor: grabbing;
|
149
|
+
user-select: none;
|
150
|
+
/* supported by Chrome and Opera */
|
151
|
+
-webkit-user-select: none;
|
152
|
+
/* Safari */
|
153
|
+
-khtml-user-select: none;
|
154
|
+
/* Konqueror HTML */
|
155
|
+
-moz-user-select: none;
|
156
|
+
/* Firefox */
|
157
|
+
-ms-user-select: none;
|
158
|
+
/* Internet Explorer/Edge */
|
159
|
+
color: var(--primary-fore-color);
|
160
|
+
border: var(--gray-light-color);
|
161
|
+
display: flex;
|
162
|
+
overflow: hidden;
|
163
|
+
position: absolute;
|
164
|
+
font-size: smaller;
|
165
|
+
justify-content: space-between;
|
166
|
+
padding: 1px 3px;
|
167
|
+
|
168
|
+
.span {
|
169
|
+
padding: 1px 2px;
|
170
|
+
margin: 1px;
|
171
|
+
}
|
172
|
+
|
173
|
+
.event-title {
|
174
|
+
text-overflow: ellipsis;
|
175
|
+
font-weight: bold;
|
176
|
+
color: var(--primary-fore-color);
|
177
|
+
white-space: nowrap;
|
178
|
+
overflow: hidden;
|
179
|
+
}
|
180
|
+
}
|
181
|
+
}
|
@@ -0,0 +1,249 @@
|
|
1
|
+
import {
|
2
|
+
Component,
|
3
|
+
OnInit,
|
4
|
+
ContentChild,
|
5
|
+
Input,
|
6
|
+
ViewEncapsulation,
|
7
|
+
ElementRef,
|
8
|
+
ViewChild,
|
9
|
+
ComponentRef,
|
10
|
+
Output,
|
11
|
+
EventEmitter,
|
12
|
+
ChangeDetectorRef,
|
13
|
+
NgZone,
|
14
|
+
ViewContainerRef
|
15
|
+
} from '@angular/core';
|
16
|
+
import { AXSchedulerViewsProperty, AXSchedulerViewProperty } from './scheduler-views.property';
|
17
|
+
import { AXToolbarSchedulerViewsComponent } from './toolbars/scheduler-toolbar-views';
|
18
|
+
import { AXSchedulerDayTimeViewComponent } from './views/daytime/scheduler-daytime-view.component';
|
19
|
+
import { ComponentPortal, CdkPortalOutlet } from '@angular/cdk/portal';
|
20
|
+
import { AXSchedulerBaseViewComponent } from './views/scheduler-view.component';
|
21
|
+
import { AXSchedulerMonthViewComponent } from './views/month/scheduler-month-view.component';
|
22
|
+
import { AXToolbarSchedulerNavigatorComponent } from './toolbars/scheduler-toolbar-navigator';
|
23
|
+
import { AXSchedulerAgendaViewComponent } from './views/agenda/scheduler-agenda-view.component';
|
24
|
+
import { AXSchedulerTimelineViewComponent } from './views/timeline/scheduler-timeline-view.component';
|
25
|
+
import { AXSchedulerEventChangeArgs, AXSchedulerEvent } from './scheduler.class';
|
26
|
+
import { AXMenuItem, AXDateTime } from '@acorex/core';
|
27
|
+
import { AXToolbarSearchComponent } from '../../toolbar/search/toolbar-search.component';
|
28
|
+
import { AXDataSourceComponent } from '../../data-source/datasource.component';
|
29
|
+
|
30
|
+
|
31
|
+
|
32
|
+
|
33
|
+
@Component({
|
34
|
+
selector: 'ax-scheduler',
|
35
|
+
templateUrl: './scheduler.component.html',
|
36
|
+
styleUrls: ['./scheduler.component.scss'],
|
37
|
+
encapsulation: ViewEncapsulation.None
|
38
|
+
})
|
39
|
+
export class AXSchedulerComponent {
|
40
|
+
constructor(
|
41
|
+
private elm: ElementRef<HTMLDivElement>,
|
42
|
+
private zone: NgZone,
|
43
|
+
private cdr: ChangeDetectorRef
|
44
|
+
) { }
|
45
|
+
|
46
|
+
@ViewChild(CdkPortalOutlet, { static: true })
|
47
|
+
private portalOutlet: CdkPortalOutlet
|
48
|
+
|
49
|
+
|
50
|
+
@ViewChild('container', { static: true })
|
51
|
+
private container: ElementRef<HTMLElement>;
|
52
|
+
|
53
|
+
@ContentChild(AXSchedulerViewsProperty, { static: true })
|
54
|
+
private viewManager: AXSchedulerViewsProperty;
|
55
|
+
|
56
|
+
@ContentChild(AXToolbarSchedulerViewsComponent, { static: true })
|
57
|
+
private toolbarView: AXToolbarSchedulerViewsComponent;
|
58
|
+
@ContentChild(AXToolbarSchedulerNavigatorComponent, { static: true })
|
59
|
+
private toolbarNavigator: AXToolbarSchedulerNavigatorComponent;
|
60
|
+
|
61
|
+
@ContentChild(AXToolbarSearchComponent, { static: true })
|
62
|
+
searchInput: AXToolbarSearchComponent;
|
63
|
+
|
64
|
+
@ContentChild(AXDataSourceComponent, { static: true })
|
65
|
+
private dataSource: AXDataSourceComponent;
|
66
|
+
|
67
|
+
view: AXSchedulerBaseViewComponent;
|
68
|
+
|
69
|
+
|
70
|
+
private _currentView: string;
|
71
|
+
@Input()
|
72
|
+
public get currentView(): string {
|
73
|
+
return this._currentView;
|
74
|
+
}
|
75
|
+
public set currentView(v: string) {
|
76
|
+
this.setView(v);
|
77
|
+
}
|
78
|
+
|
79
|
+
private viewItems: AXMenuItem[] = [];
|
80
|
+
private today = new AXDateTime();
|
81
|
+
private navigatorDate = new AXDateTime();
|
82
|
+
searchText: string;
|
83
|
+
|
84
|
+
@Input()
|
85
|
+
events: AXSchedulerEvent[] = [];
|
86
|
+
|
87
|
+
@Output()
|
88
|
+
onEventChanged: EventEmitter<AXSchedulerEventChangeArgs> = new EventEmitter<AXSchedulerEventChangeArgs>();
|
89
|
+
|
90
|
+
setView(name: string) {
|
91
|
+
this._currentView = name;
|
92
|
+
if (this.viewManager.views) {
|
93
|
+
this.viewItems.forEach(c => {
|
94
|
+
c.selected = false;
|
95
|
+
});
|
96
|
+
this.viewItems.find(c => c.name == name).selected = true;
|
97
|
+
const selected = this.viewManager.views.find(c => c.name == name);
|
98
|
+
this.createView(selected);
|
99
|
+
}
|
100
|
+
}
|
101
|
+
|
102
|
+
|
103
|
+
private createView(selected: AXSchedulerViewProperty) {
|
104
|
+
this.startAnim();
|
105
|
+
if (this.view) {
|
106
|
+
this.view.ngOnDestroy();
|
107
|
+
}
|
108
|
+
let portal: ComponentPortal<AXSchedulerBaseViewComponent>;
|
109
|
+
this.portalOutlet.detach();
|
110
|
+
let interval = selected.interval;
|
111
|
+
if (selected.type === 'day') {
|
112
|
+
portal = new ComponentPortal<AXSchedulerBaseViewComponent>(AXSchedulerDayTimeViewComponent);
|
113
|
+
}
|
114
|
+
if (selected.type === 'week') {
|
115
|
+
portal = new ComponentPortal<AXSchedulerBaseViewComponent>(AXSchedulerDayTimeViewComponent);
|
116
|
+
interval = selected.interval * 7;
|
117
|
+
}
|
118
|
+
if (selected.type === 'month') {
|
119
|
+
portal = new ComponentPortal<AXSchedulerBaseViewComponent>(AXSchedulerMonthViewComponent);
|
120
|
+
}
|
121
|
+
if (selected.type === 'agenda') {
|
122
|
+
portal = new ComponentPortal<AXSchedulerBaseViewComponent>(AXSchedulerAgendaViewComponent);
|
123
|
+
}
|
124
|
+
if (selected.type === 'timeline') {
|
125
|
+
portal = new ComponentPortal<AXSchedulerBaseViewComponent>(AXSchedulerTimelineViewComponent);
|
126
|
+
}
|
127
|
+
const compRef: ComponentRef<AXSchedulerBaseViewComponent> = this.portalOutlet.attach(portal);
|
128
|
+
this.view = compRef.instance;
|
129
|
+
this.view.type = selected.type;
|
130
|
+
this.view.interval = interval;
|
131
|
+
//
|
132
|
+
this.view.onEventChanged.subscribe(e => {
|
133
|
+
this.onEventChanged.emit(e);
|
134
|
+
});
|
135
|
+
this.view.onNavigatorDateChanged.subscribe((e) => {
|
136
|
+
this.navigatorDate = e;
|
137
|
+
this.setNavigatorText();
|
138
|
+
this.startAnim();
|
139
|
+
});
|
140
|
+
this.refresh();
|
141
|
+
}
|
142
|
+
|
143
|
+
private setNavigatorText() {
|
144
|
+
if (this.toolbarNavigator) {
|
145
|
+
this.toolbarNavigator.set(this.view.dateRange, this.view.type);
|
146
|
+
}
|
147
|
+
}
|
148
|
+
|
149
|
+
private startAnim() {
|
150
|
+
this.container.nativeElement.classList.remove('ax-anim-fade-in-fwd');
|
151
|
+
this.container.nativeElement.style.opacity = '0';
|
152
|
+
setTimeout(() => {
|
153
|
+
this.container.nativeElement.classList.add('ax-anim-fade-in-fwd');
|
154
|
+
}, 250);
|
155
|
+
}
|
156
|
+
|
157
|
+
ngAfterViewInit(): void {
|
158
|
+
setTimeout(_ => {
|
159
|
+
this.viewManager.views.forEach(v => {
|
160
|
+
this.viewItems.push({
|
161
|
+
groupName: 'view',
|
162
|
+
name: v.name,
|
163
|
+
text: v.caption
|
164
|
+
});
|
165
|
+
});
|
166
|
+
//
|
167
|
+
this.dataSource.onDataReceived.subscribe((e:any) => {
|
168
|
+
this.events = e;
|
169
|
+
this.view.events = this.events;
|
170
|
+
if (this.searchText && this.view.events && this.view.events.length) {
|
171
|
+
this.navigatorDate = this.view.events[0].range.startTime;
|
172
|
+
}
|
173
|
+
if (this.navigatorDate) {
|
174
|
+
this.view.navigate(this.navigatorDate);
|
175
|
+
}
|
176
|
+
else {
|
177
|
+
this.view.navigate(this.today);
|
178
|
+
}
|
179
|
+
});
|
180
|
+
//
|
181
|
+
if (this.toolbarView) {
|
182
|
+
this.toolbarView.onViewChanged.subscribe((c: any) => {
|
183
|
+
this.currentView = c;
|
184
|
+
});
|
185
|
+
this.toolbarView.items = this.viewItems;
|
186
|
+
}
|
187
|
+
//
|
188
|
+
if (this.toolbarNavigator) {
|
189
|
+
this.toolbarNavigator.onNavigate.subscribe((c: any) => {
|
190
|
+
if (c === 'next') {
|
191
|
+
this.view.next();
|
192
|
+
}
|
193
|
+
else if (c === 'prev') {
|
194
|
+
this.view.prev();
|
195
|
+
}
|
196
|
+
else {
|
197
|
+
this.view.navigate(c);
|
198
|
+
}
|
199
|
+
});
|
200
|
+
}
|
201
|
+
if (this.searchInput) {
|
202
|
+
this.searchInput.onValueChanged.subscribe((c: any) => {
|
203
|
+
this.searchText = c;
|
204
|
+
if (c) {
|
205
|
+
this.viewItems.forEach(c => { c.visible = false; });
|
206
|
+
const x: AXSchedulerViewProperty = new AXSchedulerViewProperty('agenda', 'Search', 'VIEW_SEARCH');
|
207
|
+
x.interval = 100;
|
208
|
+
this.createView(x);
|
209
|
+
this.refresh();
|
210
|
+
}
|
211
|
+
else {
|
212
|
+
this.viewItems.forEach(c => { c.visible = true; });
|
213
|
+
this.setView(this._currentView);
|
214
|
+
}
|
215
|
+
this.toolbarView.update();
|
216
|
+
});
|
217
|
+
}
|
218
|
+
//
|
219
|
+
this.setView(this.currentView);
|
220
|
+
this.refresh();
|
221
|
+
});
|
222
|
+
}
|
223
|
+
|
224
|
+
ngAfterViewChecked(): void {
|
225
|
+
this.updateSize();
|
226
|
+
}
|
227
|
+
|
228
|
+
private updateSize() {
|
229
|
+
this.zone.runOutsideAngular(() => {
|
230
|
+
const toolbar = this.elm.nativeElement.querySelector<HTMLElement>(
|
231
|
+
'.ax-scheduler-toolbar'
|
232
|
+
);
|
233
|
+
if (toolbar) {
|
234
|
+
this.container.nativeElement.style.height = `calc(100% - ${toolbar.clientHeight}px)`;
|
235
|
+
}
|
236
|
+
});
|
237
|
+
}
|
238
|
+
|
239
|
+
ngOnDestroy(): void {
|
240
|
+
this.portalOutlet.detach();
|
241
|
+
}
|
242
|
+
|
243
|
+
refresh() {
|
244
|
+
this.dataSource.fetch({
|
245
|
+
searchText: this.searchText,
|
246
|
+
});
|
247
|
+
}
|
248
|
+
|
249
|
+
}
|
@@ -0,0 +1,45 @@
|
|
1
|
+
import { NgModule } from '@angular/core';
|
2
|
+
import { AXSchedulerComponent } from './scheduler.component';
|
3
|
+
import { AXSchedulerViewsProperty, AXSchedulerViewProperty } from './scheduler-views.property';
|
4
|
+
import { AXSchedulerDayTimeViewComponent } from './views/daytime/scheduler-daytime-view.component';
|
5
|
+
import { AXToolbarSchedulerViewsComponent } from './toolbars/scheduler-toolbar-views';
|
6
|
+
import { AXCoreModule } from '@acorex/core';
|
7
|
+
import { AXSchedulerMonthViewComponent } from './views/month/scheduler-month-view.component';
|
8
|
+
import { PortalModule } from '@angular/cdk/portal';
|
9
|
+
import { AXToolbarSchedulerNavigatorComponent } from './toolbars/scheduler-toolbar-navigator';
|
10
|
+
import { AXSchedulerAgendaViewComponent } from './views/agenda/scheduler-agenda-view.component';
|
11
|
+
import { AXSchedulerTimelineViewComponent } from './views/timeline/scheduler-timeline-view.component';
|
12
|
+
import { DragDropModule } from '@angular/cdk/drag-drop';
|
13
|
+
import { AXCalendarBoxModule } from '../calendar-box/calendar-box.module';
|
14
|
+
|
15
|
+
import { CommonModule } from '@angular/common';
|
16
|
+
import { AXToolbarModule } from '../../toolbar/toolbar.module';
|
17
|
+
import { AXPopoverModule } from '../../popover/popover.module';
|
18
|
+
|
19
|
+
@NgModule({
|
20
|
+
declarations: [
|
21
|
+
AXSchedulerComponent,
|
22
|
+
AXSchedulerViewsProperty,
|
23
|
+
AXSchedulerViewProperty,
|
24
|
+
AXSchedulerDayTimeViewComponent,
|
25
|
+
AXSchedulerMonthViewComponent,
|
26
|
+
AXSchedulerAgendaViewComponent,
|
27
|
+
AXSchedulerTimelineViewComponent,
|
28
|
+
AXToolbarSchedulerViewsComponent,
|
29
|
+
AXToolbarSchedulerNavigatorComponent
|
30
|
+
],
|
31
|
+
imports: [CommonModule, AXCoreModule, AXCalendarBoxModule, AXToolbarModule, AXPopoverModule, PortalModule, DragDropModule],
|
32
|
+
exports: [
|
33
|
+
AXSchedulerComponent,
|
34
|
+
AXSchedulerViewsProperty,
|
35
|
+
AXSchedulerViewProperty,
|
36
|
+
AXSchedulerDayTimeViewComponent,
|
37
|
+
AXSchedulerMonthViewComponent,
|
38
|
+
AXSchedulerAgendaViewComponent,
|
39
|
+
AXSchedulerTimelineViewComponent,
|
40
|
+
AXToolbarSchedulerViewsComponent,
|
41
|
+
AXToolbarSchedulerNavigatorComponent
|
42
|
+
],
|
43
|
+
providers: []
|
44
|
+
})
|
45
|
+
export class AXSchedulerModule { }
|
@@ -0,0 +1,133 @@
|
|
1
|
+
|
2
|
+
import { Component, OnInit, Input, Output, EventEmitter, ChangeDetectionStrategy, ChangeDetectorRef, ViewChild } from '@angular/core';
|
3
|
+
|
4
|
+
import { AXSchedulerViewType } from '../scheduler.class';
|
5
|
+
import { AXCalendarBoxComponent } from '../../calendar-box/calendar-box.component';
|
6
|
+
|
7
|
+
import { AXMenuItem, AXDateTime, AXDateTimeRange } from '@acorex/core';
|
8
|
+
import { AXToolbarItem } from '../../../toolbar/toolbar-item';
|
9
|
+
import { AXToolbarMenuComponent } from '../../../toolbar/menu/toolbar-menu.component';
|
10
|
+
import { AXPopoverComponent } from '../../../popover/popover.component';
|
11
|
+
import { AXValueEvent } from '../../../base/events.class';
|
12
|
+
|
13
|
+
|
14
|
+
@Component({
|
15
|
+
selector: 'ax-toolbar-scheduler-navigator',
|
16
|
+
template: `
|
17
|
+
<div id="nav">
|
18
|
+
<ax-toolbar-menu [items]="items" (onItemClick)="onItemClick($event)"></ax-toolbar-menu>
|
19
|
+
<ax-popover target="#nav" placement="bottom-end" alignment="top-end" #pop>
|
20
|
+
<ax-calendar-box (onValueChanged)="onDateChange($event)" [depth]="viewDepth" #cal></ax-calendar-box>
|
21
|
+
</ax-popover>
|
22
|
+
</div>`,
|
23
|
+
providers: [{ provide: AXToolbarItem, useExisting: AXToolbarSchedulerNavigatorComponent }],
|
24
|
+
changeDetection: ChangeDetectionStrategy.OnPush
|
25
|
+
})
|
26
|
+
export class AXToolbarSchedulerNavigatorComponent {
|
27
|
+
constructor(private cdr: ChangeDetectorRef) { }
|
28
|
+
|
29
|
+
@ViewChild(AXToolbarMenuComponent, { static: true })
|
30
|
+
toolbar: AXToolbarMenuComponent;
|
31
|
+
|
32
|
+
@ViewChild('pop', { static: true })
|
33
|
+
pop: AXPopoverComponent;
|
34
|
+
|
35
|
+
@ViewChild('cal', { static: true })
|
36
|
+
cal: AXCalendarBoxComponent;
|
37
|
+
|
38
|
+
viewDepth: string = 'day';
|
39
|
+
|
40
|
+
|
41
|
+
items: AXMenuItem[] = [];
|
42
|
+
|
43
|
+
ngAfterViewInit(): void {
|
44
|
+
this.items = [
|
45
|
+
{
|
46
|
+
name: 'prev',
|
47
|
+
startIcon: 'fas fa-angle-left',
|
48
|
+
tooltip: 'Prev'
|
49
|
+
},
|
50
|
+
{
|
51
|
+
name: 'today',
|
52
|
+
text: 'Today',
|
53
|
+
tooltip: 'Today'
|
54
|
+
},
|
55
|
+
{
|
56
|
+
name: 'next',
|
57
|
+
startIcon: 'fas fa-angle-right',
|
58
|
+
tooltip: 'Next'
|
59
|
+
},
|
60
|
+
{
|
61
|
+
name: 'current',
|
62
|
+
|
63
|
+
}];
|
64
|
+
}
|
65
|
+
|
66
|
+
|
67
|
+
@Output()
|
68
|
+
onNavigate: EventEmitter<'next' | 'back' | AXDateTime> = new EventEmitter<'next' | 'back' | AXDateTime>();
|
69
|
+
|
70
|
+
onItemClick(e: AXMenuItem) {
|
71
|
+
if (e.name === 'current') {
|
72
|
+
this.pop.toggle();
|
73
|
+
}
|
74
|
+
else if (e.name === 'today') {
|
75
|
+
this.goto(new AXDateTime());
|
76
|
+
}
|
77
|
+
else {
|
78
|
+
this.onNavigate.emit(e.name as any);
|
79
|
+
this.pop.close();
|
80
|
+
}
|
81
|
+
}
|
82
|
+
|
83
|
+
|
84
|
+
onDateChange(e: AXValueEvent<AXDateTime>) {
|
85
|
+
this.goto(e.value);
|
86
|
+
}
|
87
|
+
|
88
|
+
goto(date: AXDateTime) {
|
89
|
+
this.onNavigate.emit(date);
|
90
|
+
this.pop.close();
|
91
|
+
}
|
92
|
+
|
93
|
+
|
94
|
+
set(range: AXDateTimeRange, type: AXSchedulerViewType) {
|
95
|
+
if (range) {
|
96
|
+
let text: string = '';
|
97
|
+
const calDate: AXDateTime = range.startTime;
|
98
|
+
const sameDay = range.startTime.compaireNew(range.endTime, 'YMD') === 0;
|
99
|
+
const sameMonth = range.startTime.compaireNew(range.endTime, 'YM') === 0;
|
100
|
+
const sameYear = range.startTime.compaireNew(range.endTime, 'Y') === 0;
|
101
|
+
if (type !== 'month' && sameDay) {
|
102
|
+
text = range.startTime.format('MMMM DD, YYYY');
|
103
|
+
}
|
104
|
+
//
|
105
|
+
else if (type !== 'month' && sameMonth && sameYear) {
|
106
|
+
text = `${range.startTime.format('MMMM DD')} - ${range.endTime.format('DD, YYYY')}`;
|
107
|
+
}
|
108
|
+
else if (type !== 'month' && sameYear) {
|
109
|
+
text = `${range.startTime.format('MMM DD')} - ${range.endTime.format('MMM DD, YYYY')}`;
|
110
|
+
}
|
111
|
+
else if (type !== 'month') {
|
112
|
+
text = `${range.startTime.format('MMM DD, YYYY')} - ${range.endTime.format('MMM DD, YYYY')}`;
|
113
|
+
}
|
114
|
+
else if (type === 'month') {
|
115
|
+
text = range.startTime.add('day', 15).format('MMMM YYYY');
|
116
|
+
}
|
117
|
+
this.items[3].text = text;
|
118
|
+
if (type === 'month') {
|
119
|
+
this.viewDepth = 'month';
|
120
|
+
}
|
121
|
+
else {
|
122
|
+
this.viewDepth = 'day';
|
123
|
+
}
|
124
|
+
//
|
125
|
+
this.cal.focusedValue = calDate;
|
126
|
+
this.cal.navigate(calDate);
|
127
|
+
this.pop.close();
|
128
|
+
//
|
129
|
+
this.toolbar.update();
|
130
|
+
}
|
131
|
+
}
|
132
|
+
|
133
|
+
}
|
@@ -0,0 +1,33 @@
|
|
1
|
+
import { Component, Output, EventEmitter, ViewChild } from '@angular/core';
|
2
|
+
import { AXMenuItem } from '@acorex/core';
|
3
|
+
import { AXToolbarItem } from '../../../toolbar/toolbar-item';
|
4
|
+
import { AXToolbarMenuComponent } from '../../../toolbar/menu/toolbar-menu.component';
|
5
|
+
|
6
|
+
|
7
|
+
|
8
|
+
|
9
|
+
@Component({
|
10
|
+
selector: 'ax-toolbar-scheduler-view',
|
11
|
+
template: `
|
12
|
+
<ax-toolbar-menu [items]="items" selection="single" (onItemClick)="onItemClick($event)"></ax-toolbar-menu>
|
13
|
+
`,
|
14
|
+
providers: [{ provide: AXToolbarItem, useExisting: AXToolbarSchedulerViewsComponent }]
|
15
|
+
})
|
16
|
+
export class AXToolbarSchedulerViewsComponent {
|
17
|
+
constructor() { }
|
18
|
+
|
19
|
+
@ViewChild(AXToolbarMenuComponent, { static: true }) menu: AXToolbarMenuComponent;
|
20
|
+
items: AXMenuItem[] = [];
|
21
|
+
|
22
|
+
update(): void {
|
23
|
+
this.menu.update();
|
24
|
+
}
|
25
|
+
|
26
|
+
@Output()
|
27
|
+
onViewChanged: EventEmitter<string> = new EventEmitter<string>();
|
28
|
+
|
29
|
+
onItemClick(e: AXMenuItem) {
|
30
|
+
this.onViewChanged.emit(e.name);
|
31
|
+
}
|
32
|
+
|
33
|
+
}
|