nira-falcon 0.1.25 → 0.1.26
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/environments/environment.d.ts +4 -0
- package/esm2022/environments/environment.mjs +7 -0
- package/esm2022/lib/core-auto-complete/core-auto-complete.component.mjs +82 -0
- package/esm2022/lib/core-btn/core-btn.component.mjs +71 -0
- package/esm2022/lib/core-card/core-card.component.mjs +16 -0
- package/esm2022/lib/core-checkbox/core-checkbox.component.mjs +33 -0
- package/esm2022/lib/core-confirm-dialog/core-confirm-dialog.component.mjs +31 -0
- package/esm2022/lib/core-date-picker/core-date-picker.component.mjs +50 -0
- package/esm2022/lib/core-input/core-input.component.mjs +136 -0
- package/esm2022/lib/core-multi-select/core-multi-select-row/core-multi-select-row.component.mjs +28 -0
- package/esm2022/lib/core-multi-select/core-multi-select.component.mjs +145 -0
- package/esm2022/lib/core-number/core-number.component.mjs +64 -0
- package/esm2022/lib/core-page-title/core-page-title.component.mjs +19 -0
- package/esm2022/lib/core-radio-buttons/core-radio-buttons.component.mjs +75 -0
- package/esm2022/lib/core-search-box/core-search-box.component.mjs +25 -0
- package/esm2022/lib/core-select/core-select.component.mjs +96 -0
- package/esm2022/lib/core-spinner/core-spinner.component.mjs +23 -0
- package/esm2022/lib/core-switch/core-switch.component.mjs +33 -0
- package/esm2022/lib/core-table/core-column-date-picker/core-column-date-picker.component.mjs +62 -0
- package/esm2022/lib/core-table/core-column-input/core-column-input.component.mjs +43 -0
- package/esm2022/lib/core-table/core-column-selector/core-column-selector.component.mjs +100 -0
- package/esm2022/lib/core-table/core-row-pelak/core-row-pelak.component.mjs +21 -0
- package/esm2022/lib/core-table/core-table/core-table.component.mjs +182 -0
- package/esm2022/lib/core-table/core-table-action-buttons-column/core-table-action-buttons-column.component.mjs +34 -0
- package/esm2022/lib/core-table/core-table-action-column/core-table-action-column.component.mjs +27 -0
- package/esm2022/lib/core-table/core-table-card-manager/core-table-card-manager.component.mjs +83 -0
- package/esm2022/lib/core-table/core-table-column-manager/core-table-column-manager.component.mjs +85 -0
- package/esm2022/lib/core-table/core-table-detail-viewer-for-report/core-table-detail-viewer-for-report.component.mjs +29 -0
- package/esm2022/lib/core-table/core-table-filter-dialog/core-table-filter-dialog/core-table-filter-dialog.component.mjs +82 -0
- package/esm2022/lib/core-table/core-table-no-content/core-table-no-content.component.mjs +23 -0
- package/esm2022/lib/core-table/core-table-no-content/core-table-no-content.label.mjs +9 -0
- package/esm2022/lib/core-table/core-table-row-selector-column/core-table-row-selector-column.component.mjs +68 -0
- package/esm2022/lib/core-table/core-table-shamsi-date/core-table-shamsi-date.component.mjs +34 -0
- package/esm2022/lib/core-table/core-table-status-active-column/core-table-status-active-column.component.mjs +20 -0
- package/esm2022/lib/core-table/core-table-status-column/core-table-status-column.component.mjs +18 -0
- package/esm2022/lib/core-textarea/core-textarea.component.mjs +47 -0
- package/esm2022/lib/core-time-picker/core-time-picker.component.mjs +118 -0
- package/esm2022/lib/core-time-picker/time-picker-modal/time-picker-modal.component.mjs +147 -0
- package/esm2022/lib/falcon-lib.module.mjs +252 -0
- package/esm2022/lib/falconTypes.mjs +9 -0
- package/esm2022/lib/pipes/digit-group.pipe.mjs +16 -0
- package/esm2022/lib/pipes/form-control.pipe.mjs +16 -0
- package/esm2022/lib/pipes/persian-digits.pipe.mjs +40 -0
- package/esm2022/lib/pipes/price-format.pipe.mjs +23 -0
- package/esm2022/lib/pipes/shamsi-date.pipe.mjs +24 -0
- package/esm2022/lib/pipes/time-format.pipe.mjs +28 -0
- package/esm2022/lib/pipes/weight.pipe.mjs +16 -0
- package/esm2022/lib/wordify.mjs +109 -0
- package/esm2022/nira-falcon.mjs +5 -0
- package/esm2022/public-api.mjs +31 -0
- package/esm2022/svg-icon/arrow-down-icon/arrow-down-icon.component.mjs +11 -0
- package/esm2022/svg-icon/calendar-icon/calendar-icon.component.mjs +11 -0
- package/esm2022/svg-icon/caret-up-icon/caret-up-icon.component.mjs +11 -0
- package/esm2022/svg-icon/close-icon/close-icon.component.mjs +11 -0
- package/esm2022/svg-icon/edit-square-icon/edit-square-icon.component.mjs +11 -0
- package/esm2022/svg-icon/pelak-icon/pelak-icon.component.mjs +11 -0
- package/esm2022/svg-icon/search-icon/search-icon.component.mjs +11 -0
- package/esm2022/svg-icon/sort-down-icon/sort-down-icon.component.mjs +11 -0
- package/esm2022/svg-icon/sort-solid-icon/sort-solid-icon.component.mjs +11 -0
- package/esm2022/svg-icon/sort-up-icon/sort-up-icon.component.mjs +11 -0
- package/esm2022/svg-icon/time-icon/time-icon.component.mjs +11 -0
- package/esm2022/svg-icon/warning-icon/warning-icon.component.mjs +11 -0
- package/esm2022/utils/constants.mjs +184 -0
- package/esm2022/utils/directives/detail-viewer-manager.directive.mjs +71 -0
- package/esm2022/utils/directives/table-detail-viewer-manager.directive.mjs +49 -0
- package/esm2022/utils/util.mjs +26 -0
- package/fesm2022/nira-falcon.mjs +2881 -0
- package/fesm2022/nira-falcon.mjs.map +1 -0
- package/index.d.ts +5 -0
- package/lib/core-auto-complete/core-auto-complete.component.d.ts +30 -0
- package/lib/core-btn/core-btn.component.d.ts +23 -0
- package/lib/core-card/core-card.component.d.ts +6 -0
- package/lib/core-checkbox/core-checkbox.component.d.ts +13 -0
- package/lib/core-confirm-dialog/core-confirm-dialog.component.d.ts +14 -0
- package/lib/core-date-picker/core-date-picker.component.d.ts +21 -0
- package/lib/core-input/core-input.component.d.ts +29 -0
- package/lib/core-multi-select/core-multi-select-row/core-multi-select-row.component.d.ts +11 -0
- package/lib/core-multi-select/core-multi-select.component.d.ts +43 -0
- package/lib/core-number/core-number.component.d.ts +12 -0
- package/lib/core-page-title/core-page-title.component.d.ts +7 -0
- package/lib/core-radio-buttons/core-radio-buttons.component.d.ts +29 -0
- package/lib/core-search-box/core-search-box.component.d.ts +10 -0
- package/lib/core-select/core-select.component.d.ts +37 -0
- package/lib/core-spinner/core-spinner.component.d.ts +9 -0
- package/lib/core-switch/core-switch.component.d.ts +17 -0
- package/lib/core-table/core-column-date-picker/core-column-date-picker.component.d.ts +21 -0
- package/lib/core-table/core-column-input/core-column-input.component.d.ts +16 -0
- package/lib/core-table/core-column-selector/core-column-selector.component.d.ts +35 -0
- package/lib/core-table/core-row-pelak/core-row-pelak.component.d.ts +8 -0
- package/lib/core-table/core-table/core-table.component.d.ts +42 -0
- package/lib/core-table/core-table-action-buttons-column/core-table-action-buttons-column.component.d.ts +11 -0
- package/lib/core-table/core-table-action-column/core-table-action-column.component.d.ts +11 -0
- package/lib/core-table/core-table-card-manager/core-table-card-manager.component.d.ts +24 -0
- package/lib/core-table/core-table-column-manager/core-table-column-manager.component.d.ts +24 -0
- package/lib/core-table/core-table-detail-viewer-for-report/core-table-detail-viewer-for-report.component.d.ts +11 -0
- package/lib/core-table/core-table-filter-dialog/core-table-filter-dialog/core-table-filter-dialog.component.d.ts +22 -0
- package/lib/core-table/core-table-no-content/core-table-no-content.component.d.ts +9 -0
- package/lib/core-table/core-table-no-content/core-table-no-content.label.d.ts +5 -0
- package/lib/core-table/core-table-row-selector-column/core-table-row-selector-column.component.d.ts +14 -0
- package/lib/core-table/core-table-shamsi-date/core-table-shamsi-date.component.d.ts +13 -0
- package/lib/core-table/core-table-status-active-column/core-table-status-active-column.component.d.ts +8 -0
- package/lib/core-table/core-table-status-column/core-table-status-column.component.d.ts +7 -0
- package/lib/core-textarea/core-textarea.component.d.ts +13 -0
- package/lib/core-time-picker/core-time-picker.component.d.ts +26 -0
- package/lib/core-time-picker/time-picker-modal/time-picker-modal.component.d.ts +35 -0
- package/lib/falcon-lib.module.d.ts +66 -0
- package/lib/falconTypes.d.ts +24 -0
- package/lib/pipes/digit-group.pipe.d.ts +7 -0
- package/lib/pipes/form-control.pipe.d.ts +8 -0
- package/lib/pipes/persian-digits.pipe.d.ts +7 -0
- package/lib/pipes/price-format.pipe.d.ts +7 -0
- package/lib/pipes/shamsi-date.pipe.d.ts +9 -0
- package/lib/pipes/time-format.pipe.d.ts +7 -0
- package/lib/pipes/weight.pipe.d.ts +7 -0
- package/lib/wordify.d.ts +2 -0
- package/package.json +26 -13
- package/{src/public-api.ts → public-api.d.ts} +27 -31
- package/svg-icon/arrow-down-icon/arrow-down-icon.component.d.ts +5 -0
- package/svg-icon/calendar-icon/calendar-icon.component.d.ts +5 -0
- package/svg-icon/caret-up-icon/caret-up-icon.component.d.ts +5 -0
- package/svg-icon/close-icon/close-icon.component.d.ts +5 -0
- package/svg-icon/edit-square-icon/edit-square-icon.component.d.ts +5 -0
- package/svg-icon/pelak-icon/pelak-icon.component.d.ts +5 -0
- package/svg-icon/search-icon/search-icon.component.d.ts +5 -0
- package/svg-icon/sort-down-icon/sort-down-icon.component.d.ts +5 -0
- package/svg-icon/sort-solid-icon/sort-solid-icon.component.d.ts +5 -0
- package/svg-icon/sort-up-icon/sort-up-icon.component.d.ts +5 -0
- package/svg-icon/time-icon/time-icon.component.d.ts +5 -0
- package/svg-icon/warning-icon/warning-icon.component.d.ts +5 -0
- package/utils/constants.d.ts +70 -0
- package/utils/directives/detail-viewer-manager.directive.d.ts +18 -0
- package/utils/directives/table-detail-viewer-manager.directive.d.ts +16 -0
- package/utils/util.d.ts +11 -0
- package/ng-package.json +0 -7
- package/package copy.json +0 -13
- package/src/assets/images/hub-dashboard-title-bg.png +0 -0
- package/src/assets/images/iran.png +0 -0
- package/src/environments/environment.ts +0 -7
- package/src/lib/core-auto-complete/core-auto-complete.component.html +0 -30
- package/src/lib/core-auto-complete/core-auto-complete.component.scss +0 -89
- package/src/lib/core-auto-complete/core-auto-complete.component.ts +0 -92
- package/src/lib/core-btn/core-btn-bluebird.component.html +0 -21
- package/src/lib/core-btn/core-btn-bluebird.component.scss +0 -123
- package/src/lib/core-btn/core-btn-falcon.component.html +0 -20
- package/src/lib/core-btn/core-btn-falcon.component.scss +0 -115
- package/src/lib/core-btn/core-btn.component.ts +0 -54
- package/src/lib/core-card/core-card.component.html +0 -3
- package/src/lib/core-card/core-card.component.scss +0 -0
- package/src/lib/core-card/core-card.component.ts +0 -10
- package/src/lib/core-checkbox/core-checkbox.component.html +0 -9
- package/src/lib/core-checkbox/core-checkbox.component.scss +0 -60
- package/src/lib/core-checkbox/core-checkbox.component.ts +0 -19
- package/src/lib/core-confirm-dialog/core-confirm-dialog.component.html +0 -28
- package/src/lib/core-confirm-dialog/core-confirm-dialog.component.scss +0 -131
- package/src/lib/core-confirm-dialog/core-confirm-dialog.component.ts +0 -29
- package/src/lib/core-date-picker/core-date-picker-bluebird.component.html +0 -15
- package/src/lib/core-date-picker/core-date-picker-bluebird.component.scss +0 -0
- package/src/lib/core-date-picker/core-date-picker-falcon.component.html +0 -14
- package/src/lib/core-date-picker/core-date-picker-falcon.component.scss +0 -0
- package/src/lib/core-date-picker/core-date-picker.component.ts +0 -44
- package/src/lib/core-input/core-input-bluebird.component.html +0 -95
- package/src/lib/core-input/core-input-bluebird.component.scss +0 -152
- package/src/lib/core-input/core-input-falcon.component.html +0 -90
- package/src/lib/core-input/core-input-falcon.component.scss +0 -141
- package/src/lib/core-input/core-input.component.ts +0 -112
- package/src/lib/core-multi-select/core-multi-select-row/core-multi-select-row.component.html +0 -3
- package/src/lib/core-multi-select/core-multi-select-row/core-multi-select-row.component.scss +0 -15
- package/src/lib/core-multi-select/core-multi-select-row/core-multi-select-row.component.ts +0 -19
- package/src/lib/core-multi-select/core-multi-select.component.html +0 -41
- package/src/lib/core-multi-select/core-multi-select.component.scss +0 -119
- package/src/lib/core-multi-select/core-multi-select.component.ts +0 -139
- package/src/lib/core-number/core-number.component.html +0 -3
- package/src/lib/core-number/core-number.component.scss +0 -1
- package/src/lib/core-number/core-number.component.ts +0 -45
- package/src/lib/core-page-title/core-page-title.component.html +0 -14
- package/src/lib/core-page-title/core-page-title.component.scss +0 -16
- package/src/lib/core-page-title/core-page-title.component.ts +0 -11
- package/src/lib/core-radio-buttons/core-radio-buttons.component.html +0 -17
- package/src/lib/core-radio-buttons/core-radio-buttons.component.scss +0 -46
- package/src/lib/core-radio-buttons/core-radio-buttons.component.spec.ts +0 -21
- package/src/lib/core-radio-buttons/core-radio-buttons.component.ts +0 -64
- package/src/lib/core-search-box/core-search-box.component.html +0 -14
- package/src/lib/core-search-box/core-search-box.component.scss +0 -37
- package/src/lib/core-search-box/core-search-box.component.ts +0 -15
- package/src/lib/core-select/core-select-bluebird.component.html +0 -57
- package/src/lib/core-select/core-select-bluebird.component.scss +0 -129
- package/src/lib/core-select/core-select-falcon.component.html +0 -56
- package/src/lib/core-select/core-select-falcon.component.scss +0 -123
- package/src/lib/core-select/core-select.component.spec.ts +0 -21
- package/src/lib/core-select/core-select.component.ts +0 -93
- package/src/lib/core-spinner/core-spinner.component.html +0 -14
- package/src/lib/core-spinner/core-spinner.component.scss +0 -162
- package/src/lib/core-spinner/core-spinner.component.ts +0 -13
- package/src/lib/core-switch/core-switch.component.html +0 -13
- package/src/lib/core-switch/core-switch.component.scss +0 -58
- package/src/lib/core-switch/core-switch.component.spec.ts +0 -21
- package/src/lib/core-switch/core-switch.component.ts +0 -28
- package/src/lib/core-table/core-column-date-picker/core-column-date-picker.component.html +0 -21
- package/src/lib/core-table/core-column-date-picker/core-column-date-picker.component.scss +0 -3
- package/src/lib/core-table/core-column-date-picker/core-column-date-picker.component.ts +0 -55
- package/src/lib/core-table/core-column-input/core-column-input.component.html +0 -17
- package/src/lib/core-table/core-column-input/core-column-input.component.scss +0 -21
- package/src/lib/core-table/core-column-input/core-column-input.component.ts +0 -23
- package/src/lib/core-table/core-column-selector/core-column-selector.component.html +0 -47
- package/src/lib/core-table/core-column-selector/core-column-selector.component.scss +0 -113
- package/src/lib/core-table/core-column-selector/core-column-selector.component.ts +0 -94
- package/src/lib/core-table/core-row-pelak/core-row-pelak.component.html +0 -12
- package/src/lib/core-table/core-row-pelak/core-row-pelak.component.scss +0 -21
- package/src/lib/core-table/core-row-pelak/core-row-pelak.component.ts +0 -12
- package/src/lib/core-table/core-table/core-table.component.html +0 -168
- package/src/lib/core-table/core-table/core-table.component.scss +0 -65
- package/src/lib/core-table/core-table/core-table.component.ts +0 -179
- package/src/lib/core-table/core-table-action-buttons-column/core-table-action-buttons-column.component.html +0 -10
- package/src/lib/core-table/core-table-action-buttons-column/core-table-action-buttons-column.component.scss +0 -3
- package/src/lib/core-table/core-table-action-buttons-column/core-table-action-buttons-column.component.ts +0 -24
- package/src/lib/core-table/core-table-action-column/core-table-action-column.component.html +0 -6
- package/src/lib/core-table/core-table-action-column/core-table-action-column.component.scss +0 -3
- package/src/lib/core-table/core-table-action-column/core-table-action-column.component.ts +0 -19
- package/src/lib/core-table/core-table-card-manager/core-table-card-manager.component.html +0 -94
- package/src/lib/core-table/core-table-card-manager/core-table-card-manager.component.scss +0 -0
- package/src/lib/core-table/core-table-card-manager/core-table-card-manager.component.ts +0 -58
- package/src/lib/core-table/core-table-column-manager/core-table-column-manager.component.html +0 -99
- package/src/lib/core-table/core-table-column-manager/core-table-column-manager.component.scss +0 -0
- package/src/lib/core-table/core-table-column-manager/core-table-column-manager.component.ts +0 -59
- package/src/lib/core-table/core-table-detail-viewer-for-report/core-table-detail-viewer-for-report.component.html +0 -5
- package/src/lib/core-table/core-table-detail-viewer-for-report/core-table-detail-viewer-for-report.component.scss +0 -8
- package/src/lib/core-table/core-table-detail-viewer-for-report/core-table-detail-viewer-for-report.component.ts +0 -28
- package/src/lib/core-table/core-table-filter-dialog/core-table-filter-dialog/core-table-filter-dialog.component.html +0 -24
- package/src/lib/core-table/core-table-filter-dialog/core-table-filter-dialog/core-table-filter-dialog.component.scss +0 -10
- package/src/lib/core-table/core-table-filter-dialog/core-table-filter-dialog/core-table-filter-dialog.component.ts +0 -76
- package/src/lib/core-table/core-table-no-content/core-table-no-content.component.html +0 -6
- package/src/lib/core-table/core-table-no-content/core-table-no-content.component.scss +0 -7
- package/src/lib/core-table/core-table-no-content/core-table-no-content.component.ts +0 -14
- package/src/lib/core-table/core-table-no-content/core-table-no-content.label.ts +0 -14
- package/src/lib/core-table/core-table-row-selector-column/core-table-row-selector-column.component.html +0 -5
- package/src/lib/core-table/core-table-row-selector-column/core-table-row-selector-column.component.scss +0 -0
- package/src/lib/core-table/core-table-row-selector-column/core-table-row-selector-column.component.ts +0 -60
- package/src/lib/core-table/core-table-shamsi-date/core-table-shamsi-date.component.html +0 -3
- package/src/lib/core-table/core-table-shamsi-date/core-table-shamsi-date.component.scss +0 -0
- package/src/lib/core-table/core-table-shamsi-date/core-table-shamsi-date.component.ts +0 -24
- package/src/lib/core-table/core-table-status-active-column/core-table-status-active-column.component.html +0 -3
- package/src/lib/core-table/core-table-status-active-column/core-table-status-active-column.component.scss +0 -14
- package/src/lib/core-table/core-table-status-active-column/core-table-status-active-column.component.ts +0 -14
- package/src/lib/core-table/core-table-status-column/core-table-status-column.component.html +0 -3
- package/src/lib/core-table/core-table-status-column/core-table-status-column.component.scss +0 -14
- package/src/lib/core-table/core-table-status-column/core-table-status-column.component.ts +0 -11
- package/src/lib/core-textarea/core-textarea.component.html +0 -18
- package/src/lib/core-textarea/core-textarea.component.scss +0 -62
- package/src/lib/core-textarea/core-textarea.component.ts +0 -31
- package/src/lib/core-time-picker/core-time-picker.component.html +0 -51
- package/src/lib/core-time-picker/core-time-picker.component.scss +0 -144
- package/src/lib/core-time-picker/core-time-picker.component.ts +0 -102
- package/src/lib/core-time-picker/time-picker-modal/time-picker-modal.component.html +0 -50
- package/src/lib/core-time-picker/time-picker-modal/time-picker-modal.component.scss +0 -424
- package/src/lib/core-time-picker/time-picker-modal/time-picker-modal.component.spec.ts +0 -21
- package/src/lib/core-time-picker/time-picker-modal/time-picker-modal.component.ts +0 -172
- package/src/lib/falcon-lib.module.ts +0 -157
- package/src/lib/falconTypes.ts +0 -35
- package/src/lib/pipes/digit-group.pipe.ts +0 -10
- package/src/lib/pipes/form-control.pipe.ts +0 -11
- package/src/lib/pipes/persian-digits.pipe.ts +0 -33
- package/src/lib/pipes/price-format.pipe.ts +0 -20
- package/src/lib/pipes/shamsi-date.pipe.ts +0 -24
- package/src/lib/pipes/time-format.pipe.ts +0 -21
- package/src/lib/pipes/weight.pipe.ts +0 -10
- package/src/lib/wordify.ts +0 -116
- package/src/svg-icon/arrow-down-icon/arrow-down-icon.component.html +0 -8
- package/src/svg-icon/arrow-down-icon/arrow-down-icon.component.scss +0 -0
- package/src/svg-icon/arrow-down-icon/arrow-down-icon.component.ts +0 -8
- package/src/svg-icon/calendar-icon/calendar-icon.component.html +0 -10
- package/src/svg-icon/calendar-icon/calendar-icon.component.scss +0 -0
- package/src/svg-icon/calendar-icon/calendar-icon.component.ts +0 -8
- package/src/svg-icon/caret-up-icon/caret-up-icon.component.html +0 -16
- package/src/svg-icon/caret-up-icon/caret-up-icon.component.scss +0 -0
- package/src/svg-icon/caret-up-icon/caret-up-icon.component.ts +0 -10
- package/src/svg-icon/close-icon/close-icon.component.html +0 -10
- package/src/svg-icon/close-icon/close-icon.component.scss +0 -0
- package/src/svg-icon/close-icon/close-icon.component.ts +0 -8
- package/src/svg-icon/edit-square-icon/edit-square-icon.component.html +0 -10
- package/src/svg-icon/edit-square-icon/edit-square-icon.component.scss +0 -0
- package/src/svg-icon/edit-square-icon/edit-square-icon.component.ts +0 -8
- package/src/svg-icon/pelak-icon/pelak-icon.component.html +0 -32
- package/src/svg-icon/pelak-icon/pelak-icon.component.scss +0 -0
- package/src/svg-icon/pelak-icon/pelak-icon.component.ts +0 -8
- package/src/svg-icon/search-icon/search-icon.component.html +0 -10
- package/src/svg-icon/search-icon/search-icon.component.scss +0 -0
- package/src/svg-icon/search-icon/search-icon.component.spec.ts +0 -21
- package/src/svg-icon/search-icon/search-icon.component.ts +0 -8
- package/src/svg-icon/sort-down-icon/sort-down-icon.component.html +0 -5
- package/src/svg-icon/sort-down-icon/sort-down-icon.component.scss +0 -0
- package/src/svg-icon/sort-down-icon/sort-down-icon.component.ts +0 -10
- package/src/svg-icon/sort-solid-icon/sort-solid-icon.component.html +0 -5
- package/src/svg-icon/sort-solid-icon/sort-solid-icon.component.scss +0 -0
- package/src/svg-icon/sort-solid-icon/sort-solid-icon.component.ts +0 -8
- package/src/svg-icon/sort-up-icon/sort-up-icon.component.html +0 -5
- package/src/svg-icon/sort-up-icon/sort-up-icon.component.scss +0 -0
- package/src/svg-icon/sort-up-icon/sort-up-icon.component.ts +0 -8
- package/src/svg-icon/time-icon/time-icon.component.html +0 -10
- package/src/svg-icon/time-icon/time-icon.component.scss +0 -0
- package/src/svg-icon/time-icon/time-icon.component.ts +0 -8
- package/src/svg-icon/warning-icon/warning-icon.component.html +0 -10
- package/src/svg-icon/warning-icon/warning-icon.component.scss +0 -0
- package/src/svg-icon/warning-icon/warning-icon.component.ts +0 -10
- package/src/utils/constants.ts +0 -182
- package/src/utils/directives/detail-viewer-manager.directive.ts +0 -78
- package/src/utils/directives/filterTableDirective.ts +0 -36
- package/src/utils/directives/table-detail-viewer-manager.directive.ts +0 -57
- package/src/utils/interfaces.ts +0 -0
- package/src/utils/jsonparser.ts +0 -49
- package/src/utils/links.ts +0 -67
- package/src/utils/toast.ts +0 -35
- package/src/utils/types.ts +0 -20
- package/src/utils/util.ts +0 -32
- package/tsconfig.lib.json +0 -14
- package/tsconfig.lib.prod.json +0 -10
- package/tsconfig.spec.json +0 -14
|
@@ -0,0 +1,2881 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { Component, Input, EventEmitter, Output, Pipe, Directive, HostListener, NgModule } from '@angular/core';
|
|
3
|
+
import * as i1$1 from 'nira-modal';
|
|
4
|
+
import * as i1 from '@angular/common';
|
|
5
|
+
import { CommonModule } from '@angular/common';
|
|
6
|
+
import * as i2 from '@angular/forms';
|
|
7
|
+
import { FormControl, FormGroup, Validators, ReactiveFormsModule, FormsModule } from '@angular/forms';
|
|
8
|
+
import * as i1$2 from 'nira-date-picker';
|
|
9
|
+
import { NiraDatePickerModule } from 'nira-date-picker';
|
|
10
|
+
import { BehaviorSubject } from 'rxjs';
|
|
11
|
+
import { orderBy } from 'lodash';
|
|
12
|
+
import * as moment from 'jalali-moment';
|
|
13
|
+
import moment__default from 'jalali-moment';
|
|
14
|
+
import * as i1$4 from 'ngx-indexed-db';
|
|
15
|
+
import * as i1$3 from 'nira-snack-bar';
|
|
16
|
+
import { NiraSnackBarModule } from 'nira-snack-bar';
|
|
17
|
+
|
|
18
|
+
class CoreCardComponent {
|
|
19
|
+
constructor() {
|
|
20
|
+
this.cardClass = 'bg-white';
|
|
21
|
+
}
|
|
22
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
23
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreCardComponent, selector: "core-card", inputs: { cardClass: "cardClass" }, ngImport: i0, template: "<div class=\"h-min rounded-lg shadow-md\" [class]=\"cardClass\">\r\n <ng-content></ng-content>\r\n</div>\r\n", styles: [""] }); }
|
|
24
|
+
}
|
|
25
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreCardComponent, decorators: [{
|
|
26
|
+
type: Component,
|
|
27
|
+
args: [{ selector: 'core-card', template: "<div class=\"h-min rounded-lg shadow-md\" [class]=\"cardClass\">\r\n <ng-content></ng-content>\r\n</div>\r\n" }]
|
|
28
|
+
}], propDecorators: { cardClass: [{
|
|
29
|
+
type: Input
|
|
30
|
+
}] } });
|
|
31
|
+
|
|
32
|
+
class CloseIconComponent {
|
|
33
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CloseIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
34
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CloseIconComponent, selector: "close-icon", ngImport: i0, template: "<svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n height=\"100%\"\r\n viewBox=\"0 -960 960 960\"\r\n width=\"100%\"\r\n>\r\n <path\r\n d=\"m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z\"\r\n />\r\n</svg>\r\n", styles: [""] }); }
|
|
35
|
+
}
|
|
36
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CloseIconComponent, decorators: [{
|
|
37
|
+
type: Component,
|
|
38
|
+
args: [{ selector: 'close-icon', template: "<svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n height=\"100%\"\r\n viewBox=\"0 -960 960 960\"\r\n width=\"100%\"\r\n>\r\n <path\r\n d=\"m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z\"\r\n />\r\n</svg>\r\n" }]
|
|
39
|
+
}] });
|
|
40
|
+
|
|
41
|
+
class CoreConfirmDialogComponent {
|
|
42
|
+
async ngOnInit() {
|
|
43
|
+
this.confirmDialog = {
|
|
44
|
+
cancelBtn: this.config.data.cancelBtn,
|
|
45
|
+
confirmBtn: this.config.data.confirmBtn,
|
|
46
|
+
text: this.config.data.text,
|
|
47
|
+
title: this.config.data.title,
|
|
48
|
+
};
|
|
49
|
+
}
|
|
50
|
+
close() {
|
|
51
|
+
this.closeSubject.next('false');
|
|
52
|
+
}
|
|
53
|
+
confirm() {
|
|
54
|
+
this.closeSubject.next('true');
|
|
55
|
+
}
|
|
56
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreConfirmDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
57
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreConfirmDialogComponent, selector: "app-core-confirm-dialog", inputs: { closeSubject: "closeSubject", config: "config" }, ngImport: i0, template: "<core-card class=\"block min-w-64 m-5\">\r\n <div class=\"header flex mb-6 justify-between\">\r\n <b class=\"m-3 self-center\">{{ confirmDialog.title }}</b>\r\n <close-icon\r\n (click)=\"close()\"\r\n class=\"header-icon h-10 m-3 rounded-full cursor-pointer p-2 hover:shadow-md\"\r\n ></close-icon>\r\n </div>\r\n\r\n <p class=\"max-w-lg px-6\">{{ confirmDialog.text }}</p>\r\n <div class=\"grid grid-cols-4 gap-x-2 p-3\" dir=\"ltr\">\r\n <button\r\n class=\"col-span-1 button square default small\"\r\n (click)=\"close()\"\r\n type=\"button\"\r\n >\r\n {{ confirmDialog.cancelBtn }}\r\n </button>\r\n\r\n <button\r\n class=\"col-span-1 button square danger small\"\r\n (click)=\"confirm()\"\r\n type=\"button\"\r\n >\r\n {{ confirmDialog.confirmBtn }}\r\n </button>\r\n </div>\r\n</core-card>\r\n", styles: [".header{background-color:var(--default-confirm-dialog-header-background-color)}.header-icon{fill:var(--default-confirm-dialog-header-close-icon-color)}.header-icon :hover{fill:var(--default-confirm-dialog-header-close-icon-hover-color);background-color:var(--default-confirm-dialog-header-close-icon-hover-background-color)}.button{width:100%;height:30px;outline:none;border:none;text-align:center;color:var(--default);background-color:transparent;box-shadow:0 0 0 1px #2b2d501a,0 2px 5px #2b2d5014,0 1px 1.5px #00000012,0 1px 2px #00000014;line-height:1.5;font-size:14px;font-weight:500;display:inline-block;margin-inline-start:auto;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;user-select:none;transition:.3s;cursor:pointer}.button:hover{box-shadow:0 0 0 1px #2b2d501a,0 2px 5px #2b2d501a,0 3px 9px #2b2d5014,0 1px 1.5px #00000014,0 1px 2px #00000014}.button.small{height:30px}.button.medium{height:38px}.button.round{border:2px solid #7b1fa2;height:44px;border-radius:30px;background-color:#7b1fa2}.button.round:hover,.button.round:active{color:#fff;background-color:#7b1fa2}.button.success{color:var(--success-button-color)}.button.success:active{background-color:var(--success-button-background-color);box-shadow:none}.button.warning{color:var(--warning-button-color)}.button.warning:active{background-color:var(--warning-button-background-color);box-shadow:none}.button.default{color:var(--default-button-color)}.button.default:active{background-color:var(--default-button-background-color);box-shadow:none}.button.primary{color:var(--primary-button-color)}.button.primary:active{background-color:var(--primary-button-background-color);box-shadow:none}.button.danger{color:var(--danger-button-color)}.button.danger:active{background-color:var(--danger-button-background-color);box-shadow:none}.button.round{border-radius:30px;background:transparent}.button.round:active{color:#fff;background-color:transparent}.button.round:disabled{cursor:not-allowed;opacity:.4}.button.square{padding-inline:16px;border-radius:.25rem}.button.square:disabled{cursor:not-allowed;opacity:.4}\n"], dependencies: [{ kind: "component", type: CoreCardComponent, selector: "core-card", inputs: ["cardClass"] }, { kind: "component", type: CloseIconComponent, selector: "close-icon" }] }); }
|
|
58
|
+
}
|
|
59
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreConfirmDialogComponent, decorators: [{
|
|
60
|
+
type: Component,
|
|
61
|
+
args: [{ selector: 'app-core-confirm-dialog', template: "<core-card class=\"block min-w-64 m-5\">\r\n <div class=\"header flex mb-6 justify-between\">\r\n <b class=\"m-3 self-center\">{{ confirmDialog.title }}</b>\r\n <close-icon\r\n (click)=\"close()\"\r\n class=\"header-icon h-10 m-3 rounded-full cursor-pointer p-2 hover:shadow-md\"\r\n ></close-icon>\r\n </div>\r\n\r\n <p class=\"max-w-lg px-6\">{{ confirmDialog.text }}</p>\r\n <div class=\"grid grid-cols-4 gap-x-2 p-3\" dir=\"ltr\">\r\n <button\r\n class=\"col-span-1 button square default small\"\r\n (click)=\"close()\"\r\n type=\"button\"\r\n >\r\n {{ confirmDialog.cancelBtn }}\r\n </button>\r\n\r\n <button\r\n class=\"col-span-1 button square danger small\"\r\n (click)=\"confirm()\"\r\n type=\"button\"\r\n >\r\n {{ confirmDialog.confirmBtn }}\r\n </button>\r\n </div>\r\n</core-card>\r\n", styles: [".header{background-color:var(--default-confirm-dialog-header-background-color)}.header-icon{fill:var(--default-confirm-dialog-header-close-icon-color)}.header-icon :hover{fill:var(--default-confirm-dialog-header-close-icon-hover-color);background-color:var(--default-confirm-dialog-header-close-icon-hover-background-color)}.button{width:100%;height:30px;outline:none;border:none;text-align:center;color:var(--default);background-color:transparent;box-shadow:0 0 0 1px #2b2d501a,0 2px 5px #2b2d5014,0 1px 1.5px #00000012,0 1px 2px #00000014;line-height:1.5;font-size:14px;font-weight:500;display:inline-block;margin-inline-start:auto;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;user-select:none;transition:.3s;cursor:pointer}.button:hover{box-shadow:0 0 0 1px #2b2d501a,0 2px 5px #2b2d501a,0 3px 9px #2b2d5014,0 1px 1.5px #00000014,0 1px 2px #00000014}.button.small{height:30px}.button.medium{height:38px}.button.round{border:2px solid #7b1fa2;height:44px;border-radius:30px;background-color:#7b1fa2}.button.round:hover,.button.round:active{color:#fff;background-color:#7b1fa2}.button.success{color:var(--success-button-color)}.button.success:active{background-color:var(--success-button-background-color);box-shadow:none}.button.warning{color:var(--warning-button-color)}.button.warning:active{background-color:var(--warning-button-background-color);box-shadow:none}.button.default{color:var(--default-button-color)}.button.default:active{background-color:var(--default-button-background-color);box-shadow:none}.button.primary{color:var(--primary-button-color)}.button.primary:active{background-color:var(--primary-button-background-color);box-shadow:none}.button.danger{color:var(--danger-button-color)}.button.danger:active{background-color:var(--danger-button-background-color);box-shadow:none}.button.round{border-radius:30px;background:transparent}.button.round:active{color:#fff;background-color:transparent}.button.round:disabled{cursor:not-allowed;opacity:.4}.button.square{padding-inline:16px;border-radius:.25rem}.button.square:disabled{cursor:not-allowed;opacity:.4}\n"] }]
|
|
62
|
+
}], propDecorators: { closeSubject: [{
|
|
63
|
+
type: Input
|
|
64
|
+
}], config: [{
|
|
65
|
+
type: Input
|
|
66
|
+
}] } });
|
|
67
|
+
|
|
68
|
+
const environment = {
|
|
69
|
+
// tempName: '-bluebird.component.html',
|
|
70
|
+
// styleName: '-bluebird.component.scss',
|
|
71
|
+
tempName: '-falcon.component.html',
|
|
72
|
+
styleName: '-falcon.component.scss',
|
|
73
|
+
};
|
|
74
|
+
|
|
75
|
+
class CoreSpinnerComponent {
|
|
76
|
+
constructor() {
|
|
77
|
+
this.size = 24;
|
|
78
|
+
this.colorState = 'default';
|
|
79
|
+
this.type = 'circle';
|
|
80
|
+
}
|
|
81
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreSpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
82
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreSpinnerComponent, selector: "core-spinner", inputs: { size: "size", colorState: "colorState", type: "type" }, ngImport: i0, template: "<div *ngIf=\"type === 'circle'\" class=\"spinner\" [ngClass]=\"[colorState]\">\r\n <svg\r\n viewBox=\"25 25 50 50\"\r\n [ngStyle]=\"{ width: size + 'px', height: size + 'px' }\"\r\n >\r\n <circle cx=\"50\" cy=\"50\" r=\"20\" fill=\"none\" class=\"path\"></circle>\r\n </svg>\r\n</div>\r\n\r\n<div\r\n *ngIf=\"type === 'line'\"\r\n class=\"line-progress-bar\"\r\n [ngClass]=\"[colorState]\"\r\n></div>\r\n", styles: ["*,:after,:before{box-sizing:border-box}.spinner.success{stroke:var(--success-button-color)}.spinner.warning{stroke:var(--warning-button-color)}.spinner.default{stroke:var(--default-button-color)}.spinner.primary{stroke:var(--primary-button-color)}.spinner.danger{stroke:var(--danger-button-color)}.spinner svg{animation:loading-rotate 2s linear infinite}.spinner .path{stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:4;stroke-linecap:round;animation:loading-dash 1.5s ease-in-out infinite}@keyframes loading-rotate{to{transform:rotate(1turn)}}@keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}to{stroke-dasharray:90,150;stroke-dashoffset:-120px}}.line-progress-bar{height:3px;background:#0000001a;border-radius:20px;position:relative;overflow:hidden}.line-progress-bar:after{content:\"\";display:block;position:absolute;top:0;left:0;width:0%;height:100%;animation:grow 1.5s ease-in-out infinite;background:var(--primary-button-color)}@keyframes grow{50%{width:100%}to{width:0;right:0;left:unset}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
|
|
83
|
+
}
|
|
84
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreSpinnerComponent, decorators: [{
|
|
85
|
+
type: Component,
|
|
86
|
+
args: [{ selector: 'core-spinner', template: "<div *ngIf=\"type === 'circle'\" class=\"spinner\" [ngClass]=\"[colorState]\">\r\n <svg\r\n viewBox=\"25 25 50 50\"\r\n [ngStyle]=\"{ width: size + 'px', height: size + 'px' }\"\r\n >\r\n <circle cx=\"50\" cy=\"50\" r=\"20\" fill=\"none\" class=\"path\"></circle>\r\n </svg>\r\n</div>\r\n\r\n<div\r\n *ngIf=\"type === 'line'\"\r\n class=\"line-progress-bar\"\r\n [ngClass]=\"[colorState]\"\r\n></div>\r\n", styles: ["*,:after,:before{box-sizing:border-box}.spinner.success{stroke:var(--success-button-color)}.spinner.warning{stroke:var(--warning-button-color)}.spinner.default{stroke:var(--default-button-color)}.spinner.primary{stroke:var(--primary-button-color)}.spinner.danger{stroke:var(--danger-button-color)}.spinner svg{animation:loading-rotate 2s linear infinite}.spinner .path{stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:4;stroke-linecap:round;animation:loading-dash 1.5s ease-in-out infinite}@keyframes loading-rotate{to{transform:rotate(1turn)}}@keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}to{stroke-dasharray:90,150;stroke-dashoffset:-120px}}.line-progress-bar{height:3px;background:#0000001a;border-radius:20px;position:relative;overflow:hidden}.line-progress-bar:after{content:\"\";display:block;position:absolute;top:0;left:0;width:0%;height:100%;animation:grow 1.5s ease-in-out infinite;background:var(--primary-button-color)}@keyframes grow{50%{width:100%}to{width:0;right:0;left:unset}}\n"] }]
|
|
87
|
+
}], propDecorators: { size: [{
|
|
88
|
+
type: Input
|
|
89
|
+
}], colorState: [{
|
|
90
|
+
type: Input
|
|
91
|
+
}], type: [{
|
|
92
|
+
type: Input
|
|
93
|
+
}] } });
|
|
94
|
+
|
|
95
|
+
class CoreBtnComponent {
|
|
96
|
+
set isDisabled(value) {
|
|
97
|
+
this.disable = value;
|
|
98
|
+
}
|
|
99
|
+
constructor(niraModalService) {
|
|
100
|
+
this.niraModalService = niraModalService;
|
|
101
|
+
this.disable = false;
|
|
102
|
+
this.formGroup = undefined;
|
|
103
|
+
this.loading = false;
|
|
104
|
+
this.theme = 'square';
|
|
105
|
+
this.buttonType = 'button';
|
|
106
|
+
this.size = 'small';
|
|
107
|
+
this.color = 'White';
|
|
108
|
+
this.colorState = 'default';
|
|
109
|
+
this.btnClicked = new EventEmitter();
|
|
110
|
+
}
|
|
111
|
+
clicked() {
|
|
112
|
+
if (!this.disable) {
|
|
113
|
+
if (this.confirmDialog != undefined) {
|
|
114
|
+
const modal = this.niraModalService.open(CoreConfirmDialogComponent, {
|
|
115
|
+
data: this.confirmDialog,
|
|
116
|
+
});
|
|
117
|
+
modal.afterClosed.subscribe((result) => {
|
|
118
|
+
if (result === 'true') {
|
|
119
|
+
this.btnClicked.emit();
|
|
120
|
+
}
|
|
121
|
+
});
|
|
122
|
+
}
|
|
123
|
+
else {
|
|
124
|
+
this.btnClicked.emit();
|
|
125
|
+
}
|
|
126
|
+
}
|
|
127
|
+
if (this.formGroup) {
|
|
128
|
+
this.formGroup.markAllAsTouched();
|
|
129
|
+
}
|
|
130
|
+
}
|
|
131
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreBtnComponent, deps: [{ token: i1$1.NiraModalService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
132
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreBtnComponent, selector: "core-btn", inputs: { formGroup: "formGroup", loading: "loading", theme: "theme", buttonType: "buttonType", size: "size", color: "color", isDisabled: "isDisabled", colorState: "colorState", confirmDialog: "confirmDialog" }, outputs: { btnClicked: "btnClicked" }, ngImport: i0, template: "<button\r\n (click)=\"clicked()\"\r\n [ngClass]=\"[\r\n 'button',\r\n disable ? 'disabled' : '',\r\n theme,\r\n colorState,\r\n size,\r\n loading ? 'cursorLoading' : ''\r\n ]\"\r\n [type]=\"buttonType\"\r\n>\r\n <ng-content *ngIf=\"!loading\"></ng-content>\r\n <core-spinner\r\n *ngIf=\"loading\"\r\n class=\"loading\"\r\n [colorState]=\"colorState\"\r\n [size]=\"20\"\r\n ></core-spinner>\r\n</button>\r\n", styles: [":host{width:100%}.button{width:100%;height:30px;outline:none;border:none;text-align:center;color:var(--default);background-color:transparent;box-shadow:0 0 0 1px #2b2d501a,0 2px 5px #2b2d5014,0 1px 1.5px #00000012,0 1px 2px #00000014;line-height:1.5;font-size:14px;font-weight:500;display:inline-block;margin-inline-start:auto;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;user-select:none;transition:.3s;cursor:pointer}.button:hover{box-shadow:0 0 0 1px #2b2d501a,0 2px 5px #2b2d501a,0 3px 9px #2b2d5014,0 1px 1.5px #00000014,0 1px 2px #00000014}.button.small{height:30px}.button.medium{height:38px}.button.round{border:2px solid #7b1fa2;height:44px;border-radius:30px;background-color:#7b1fa2}.button.round:hover,.button.round:active{color:#fff;background-color:#7b1fa2}.button.round.disabled{cursor:not-allowed;opacity:.4}.button.success{color:var(--success-button-color)}.button.success:active{background-color:var(--success-button-background-color);box-shadow:none}.button.warning{color:var(--warning-button-color)}.button.warning:active{background-color:var(--warning-button-background-color);box-shadow:none}.button.default{color:var(--default-button-color)}.button.default:active{background-color:var(--default-button-background-color);box-shadow:none}.button.primary{color:var(--primary-button-color)}.button.primary:active{background-color:var(--primary-button-background-color);box-shadow:none}.button.danger{color:var(--danger-button-color)}.button.danger:active{background-color:var(--danger-button-background-color);box-shadow:none}.button.square{padding-inline:16px;border-radius:.25rem}.button.square.disabled{cursor:not-allowed;opacity:.4}.loading{display:inline-block;float:inline-end;margin-inline-end:8px}.cursorLoading{cursor:wait}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: CoreSpinnerComponent, selector: "core-spinner", inputs: ["size", "colorState", "type"] }] }); }
|
|
133
|
+
}
|
|
134
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreBtnComponent, decorators: [{
|
|
135
|
+
type: Component,
|
|
136
|
+
args: [{ selector: 'core-btn', template: "<button\r\n (click)=\"clicked()\"\r\n [ngClass]=\"[\r\n 'button',\r\n disable ? 'disabled' : '',\r\n theme,\r\n colorState,\r\n size,\r\n loading ? 'cursorLoading' : ''\r\n ]\"\r\n [type]=\"buttonType\"\r\n>\r\n <ng-content *ngIf=\"!loading\"></ng-content>\r\n <core-spinner\r\n *ngIf=\"loading\"\r\n class=\"loading\"\r\n [colorState]=\"colorState\"\r\n [size]=\"20\"\r\n ></core-spinner>\r\n</button>\r\n", styles: [":host{width:100%}.button{width:100%;height:30px;outline:none;border:none;text-align:center;color:var(--default);background-color:transparent;box-shadow:0 0 0 1px #2b2d501a,0 2px 5px #2b2d5014,0 1px 1.5px #00000012,0 1px 2px #00000014;line-height:1.5;font-size:14px;font-weight:500;display:inline-block;margin-inline-start:auto;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;user-select:none;transition:.3s;cursor:pointer}.button:hover{box-shadow:0 0 0 1px #2b2d501a,0 2px 5px #2b2d501a,0 3px 9px #2b2d5014,0 1px 1.5px #00000014,0 1px 2px #00000014}.button.small{height:30px}.button.medium{height:38px}.button.round{border:2px solid #7b1fa2;height:44px;border-radius:30px;background-color:#7b1fa2}.button.round:hover,.button.round:active{color:#fff;background-color:#7b1fa2}.button.round.disabled{cursor:not-allowed;opacity:.4}.button.success{color:var(--success-button-color)}.button.success:active{background-color:var(--success-button-background-color);box-shadow:none}.button.warning{color:var(--warning-button-color)}.button.warning:active{background-color:var(--warning-button-background-color);box-shadow:none}.button.default{color:var(--default-button-color)}.button.default:active{background-color:var(--default-button-background-color);box-shadow:none}.button.primary{color:var(--primary-button-color)}.button.primary:active{background-color:var(--primary-button-background-color);box-shadow:none}.button.danger{color:var(--danger-button-color)}.button.danger:active{background-color:var(--danger-button-background-color);box-shadow:none}.button.square{padding-inline:16px;border-radius:.25rem}.button.square.disabled{cursor:not-allowed;opacity:.4}.loading{display:inline-block;float:inline-end;margin-inline-end:8px}.cursorLoading{cursor:wait}\n"] }]
|
|
137
|
+
}], ctorParameters: function () { return [{ type: i1$1.NiraModalService }]; }, propDecorators: { formGroup: [{
|
|
138
|
+
type: Input
|
|
139
|
+
}], loading: [{
|
|
140
|
+
type: Input
|
|
141
|
+
}], theme: [{
|
|
142
|
+
type: Input
|
|
143
|
+
}], buttonType: [{
|
|
144
|
+
type: Input
|
|
145
|
+
}], size: [{
|
|
146
|
+
type: Input
|
|
147
|
+
}], color: [{
|
|
148
|
+
type: Input
|
|
149
|
+
}], isDisabled: [{
|
|
150
|
+
type: Input
|
|
151
|
+
}], colorState: [{
|
|
152
|
+
type: Input
|
|
153
|
+
}], btnClicked: [{
|
|
154
|
+
type: Output
|
|
155
|
+
}], confirmDialog: [{
|
|
156
|
+
type: Input
|
|
157
|
+
}] } });
|
|
158
|
+
|
|
159
|
+
class CoreAutoCompleteComponent {
|
|
160
|
+
get _items() {
|
|
161
|
+
return this.filterItems;
|
|
162
|
+
}
|
|
163
|
+
set defaultValue(value) {
|
|
164
|
+
this.value = value;
|
|
165
|
+
}
|
|
166
|
+
constructor(cdr) {
|
|
167
|
+
this.cdr = cdr;
|
|
168
|
+
this.selectedItem = {};
|
|
169
|
+
this.filterItems = [];
|
|
170
|
+
this.newItems = [];
|
|
171
|
+
this.isOpenMenu = false;
|
|
172
|
+
this.label = 'ddd';
|
|
173
|
+
this.items = [];
|
|
174
|
+
this.onChange = new EventEmitter();
|
|
175
|
+
}
|
|
176
|
+
ngOnInit() {
|
|
177
|
+
this.titleKeyObject = this.titleKey;
|
|
178
|
+
this.valueKeyObject = this.valueKey;
|
|
179
|
+
this.newItems = this.changeItemsType(this.items);
|
|
180
|
+
this.filterItems = this.newItems.filter((item) => !item.title.indexOf(this.value));
|
|
181
|
+
}
|
|
182
|
+
ngAfterViewInit() {
|
|
183
|
+
this.cdr.detectChanges();
|
|
184
|
+
}
|
|
185
|
+
changeItemsType(items) {
|
|
186
|
+
return items.map((item) => {
|
|
187
|
+
return {
|
|
188
|
+
title: item[this.titleKeyObject],
|
|
189
|
+
value: item[this.valueKeyObject],
|
|
190
|
+
};
|
|
191
|
+
});
|
|
192
|
+
}
|
|
193
|
+
openMenuClick() {
|
|
194
|
+
this.isOpenMenu = !this.isOpenMenu;
|
|
195
|
+
this.filterItems = this.newItems.filter((item) => !item.title.indexOf(this.value));
|
|
196
|
+
}
|
|
197
|
+
onItemSelect(item) {
|
|
198
|
+
this.isOpenMenu = false;
|
|
199
|
+
if (!item)
|
|
200
|
+
return;
|
|
201
|
+
this.selectedItem = item;
|
|
202
|
+
this.value = item.title;
|
|
203
|
+
}
|
|
204
|
+
focusOut() {
|
|
205
|
+
if (!this.items || this.items.length == 0 || !this.selectedItem)
|
|
206
|
+
return;
|
|
207
|
+
setTimeout(() => {
|
|
208
|
+
this.isOpenMenu = false;
|
|
209
|
+
if (!this.newItems.some((item) => item.title == this.value)) {
|
|
210
|
+
this.value = this.selectedItem.title;
|
|
211
|
+
}
|
|
212
|
+
}, 100);
|
|
213
|
+
}
|
|
214
|
+
onChanged(value) {
|
|
215
|
+
this.filterItems = this.items.filter((item) => !item.title.indexOf(value));
|
|
216
|
+
}
|
|
217
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreAutoCompleteComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
218
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreAutoCompleteComponent, selector: "core-auto-complete", inputs: { label: "label", titleKey: "titleKey", valueKey: "valueKey", items: "items", defaultValue: "defaultValue" }, outputs: { onChange: "onChange" }, ngImport: i0, template: "<div class=\"dropdown\">\r\n <div\r\n class=\"select\"\r\n [ngClass]=\"{ 'select-clicked': isOpenMenu }\"\r\n (click)=\"openMenuClick()\"\r\n >\r\n <input\r\n class=\"selected\"\r\n [placeholder]=\"label\"\r\n [(ngModel)]=\"value\"\r\n (ngModelChange)=\"onChanged($event)\"\r\n (focusout)=\"focusOut()\"\r\n />\r\n <span\r\n class=\"material-symbols-outlined caret\"\r\n [ngClass]=\"{ 'caret-rotate': isOpenMenu }\"\r\n >\r\n expand_more\r\n </span>\r\n </div>\r\n <ul class=\"menu\" [ngClass]=\"{ 'menu-open': isOpenMenu }\">\r\n <li\r\n *ngFor=\"let item of _items\"\r\n [ngClass]=\"{ active: item == selectedItem }\"\r\n (click)=\"onItemSelect(item)\"\r\n >\r\n {{ item.title }}\r\n </li>\r\n </ul>\r\n</div>\r\n", styles: [".dropdown{min-width:15em;position:relative;width:100%;min-width:120px}.dropdown .select{background:#fff;color:#304050;display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center;border:2px solid #ced4da;border-radius:4px;padding:8px;cursor:pointer;transition:background .3s;font-size:13px;-webkit-user-select:none;user-select:none}.dropdown .select:hover,.dropdown .select:hover .selected{background:#fbfbfb}.dropdown .select .selected{width:100%;font-size:13px;outline:none;border:none;-webkit-user-select:none;user-select:none}.dropdown .select .caret{color:#595c5f;-webkit-user-select:none;user-select:none}.dropdown .select .caret-rotate{transform:rotate(180deg)}.dropdown .select-clicked{border:2px #4f6883 solid;box-shadow:0 0 .8em #888}.dropdown .menu{list-style:none;padding-inline:0px;background:#fff;border:1px #e3e8f1 solid;box-shadow:0 .5em 1em #0003;border-radius:.5em;color:#595c5f;position:absolute;top:42px;left:50%;width:100%;transform:translate(-50%);opacity:0;display:none;transition:0,2s;z-index:3}.dropdown .menu li{padding:.7em .5em;margin:.3em 0;margin-inline:4px;border-radius:.5em;font-size:14px;text-align:start;cursor:pointer}.dropdown .menu li:hover{background:#f6f6f6}.dropdown .menu .active{background:#ced4da}.dropdown .menu-open{display:block;opacity:1}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] }); }
|
|
219
|
+
}
|
|
220
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreAutoCompleteComponent, decorators: [{
|
|
221
|
+
type: Component,
|
|
222
|
+
args: [{ selector: 'core-auto-complete', template: "<div class=\"dropdown\">\r\n <div\r\n class=\"select\"\r\n [ngClass]=\"{ 'select-clicked': isOpenMenu }\"\r\n (click)=\"openMenuClick()\"\r\n >\r\n <input\r\n class=\"selected\"\r\n [placeholder]=\"label\"\r\n [(ngModel)]=\"value\"\r\n (ngModelChange)=\"onChanged($event)\"\r\n (focusout)=\"focusOut()\"\r\n />\r\n <span\r\n class=\"material-symbols-outlined caret\"\r\n [ngClass]=\"{ 'caret-rotate': isOpenMenu }\"\r\n >\r\n expand_more\r\n </span>\r\n </div>\r\n <ul class=\"menu\" [ngClass]=\"{ 'menu-open': isOpenMenu }\">\r\n <li\r\n *ngFor=\"let item of _items\"\r\n [ngClass]=\"{ active: item == selectedItem }\"\r\n (click)=\"onItemSelect(item)\"\r\n >\r\n {{ item.title }}\r\n </li>\r\n </ul>\r\n</div>\r\n", styles: [".dropdown{min-width:15em;position:relative;width:100%;min-width:120px}.dropdown .select{background:#fff;color:#304050;display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center;border:2px solid #ced4da;border-radius:4px;padding:8px;cursor:pointer;transition:background .3s;font-size:13px;-webkit-user-select:none;user-select:none}.dropdown .select:hover,.dropdown .select:hover .selected{background:#fbfbfb}.dropdown .select .selected{width:100%;font-size:13px;outline:none;border:none;-webkit-user-select:none;user-select:none}.dropdown .select .caret{color:#595c5f;-webkit-user-select:none;user-select:none}.dropdown .select .caret-rotate{transform:rotate(180deg)}.dropdown .select-clicked{border:2px #4f6883 solid;box-shadow:0 0 .8em #888}.dropdown .menu{list-style:none;padding-inline:0px;background:#fff;border:1px #e3e8f1 solid;box-shadow:0 .5em 1em #0003;border-radius:.5em;color:#595c5f;position:absolute;top:42px;left:50%;width:100%;transform:translate(-50%);opacity:0;display:none;transition:0,2s;z-index:3}.dropdown .menu li{padding:.7em .5em;margin:.3em 0;margin-inline:4px;border-radius:.5em;font-size:14px;text-align:start;cursor:pointer}.dropdown .menu li:hover{background:#f6f6f6}.dropdown .menu .active{background:#ced4da}.dropdown .menu-open{display:block;opacity:1}\n"] }]
|
|
223
|
+
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { label: [{
|
|
224
|
+
type: Input
|
|
225
|
+
}], titleKey: [{
|
|
226
|
+
type: Input
|
|
227
|
+
}], valueKey: [{
|
|
228
|
+
type: Input
|
|
229
|
+
}], items: [{
|
|
230
|
+
type: Input
|
|
231
|
+
}], defaultValue: [{
|
|
232
|
+
type: Input
|
|
233
|
+
}], onChange: [{
|
|
234
|
+
type: Output
|
|
235
|
+
}] } });
|
|
236
|
+
|
|
237
|
+
class CoreCheckboxComponent {
|
|
238
|
+
constructor() {
|
|
239
|
+
this.label = '';
|
|
240
|
+
this.name = '1';
|
|
241
|
+
this.checked = false;
|
|
242
|
+
this.onChange = new EventEmitter();
|
|
243
|
+
this.inputFormControl = new FormControl('', []);
|
|
244
|
+
}
|
|
245
|
+
change(event) {
|
|
246
|
+
this.onChange.emit(event);
|
|
247
|
+
}
|
|
248
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreCheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
249
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreCheckboxComponent, selector: "core-checkbox", inputs: { label: "label", name: "name", checked: "checked", inputFormControl: "inputFormControl" }, outputs: { onChange: "onChange" }, ngImport: i0, template: "<div class=\"flex gap-3\">\r\n <input\r\n type=\"checkbox\"\r\n [name]=\"name\"\r\n [(ngModel)]=\"checked\"\r\n (change)=\"change($event)\"\r\n />\r\n <span class=\"checkmark\">{{ label }}</span>\r\n</div>\r\n", styles: [".container{display:inline;position:relative;padding-left:35px;margin-bottom:12px;cursor:pointer;font-size:18px;padding-inline:8px;-webkit-user-select:none;user-select:none}.label{padding-right:8px}.container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.container:hover input~.checkmark{background-color:var(--default-checkbox-input-hover-background-color)}.container input:checked~.checkmark{background-color:var(--default-checkbox-input-checked-background-color)}.checkmark:after{content:\"\";position:absolute;display:none}.container input:checked~.checkmark:after{display:block}.container .checkmark:after{left:10px;top:4px;width:4px;height:10px;border:solid white;border-width:0 3px 3px 0;transform:rotate(45deg)}.container{font-size:13px;font-weight:500}\n"], dependencies: [{ kind: "directive", type: i2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] }); }
|
|
250
|
+
}
|
|
251
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreCheckboxComponent, decorators: [{
|
|
252
|
+
type: Component,
|
|
253
|
+
args: [{ selector: 'core-checkbox', template: "<div class=\"flex gap-3\">\r\n <input\r\n type=\"checkbox\"\r\n [name]=\"name\"\r\n [(ngModel)]=\"checked\"\r\n (change)=\"change($event)\"\r\n />\r\n <span class=\"checkmark\">{{ label }}</span>\r\n</div>\r\n", styles: [".container{display:inline;position:relative;padding-left:35px;margin-bottom:12px;cursor:pointer;font-size:18px;padding-inline:8px;-webkit-user-select:none;user-select:none}.label{padding-right:8px}.container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.container:hover input~.checkmark{background-color:var(--default-checkbox-input-hover-background-color)}.container input:checked~.checkmark{background-color:var(--default-checkbox-input-checked-background-color)}.checkmark:after{content:\"\";position:absolute;display:none}.container input:checked~.checkmark:after{display:block}.container .checkmark:after{left:10px;top:4px;width:4px;height:10px;border:solid white;border-width:0 3px 3px 0;transform:rotate(45deg)}.container{font-size:13px;font-weight:500}\n"] }]
|
|
254
|
+
}], propDecorators: { label: [{
|
|
255
|
+
type: Input
|
|
256
|
+
}], name: [{
|
|
257
|
+
type: Input
|
|
258
|
+
}], checked: [{
|
|
259
|
+
type: Input
|
|
260
|
+
}], onChange: [{
|
|
261
|
+
type: Output
|
|
262
|
+
}], inputFormControl: [{
|
|
263
|
+
type: Input
|
|
264
|
+
}] } });
|
|
265
|
+
|
|
266
|
+
function toEnglishDigits(num) {
|
|
267
|
+
if (num === null || num === undefined) {
|
|
268
|
+
return '';
|
|
269
|
+
}
|
|
270
|
+
if (typeof num !== 'string' || num.length === 0)
|
|
271
|
+
return num.toString();
|
|
272
|
+
const faDigits = '۰۱۲۳۴۵۶۷۸۹';
|
|
273
|
+
const arDigits = '٠١٢٣٤٥٦٧٨٩';
|
|
274
|
+
let output = '';
|
|
275
|
+
for (let ipos = 0; ipos < num.length; ipos++) {
|
|
276
|
+
let faIndex = faDigits.indexOf(num[ipos]);
|
|
277
|
+
if (faIndex >= 0) {
|
|
278
|
+
output += faIndex.toString();
|
|
279
|
+
continue;
|
|
280
|
+
}
|
|
281
|
+
let arIndex = arDigits.indexOf(num[ipos]);
|
|
282
|
+
if (arIndex >= 0) {
|
|
283
|
+
output += arIndex.toString();
|
|
284
|
+
continue;
|
|
285
|
+
}
|
|
286
|
+
output += num[ipos];
|
|
287
|
+
}
|
|
288
|
+
return output.replace(/,/g, '');
|
|
289
|
+
}
|
|
290
|
+
function WordifyFa(input, level = 0) {
|
|
291
|
+
if (input === null || input === undefined) {
|
|
292
|
+
return '';
|
|
293
|
+
}
|
|
294
|
+
let num = parseInt(toEnglishDigits(input));
|
|
295
|
+
// convert negative number to positive and get wordify value
|
|
296
|
+
if (num < 0) {
|
|
297
|
+
num = num * -1;
|
|
298
|
+
return 'منفی ' + WordifyFa(num, level);
|
|
299
|
+
}
|
|
300
|
+
if (num === 0) {
|
|
301
|
+
if (level === 0) {
|
|
302
|
+
return 'صفر';
|
|
303
|
+
}
|
|
304
|
+
else {
|
|
305
|
+
return '';
|
|
306
|
+
}
|
|
307
|
+
}
|
|
308
|
+
let result = '';
|
|
309
|
+
const yekan = ['یک', 'دو', 'سه', 'چهار', 'پنج', 'شش', 'هفت', 'هشت', 'نه'], dahgan = ['بیست', 'سی', 'چهل', 'پنجاه', 'شصت', 'هفتاد', 'هشتاد', 'نود'], sadgan = [
|
|
310
|
+
'یکصد',
|
|
311
|
+
'دویست',
|
|
312
|
+
'سیصد',
|
|
313
|
+
'چهارصد',
|
|
314
|
+
'پانصد',
|
|
315
|
+
'ششصد',
|
|
316
|
+
'هفتصد',
|
|
317
|
+
'هشتصد',
|
|
318
|
+
'نهصد',
|
|
319
|
+
], dah = [
|
|
320
|
+
'ده',
|
|
321
|
+
'یازده',
|
|
322
|
+
'دوازده',
|
|
323
|
+
'سیزده',
|
|
324
|
+
'چهارده',
|
|
325
|
+
'پانزده',
|
|
326
|
+
'شانزده',
|
|
327
|
+
'هفده',
|
|
328
|
+
'هیجده',
|
|
329
|
+
'نوزده',
|
|
330
|
+
];
|
|
331
|
+
if (level > 0) {
|
|
332
|
+
result += ' و ';
|
|
333
|
+
level -= 1;
|
|
334
|
+
}
|
|
335
|
+
if (num < 10) {
|
|
336
|
+
result += yekan[num - 1];
|
|
337
|
+
}
|
|
338
|
+
else if (num < 20) {
|
|
339
|
+
result += dah[num - 10];
|
|
340
|
+
}
|
|
341
|
+
else if (num < 100) {
|
|
342
|
+
result += dahgan[Math.floor(num / 10) - 2] + WordifyFa(num % 10, level + 1);
|
|
343
|
+
}
|
|
344
|
+
else if (num < 1000) {
|
|
345
|
+
result +=
|
|
346
|
+
sadgan[Math.floor(num / 100) - 1] + WordifyFa(num % 100, level + 1);
|
|
347
|
+
}
|
|
348
|
+
else if (num < 1000000) {
|
|
349
|
+
result +=
|
|
350
|
+
WordifyFa(Math.floor(num / 1000), level) +
|
|
351
|
+
' هزار' +
|
|
352
|
+
WordifyFa(num % 1000, level + 1);
|
|
353
|
+
}
|
|
354
|
+
else if (num < 1000000000) {
|
|
355
|
+
result +=
|
|
356
|
+
WordifyFa(Math.floor(num / 1000000), level) +
|
|
357
|
+
' میلیون' +
|
|
358
|
+
WordifyFa(num % 1000000, level + 1);
|
|
359
|
+
}
|
|
360
|
+
else if (num < 1000000000000) {
|
|
361
|
+
result +=
|
|
362
|
+
WordifyFa(Math.floor(num / 1000000000), level) +
|
|
363
|
+
' میلیارد' +
|
|
364
|
+
WordifyFa(num % 1000000000, level + 1);
|
|
365
|
+
}
|
|
366
|
+
else if (num < 1000000000000000) {
|
|
367
|
+
result +=
|
|
368
|
+
WordifyFa(Math.floor(num / 1000000000000), level) +
|
|
369
|
+
' تریلیارد' +
|
|
370
|
+
WordifyFa(num % 1000000000000, level + 1);
|
|
371
|
+
}
|
|
372
|
+
return result;
|
|
373
|
+
}
|
|
374
|
+
|
|
375
|
+
class PersianDigitsPipe {
|
|
376
|
+
transform(el) {
|
|
377
|
+
const persian = {
|
|
378
|
+
0: '۰',
|
|
379
|
+
1: '۱',
|
|
380
|
+
2: '۲',
|
|
381
|
+
3: '۳',
|
|
382
|
+
4: '۴',
|
|
383
|
+
5: '۵',
|
|
384
|
+
6: '۶',
|
|
385
|
+
7: '۷',
|
|
386
|
+
8: '۸',
|
|
387
|
+
9: '۹',
|
|
388
|
+
};
|
|
389
|
+
if (el != undefined && el != '') {
|
|
390
|
+
let elements = el.toString();
|
|
391
|
+
let list = elements.match(/[0-9]/g);
|
|
392
|
+
if (list != null && list.length != 0) {
|
|
393
|
+
for (let i = 0; i < list.length; i++) {
|
|
394
|
+
elements = elements.replace(list[i], persian[Number(list[i])]);
|
|
395
|
+
}
|
|
396
|
+
}
|
|
397
|
+
elements = elements.replace(/-/g, '/');
|
|
398
|
+
return elements;
|
|
399
|
+
}
|
|
400
|
+
else
|
|
401
|
+
return '';
|
|
402
|
+
}
|
|
403
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PersianDigitsPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
404
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: PersianDigitsPipe, name: "persianDigits" }); }
|
|
405
|
+
}
|
|
406
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PersianDigitsPipe, decorators: [{
|
|
407
|
+
type: Pipe,
|
|
408
|
+
args: [{
|
|
409
|
+
name: 'persianDigits',
|
|
410
|
+
}]
|
|
411
|
+
}] });
|
|
412
|
+
|
|
413
|
+
class CoreNumberComponent {
|
|
414
|
+
constructor() {
|
|
415
|
+
this.number = '';
|
|
416
|
+
this.type = 'number';
|
|
417
|
+
this.canSplitNumbers = false;
|
|
418
|
+
this.canShowWordInToolTip = false;
|
|
419
|
+
this.canShowIRR = false;
|
|
420
|
+
}
|
|
421
|
+
wordifyFa(number) {
|
|
422
|
+
if (number === undefined) {
|
|
423
|
+
return '';
|
|
424
|
+
}
|
|
425
|
+
if (this.type === 'number') {
|
|
426
|
+
if (this.canSplitNumbers) {
|
|
427
|
+
return number.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
|
|
428
|
+
}
|
|
429
|
+
else {
|
|
430
|
+
return number;
|
|
431
|
+
}
|
|
432
|
+
}
|
|
433
|
+
else {
|
|
434
|
+
const newNumber = Number(number.toString().replaceAll(',', ''));
|
|
435
|
+
if (newNumber > 10) {
|
|
436
|
+
return WordifyFa(newNumber / 10) + ' تومان ';
|
|
437
|
+
}
|
|
438
|
+
else {
|
|
439
|
+
return WordifyFa(number);
|
|
440
|
+
}
|
|
441
|
+
}
|
|
442
|
+
}
|
|
443
|
+
toolTipText(number) {
|
|
444
|
+
if (this.number === undefined)
|
|
445
|
+
return '';
|
|
446
|
+
if (!this.canShowWordInToolTip)
|
|
447
|
+
return '';
|
|
448
|
+
if (number && +number > 10) {
|
|
449
|
+
return WordifyFa(+number / 10) + ' تومان ';
|
|
450
|
+
}
|
|
451
|
+
else {
|
|
452
|
+
return WordifyFa(number);
|
|
453
|
+
}
|
|
454
|
+
}
|
|
455
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreNumberComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
456
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreNumberComponent, selector: "app-core-number", inputs: { number: "number", type: "type", canSplitNumbers: "canSplitNumbers", canShowWordInToolTip: "canShowWordInToolTip", canShowIRR: "canShowIRR" }, ngImport: i0, template: "<span [title]=\"toolTipText(number)\"\r\n >{{ wordifyFa(number) | persianDigits }} {{ canShowIRR ? \"\u0631\u06CC\u0627\u0644\" : \"\" }}\r\n</span>\r\n", styles: [""], dependencies: [{ kind: "pipe", type: PersianDigitsPipe, name: "persianDigits" }] }); }
|
|
457
|
+
}
|
|
458
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreNumberComponent, decorators: [{
|
|
459
|
+
type: Component,
|
|
460
|
+
args: [{ selector: 'app-core-number', template: "<span [title]=\"toolTipText(number)\"\r\n >{{ wordifyFa(number) | persianDigits }} {{ canShowIRR ? \"\u0631\u06CC\u0627\u0644\" : \"\" }}\r\n</span>\r\n" }]
|
|
461
|
+
}], propDecorators: { number: [{
|
|
462
|
+
type: Input
|
|
463
|
+
}], type: [{
|
|
464
|
+
type: Input
|
|
465
|
+
}], canSplitNumbers: [{
|
|
466
|
+
type: Input
|
|
467
|
+
}], canShowWordInToolTip: [{
|
|
468
|
+
type: Input
|
|
469
|
+
}], canShowIRR: [{
|
|
470
|
+
type: Input
|
|
471
|
+
}] } });
|
|
472
|
+
|
|
473
|
+
class CoreInputComponent {
|
|
474
|
+
constructor() {
|
|
475
|
+
this.isDisable = false;
|
|
476
|
+
this.lastValue = '';
|
|
477
|
+
this.canShowWordifyFa = false;
|
|
478
|
+
this.canSplitNumber = false;
|
|
479
|
+
this.canHighlightBackground = false;
|
|
480
|
+
this.maxLength = 2000;
|
|
481
|
+
this.size = '';
|
|
482
|
+
this.inputFormControl = new FormControl('', []);
|
|
483
|
+
this.placeholder = '';
|
|
484
|
+
this.onChange = new EventEmitter();
|
|
485
|
+
this.onBlurEmit = new EventEmitter();
|
|
486
|
+
}
|
|
487
|
+
set type(value) {
|
|
488
|
+
this.inputType = value;
|
|
489
|
+
}
|
|
490
|
+
set disable(value) {
|
|
491
|
+
this.isDisable = value;
|
|
492
|
+
if (value) {
|
|
493
|
+
this.inputFormControl.disable();
|
|
494
|
+
}
|
|
495
|
+
else {
|
|
496
|
+
this.inputFormControl.enable();
|
|
497
|
+
}
|
|
498
|
+
}
|
|
499
|
+
ngOnInit() {
|
|
500
|
+
this.inputFormControl.valueChanges.subscribe((change) => {
|
|
501
|
+
if (this.lastValue !== change) {
|
|
502
|
+
this.formatPrice(change.toString());
|
|
503
|
+
}
|
|
504
|
+
});
|
|
505
|
+
}
|
|
506
|
+
change(event) {
|
|
507
|
+
this.formatPrice(event.srcElement.value);
|
|
508
|
+
}
|
|
509
|
+
onPaste(event) {
|
|
510
|
+
setTimeout(() => {
|
|
511
|
+
const value = event.srcElement.value;
|
|
512
|
+
this.inputFormControl.markAsTouched();
|
|
513
|
+
this.inputFormControl.setValue(value);
|
|
514
|
+
this.lastValue = value;
|
|
515
|
+
if (this.inputType === 'number' && this.canSplitNumber) {
|
|
516
|
+
this.onChange.emit(value.replaceAll(',', ''));
|
|
517
|
+
}
|
|
518
|
+
else {
|
|
519
|
+
if (!this.inputFormControl.errors) {
|
|
520
|
+
this.onChange.emit(value);
|
|
521
|
+
}
|
|
522
|
+
}
|
|
523
|
+
}, 10);
|
|
524
|
+
}
|
|
525
|
+
onBlur() {
|
|
526
|
+
if (this.inputType === 'number' && this.canSplitNumber) {
|
|
527
|
+
this.onChange.emit(this.inputFormControl.value.replaceAll(',', ''));
|
|
528
|
+
}
|
|
529
|
+
else {
|
|
530
|
+
if (!this.inputFormControl.errors) {
|
|
531
|
+
this.onChange.emit(this.inputFormControl.value);
|
|
532
|
+
}
|
|
533
|
+
}
|
|
534
|
+
this.onBlurEmit.emit(this.inputFormControl.value);
|
|
535
|
+
}
|
|
536
|
+
onKeyPress() {
|
|
537
|
+
if (this.inputFormControl.value.toString().length == this.maxLength) {
|
|
538
|
+
return false;
|
|
539
|
+
}
|
|
540
|
+
else {
|
|
541
|
+
return true;
|
|
542
|
+
}
|
|
543
|
+
}
|
|
544
|
+
formatPrice(event) {
|
|
545
|
+
if (this.inputType === 'number' && this.canSplitNumber) {
|
|
546
|
+
setTimeout(() => {
|
|
547
|
+
let value = event;
|
|
548
|
+
value = Number(value.replaceAll(',', ''));
|
|
549
|
+
if (isNaN(value)) {
|
|
550
|
+
this.inputFormControl.setValue('');
|
|
551
|
+
this.lastValue = value;
|
|
552
|
+
}
|
|
553
|
+
else {
|
|
554
|
+
const formatValue = value
|
|
555
|
+
.toString()
|
|
556
|
+
.replace(/\B(?=(\d{3})+(?!\d))/g, ',');
|
|
557
|
+
this.inputFormControl.setValue(formatValue);
|
|
558
|
+
this.lastValue = formatValue;
|
|
559
|
+
}
|
|
560
|
+
if (!this.inputFormControl.errors) {
|
|
561
|
+
this.onChange.emit(this.inputFormControl.value.replaceAll(',', ''));
|
|
562
|
+
}
|
|
563
|
+
}, 10);
|
|
564
|
+
}
|
|
565
|
+
else {
|
|
566
|
+
if (!this.inputFormControl.errors) {
|
|
567
|
+
this.onChange.emit(this.inputFormControl.value);
|
|
568
|
+
}
|
|
569
|
+
}
|
|
570
|
+
}
|
|
571
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
572
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreInputComponent, selector: "core-input", inputs: { type: "type", canShowWordifyFa: "canShowWordifyFa", canSplitNumber: "canSplitNumber", canHighlightBackground: "canHighlightBackground", maxLength: "maxLength", size: "size", inputFormControl: "inputFormControl", disable: "disable", placeholder: "placeholder" }, outputs: { onChange: "onChange", onBlurEmit: "onBlurEmit" }, ngImport: i0, template: "<div>\r\n <div\r\n class=\"container-input\"\r\n [ngClass]=\"{\r\n error:\r\n (inputFormControl.touched || inputFormControl.dirty) &&\r\n inputFormControl.errors\r\n }\"\r\n >\r\n <input\r\n [type]=\"inputType\"\r\n class=\"a-input-style\"\r\n [formControl]=\"inputFormControl\"\r\n (blur)=\"onBlur()\"\r\n (keyup)=\"change($event)\"\r\n (paste)=\"onPaste($event)\"\r\n [ngClass]=\"{\r\n 'have-value': inputFormControl.value.toString().length > 0,\r\n 'highlight-background':\r\n canHighlightBackground &&\r\n inputFormControl.value.toString().length === 0 &&\r\n !(\r\n (inputFormControl.touched || inputFormControl.dirty) &&\r\n inputFormControl.errors\r\n ),\r\n 'disable-input': isDisable\r\n }\"\r\n (keypress)=\"onKeyPress()\"\r\n />\r\n <label *ngIf=\"placeholder.length > 0\">{{ placeholder }} </label>\r\n <div class=\"label-error overflow-hidden\">\r\n <span\r\n class=\"label-number\"\r\n *ngIf=\"\r\n canShowWordifyFa &&\r\n inputFormControl.value.toString().length > 0 &&\r\n inputType === 'number'\r\n \"\r\n ><app-core-number\r\n [canShowWordInToolTip]=\"false\"\r\n [type]=\"'word'\"\r\n [number]=\"inputFormControl.value\"\r\n ></app-core-number\r\n ></span>\r\n\r\n <span\r\n *ngIf=\"\r\n (inputFormControl.touched || inputFormControl.dirty) &&\r\n inputFormControl.errors?.['required']\r\n \"\r\n >\u0627\u06CC\u0646 \u0641\u06CC\u0644\u062F \u062E\u0627\u0644\u06CC \u0627\u0633\u062A</span\r\n >\r\n <span\r\n *ngIf=\"\r\n (inputFormControl.touched || inputFormControl.dirty) &&\r\n inputFormControl.errors?.['prePayment']\r\n \"\r\n >\u0645\u0628\u0644\u063A \u0635\u062D\u06CC\u062D \u0646\u06CC\u0633\u062A</span\r\n >\r\n <span\r\n *ngIf=\"\r\n (inputFormControl.touched || inputFormControl.dirty) &&\r\n inputFormControl.errors?.['minlength']\r\n \"\r\n >\r\n \u062D\u062F\u0627\u0642\u0644 \u062A\u0639\u062F\u0627\u062F \u06A9\u0627\u0631\u06A9\u062A\u0631\r\n {{inputFormControl.errors?.['minlength'].requiredLength|persianDigits}}\r\n \u0639\u062F\u062F \u0628\u0627\u0634\u062F\r\n </span>\r\n <span\r\n *ngIf=\"\r\n (inputFormControl.touched || inputFormControl.dirty) &&\r\n inputFormControl.errors?.['maxlength']\r\n \"\r\n >\r\n \u062D\u062F\u0627\u06A9\u062B\u0631 \u062A\u0639\u062F\u0627\u062F \u06A9\u0627\u0631\u06A9\u062A\u0631\r\n {{inputFormControl.errors?.['maxlength'].requiredLength |persianDigits}}\r\n \u0639\u062F\u062F \u0628\u0627\u0634\u062F\r\n </span>\r\n <span\r\n *ngIf=\"\r\n (inputFormControl.touched || inputFormControl.dirty) &&\r\n inputFormControl.errors?.['pattern']?.requiredPattern=='^09[0-9]{9}$'\r\n \"\r\n >\r\n \u0634\u0645\u0627\u0631\u0647 \u0647\u0645\u0631\u0627\u0647 \u0627\u0634\u062A\u0628\u0627\u0647 \u0647\u0633\u062A\r\n </span>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".container{position:relative}input:focus{border:2px solid blue}input{border:1px solid #ced4da;border-radius:.25rem}.highlight-background{background-color:#dcf6ff!important}.icon-style{position:absolute;right:16px;top:16px;cursor:pointer;font-size:16px}.icon-style-email{position:absolute;right:16px;top:16px}.a-input-style{height:42px;width:100%;padding:16px;outline:none;caret-color:#020202b3;background-color:#f2f4f726;color:#000000b3;box-sizing:border-box}.a-input-style:focus{background-color:#f2f4f70d;border-radius:3px;border:1px solid rgba(19,92,175,.397)}.a-input-style::placeholder{height:15px;font-style:normal;font-weight:400;font-size:12px;line-height:15px;letter-spacing:-.03em;color:#c2c2c2b3}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-text-fill-color:rgba(255,255,255,0)}input:-webkit-autofill.have-value,input:-webkit-autofill:hover.have-value,input:-webkit-autofill:focus.have-value{-webkit-text-fill-color:#181818!important}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.label-error{color:red;font-size:13px;margin-block-start:4px;min-height:21px;width:100%;display:inline-block!important;text-align:start}.label-number{color:#6a6a6a}.error input{border:1px solid #fe5f5f}.container-input{background:#fff;position:relative}.container-input .disable-input{background-color:#f7f7f7;border:1px dashed #ced4da;pointer-events:none}.container-input label{position:absolute;right:20px;top:12px;color:gray;font-size:12px;padding:0 8px;border-radius:15px;pointer-events:none;transition:.2s}.container-input input:focus+label,.container-input input.have-value+label{top:-10px;font-size:10px;z-index:3}.container-input input:focus+label:after,.container-input input.have-value+label:after{content:\"\";display:block;background:#fff;position:absolute;width:100%;height:1px;top:10px;right:0;transition:.3s;z-index:-1}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: CoreNumberComponent, selector: "app-core-number", inputs: ["number", "type", "canSplitNumbers", "canShowWordInToolTip", "canShowIRR"] }, { kind: "pipe", type: PersianDigitsPipe, name: "persianDigits" }] }); }
|
|
573
|
+
}
|
|
574
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreInputComponent, decorators: [{
|
|
575
|
+
type: Component,
|
|
576
|
+
args: [{ selector: 'core-input', template: "<div>\r\n <div\r\n class=\"container-input\"\r\n [ngClass]=\"{\r\n error:\r\n (inputFormControl.touched || inputFormControl.dirty) &&\r\n inputFormControl.errors\r\n }\"\r\n >\r\n <input\r\n [type]=\"inputType\"\r\n class=\"a-input-style\"\r\n [formControl]=\"inputFormControl\"\r\n (blur)=\"onBlur()\"\r\n (keyup)=\"change($event)\"\r\n (paste)=\"onPaste($event)\"\r\n [ngClass]=\"{\r\n 'have-value': inputFormControl.value.toString().length > 0,\r\n 'highlight-background':\r\n canHighlightBackground &&\r\n inputFormControl.value.toString().length === 0 &&\r\n !(\r\n (inputFormControl.touched || inputFormControl.dirty) &&\r\n inputFormControl.errors\r\n ),\r\n 'disable-input': isDisable\r\n }\"\r\n (keypress)=\"onKeyPress()\"\r\n />\r\n <label *ngIf=\"placeholder.length > 0\">{{ placeholder }} </label>\r\n <div class=\"label-error overflow-hidden\">\r\n <span\r\n class=\"label-number\"\r\n *ngIf=\"\r\n canShowWordifyFa &&\r\n inputFormControl.value.toString().length > 0 &&\r\n inputType === 'number'\r\n \"\r\n ><app-core-number\r\n [canShowWordInToolTip]=\"false\"\r\n [type]=\"'word'\"\r\n [number]=\"inputFormControl.value\"\r\n ></app-core-number\r\n ></span>\r\n\r\n <span\r\n *ngIf=\"\r\n (inputFormControl.touched || inputFormControl.dirty) &&\r\n inputFormControl.errors?.['required']\r\n \"\r\n >\u0627\u06CC\u0646 \u0641\u06CC\u0644\u062F \u062E\u0627\u0644\u06CC \u0627\u0633\u062A</span\r\n >\r\n <span\r\n *ngIf=\"\r\n (inputFormControl.touched || inputFormControl.dirty) &&\r\n inputFormControl.errors?.['prePayment']\r\n \"\r\n >\u0645\u0628\u0644\u063A \u0635\u062D\u06CC\u062D \u0646\u06CC\u0633\u062A</span\r\n >\r\n <span\r\n *ngIf=\"\r\n (inputFormControl.touched || inputFormControl.dirty) &&\r\n inputFormControl.errors?.['minlength']\r\n \"\r\n >\r\n \u062D\u062F\u0627\u0642\u0644 \u062A\u0639\u062F\u0627\u062F \u06A9\u0627\u0631\u06A9\u062A\u0631\r\n {{inputFormControl.errors?.['minlength'].requiredLength|persianDigits}}\r\n \u0639\u062F\u062F \u0628\u0627\u0634\u062F\r\n </span>\r\n <span\r\n *ngIf=\"\r\n (inputFormControl.touched || inputFormControl.dirty) &&\r\n inputFormControl.errors?.['maxlength']\r\n \"\r\n >\r\n \u062D\u062F\u0627\u06A9\u062B\u0631 \u062A\u0639\u062F\u0627\u062F \u06A9\u0627\u0631\u06A9\u062A\u0631\r\n {{inputFormControl.errors?.['maxlength'].requiredLength |persianDigits}}\r\n \u0639\u062F\u062F \u0628\u0627\u0634\u062F\r\n </span>\r\n <span\r\n *ngIf=\"\r\n (inputFormControl.touched || inputFormControl.dirty) &&\r\n inputFormControl.errors?.['pattern']?.requiredPattern=='^09[0-9]{9}$'\r\n \"\r\n >\r\n \u0634\u0645\u0627\u0631\u0647 \u0647\u0645\u0631\u0627\u0647 \u0627\u0634\u062A\u0628\u0627\u0647 \u0647\u0633\u062A\r\n </span>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".container{position:relative}input:focus{border:2px solid blue}input{border:1px solid #ced4da;border-radius:.25rem}.highlight-background{background-color:#dcf6ff!important}.icon-style{position:absolute;right:16px;top:16px;cursor:pointer;font-size:16px}.icon-style-email{position:absolute;right:16px;top:16px}.a-input-style{height:42px;width:100%;padding:16px;outline:none;caret-color:#020202b3;background-color:#f2f4f726;color:#000000b3;box-sizing:border-box}.a-input-style:focus{background-color:#f2f4f70d;border-radius:3px;border:1px solid rgba(19,92,175,.397)}.a-input-style::placeholder{height:15px;font-style:normal;font-weight:400;font-size:12px;line-height:15px;letter-spacing:-.03em;color:#c2c2c2b3}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-text-fill-color:rgba(255,255,255,0)}input:-webkit-autofill.have-value,input:-webkit-autofill:hover.have-value,input:-webkit-autofill:focus.have-value{-webkit-text-fill-color:#181818!important}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.label-error{color:red;font-size:13px;margin-block-start:4px;min-height:21px;width:100%;display:inline-block!important;text-align:start}.label-number{color:#6a6a6a}.error input{border:1px solid #fe5f5f}.container-input{background:#fff;position:relative}.container-input .disable-input{background-color:#f7f7f7;border:1px dashed #ced4da;pointer-events:none}.container-input label{position:absolute;right:20px;top:12px;color:gray;font-size:12px;padding:0 8px;border-radius:15px;pointer-events:none;transition:.2s}.container-input input:focus+label,.container-input input.have-value+label{top:-10px;font-size:10px;z-index:3}.container-input input:focus+label:after,.container-input input.have-value+label:after{content:\"\";display:block;background:#fff;position:absolute;width:100%;height:1px;top:10px;right:0;transition:.3s;z-index:-1}\n"] }]
|
|
577
|
+
}], propDecorators: { type: [{
|
|
578
|
+
type: Input
|
|
579
|
+
}], canShowWordifyFa: [{
|
|
580
|
+
type: Input
|
|
581
|
+
}], canSplitNumber: [{
|
|
582
|
+
type: Input
|
|
583
|
+
}], canHighlightBackground: [{
|
|
584
|
+
type: Input
|
|
585
|
+
}], maxLength: [{
|
|
586
|
+
type: Input
|
|
587
|
+
}], size: [{
|
|
588
|
+
type: Input
|
|
589
|
+
}], inputFormControl: [{
|
|
590
|
+
type: Input
|
|
591
|
+
}], disable: [{
|
|
592
|
+
type: Input
|
|
593
|
+
}], placeholder: [{
|
|
594
|
+
type: Input
|
|
595
|
+
}], onChange: [{
|
|
596
|
+
type: Output
|
|
597
|
+
}], onBlurEmit: [{
|
|
598
|
+
type: Output
|
|
599
|
+
}] } });
|
|
600
|
+
|
|
601
|
+
class CoreDatePickerComponent {
|
|
602
|
+
set inputFormControl(value) {
|
|
603
|
+
this._inputFormControl = value;
|
|
604
|
+
}
|
|
605
|
+
constructor(changeDetectorRef) {
|
|
606
|
+
this.changeDetectorRef = changeDetectorRef;
|
|
607
|
+
this._inputFormControl = new FormControl('', []);
|
|
608
|
+
this.canSelectToday = false;
|
|
609
|
+
this.defaultDate = '';
|
|
610
|
+
this.label = '';
|
|
611
|
+
this.size = '';
|
|
612
|
+
this.isOpenCalendar = false;
|
|
613
|
+
this.date = '';
|
|
614
|
+
}
|
|
615
|
+
ngOnInit() { }
|
|
616
|
+
ngAfterViewInit() {
|
|
617
|
+
this.changeDetectorRef.detectChanges();
|
|
618
|
+
}
|
|
619
|
+
onDatePickerResult(result) {
|
|
620
|
+
this._inputFormControl.setValue(result);
|
|
621
|
+
this.date = result;
|
|
622
|
+
}
|
|
623
|
+
onTodayDate(todayDate) {
|
|
624
|
+
this.date = todayDate;
|
|
625
|
+
this._inputFormControl.setValue(todayDate);
|
|
626
|
+
}
|
|
627
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreDatePickerComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
628
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreDatePickerComponent, selector: "core-date-picker", inputs: { canSelectToday: "canSelectToday", defaultDate: "defaultDate", label: "label", inputFormControl: "inputFormControl", size: "size" }, ngImport: i0, template: "<core-input\r\n [placeholder]=\"label\"\r\n [inputFormControl]=\"_inputFormControl\"\r\n (click)=\"isOpenCalendar = true\"\r\n>\r\n</core-input>\r\n<lib-nira-date-picker\r\n [(isOpenCalendar)]=\"isOpenCalendar\"\r\n [defaultDate]=\"date ? date : defaultDate\"\r\n (datePickerResult)=\"onDatePickerResult($event)\"\r\n [selectToday]=\"canSelectToday\"\r\n (todayDate)=\"onTodayDate($event)\"\r\n>\r\n</lib-nira-date-picker>\r\n", styles: [""], dependencies: [{ kind: "component", type: i1$2.NiraDatePickerComponent, selector: "lib-nira-date-picker", inputs: ["selectToday", "disable", "changableYears", "theme", "defaultDate", "isOpenCalendar"], outputs: ["isOpenCalendarChange", "todayDate", "datePickerResult"] }, { kind: "component", type: CoreInputComponent, selector: "core-input", inputs: ["type", "canShowWordifyFa", "canSplitNumber", "canHighlightBackground", "maxLength", "size", "inputFormControl", "disable", "placeholder"], outputs: ["onChange", "onBlurEmit"] }] }); }
|
|
629
|
+
}
|
|
630
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreDatePickerComponent, decorators: [{
|
|
631
|
+
type: Component,
|
|
632
|
+
args: [{ selector: 'core-date-picker', template: "<core-input\r\n [placeholder]=\"label\"\r\n [inputFormControl]=\"_inputFormControl\"\r\n (click)=\"isOpenCalendar = true\"\r\n>\r\n</core-input>\r\n<lib-nira-date-picker\r\n [(isOpenCalendar)]=\"isOpenCalendar\"\r\n [defaultDate]=\"date ? date : defaultDate\"\r\n (datePickerResult)=\"onDatePickerResult($event)\"\r\n [selectToday]=\"canSelectToday\"\r\n (todayDate)=\"onTodayDate($event)\"\r\n>\r\n</lib-nira-date-picker>\r\n" }]
|
|
633
|
+
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { canSelectToday: [{
|
|
634
|
+
type: Input
|
|
635
|
+
}], defaultDate: [{
|
|
636
|
+
type: Input
|
|
637
|
+
}], label: [{
|
|
638
|
+
type: Input
|
|
639
|
+
}], inputFormControl: [{
|
|
640
|
+
type: Input
|
|
641
|
+
}], size: [{
|
|
642
|
+
type: Input
|
|
643
|
+
}] } });
|
|
644
|
+
|
|
645
|
+
class CorePageTitleComponent {
|
|
646
|
+
constructor() {
|
|
647
|
+
this.title = '';
|
|
648
|
+
this.description = '';
|
|
649
|
+
}
|
|
650
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CorePageTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
651
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CorePageTitleComponent, selector: "core-page-title", inputs: { title: "title", description: "description" }, ngImport: i0, template: "<div\r\n class=\"container-page core-page-title flex flex-col text-right justify-center rounded-lg pt-2 pb-7 px-10 h-40 shadow-md\"\r\n>\r\n <div class=\"title my-5 w-5/6\">\r\n <span class=\"title-text text-2xl font-bold\">\r\n {{ title }}\r\n </span>\r\n </div>\r\n <div class=\"description w-5/6\">\r\n <p class=\"description-text text-base\">\r\n {{ description }}\r\n </p>\r\n </div>\r\n</div>\r\n", styles: [".core-page-title{background-image:url(data:image/png;base64,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);background-repeat:no-repeat;background-position:left;background-size:contain}.description-text,.title-text{color:var(--default-page-title-text-color)}.container-page{background-color:var(--default-page-title-background-color)}\n"] }); }
|
|
652
|
+
}
|
|
653
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CorePageTitleComponent, decorators: [{
|
|
654
|
+
type: Component,
|
|
655
|
+
args: [{ selector: 'core-page-title', template: "<div\r\n class=\"container-page core-page-title flex flex-col text-right justify-center rounded-lg pt-2 pb-7 px-10 h-40 shadow-md\"\r\n>\r\n <div class=\"title my-5 w-5/6\">\r\n <span class=\"title-text text-2xl font-bold\">\r\n {{ title }}\r\n </span>\r\n </div>\r\n <div class=\"description w-5/6\">\r\n <p class=\"description-text text-base\">\r\n {{ description }}\r\n </p>\r\n </div>\r\n</div>\r\n", styles: [".core-page-title{background-image:url(data:image/png;base64,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);background-repeat:no-repeat;background-position:left;background-size:contain}.description-text,.title-text{color:var(--default-page-title-text-color)}.container-page{background-color:var(--default-page-title-background-color)}\n"] }]
|
|
656
|
+
}], propDecorators: { title: [{
|
|
657
|
+
type: Input
|
|
658
|
+
}], description: [{
|
|
659
|
+
type: Input
|
|
660
|
+
}] } });
|
|
661
|
+
|
|
662
|
+
class CoreRadioButtonsComponent {
|
|
663
|
+
constructor() {
|
|
664
|
+
this.selectedItem = {};
|
|
665
|
+
this._defaultValue = undefined;
|
|
666
|
+
this.newItems = [];
|
|
667
|
+
this._items = [];
|
|
668
|
+
this.initCounter = 0;
|
|
669
|
+
this.layout = 'column';
|
|
670
|
+
this.name = 'radio';
|
|
671
|
+
this.onChange = new EventEmitter();
|
|
672
|
+
}
|
|
673
|
+
set items(data) {
|
|
674
|
+
this._items = data;
|
|
675
|
+
this.initCounter++;
|
|
676
|
+
this.init();
|
|
677
|
+
}
|
|
678
|
+
set defaultValue(data) {
|
|
679
|
+
this._defaultValue = data;
|
|
680
|
+
this.initCounter++;
|
|
681
|
+
this.init();
|
|
682
|
+
}
|
|
683
|
+
changeItemsType(items) {
|
|
684
|
+
return items.map((item) => {
|
|
685
|
+
return {
|
|
686
|
+
title: item[this.titleKeyObject],
|
|
687
|
+
value: item[this.valueKeyObject],
|
|
688
|
+
};
|
|
689
|
+
});
|
|
690
|
+
}
|
|
691
|
+
init() {
|
|
692
|
+
if (this.initCounter !== 2) {
|
|
693
|
+
return;
|
|
694
|
+
}
|
|
695
|
+
this.titleKeyObject = this.titleKey;
|
|
696
|
+
this.valueKeyObject = this.valueKey;
|
|
697
|
+
this.newItems = this.changeItemsType(this._items);
|
|
698
|
+
if (this._defaultValue === undefined) {
|
|
699
|
+
this.onItemClick(this.newItems[0]);
|
|
700
|
+
}
|
|
701
|
+
else {
|
|
702
|
+
this.onItemClick(this.newItems.find((item) => item.value == this._defaultValue));
|
|
703
|
+
}
|
|
704
|
+
}
|
|
705
|
+
onItemClick(item) {
|
|
706
|
+
if (!item)
|
|
707
|
+
return;
|
|
708
|
+
this.selectedItem = item;
|
|
709
|
+
this.onChange.emit(String(item.value));
|
|
710
|
+
}
|
|
711
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreRadioButtonsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
712
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreRadioButtonsComponent, selector: "core-radio-buttons", inputs: { items: "items", defaultValue: "defaultValue", titleKey: "titleKey", valueKey: "valueKey", layout: "layout", name: "name" }, outputs: { onChange: "onChange" }, ngImport: i0, template: "<div class=\"root\" [ngClass]=\"{ 'container-row': layout == 'row' }\">\r\n <div\r\n class=\"radio-bottom\"\r\n [ngClass]=\"{ 'item-row-reverse': layout == 'row' }\"\r\n *ngFor=\"let item of newItems\"\r\n (click)=\"onItemClick(item)\"\r\n >\r\n <input\r\n type=\"radio\"\r\n [name]=\"name\"\r\n [value]=\"item.value == selectedItem.value\"\r\n [checked]=\"item.value == selectedItem.value\"\r\n (click)=\"onItemClick(item)\"\r\n />\r\n <span class=\"label\">{{ item.title }}</span>\r\n </div>\r\n</div>\r\n", styles: [".root{display:flex;flex-direction:column;gap:6px}.container-row{flex-direction:row}.item-row-reverse{display:flex;flex-direction:row-reverse}.radio-bottom{display:inline-flex;flex-direction:row;align-items:center;margin-left:auto;cursor:pointer;-webkit-user-select:none;user-select:none}input[type=radio]{appearance:none;width:18px;height:18px;border-radius:50%;background-clip:content-box;border:1px solid var(--default-radio-buttons-input-border-color);background-color:var(--default-radio-buttons-input-background-color)}input[type=radio]:checked{background-color:var(--default-radio-buttons-background-color);padding:4px;border:2px solid var(--default-radio-buttons-border-color)}.label{font-size:small;font-weight:500;margin-inline:4px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] }); }
|
|
713
|
+
}
|
|
714
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreRadioButtonsComponent, decorators: [{
|
|
715
|
+
type: Component,
|
|
716
|
+
args: [{ selector: 'core-radio-buttons', template: "<div class=\"root\" [ngClass]=\"{ 'container-row': layout == 'row' }\">\r\n <div\r\n class=\"radio-bottom\"\r\n [ngClass]=\"{ 'item-row-reverse': layout == 'row' }\"\r\n *ngFor=\"let item of newItems\"\r\n (click)=\"onItemClick(item)\"\r\n >\r\n <input\r\n type=\"radio\"\r\n [name]=\"name\"\r\n [value]=\"item.value == selectedItem.value\"\r\n [checked]=\"item.value == selectedItem.value\"\r\n (click)=\"onItemClick(item)\"\r\n />\r\n <span class=\"label\">{{ item.title }}</span>\r\n </div>\r\n</div>\r\n", styles: [".root{display:flex;flex-direction:column;gap:6px}.container-row{flex-direction:row}.item-row-reverse{display:flex;flex-direction:row-reverse}.radio-bottom{display:inline-flex;flex-direction:row;align-items:center;margin-left:auto;cursor:pointer;-webkit-user-select:none;user-select:none}input[type=radio]{appearance:none;width:18px;height:18px;border-radius:50%;background-clip:content-box;border:1px solid var(--default-radio-buttons-input-border-color);background-color:var(--default-radio-buttons-input-background-color)}input[type=radio]:checked{background-color:var(--default-radio-buttons-background-color);padding:4px;border:2px solid var(--default-radio-buttons-border-color)}.label{font-size:small;font-weight:500;margin-inline:4px}\n"] }]
|
|
717
|
+
}], propDecorators: { items: [{
|
|
718
|
+
type: Input
|
|
719
|
+
}], defaultValue: [{
|
|
720
|
+
type: Input,
|
|
721
|
+
args: [{ required: true }]
|
|
722
|
+
}], titleKey: [{
|
|
723
|
+
type: Input
|
|
724
|
+
}], valueKey: [{
|
|
725
|
+
type: Input
|
|
726
|
+
}], layout: [{
|
|
727
|
+
type: Input
|
|
728
|
+
}], name: [{
|
|
729
|
+
type: Input
|
|
730
|
+
}], onChange: [{
|
|
731
|
+
type: Output
|
|
732
|
+
}] } });
|
|
733
|
+
|
|
734
|
+
class SearchIconComponent {
|
|
735
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SearchIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
736
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SearchIconComponent, selector: "search-icon", ngImport: i0, template: "<svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n viewBox=\"0 -960 960 960\"\r\n height=\"100%\"\r\n width=\"100%\"\r\n>\r\n <path\r\n d=\"M784-120 532-372q-30 24-69 38t-83 14q-109 0-184.5-75.5T120-580q0-109 75.5-184.5T380-840q109 0 184.5 75.5T640-580q0 44-14 83t-38 69l252 252-56 56ZM380-400q75 0 127.5-52.5T560-580q0-75-52.5-127.5T380-760q-75 0-127.5 52.5T200-580q0 75 52.5 127.5T380-400Z\"\r\n />\r\n</svg>\r\n", styles: [""] }); }
|
|
737
|
+
}
|
|
738
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SearchIconComponent, decorators: [{
|
|
739
|
+
type: Component,
|
|
740
|
+
args: [{ selector: 'search-icon', template: "<svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n viewBox=\"0 -960 960 960\"\r\n height=\"100%\"\r\n width=\"100%\"\r\n>\r\n <path\r\n d=\"M784-120 532-372q-30 24-69 38t-83 14q-109 0-184.5-75.5T120-580q0-109 75.5-184.5T380-840q109 0 184.5 75.5T640-580q0 44-14 83t-38 69l252 252-56 56ZM380-400q75 0 127.5-52.5T560-580q0-75-52.5-127.5T380-760q-75 0-127.5 52.5T200-580q0 75 52.5 127.5T380-400Z\"\r\n />\r\n</svg>\r\n" }]
|
|
741
|
+
}] });
|
|
742
|
+
|
|
743
|
+
class CoreSearchBoxComponent {
|
|
744
|
+
constructor() {
|
|
745
|
+
this.placeholder = '';
|
|
746
|
+
this.onChange = new EventEmitter();
|
|
747
|
+
this.value = '';
|
|
748
|
+
}
|
|
749
|
+
change(event) {
|
|
750
|
+
this.onChange.emit(event);
|
|
751
|
+
}
|
|
752
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreSearchBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
753
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreSearchBoxComponent, selector: "core-search-box", inputs: { placeholder: "placeholder" }, outputs: { onChange: "onChange" }, ngImport: i0, template: "<div class=\"search-box flex\">\r\n <input\r\n type=\"search\"\r\n placeholder=\"{{ placeholder }}\"\r\n [(ngModel)]=\"value\"\r\n (ngModelChange)=\"change($event)\"\r\n class=\"box-border border rounded-r marker:focus:outline-0\"\r\n />\r\n <div\r\n class=\"search-button bg-white border border-r-0 border-gray-400 rounded fill-secondary-text-color cursor-pointer rounded-l\"\r\n >\r\n <search-icon></search-icon>\r\n </div>\r\n</div>\r\n", styles: [".search-box{width:100%;box-sizing:border-box}.search-box input{width:calc(100% - 40px);color:var(--default-search-box-text-color);font-size:.875rem;padding:.1875rem .75rem;border-color:var(--default-search-box-border-color)}.search-box input:hover{border-color:var(--default-search-box-hover-border-color)}.search-box input:focus{border-color:var(--default-search-box-focus-border-color)}.search-box input:hover>input,.search-box input:hover>.search-button{border-color:var(--default-search-box-icon-hover-border-color)}.search-box .search-button{color:var(--default-search-box-icon-color);left:-1px;top:4px;height:1.813rem;padding:.3125rem .65rem;border-radius:.25rem 0 0 .25rem;transition:.15s}.search-box .search-button:hover{background:var(--default-search-box-icon-hover-border-color);fill:var(--default-search-box-icon-hover-color)}\n"], dependencies: [{ kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: SearchIconComponent, selector: "search-icon" }] }); }
|
|
754
|
+
}
|
|
755
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreSearchBoxComponent, decorators: [{
|
|
756
|
+
type: Component,
|
|
757
|
+
args: [{ selector: 'core-search-box', template: "<div class=\"search-box flex\">\r\n <input\r\n type=\"search\"\r\n placeholder=\"{{ placeholder }}\"\r\n [(ngModel)]=\"value\"\r\n (ngModelChange)=\"change($event)\"\r\n class=\"box-border border rounded-r marker:focus:outline-0\"\r\n />\r\n <div\r\n class=\"search-button bg-white border border-r-0 border-gray-400 rounded fill-secondary-text-color cursor-pointer rounded-l\"\r\n >\r\n <search-icon></search-icon>\r\n </div>\r\n</div>\r\n", styles: [".search-box{width:100%;box-sizing:border-box}.search-box input{width:calc(100% - 40px);color:var(--default-search-box-text-color);font-size:.875rem;padding:.1875rem .75rem;border-color:var(--default-search-box-border-color)}.search-box input:hover{border-color:var(--default-search-box-hover-border-color)}.search-box input:focus{border-color:var(--default-search-box-focus-border-color)}.search-box input:hover>input,.search-box input:hover>.search-button{border-color:var(--default-search-box-icon-hover-border-color)}.search-box .search-button{color:var(--default-search-box-icon-color);left:-1px;top:4px;height:1.813rem;padding:.3125rem .65rem;border-radius:.25rem 0 0 .25rem;transition:.15s}.search-box .search-button:hover{background:var(--default-search-box-icon-hover-border-color);fill:var(--default-search-box-icon-hover-color)}\n"] }]
|
|
758
|
+
}], propDecorators: { placeholder: [{
|
|
759
|
+
type: Input
|
|
760
|
+
}], onChange: [{
|
|
761
|
+
type: Output
|
|
762
|
+
}] } });
|
|
763
|
+
|
|
764
|
+
class ArrowDownIconComponent {
|
|
765
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ArrowDownIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
766
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ArrowDownIconComponent, selector: "arrow-down-icon", ngImport: i0, template: "<svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n height=\"24\"\r\n viewBox=\"0 -960 960 960\"\r\n width=\"24\"\r\n>\r\n <path d=\"M480-345 240-585l56-56 184 184 184-184 56 56-240 240Z\" />\r\n</svg>\r\n", styles: [""] }); }
|
|
767
|
+
}
|
|
768
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ArrowDownIconComponent, decorators: [{
|
|
769
|
+
type: Component,
|
|
770
|
+
args: [{ selector: 'arrow-down-icon', template: "<svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n height=\"24\"\r\n viewBox=\"0 -960 960 960\"\r\n width=\"24\"\r\n>\r\n <path d=\"M480-345 240-585l56-56 184 184 184-184 56 56-240 240Z\" />\r\n</svg>\r\n" }]
|
|
771
|
+
}] });
|
|
772
|
+
|
|
773
|
+
class CoreSelectComponent {
|
|
774
|
+
set items(data) {
|
|
775
|
+
this._items = data;
|
|
776
|
+
this.init();
|
|
777
|
+
}
|
|
778
|
+
set defaultValue(data) {
|
|
779
|
+
this._defaultValue = data;
|
|
780
|
+
this.init();
|
|
781
|
+
}
|
|
782
|
+
constructor(cdr) {
|
|
783
|
+
this.cdr = cdr;
|
|
784
|
+
this.selectedItem = {};
|
|
785
|
+
this.newItems = [];
|
|
786
|
+
this.isOpenMenu = false;
|
|
787
|
+
this._items = [];
|
|
788
|
+
this.size = 'small';
|
|
789
|
+
this.canHighlightBackground = false;
|
|
790
|
+
this.label = '';
|
|
791
|
+
this.disabled = false;
|
|
792
|
+
this.onItemSelected = new EventEmitter();
|
|
793
|
+
this.inputFormControl = new FormControl('', []);
|
|
794
|
+
}
|
|
795
|
+
init() {
|
|
796
|
+
this.titleKeyObject = this.titleKey;
|
|
797
|
+
this.valueKeyObject = this.valueKey;
|
|
798
|
+
this.newItems = this.changeItemsType(this._items);
|
|
799
|
+
this.inputFormControl.setValue(this._defaultValue);
|
|
800
|
+
this.onItemSelect(this.newItems.find((item) => item.value == this._defaultValue), false);
|
|
801
|
+
}
|
|
802
|
+
ngOnInit() {
|
|
803
|
+
this.init();
|
|
804
|
+
}
|
|
805
|
+
changeItemsType(items) {
|
|
806
|
+
return items.map((item) => {
|
|
807
|
+
return {
|
|
808
|
+
title: item[this.titleKeyObject],
|
|
809
|
+
value: item[this.valueKeyObject],
|
|
810
|
+
};
|
|
811
|
+
});
|
|
812
|
+
}
|
|
813
|
+
openMenuClick() {
|
|
814
|
+
if (this.disabled)
|
|
815
|
+
return;
|
|
816
|
+
this.isOpenMenu = !this.isOpenMenu;
|
|
817
|
+
}
|
|
818
|
+
onItemSelect(selectedItem, isFromUi) {
|
|
819
|
+
if (isFromUi)
|
|
820
|
+
this.inputFormControl.markAsTouched();
|
|
821
|
+
this.isOpenMenu = false;
|
|
822
|
+
if (!selectedItem) {
|
|
823
|
+
this.selectedItem = {};
|
|
824
|
+
return;
|
|
825
|
+
}
|
|
826
|
+
this.selectedItem = selectedItem;
|
|
827
|
+
const mainItem = this._items.find((item) => item[this.valueKeyObject] === selectedItem.value);
|
|
828
|
+
this.inputFormControl.setValue(selectedItem.value);
|
|
829
|
+
this.onItemSelected.emit(mainItem);
|
|
830
|
+
}
|
|
831
|
+
focusOut() {
|
|
832
|
+
this.isOpenMenu = false;
|
|
833
|
+
this.inputFormControl.markAsTouched();
|
|
834
|
+
}
|
|
835
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreSelectComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
836
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreSelectComponent, selector: "core-select", inputs: { titleKey: "titleKey", valueKey: "valueKey", size: "size", canHighlightBackground: "canHighlightBackground", items: "items", defaultValue: "defaultValue", label: "label", disabled: "disabled", inputFormControl: "inputFormControl" }, outputs: { onItemSelected: "onItemSelected" }, ngImport: i0, template: "<div tabindex=\"-1\" class=\"dropdown\" (focusout)=\"focusOut()\">\r\n <div\r\n class=\"select\"\r\n [ngClass]=\"{\r\n 'select-clicked': isOpenMenu,\r\n 'highlight-background':\r\n canHighlightBackground &&\r\n (selectedItem | json) === ({} | json) &&\r\n !(inputFormControl.touched && inputFormControl.errors),\r\n selectError: inputFormControl.touched && inputFormControl.errors ,\r\n 'disable-selector': disabled,\r\n\r\n }\"\r\n (click)=\"openMenuClick()\"\r\n >\r\n <span\r\n class=\"placeholder-top\"\r\n *ngIf=\"(selectedItem | json) != ({} | json)\"\r\n >{{ label }}</span\r\n >\r\n <arrow-down-icon\r\n class=\"caret fill-secondary-text-color h-6\"\r\n [ngClass]=\"{ 'caret-rotate': isOpenMenu }\"\r\n ></arrow-down-icon>\r\n\r\n <span\r\n [ngClass]=\"[\r\n label.length > 0 && (selectedItem | json) == ({} | json)\r\n ? 'placeholder'\r\n : 'selected'\r\n ]\"\r\n >{{\r\n label.length > 0 && (selectedItem | json) == ({} | json)\r\n ? label\r\n : selectedItem.title\r\n }}</span\r\n >\r\n </div>\r\n <ul class=\"menu\" [ngClass]=\"{ 'menu-open': isOpenMenu }\">\r\n <li\r\n *ngFor=\"let item of newItems\"\r\n [ngClass]=\"{ active: item == selectedItem }\"\r\n (click)=\"onItemSelect(item, true)\"\r\n >\r\n {{ item.title }}\r\n </li>\r\n </ul>\r\n <div class=\"label-error overflow-hidden\">\r\n <span\r\n *ngIf=\"\r\n inputFormControl.touched &&\r\n inputFormControl.errors?.['required']\"\r\n >\u0627\u06CC\u0646 \u0641\u06CC\u0644\u062F \u062E\u0627\u0644\u06CC \u0627\u0633\u062A</span\r\n >\r\n </div>\r\n</div>\r\n", styles: [".dropdown{min-width:15em;position:relative;width:100%;min-width:120px}.dropdown .disable-selector{background-color:#f7f7f7!important;border:1px dashed #ced4da!important;cursor:no-drop!important}.dropdown .highlight-background{background-color:#dcf6ff!important}.dropdown .select{background:#fff;color:#304050;display:flex;height:42px;justify-content:space-between;flex-direction:row-reverse;align-items:center;border:1px solid #ced4da;border-radius:4px;padding:8px;cursor:pointer;transition:background .3s;font-size:12px;-webkit-user-select:none;user-select:none}.dropdown .select:hover{background:#fbfbfb}.dropdown .select .selected{padding-inline:12px;font-size:14px;color:#000000b3;-webkit-user-select:none;user-select:none}.dropdown .select .placeholder-top{position:absolute;right:13px;background:#fff;top:-8px;padding-inline:6px;font-size:11px;color:#888}.dropdown .select .caret{color:#595c5f;-webkit-user-select:none;user-select:none}.dropdown .select .caret-rotate{transform:rotate(180deg)}.dropdown .select .placeholder{color:#888;padding-inline:16px}.dropdown .select-clicked{border:1px solid rgba(19,92,175,.397)}.dropdown .menu{list-style:none;padding-inline:0px;background:#fff;border:1px #e3e8f1 solid;box-shadow:0 .5em 1em #0003;border-radius:.5em;color:#595c5f;position:absolute;top:40px;left:50%;width:100%;transform:translate(-50%);opacity:0;display:none;transition:0,2s;z-index:10;max-height:200px;overflow:auto}.dropdown .menu li{padding:.7em .5em;margin:.3em 0;margin-inline:4px;border-radius:.5em;font-size:14px;text-align:start;cursor:pointer}.dropdown .menu li:hover{background:#f6f6f6}.dropdown .menu .active{background:#ced4da}.dropdown .menu-open{display:block;opacity:1}.dropdown .label-error{color:red;font-size:13px;margin-block-start:4px;min-height:21px;width:100%;display:inline-block!important;text-align:start}.dropdown .selectError{border:1px solid #fe5f5f!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ArrowDownIconComponent, selector: "arrow-down-icon" }, { kind: "pipe", type: i1.JsonPipe, name: "json" }] }); }
|
|
837
|
+
}
|
|
838
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreSelectComponent, decorators: [{
|
|
839
|
+
type: Component,
|
|
840
|
+
args: [{ selector: 'core-select', template: "<div tabindex=\"-1\" class=\"dropdown\" (focusout)=\"focusOut()\">\r\n <div\r\n class=\"select\"\r\n [ngClass]=\"{\r\n 'select-clicked': isOpenMenu,\r\n 'highlight-background':\r\n canHighlightBackground &&\r\n (selectedItem | json) === ({} | json) &&\r\n !(inputFormControl.touched && inputFormControl.errors),\r\n selectError: inputFormControl.touched && inputFormControl.errors ,\r\n 'disable-selector': disabled,\r\n\r\n }\"\r\n (click)=\"openMenuClick()\"\r\n >\r\n <span\r\n class=\"placeholder-top\"\r\n *ngIf=\"(selectedItem | json) != ({} | json)\"\r\n >{{ label }}</span\r\n >\r\n <arrow-down-icon\r\n class=\"caret fill-secondary-text-color h-6\"\r\n [ngClass]=\"{ 'caret-rotate': isOpenMenu }\"\r\n ></arrow-down-icon>\r\n\r\n <span\r\n [ngClass]=\"[\r\n label.length > 0 && (selectedItem | json) == ({} | json)\r\n ? 'placeholder'\r\n : 'selected'\r\n ]\"\r\n >{{\r\n label.length > 0 && (selectedItem | json) == ({} | json)\r\n ? label\r\n : selectedItem.title\r\n }}</span\r\n >\r\n </div>\r\n <ul class=\"menu\" [ngClass]=\"{ 'menu-open': isOpenMenu }\">\r\n <li\r\n *ngFor=\"let item of newItems\"\r\n [ngClass]=\"{ active: item == selectedItem }\"\r\n (click)=\"onItemSelect(item, true)\"\r\n >\r\n {{ item.title }}\r\n </li>\r\n </ul>\r\n <div class=\"label-error overflow-hidden\">\r\n <span\r\n *ngIf=\"\r\n inputFormControl.touched &&\r\n inputFormControl.errors?.['required']\"\r\n >\u0627\u06CC\u0646 \u0641\u06CC\u0644\u062F \u062E\u0627\u0644\u06CC \u0627\u0633\u062A</span\r\n >\r\n </div>\r\n</div>\r\n", styles: [".dropdown{min-width:15em;position:relative;width:100%;min-width:120px}.dropdown .disable-selector{background-color:#f7f7f7!important;border:1px dashed #ced4da!important;cursor:no-drop!important}.dropdown .highlight-background{background-color:#dcf6ff!important}.dropdown .select{background:#fff;color:#304050;display:flex;height:42px;justify-content:space-between;flex-direction:row-reverse;align-items:center;border:1px solid #ced4da;border-radius:4px;padding:8px;cursor:pointer;transition:background .3s;font-size:12px;-webkit-user-select:none;user-select:none}.dropdown .select:hover{background:#fbfbfb}.dropdown .select .selected{padding-inline:12px;font-size:14px;color:#000000b3;-webkit-user-select:none;user-select:none}.dropdown .select .placeholder-top{position:absolute;right:13px;background:#fff;top:-8px;padding-inline:6px;font-size:11px;color:#888}.dropdown .select .caret{color:#595c5f;-webkit-user-select:none;user-select:none}.dropdown .select .caret-rotate{transform:rotate(180deg)}.dropdown .select .placeholder{color:#888;padding-inline:16px}.dropdown .select-clicked{border:1px solid rgba(19,92,175,.397)}.dropdown .menu{list-style:none;padding-inline:0px;background:#fff;border:1px #e3e8f1 solid;box-shadow:0 .5em 1em #0003;border-radius:.5em;color:#595c5f;position:absolute;top:40px;left:50%;width:100%;transform:translate(-50%);opacity:0;display:none;transition:0,2s;z-index:10;max-height:200px;overflow:auto}.dropdown .menu li{padding:.7em .5em;margin:.3em 0;margin-inline:4px;border-radius:.5em;font-size:14px;text-align:start;cursor:pointer}.dropdown .menu li:hover{background:#f6f6f6}.dropdown .menu .active{background:#ced4da}.dropdown .menu-open{display:block;opacity:1}.dropdown .label-error{color:red;font-size:13px;margin-block-start:4px;min-height:21px;width:100%;display:inline-block!important;text-align:start}.dropdown .selectError{border:1px solid #fe5f5f!important}\n"] }]
|
|
841
|
+
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { titleKey: [{
|
|
842
|
+
type: Input
|
|
843
|
+
}], valueKey: [{
|
|
844
|
+
type: Input
|
|
845
|
+
}], size: [{
|
|
846
|
+
type: Input
|
|
847
|
+
}], canHighlightBackground: [{
|
|
848
|
+
type: Input
|
|
849
|
+
}], items: [{
|
|
850
|
+
type: Input
|
|
851
|
+
}], defaultValue: [{
|
|
852
|
+
type: Input
|
|
853
|
+
}], label: [{
|
|
854
|
+
type: Input
|
|
855
|
+
}], disabled: [{
|
|
856
|
+
type: Input
|
|
857
|
+
}], onItemSelected: [{
|
|
858
|
+
type: Output
|
|
859
|
+
}], inputFormControl: [{
|
|
860
|
+
type: Input
|
|
861
|
+
}] } });
|
|
862
|
+
|
|
863
|
+
class CoreSwitchComponent {
|
|
864
|
+
constructor() {
|
|
865
|
+
this.value = new EventEmitter();
|
|
866
|
+
this.label = '';
|
|
867
|
+
}
|
|
868
|
+
set defaultValue(value) {
|
|
869
|
+
this.toggle = value;
|
|
870
|
+
}
|
|
871
|
+
change() {
|
|
872
|
+
if (this.toggle === this.icon.iconActive)
|
|
873
|
+
this.toggle = this.icon.iconInactive;
|
|
874
|
+
else
|
|
875
|
+
this.toggle = this.icon.iconActive;
|
|
876
|
+
this.value.emit(this.toggle);
|
|
877
|
+
}
|
|
878
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreSwitchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
879
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreSwitchComponent, selector: "core-switch", inputs: { icon: "icon", label: "label", defaultValue: "defaultValue" }, outputs: { value: "value" }, ngImport: i0, template: "<div class=\"switch-container\" (click)=\"change()\">\r\n <input\r\n type=\"checkbox\"\r\n class=\"switch\"\r\n [checked]=\"toggle === icon.iconActive\"\r\n />\r\n <div class=\"switch-color\">\r\n <span>{{ label }} </span>\r\n </div>\r\n <label for=\"switch\" class=\"label\"\r\n ><span class=\"material-symbols-outlined\">{{ toggle }} </span>\r\n </label>\r\n</div>\r\n", styles: [".switch-container{min-width:55px;max-width:118px;height:30px;border-radius:10em;border:1px solid var(--default-switch-border-color);position:relative;cursor:pointer;text-align:end}.switch-container .switch{display:none}.switch-container .switch:checked~.label{transform:translate(87px) rotate(360deg)}.switch-container .switch~.label{transition:all 1s cubic-bezier(.34,1.36,.2,1)}.switch-container .switch-color{width:100%;height:30px;background:var(--default-switch-background-color);border-radius:10em;z-index:0;position:absolute;transition:all .5s cubic-bezier(.34,1.36,.2,1)}.switch-container .label{width:25px;height:25px;text-align:center;border-radius:10em;background:var(--default-switch-background-label-color);position:absolute;top:2px;left:3px;box-shadow:2px 2px 10px 2px var(--default-switch-box-shadow-color);z-index:2;cursor:pointer;-webkit-user-select:none;user-select:none}.switch-container .label span{font-size:20px;padding-block-start:3px;padding-inline-start:1px;color:var(--default-switch-text-color)}\n"] }); }
|
|
880
|
+
}
|
|
881
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreSwitchComponent, decorators: [{
|
|
882
|
+
type: Component,
|
|
883
|
+
args: [{ selector: 'core-switch', template: "<div class=\"switch-container\" (click)=\"change()\">\r\n <input\r\n type=\"checkbox\"\r\n class=\"switch\"\r\n [checked]=\"toggle === icon.iconActive\"\r\n />\r\n <div class=\"switch-color\">\r\n <span>{{ label }} </span>\r\n </div>\r\n <label for=\"switch\" class=\"label\"\r\n ><span class=\"material-symbols-outlined\">{{ toggle }} </span>\r\n </label>\r\n</div>\r\n", styles: [".switch-container{min-width:55px;max-width:118px;height:30px;border-radius:10em;border:1px solid var(--default-switch-border-color);position:relative;cursor:pointer;text-align:end}.switch-container .switch{display:none}.switch-container .switch:checked~.label{transform:translate(87px) rotate(360deg)}.switch-container .switch~.label{transition:all 1s cubic-bezier(.34,1.36,.2,1)}.switch-container .switch-color{width:100%;height:30px;background:var(--default-switch-background-color);border-radius:10em;z-index:0;position:absolute;transition:all .5s cubic-bezier(.34,1.36,.2,1)}.switch-container .label{width:25px;height:25px;text-align:center;border-radius:10em;background:var(--default-switch-background-label-color);position:absolute;top:2px;left:3px;box-shadow:2px 2px 10px 2px var(--default-switch-box-shadow-color);z-index:2;cursor:pointer;-webkit-user-select:none;user-select:none}.switch-container .label span{font-size:20px;padding-block-start:3px;padding-inline-start:1px;color:var(--default-switch-text-color)}\n"] }]
|
|
884
|
+
}], propDecorators: { value: [{
|
|
885
|
+
type: Output
|
|
886
|
+
}], icon: [{
|
|
887
|
+
type: Input
|
|
888
|
+
}], label: [{
|
|
889
|
+
type: Input
|
|
890
|
+
}], defaultValue: [{
|
|
891
|
+
type: Input
|
|
892
|
+
}] } });
|
|
893
|
+
|
|
894
|
+
var IconInput;
|
|
895
|
+
(function (IconInput) {
|
|
896
|
+
IconInput["Password"] = "Password";
|
|
897
|
+
IconInput["Text"] = "Text";
|
|
898
|
+
IconInput["EmailPhone"] = "EmailPhone";
|
|
899
|
+
IconInput["Phone"] = "Phone";
|
|
900
|
+
IconInput["Editable"] = "Editable";
|
|
901
|
+
IconInput["Verified"] = "Verified";
|
|
902
|
+
IconInput["NotVerified"] = "NotVerified";
|
|
903
|
+
IconInput["OwnerName"] = "OwnerName";
|
|
904
|
+
IconInput["totalAmount"] = "totalAmount";
|
|
905
|
+
IconInput["totalRows"] = "totalRows";
|
|
906
|
+
IconInput["Date"] = "Date";
|
|
907
|
+
})(IconInput || (IconInput = {}));
|
|
908
|
+
var UserLanguage;
|
|
909
|
+
(function (UserLanguage) {
|
|
910
|
+
UserLanguage["EN"] = "en";
|
|
911
|
+
UserLanguage["FA"] = "fa";
|
|
912
|
+
})(UserLanguage || (UserLanguage = {}));
|
|
913
|
+
var COLUMNS_TYPES;
|
|
914
|
+
(function (COLUMNS_TYPES) {
|
|
915
|
+
COLUMNS_TYPES["TEXT"] = "text";
|
|
916
|
+
COLUMNS_TYPES["NUMBER"] = "number";
|
|
917
|
+
COLUMNS_TYPES["SELECTOR"] = "selector";
|
|
918
|
+
COLUMNS_TYPES["ROW_SELECTOR"] = "row-selector";
|
|
919
|
+
COLUMNS_TYPES["STATUS"] = "status";
|
|
920
|
+
COLUMNS_TYPES["STATUS_ACTIVE"] = "status-active";
|
|
921
|
+
COLUMNS_TYPES["ACTION"] = "action";
|
|
922
|
+
COLUMNS_TYPES["ACTION_BUTTONS"] = "action-buttons";
|
|
923
|
+
COLUMNS_TYPES["SHAMSI_DATE"] = "shamsi-date";
|
|
924
|
+
COLUMNS_TYPES["MULTI_COLUMN"] = "multiColumn";
|
|
925
|
+
COLUMNS_TYPES["PELAK"] = "pelak";
|
|
926
|
+
COLUMNS_TYPES["DETAIL_VIEWER_FOR_REPORT"] = "detail-viewer-for-report";
|
|
927
|
+
})(COLUMNS_TYPES || (COLUMNS_TYPES = {}));
|
|
928
|
+
var TOAST_MESSAGES;
|
|
929
|
+
(function (TOAST_MESSAGES) {
|
|
930
|
+
TOAST_MESSAGES["SUCCESSFUL_CREATE"] = "\u0628\u0627 \u0645\u0648\u0641\u0642\u06CC\u062A \u062B\u0628\u062A \u0634\u062F";
|
|
931
|
+
TOAST_MESSAGES["SUCCESSFUL_ADDED"] = "\u0628\u0627 \u0645\u0648\u0641\u0642\u06CC\u062A \u0627\u0636\u0627\u0641\u0647 \u0634\u062F";
|
|
932
|
+
TOAST_MESSAGES["SUCCESSFUL_EDIT"] = "\u0628\u0627 \u0645\u0648\u0641\u0642\u06CC\u062A \u0648\u06CC\u0631\u0627\u06CC\u0634 \u0634\u062F";
|
|
933
|
+
TOAST_MESSAGES["SUCCESSFUL_DELETED"] = "\u0628\u0627 \u0645\u0648\u0641\u0642\u06CC\u062A \u062D\u0630\u0641 \u0634\u062F ";
|
|
934
|
+
})(TOAST_MESSAGES || (TOAST_MESSAGES = {}));
|
|
935
|
+
const travelTypes = [
|
|
936
|
+
{
|
|
937
|
+
title: 'داخلی',
|
|
938
|
+
value: 'Domestic',
|
|
939
|
+
},
|
|
940
|
+
{
|
|
941
|
+
title: 'بین المللی',
|
|
942
|
+
value: 'International',
|
|
943
|
+
},
|
|
944
|
+
];
|
|
945
|
+
var DetailViewers$1;
|
|
946
|
+
(function (DetailViewers) {
|
|
947
|
+
DetailViewers["BILL"] = "bill";
|
|
948
|
+
DetailViewers["DRIVER"] = "driver";
|
|
949
|
+
DetailViewers["MANIFEST"] = "manifest";
|
|
950
|
+
DetailViewers["SERVICE"] = "service";
|
|
951
|
+
DetailViewers["VEHICLE"] = "vehicle";
|
|
952
|
+
})(DetailViewers$1 || (DetailViewers$1 = {}));
|
|
953
|
+
const countryCodes = [
|
|
954
|
+
{
|
|
955
|
+
countryId: 'IR',
|
|
956
|
+
countryNameFa: 'ايران',
|
|
957
|
+
countryNameEn: 'Iran',
|
|
958
|
+
},
|
|
959
|
+
];
|
|
960
|
+
const priceTypes = [
|
|
961
|
+
{
|
|
962
|
+
currencyId: 'IRR',
|
|
963
|
+
currencyNameEn: 'Iranian Rial',
|
|
964
|
+
currencyNameFa: 'ریال ایران',
|
|
965
|
+
},
|
|
966
|
+
];
|
|
967
|
+
const Letters = [
|
|
968
|
+
{
|
|
969
|
+
key: 2,
|
|
970
|
+
value: 'ب',
|
|
971
|
+
},
|
|
972
|
+
{
|
|
973
|
+
key: 3,
|
|
974
|
+
value: 'پ',
|
|
975
|
+
},
|
|
976
|
+
{
|
|
977
|
+
key: 4,
|
|
978
|
+
value: 'ت',
|
|
979
|
+
},
|
|
980
|
+
{
|
|
981
|
+
key: 5,
|
|
982
|
+
value: 'ث',
|
|
983
|
+
},
|
|
984
|
+
{
|
|
985
|
+
key: 6,
|
|
986
|
+
value: 'ج',
|
|
987
|
+
},
|
|
988
|
+
{
|
|
989
|
+
key: 7,
|
|
990
|
+
value: 'د',
|
|
991
|
+
},
|
|
992
|
+
{
|
|
993
|
+
key: 8,
|
|
994
|
+
value: 'ز',
|
|
995
|
+
},
|
|
996
|
+
{
|
|
997
|
+
key: 9,
|
|
998
|
+
value: 'س',
|
|
999
|
+
},
|
|
1000
|
+
{
|
|
1001
|
+
key: 10,
|
|
1002
|
+
value: 'ش',
|
|
1003
|
+
},
|
|
1004
|
+
{
|
|
1005
|
+
key: 11,
|
|
1006
|
+
value: 'ص',
|
|
1007
|
+
},
|
|
1008
|
+
{
|
|
1009
|
+
key: 12,
|
|
1010
|
+
value: 'ط',
|
|
1011
|
+
},
|
|
1012
|
+
{
|
|
1013
|
+
key: 13,
|
|
1014
|
+
value: 'ع',
|
|
1015
|
+
},
|
|
1016
|
+
{
|
|
1017
|
+
key: 14,
|
|
1018
|
+
value: 'ف',
|
|
1019
|
+
},
|
|
1020
|
+
{
|
|
1021
|
+
key: 15,
|
|
1022
|
+
value: 'ق',
|
|
1023
|
+
},
|
|
1024
|
+
{
|
|
1025
|
+
key: 16,
|
|
1026
|
+
value: 'ک',
|
|
1027
|
+
},
|
|
1028
|
+
{
|
|
1029
|
+
key: 17,
|
|
1030
|
+
value: 'گ',
|
|
1031
|
+
},
|
|
1032
|
+
{
|
|
1033
|
+
key: 18,
|
|
1034
|
+
value: 'ل',
|
|
1035
|
+
},
|
|
1036
|
+
{
|
|
1037
|
+
key: 19,
|
|
1038
|
+
value: 'م',
|
|
1039
|
+
},
|
|
1040
|
+
{
|
|
1041
|
+
key: 20,
|
|
1042
|
+
value: 'ن',
|
|
1043
|
+
},
|
|
1044
|
+
{
|
|
1045
|
+
key: 21,
|
|
1046
|
+
value: 'و',
|
|
1047
|
+
},
|
|
1048
|
+
{
|
|
1049
|
+
key: 22,
|
|
1050
|
+
value: 'ه',
|
|
1051
|
+
},
|
|
1052
|
+
{
|
|
1053
|
+
key: 23,
|
|
1054
|
+
value: 'ی',
|
|
1055
|
+
},
|
|
1056
|
+
];
|
|
1057
|
+
const YES_NO_OPTIONS = [
|
|
1058
|
+
{
|
|
1059
|
+
title: 'بله',
|
|
1060
|
+
value: true,
|
|
1061
|
+
},
|
|
1062
|
+
{
|
|
1063
|
+
title: 'خیر',
|
|
1064
|
+
value: false,
|
|
1065
|
+
},
|
|
1066
|
+
];
|
|
1067
|
+
const ACTIVE_OPTIONS = [
|
|
1068
|
+
{
|
|
1069
|
+
title: 'فعال',
|
|
1070
|
+
value: true,
|
|
1071
|
+
},
|
|
1072
|
+
{
|
|
1073
|
+
title: 'غیر فعال',
|
|
1074
|
+
value: false,
|
|
1075
|
+
},
|
|
1076
|
+
];
|
|
1077
|
+
|
|
1078
|
+
class Util {
|
|
1079
|
+
static getMoneyFormat(data) {
|
|
1080
|
+
return ('' + data).replace(/(\d)(?=(\d{3})+(?!\d))/g, '$1,');
|
|
1081
|
+
}
|
|
1082
|
+
static isRunningOnSmallScreen() {
|
|
1083
|
+
return window.innerWidth < 772;
|
|
1084
|
+
}
|
|
1085
|
+
static isRunningOnMobile() {
|
|
1086
|
+
return !this.isRunningOnWindows;
|
|
1087
|
+
}
|
|
1088
|
+
static isRunningOnWindows() {
|
|
1089
|
+
return navigator.platform.startsWith('Win');
|
|
1090
|
+
}
|
|
1091
|
+
static getRunningPlatform() {
|
|
1092
|
+
return navigator.platform;
|
|
1093
|
+
}
|
|
1094
|
+
static getTotalFromArray(array, name) {
|
|
1095
|
+
return array.map((item) => +item[name]).reduce((prev, next) => prev + next);
|
|
1096
|
+
}
|
|
1097
|
+
static shamsiToMiladi(value, format) {
|
|
1098
|
+
const m = moment(value, 'jYYYY-jMM-jDD HH:mm');
|
|
1099
|
+
return m.format(format);
|
|
1100
|
+
}
|
|
1101
|
+
}
|
|
1102
|
+
|
|
1103
|
+
class CalendarIconComponent {
|
|
1104
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CalendarIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1105
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CalendarIconComponent, selector: "calendar-icon", ngImport: i0, template: "<svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n viewBox=\"0 -960 960 960\"\r\n height=\"100%\"\r\n width=\"100%\"\r\n>\r\n <path\r\n d=\"M200-80q-33 0-56.5-23.5T120-160v-560q0-33 23.5-56.5T200-800h40v-80h80v80h320v-80h80v80h40q33 0 56.5 23.5T840-720v560q0 33-23.5 56.5T760-80H200Zm0-80h560v-400H200v400Zm0-480h560v-80H200v80Zm0 0v-80 80Zm280 240q-17 0-28.5-11.5T440-440q0-17 11.5-28.5T480-480q17 0 28.5 11.5T520-440q0 17-11.5 28.5T480-400Zm-160 0q-17 0-28.5-11.5T280-440q0-17 11.5-28.5T320-480q17 0 28.5 11.5T360-440q0 17-11.5 28.5T320-400Zm320 0q-17 0-28.5-11.5T600-440q0-17 11.5-28.5T640-480q17 0 28.5 11.5T680-440q0 17-11.5 28.5T640-400ZM480-240q-17 0-28.5-11.5T440-280q0-17 11.5-28.5T480-320q17 0 28.5 11.5T520-280q0 17-11.5 28.5T480-240Zm-160 0q-17 0-28.5-11.5T280-280q0-17 11.5-28.5T320-320q17 0 28.5 11.5T360-280q0 17-11.5 28.5T320-240Zm320 0q-17 0-28.5-11.5T600-280q0-17 11.5-28.5T640-320q17 0 28.5 11.5T680-280q0 17-11.5 28.5T640-240Z\"\r\n />\r\n</svg>\r\n", styles: [""] }); }
|
|
1106
|
+
}
|
|
1107
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CalendarIconComponent, decorators: [{
|
|
1108
|
+
type: Component,
|
|
1109
|
+
args: [{ selector: 'calendar-icon', template: "<svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n viewBox=\"0 -960 960 960\"\r\n height=\"100%\"\r\n width=\"100%\"\r\n>\r\n <path\r\n d=\"M200-80q-33 0-56.5-23.5T120-160v-560q0-33 23.5-56.5T200-800h40v-80h80v80h320v-80h80v80h40q33 0 56.5 23.5T840-720v560q0 33-23.5 56.5T760-80H200Zm0-80h560v-400H200v400Zm0-480h560v-80H200v80Zm0 0v-80 80Zm280 240q-17 0-28.5-11.5T440-440q0-17 11.5-28.5T480-480q17 0 28.5 11.5T520-440q0 17-11.5 28.5T480-400Zm-160 0q-17 0-28.5-11.5T280-440q0-17 11.5-28.5T320-480q17 0 28.5 11.5T360-440q0 17-11.5 28.5T320-400Zm320 0q-17 0-28.5-11.5T600-440q0-17 11.5-28.5T640-480q17 0 28.5 11.5T680-440q0 17-11.5 28.5T640-400ZM480-240q-17 0-28.5-11.5T440-280q0-17 11.5-28.5T480-320q17 0 28.5 11.5T520-280q0 17-11.5 28.5T480-240Zm-160 0q-17 0-28.5-11.5T280-280q0-17 11.5-28.5T320-320q17 0 28.5 11.5T360-280q0 17-11.5 28.5T320-240Zm320 0q-17 0-28.5-11.5T600-280q0-17 11.5-28.5T640-320q17 0 28.5 11.5T680-280q0 17-11.5 28.5T640-240Z\"\r\n />\r\n</svg>\r\n" }]
|
|
1110
|
+
}] });
|
|
1111
|
+
|
|
1112
|
+
class CoreColumnInputComponent {
|
|
1113
|
+
constructor() {
|
|
1114
|
+
this.showRemoveIcon = true;
|
|
1115
|
+
this.placeholder = '';
|
|
1116
|
+
this.onChange = new EventEmitter();
|
|
1117
|
+
this.value = '';
|
|
1118
|
+
this.isDatePicker = false;
|
|
1119
|
+
this.maxLength = 2000;
|
|
1120
|
+
}
|
|
1121
|
+
set type(value) {
|
|
1122
|
+
this.inputType = value;
|
|
1123
|
+
}
|
|
1124
|
+
change(event) {
|
|
1125
|
+
this.onChange.emit(event);
|
|
1126
|
+
}
|
|
1127
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreColumnInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1128
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreColumnInputComponent, selector: "core-column-input", inputs: { showRemoveIcon: "showRemoveIcon", placeholder: "placeholder", value: "value", type: "type", isDatePicker: "isDatePicker", maxLength: "maxLength" }, outputs: { onChange: "onChange" }, ngImport: i0, template: "<div class=\"search-box flex focus:bg-slate-600\">\r\n <input\r\n [type]=\"showRemoveIcon ? 'search' : 'text'\"\r\n placeholder=\"{{ placeholder }}\"\r\n [(ngModel)]=\"value\"\r\n (ngModelChange)=\"change($event)\"\r\n class=\"box-border\"\r\n />\r\n <search-icon\r\n *ngIf=\"!isDatePicker\"\r\n class=\"absolute top-1 w-5 right-1 fill-gray-500\"\r\n ></search-icon>\r\n <calendar-icon\r\n *ngIf=\"isDatePicker\"\r\n class=\"absolute top-1 w-5 right-1 fill-gray-500\"\r\n ></calendar-icon>\r\n</div>\r\n", styles: [".search-box{width:100%;position:relative;box-sizing:border-box;background:transparent}.search-box input{width:100%;color:var(--default-table-column-input-text-color);outline:0;background:transparent;border-bottom:1px solid var(--default-table-column-input-border-color);font-size:.875rem;padding-block:5px;padding-right:30px;padding-left:6px}.search-box input:focus{border-bottom:1px solid #96bdf2}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: SearchIconComponent, selector: "search-icon" }, { kind: "component", type: CalendarIconComponent, selector: "calendar-icon" }] }); }
|
|
1129
|
+
}
|
|
1130
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreColumnInputComponent, decorators: [{
|
|
1131
|
+
type: Component,
|
|
1132
|
+
args: [{ selector: 'core-column-input', template: "<div class=\"search-box flex focus:bg-slate-600\">\r\n <input\r\n [type]=\"showRemoveIcon ? 'search' : 'text'\"\r\n placeholder=\"{{ placeholder }}\"\r\n [(ngModel)]=\"value\"\r\n (ngModelChange)=\"change($event)\"\r\n class=\"box-border\"\r\n />\r\n <search-icon\r\n *ngIf=\"!isDatePicker\"\r\n class=\"absolute top-1 w-5 right-1 fill-gray-500\"\r\n ></search-icon>\r\n <calendar-icon\r\n *ngIf=\"isDatePicker\"\r\n class=\"absolute top-1 w-5 right-1 fill-gray-500\"\r\n ></calendar-icon>\r\n</div>\r\n", styles: [".search-box{width:100%;position:relative;box-sizing:border-box;background:transparent}.search-box input{width:100%;color:var(--default-table-column-input-text-color);outline:0;background:transparent;border-bottom:1px solid var(--default-table-column-input-border-color);font-size:.875rem;padding-block:5px;padding-right:30px;padding-left:6px}.search-box input:focus{border-bottom:1px solid #96bdf2}\n"] }]
|
|
1133
|
+
}], propDecorators: { showRemoveIcon: [{
|
|
1134
|
+
type: Input
|
|
1135
|
+
}], placeholder: [{
|
|
1136
|
+
type: Input
|
|
1137
|
+
}], onChange: [{
|
|
1138
|
+
type: Output
|
|
1139
|
+
}], value: [{
|
|
1140
|
+
type: Input
|
|
1141
|
+
}], type: [{
|
|
1142
|
+
type: Input
|
|
1143
|
+
}], isDatePicker: [{
|
|
1144
|
+
type: Input
|
|
1145
|
+
}], maxLength: [{
|
|
1146
|
+
type: Input
|
|
1147
|
+
}] } });
|
|
1148
|
+
|
|
1149
|
+
class CoreColumnDatePickerComponent {
|
|
1150
|
+
constructor(changeDetectorRef) {
|
|
1151
|
+
this.changeDetectorRef = changeDetectorRef;
|
|
1152
|
+
this.canSelectToday = false;
|
|
1153
|
+
this.defaultDate = '';
|
|
1154
|
+
this.inputFormControl = new FormControl('', []);
|
|
1155
|
+
this.onChange = new EventEmitter();
|
|
1156
|
+
this.niraDatePickerForm = {};
|
|
1157
|
+
this.isOpenCalendar = false;
|
|
1158
|
+
this.date = '';
|
|
1159
|
+
}
|
|
1160
|
+
ngOnInit() {
|
|
1161
|
+
this.niraDatePickerForm = new FormGroup({
|
|
1162
|
+
niraDatePickerFormCtrl: this.inputFormControl,
|
|
1163
|
+
});
|
|
1164
|
+
}
|
|
1165
|
+
ngAfterViewInit() {
|
|
1166
|
+
this.changeDetectorRef.detectChanges();
|
|
1167
|
+
}
|
|
1168
|
+
clearedText() {
|
|
1169
|
+
this.niraDatePickerForm.setValue({
|
|
1170
|
+
niraDatePickerFormCtrl: '',
|
|
1171
|
+
});
|
|
1172
|
+
this.date = '';
|
|
1173
|
+
this.onChange.emit(undefined);
|
|
1174
|
+
}
|
|
1175
|
+
onDatePickerResult(result) {
|
|
1176
|
+
this.niraDatePickerForm.setValue({
|
|
1177
|
+
niraDatePickerFormCtrl: result,
|
|
1178
|
+
});
|
|
1179
|
+
this.date = result;
|
|
1180
|
+
this.onChange.emit(result);
|
|
1181
|
+
}
|
|
1182
|
+
onTodayDate(todayDate) {
|
|
1183
|
+
this.date = todayDate;
|
|
1184
|
+
this.niraDatePickerForm.setValue({
|
|
1185
|
+
niraDatePickerFormCtrl: todayDate,
|
|
1186
|
+
});
|
|
1187
|
+
}
|
|
1188
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreColumnDatePickerComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1189
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreColumnDatePickerComponent, selector: "core-column-date-picker", inputs: { canSelectToday: "canSelectToday", defaultDate: "defaultDate", inputFormControl: "inputFormControl" }, outputs: { onChange: "onChange" }, ngImport: i0, template: "<div class=\"relative\">\r\n <core-column-input\r\n (click)=\"isOpenCalendar = true\"\r\n [value]=\"date\"\r\n [isDatePicker]=\"true\"\r\n [showRemoveIcon]=\"false\"\r\n >\r\n </core-column-input>\r\n <close-icon\r\n *ngIf=\"date\"\r\n (click)=\"clearedText()\"\r\n class=\"absolute w-4 top-2 left-11 close-icon\"\r\n ></close-icon>\r\n</div>\r\n<lib-nira-date-picker\r\n [(isOpenCalendar)]=\"isOpenCalendar\"\r\n [defaultDate]=\"date ? date : defaultDate\"\r\n (datePickerResult)=\"onDatePickerResult($event)\"\r\n [selectToday]=\"canSelectToday\"\r\n>\r\n</lib-nira-date-picker>\r\n", styles: [".close-icon{fill:var(--default-table-column-date-picker-close-icon-color)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1$2.NiraDatePickerComponent, selector: "lib-nira-date-picker", inputs: ["selectToday", "disable", "changableYears", "theme", "defaultDate", "isOpenCalendar"], outputs: ["isOpenCalendarChange", "todayDate", "datePickerResult"] }, { kind: "component", type: CoreColumnInputComponent, selector: "core-column-input", inputs: ["showRemoveIcon", "placeholder", "value", "type", "isDatePicker", "maxLength"], outputs: ["onChange"] }, { kind: "component", type: CloseIconComponent, selector: "close-icon" }] }); }
|
|
1190
|
+
}
|
|
1191
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreColumnDatePickerComponent, decorators: [{
|
|
1192
|
+
type: Component,
|
|
1193
|
+
args: [{ selector: 'core-column-date-picker', template: "<div class=\"relative\">\r\n <core-column-input\r\n (click)=\"isOpenCalendar = true\"\r\n [value]=\"date\"\r\n [isDatePicker]=\"true\"\r\n [showRemoveIcon]=\"false\"\r\n >\r\n </core-column-input>\r\n <close-icon\r\n *ngIf=\"date\"\r\n (click)=\"clearedText()\"\r\n class=\"absolute w-4 top-2 left-11 close-icon\"\r\n ></close-icon>\r\n</div>\r\n<lib-nira-date-picker\r\n [(isOpenCalendar)]=\"isOpenCalendar\"\r\n [defaultDate]=\"date ? date : defaultDate\"\r\n (datePickerResult)=\"onDatePickerResult($event)\"\r\n [selectToday]=\"canSelectToday\"\r\n>\r\n</lib-nira-date-picker>\r\n", styles: [".close-icon{fill:var(--default-table-column-date-picker-close-icon-color)}\n"] }]
|
|
1194
|
+
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { canSelectToday: [{
|
|
1195
|
+
type: Input
|
|
1196
|
+
}], defaultDate: [{
|
|
1197
|
+
type: Input
|
|
1198
|
+
}], inputFormControl: [{
|
|
1199
|
+
type: Input
|
|
1200
|
+
}], onChange: [{
|
|
1201
|
+
type: Output
|
|
1202
|
+
}] } });
|
|
1203
|
+
|
|
1204
|
+
class CoreColumnSelectorComponent {
|
|
1205
|
+
// _items: any[] = ACTIVE_OPTIONS;
|
|
1206
|
+
set items(data) {
|
|
1207
|
+
this._items = data;
|
|
1208
|
+
this.hasItems = true;
|
|
1209
|
+
this.init();
|
|
1210
|
+
}
|
|
1211
|
+
set titleKey(data) {
|
|
1212
|
+
this._titleKey = data;
|
|
1213
|
+
this.hasTitleKey = true;
|
|
1214
|
+
this.init();
|
|
1215
|
+
}
|
|
1216
|
+
set valueKey(data) {
|
|
1217
|
+
this._valueKey = data;
|
|
1218
|
+
this.hasValueKey = true;
|
|
1219
|
+
this.init();
|
|
1220
|
+
}
|
|
1221
|
+
constructor(cdr) {
|
|
1222
|
+
this.cdr = cdr;
|
|
1223
|
+
this.selectedItem = {};
|
|
1224
|
+
this.newItems = [];
|
|
1225
|
+
this.isOpenMenu = false;
|
|
1226
|
+
this._items = [];
|
|
1227
|
+
this._defaultValue = undefined;
|
|
1228
|
+
this.initCounter = 0;
|
|
1229
|
+
this.hasTitleKey = false;
|
|
1230
|
+
this.hasValueKey = false;
|
|
1231
|
+
this.hasItems = false;
|
|
1232
|
+
this.hasDefaultValue = false;
|
|
1233
|
+
this.label = '';
|
|
1234
|
+
this.onItemSelected = new EventEmitter();
|
|
1235
|
+
this.inputFormControl = new FormControl('', []);
|
|
1236
|
+
}
|
|
1237
|
+
init() {
|
|
1238
|
+
if (this.hasTitleKey && this.hasValueKey && this.hasItems) {
|
|
1239
|
+
this.newItems = this.changeItemsType(this._items);
|
|
1240
|
+
const item = this.newItems.find((item) => item.value == this._defaultValue);
|
|
1241
|
+
if (!this._defaultValue || this._defaultValue === null)
|
|
1242
|
+
return;
|
|
1243
|
+
this.inputFormControl.setValue(this._defaultValue);
|
|
1244
|
+
this.onItemSelect(this.newItems.find((item) => item.value == this._defaultValue), false);
|
|
1245
|
+
}
|
|
1246
|
+
}
|
|
1247
|
+
ngAfterViewInit() {
|
|
1248
|
+
this.cdr.detectChanges();
|
|
1249
|
+
}
|
|
1250
|
+
changeItemsType(items) {
|
|
1251
|
+
return items.map((item) => {
|
|
1252
|
+
return {
|
|
1253
|
+
title: item[this._titleKey],
|
|
1254
|
+
value: item[this._valueKey],
|
|
1255
|
+
};
|
|
1256
|
+
});
|
|
1257
|
+
}
|
|
1258
|
+
openMenuClick() {
|
|
1259
|
+
this.isOpenMenu = !this.isOpenMenu;
|
|
1260
|
+
}
|
|
1261
|
+
onItemSelect(selectedItem, isFromUi) {
|
|
1262
|
+
if (isFromUi)
|
|
1263
|
+
this.inputFormControl.markAsTouched();
|
|
1264
|
+
this.isOpenMenu = false;
|
|
1265
|
+
this.selectedItem = selectedItem;
|
|
1266
|
+
this.inputFormControl.setValue(selectedItem.value);
|
|
1267
|
+
this.onItemSelected.emit(selectedItem.value);
|
|
1268
|
+
}
|
|
1269
|
+
focusOut() {
|
|
1270
|
+
this.isOpenMenu = false;
|
|
1271
|
+
this.inputFormControl.markAsTouched();
|
|
1272
|
+
}
|
|
1273
|
+
removedText() {
|
|
1274
|
+
this.selectedItem = {};
|
|
1275
|
+
this.inputFormControl.setValue('');
|
|
1276
|
+
this.onItemSelected.emit('');
|
|
1277
|
+
}
|
|
1278
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreColumnSelectorComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1279
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreColumnSelectorComponent, selector: "core-column-selector", inputs: { items: "items", titleKey: "titleKey", valueKey: "valueKey", label: "label", inputFormControl: "inputFormControl" }, outputs: { onItemSelected: "onItemSelected" }, ngImport: i0, template: "<div tabindex=\"-1\" class=\"dropdown\" (focusout)=\"focusOut()\">\r\n <close-icon\r\n *ngIf=\"selectedItem.title\"\r\n (click)=\"removedText()\"\r\n class=\"absolute w-4 top-2 right-2 fill-gray-600\"\r\n ></close-icon>\r\n <div\r\n class=\"select\"\r\n [ngClass]=\"{\r\n 'select-clicked': isOpenMenu,\r\n selectError: inputFormControl.touched && inputFormControl.errors\r\n }\"\r\n (click)=\"openMenuClick()\"\r\n >\r\n <span\r\n class=\"placeholder-top\"\r\n *ngIf=\"(selectedItem | json) != ({} | json)\"\r\n >{{ label }}</span\r\n >\r\n <arrow-down-icon\r\n class=\"caret fill-secondary-text-color h-6\"\r\n [ngClass]=\"{ 'caret-rotate': isOpenMenu }\"\r\n ></arrow-down-icon>\r\n\r\n <span\r\n [ngClass]=\"[\r\n label.length > 0 && (selectedItem | json) == ({} | json)\r\n ? 'placeholder'\r\n : 'selected'\r\n ]\"\r\n >{{\r\n label.length > 0 && (selectedItem | json) == ({} | json)\r\n ? label\r\n : selectedItem.title\r\n }}</span\r\n >\r\n </div>\r\n <ul class=\"menu\" [ngClass]=\"{ 'menu-open': isOpenMenu }\">\r\n <li\r\n *ngFor=\"let item of newItems\"\r\n [ngClass]=\"{ active: item == selectedItem }\"\r\n (click)=\"onItemSelect(item, true)\"\r\n >\r\n {{ item.title }}\r\n </li>\r\n </ul>\r\n</div>\r\n", styles: [".dropdown{min-width:15em;position:relative;width:calc(100% - 34px);min-width:120px}.dropdown .select{color:var(--default-selector-text-color);display:flex;justify-content:space-between;flex-direction:row-reverse;align-items:center;border-bottom:1px solid var(--default-table-column-input-border-color);padding-block:3px;padding-inline-start:12px;outline:0;padding-inline-end:2px;cursor:pointer;transition:background .3s;font-size:12px;-webkit-user-select:none;user-select:none}.dropdown .select:focus{border-bottom:1px solid #96bdf2}.dropdown .select .selected{padding-inline:12px;font-size:14px;color:#000000b3;-webkit-user-select:none;user-select:none}.dropdown .select .placeholder-top{position:absolute;right:13px;background:var(--default-selector-label-background-color);top:-8px;padding-inline:6px;font-size:11px;color:var(--default-selector-label-text--color)}.dropdown .select .caret{fill:var(--default-selector-icon-color);color:#595c5f;-webkit-user-select:none;user-select:none}.dropdown .select .caret-rotate{transform:rotate(180deg)}.dropdown .select .placeholder{color:var(--default-selector-placeholder-text-color);padding-inline:16px}.dropdown .select-clicked{border-bottom:1px solid #96bdf2}.dropdown .menu{list-style:none;padding-inline:0px;background:var(--default-selector-menu-background-color);border:1px solid var(--default-selector-menu-border-color);box-shadow:0 .5em 1em #0003;border-radius:.5em;color:var(--default-selector-menu-text-color);position:absolute;top:40px;left:50%;width:100%;transform:translate(-50%);opacity:0;display:none;transition:0,2s;z-index:10;max-height:200px;overflow:auto}.dropdown .menu li{padding:.7em .5em;margin:.3em 0;margin-inline:4px;border-radius:.5em;font-size:14px;text-align:start;cursor:pointer}.dropdown .menu li:hover{background:var(--default-selector-menu-item-hover-color)}.dropdown .menu .active{background:var(--default-selector-menu-item-active-color)}.dropdown .menu-open{display:block;opacity:1}.dropdown .label-error{color:var(--default-selector-validation-text-color);font-size:13px;margin-block-start:4px;min-height:21px;width:100%;display:inline-block!important;text-align:start}.dropdown .selectError{border:1px solid var(--default-selector-validation-border-color)!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: CloseIconComponent, selector: "close-icon" }, { kind: "component", type: ArrowDownIconComponent, selector: "arrow-down-icon" }, { kind: "pipe", type: i1.JsonPipe, name: "json" }] }); }
|
|
1280
|
+
}
|
|
1281
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreColumnSelectorComponent, decorators: [{
|
|
1282
|
+
type: Component,
|
|
1283
|
+
args: [{ selector: 'core-column-selector', template: "<div tabindex=\"-1\" class=\"dropdown\" (focusout)=\"focusOut()\">\r\n <close-icon\r\n *ngIf=\"selectedItem.title\"\r\n (click)=\"removedText()\"\r\n class=\"absolute w-4 top-2 right-2 fill-gray-600\"\r\n ></close-icon>\r\n <div\r\n class=\"select\"\r\n [ngClass]=\"{\r\n 'select-clicked': isOpenMenu,\r\n selectError: inputFormControl.touched && inputFormControl.errors\r\n }\"\r\n (click)=\"openMenuClick()\"\r\n >\r\n <span\r\n class=\"placeholder-top\"\r\n *ngIf=\"(selectedItem | json) != ({} | json)\"\r\n >{{ label }}</span\r\n >\r\n <arrow-down-icon\r\n class=\"caret fill-secondary-text-color h-6\"\r\n [ngClass]=\"{ 'caret-rotate': isOpenMenu }\"\r\n ></arrow-down-icon>\r\n\r\n <span\r\n [ngClass]=\"[\r\n label.length > 0 && (selectedItem | json) == ({} | json)\r\n ? 'placeholder'\r\n : 'selected'\r\n ]\"\r\n >{{\r\n label.length > 0 && (selectedItem | json) == ({} | json)\r\n ? label\r\n : selectedItem.title\r\n }}</span\r\n >\r\n </div>\r\n <ul class=\"menu\" [ngClass]=\"{ 'menu-open': isOpenMenu }\">\r\n <li\r\n *ngFor=\"let item of newItems\"\r\n [ngClass]=\"{ active: item == selectedItem }\"\r\n (click)=\"onItemSelect(item, true)\"\r\n >\r\n {{ item.title }}\r\n </li>\r\n </ul>\r\n</div>\r\n", styles: [".dropdown{min-width:15em;position:relative;width:calc(100% - 34px);min-width:120px}.dropdown .select{color:var(--default-selector-text-color);display:flex;justify-content:space-between;flex-direction:row-reverse;align-items:center;border-bottom:1px solid var(--default-table-column-input-border-color);padding-block:3px;padding-inline-start:12px;outline:0;padding-inline-end:2px;cursor:pointer;transition:background .3s;font-size:12px;-webkit-user-select:none;user-select:none}.dropdown .select:focus{border-bottom:1px solid #96bdf2}.dropdown .select .selected{padding-inline:12px;font-size:14px;color:#000000b3;-webkit-user-select:none;user-select:none}.dropdown .select .placeholder-top{position:absolute;right:13px;background:var(--default-selector-label-background-color);top:-8px;padding-inline:6px;font-size:11px;color:var(--default-selector-label-text--color)}.dropdown .select .caret{fill:var(--default-selector-icon-color);color:#595c5f;-webkit-user-select:none;user-select:none}.dropdown .select .caret-rotate{transform:rotate(180deg)}.dropdown .select .placeholder{color:var(--default-selector-placeholder-text-color);padding-inline:16px}.dropdown .select-clicked{border-bottom:1px solid #96bdf2}.dropdown .menu{list-style:none;padding-inline:0px;background:var(--default-selector-menu-background-color);border:1px solid var(--default-selector-menu-border-color);box-shadow:0 .5em 1em #0003;border-radius:.5em;color:var(--default-selector-menu-text-color);position:absolute;top:40px;left:50%;width:100%;transform:translate(-50%);opacity:0;display:none;transition:0,2s;z-index:10;max-height:200px;overflow:auto}.dropdown .menu li{padding:.7em .5em;margin:.3em 0;margin-inline:4px;border-radius:.5em;font-size:14px;text-align:start;cursor:pointer}.dropdown .menu li:hover{background:var(--default-selector-menu-item-hover-color)}.dropdown .menu .active{background:var(--default-selector-menu-item-active-color)}.dropdown .menu-open{display:block;opacity:1}.dropdown .label-error{color:var(--default-selector-validation-text-color);font-size:13px;margin-block-start:4px;min-height:21px;width:100%;display:inline-block!important;text-align:start}.dropdown .selectError{border:1px solid var(--default-selector-validation-border-color)!important}\n"] }]
|
|
1284
|
+
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { items: [{
|
|
1285
|
+
type: Input
|
|
1286
|
+
}], titleKey: [{
|
|
1287
|
+
type: Input
|
|
1288
|
+
}], valueKey: [{
|
|
1289
|
+
type: Input
|
|
1290
|
+
}], label: [{
|
|
1291
|
+
type: Input
|
|
1292
|
+
}], onItemSelected: [{
|
|
1293
|
+
type: Output
|
|
1294
|
+
}], inputFormControl: [{
|
|
1295
|
+
type: Input
|
|
1296
|
+
}] } });
|
|
1297
|
+
|
|
1298
|
+
class CoreTableActionButtonsColumnComponent {
|
|
1299
|
+
constructor() {
|
|
1300
|
+
this.onClick = new EventEmitter();
|
|
1301
|
+
}
|
|
1302
|
+
clicked(key) {
|
|
1303
|
+
this.onClick.emit({ data: this.data, key: key });
|
|
1304
|
+
}
|
|
1305
|
+
checkFilter(column) {
|
|
1306
|
+
if (column.filter) {
|
|
1307
|
+
return column.filter(this.data);
|
|
1308
|
+
}
|
|
1309
|
+
else {
|
|
1310
|
+
return true;
|
|
1311
|
+
}
|
|
1312
|
+
}
|
|
1313
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreTableActionButtonsColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1314
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreTableActionButtonsColumnComponent, selector: "app-core-table-action-buttons-column", inputs: { data: "data", column: "column" }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<span *ngFor=\"let data of column.data\">\r\n <span\r\n *ngIf=\"checkFilter(data)\"\r\n [title]=\"data.title\"\r\n class=\"icon-color cursor-pointer h-5 inline-block icon-color m-1\"\r\n (click)=\"clicked(data.key)\"\r\n >\r\n <ng-container *ngComponentOutlet=\"data.component\" />\r\n </span>\r\n</span>\r\n", styles: [".icon-color{fill:var(--default-table-column-action-buttons-fill-icon-color)}\n"], dependencies: [{ kind: "directive", type: i1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
1315
|
+
}
|
|
1316
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreTableActionButtonsColumnComponent, decorators: [{
|
|
1317
|
+
type: Component,
|
|
1318
|
+
args: [{ selector: 'app-core-table-action-buttons-column', template: "<span *ngFor=\"let data of column.data\">\r\n <span\r\n *ngIf=\"checkFilter(data)\"\r\n [title]=\"data.title\"\r\n class=\"icon-color cursor-pointer h-5 inline-block icon-color m-1\"\r\n (click)=\"clicked(data.key)\"\r\n >\r\n <ng-container *ngComponentOutlet=\"data.component\" />\r\n </span>\r\n</span>\r\n", styles: [".icon-color{fill:var(--default-table-column-action-buttons-fill-icon-color)}\n"] }]
|
|
1319
|
+
}], propDecorators: { data: [{
|
|
1320
|
+
type: Input,
|
|
1321
|
+
args: [{ required: true }]
|
|
1322
|
+
}], column: [{
|
|
1323
|
+
type: Input,
|
|
1324
|
+
args: [{ required: true }]
|
|
1325
|
+
}], onClick: [{
|
|
1326
|
+
type: Output
|
|
1327
|
+
}] } });
|
|
1328
|
+
|
|
1329
|
+
class EditSquareIconComponent {
|
|
1330
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditSquareIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1331
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EditSquareIconComponent, selector: "edit-square-icon", ngImport: i0, template: "<svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n viewBox=\"0 -960 960 960\"\r\n height=\"100%\"\r\n width=\"100%\"\r\n>\r\n <path\r\n d=\"M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h357l-80 80H200v560h560v-278l80-80v358q0 33-23.5 56.5T760-120H200Zm280-360ZM360-360v-170l367-367q12-12 27-18t30-6q16 0 30.5 6t26.5 18l56 57q11 12 17 26.5t6 29.5q0 15-5.5 29.5T897-728L530-360H360Zm481-424-56-56 56 56ZM440-440h56l232-232-28-28-29-28-231 231v57Zm260-260-29-28 29 28 28 28-28-28Z\"\r\n />\r\n</svg>\r\n", styles: [""] }); }
|
|
1332
|
+
}
|
|
1333
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditSquareIconComponent, decorators: [{
|
|
1334
|
+
type: Component,
|
|
1335
|
+
args: [{ selector: 'edit-square-icon', template: "<svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n viewBox=\"0 -960 960 960\"\r\n height=\"100%\"\r\n width=\"100%\"\r\n>\r\n <path\r\n d=\"M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h357l-80 80H200v560h560v-278l80-80v358q0 33-23.5 56.5T760-120H200Zm280-360ZM360-360v-170l367-367q12-12 27-18t30-6q16 0 30.5 6t26.5 18l56 57q11 12 17 26.5t6 29.5q0 15-5.5 29.5T897-728L530-360H360Zm481-424-56-56 56 56ZM440-440h56l232-232-28-28-29-28-231 231v57Zm260-260-29-28 29 28 28 28-28-28Z\"\r\n />\r\n</svg>\r\n" }]
|
|
1336
|
+
}] });
|
|
1337
|
+
|
|
1338
|
+
class CoreTableActionColumnComponent {
|
|
1339
|
+
constructor(niraModalService) {
|
|
1340
|
+
this.niraModalService = niraModalService;
|
|
1341
|
+
}
|
|
1342
|
+
openDialog() {
|
|
1343
|
+
this.niraModalService.open(this.column.data.component, {
|
|
1344
|
+
data: this.data[this.column.data.key],
|
|
1345
|
+
});
|
|
1346
|
+
}
|
|
1347
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreTableActionColumnComponent, deps: [{ token: i1$1.NiraModalService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1348
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreTableActionColumnComponent, selector: "app-core-table-action-column", inputs: { data: "data", column: "column" }, ngImport: i0, template: "<span class=\"icon-color h-5 inline-block\">\r\n <edit-square-icon\r\n class=\"cursor-pointer\"\r\n (click)=\"openDialog()\"\r\n ></edit-square-icon>\r\n</span>\r\n", styles: [".icon-color{fill:var(--default-table-action-column-fill-icon-color)}\n"], dependencies: [{ kind: "component", type: EditSquareIconComponent, selector: "edit-square-icon" }] }); }
|
|
1349
|
+
}
|
|
1350
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreTableActionColumnComponent, decorators: [{
|
|
1351
|
+
type: Component,
|
|
1352
|
+
args: [{ selector: 'app-core-table-action-column', template: "<span class=\"icon-color h-5 inline-block\">\r\n <edit-square-icon\r\n class=\"cursor-pointer\"\r\n (click)=\"openDialog()\"\r\n ></edit-square-icon>\r\n</span>\r\n", styles: [".icon-color{fill:var(--default-table-action-column-fill-icon-color)}\n"] }]
|
|
1353
|
+
}], ctorParameters: function () { return [{ type: i1$1.NiraModalService }]; }, propDecorators: { data: [{
|
|
1354
|
+
type: Input,
|
|
1355
|
+
args: [{ required: true }]
|
|
1356
|
+
}], column: [{
|
|
1357
|
+
type: Input,
|
|
1358
|
+
args: [{ required: true }]
|
|
1359
|
+
}] } });
|
|
1360
|
+
|
|
1361
|
+
class CoreTableRowSelectorColumnComponent {
|
|
1362
|
+
constructor() {
|
|
1363
|
+
this.checked = false;
|
|
1364
|
+
this.rowSelector = undefined;
|
|
1365
|
+
}
|
|
1366
|
+
ngOnInit() {
|
|
1367
|
+
this.rowSelector?.subscribe((data) => {
|
|
1368
|
+
const index = data.findIndex((item) => item.id === this.data.id);
|
|
1369
|
+
this.checked = index >= 0;
|
|
1370
|
+
});
|
|
1371
|
+
}
|
|
1372
|
+
change(event) {
|
|
1373
|
+
let rowSelector = this.rowSelector?.getValue();
|
|
1374
|
+
if (event.srcElement.checked) {
|
|
1375
|
+
rowSelector = [...rowSelector, this.data];
|
|
1376
|
+
}
|
|
1377
|
+
else {
|
|
1378
|
+
const index = rowSelector.findIndex((item) => this.data.id === item.id);
|
|
1379
|
+
rowSelector.splice(index, 1);
|
|
1380
|
+
}
|
|
1381
|
+
this.rowSelector?.next(rowSelector);
|
|
1382
|
+
}
|
|
1383
|
+
async oncontextmenu(event) {
|
|
1384
|
+
if (!this.column.data.key)
|
|
1385
|
+
return;
|
|
1386
|
+
event.preventDefault();
|
|
1387
|
+
let rowSelector = this.rowSelector?.getValue();
|
|
1388
|
+
if (!event.srcElement.checked) {
|
|
1389
|
+
const others = this.allTableData.filter((data) => data[this.column.data.key] === this.data[this.column.data.key]);
|
|
1390
|
+
for await (const row of others) {
|
|
1391
|
+
const index = rowSelector.findIndex((item) => row.id === item.id);
|
|
1392
|
+
if (!(index >= 0)) {
|
|
1393
|
+
rowSelector = [...rowSelector, row];
|
|
1394
|
+
}
|
|
1395
|
+
}
|
|
1396
|
+
}
|
|
1397
|
+
else {
|
|
1398
|
+
const others = rowSelector.filter((item) => this.data[this.column.data.key] === item[this.column.data.key]);
|
|
1399
|
+
for await (const row of others) {
|
|
1400
|
+
const index = rowSelector.findIndex((item) => row.id === item.id);
|
|
1401
|
+
rowSelector.splice(index, 1);
|
|
1402
|
+
}
|
|
1403
|
+
}
|
|
1404
|
+
this.rowSelector?.next(rowSelector);
|
|
1405
|
+
}
|
|
1406
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreTableRowSelectorColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1407
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreTableRowSelectorColumnComponent, selector: "app-core-table-row-selector-column", inputs: { data: "data", column: "column", allTableData: "allTableData", rowSelector: "rowSelector" }, ngImport: i0, template: "<core-checkbox\r\n (contextmenu)=\"oncontextmenu($event)\"\r\n [checked]=\"checked\"\r\n (onChange)=\"change($event)\"\r\n></core-checkbox>\r\n", styles: [""], dependencies: [{ kind: "component", type: CoreCheckboxComponent, selector: "core-checkbox", inputs: ["label", "name", "checked", "inputFormControl"], outputs: ["onChange"] }] }); }
|
|
1408
|
+
}
|
|
1409
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreTableRowSelectorColumnComponent, decorators: [{
|
|
1410
|
+
type: Component,
|
|
1411
|
+
args: [{ selector: 'app-core-table-row-selector-column', template: "<core-checkbox\r\n (contextmenu)=\"oncontextmenu($event)\"\r\n [checked]=\"checked\"\r\n (onChange)=\"change($event)\"\r\n></core-checkbox>\r\n" }]
|
|
1412
|
+
}], propDecorators: { data: [{
|
|
1413
|
+
type: Input,
|
|
1414
|
+
args: [{ required: true }]
|
|
1415
|
+
}], column: [{
|
|
1416
|
+
type: Input,
|
|
1417
|
+
args: [{ required: true }]
|
|
1418
|
+
}], allTableData: [{
|
|
1419
|
+
type: Input,
|
|
1420
|
+
args: [{ required: true }]
|
|
1421
|
+
}], rowSelector: [{
|
|
1422
|
+
type: Input,
|
|
1423
|
+
args: [{ required: false }]
|
|
1424
|
+
}] } });
|
|
1425
|
+
|
|
1426
|
+
class ShamsiDatePipe {
|
|
1427
|
+
transform(value, format, ...args) {
|
|
1428
|
+
if (!value)
|
|
1429
|
+
return '';
|
|
1430
|
+
const m = moment__default(value, value.length === 10
|
|
1431
|
+
? 'YYYY-MM-DD'
|
|
1432
|
+
: value.length === 16
|
|
1433
|
+
? 'YYYY-MM-DD HH:mm'
|
|
1434
|
+
: 'YYYY-MM-DD HH:mm:ss');
|
|
1435
|
+
return m.format(format);
|
|
1436
|
+
}
|
|
1437
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ShamsiDatePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
1438
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: ShamsiDatePipe, name: "shamsiDate" }); }
|
|
1439
|
+
}
|
|
1440
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ShamsiDatePipe, decorators: [{
|
|
1441
|
+
type: Pipe,
|
|
1442
|
+
args: [{
|
|
1443
|
+
name: 'shamsiDate',
|
|
1444
|
+
}]
|
|
1445
|
+
}] });
|
|
1446
|
+
|
|
1447
|
+
class CoreTableShamsiDateComponent {
|
|
1448
|
+
constructor() {
|
|
1449
|
+
this.onClick = new EventEmitter();
|
|
1450
|
+
this.dateFormat = 'jYYYY/jMM/jDD HH:mm';
|
|
1451
|
+
}
|
|
1452
|
+
ngOnInit() {
|
|
1453
|
+
if (this.column?.data?.dateFormat) {
|
|
1454
|
+
this.dateFormat = this.column.data.dateFormat;
|
|
1455
|
+
}
|
|
1456
|
+
}
|
|
1457
|
+
get columnsTypes() {
|
|
1458
|
+
return COLUMNS_TYPES;
|
|
1459
|
+
}
|
|
1460
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreTableShamsiDateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1461
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreTableShamsiDateComponent, selector: "app-core-table-shamsi-date", inputs: { data: "data", column: "column" }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<span dir=\"ltr\">{{\r\n data[column.key] | shamsiDate : dateFormat | persianDigits\r\n}}</span>\r\n", styles: [""], dependencies: [{ kind: "pipe", type: PersianDigitsPipe, name: "persianDigits" }, { kind: "pipe", type: ShamsiDatePipe, name: "shamsiDate" }] }); }
|
|
1462
|
+
}
|
|
1463
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreTableShamsiDateComponent, decorators: [{
|
|
1464
|
+
type: Component,
|
|
1465
|
+
args: [{ selector: 'app-core-table-shamsi-date', template: "<span dir=\"ltr\">{{\r\n data[column.key] | shamsiDate : dateFormat | persianDigits\r\n}}</span>\r\n" }]
|
|
1466
|
+
}], propDecorators: { data: [{
|
|
1467
|
+
type: Input,
|
|
1468
|
+
args: [{ required: true }]
|
|
1469
|
+
}], column: [{
|
|
1470
|
+
type: Input,
|
|
1471
|
+
args: [{ required: true }]
|
|
1472
|
+
}], onClick: [{
|
|
1473
|
+
type: Output
|
|
1474
|
+
}] } });
|
|
1475
|
+
|
|
1476
|
+
class CoreTableStatusColumnComponent {
|
|
1477
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreTableStatusColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1478
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreTableStatusColumnComponent, selector: "app-core-table-status-column", inputs: { data: "data", column: "column" }, ngImport: i0, template: "<b [ngClass]=\"data[column.key] ? 'active' : 'deActive'\">\n {{ data[column.key] ? \"\u0641\u0639\u0627\u0644\" : \"\u063A\u06CC\u0631 \u0641\u0639\u0627\u0644\" }}\n</b>\n", styles: [".active{background:var(--default-table-status-column-active-background-color);color:var(--default-table-status-column-active-text-color);border-radius:16px;padding:2px 12px;font-size:smaller}.deActive{color:var(--default-table-status-column-deActive-text-color);background:var(--default-table-status-column-deActive-background-color);border-radius:16px;padding:2px 12px;font-size:smaller}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
1479
|
+
}
|
|
1480
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreTableStatusColumnComponent, decorators: [{
|
|
1481
|
+
type: Component,
|
|
1482
|
+
args: [{ selector: 'app-core-table-status-column', template: "<b [ngClass]=\"data[column.key] ? 'active' : 'deActive'\">\n {{ data[column.key] ? \"\u0641\u0639\u0627\u0644\" : \"\u063A\u06CC\u0631 \u0641\u0639\u0627\u0644\" }}\n</b>\n", styles: [".active{background:var(--default-table-status-column-active-background-color);color:var(--default-table-status-column-active-text-color);border-radius:16px;padding:2px 12px;font-size:smaller}.deActive{color:var(--default-table-status-column-deActive-text-color);background:var(--default-table-status-column-deActive-background-color);border-radius:16px;padding:2px 12px;font-size:smaller}\n"] }]
|
|
1483
|
+
}], propDecorators: { data: [{
|
|
1484
|
+
type: Input,
|
|
1485
|
+
args: [{ required: true }]
|
|
1486
|
+
}], column: [{
|
|
1487
|
+
type: Input,
|
|
1488
|
+
args: [{ required: true }]
|
|
1489
|
+
}] } });
|
|
1490
|
+
|
|
1491
|
+
class CaretUpIconComponent {
|
|
1492
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CaretUpIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1493
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CaretUpIconComponent, selector: "app-caret-up-icon", ngImport: i0, template: "<svg\r\n class=\"svg-inline--fa fa-caret-up fa-w-10 me-1\"\r\n aria-hidden=\"true\"\r\n focusable=\"false\"\r\n data-prefix=\"fas\"\r\n data-icon=\"caret-up\"\r\n role=\"img\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n viewBox=\"0 0 320 512\"\r\n data-fa-i2svg=\"\"\r\n>\r\n <path\r\n fill=\"currentColor\"\r\n d=\"M288.662 352H31.338c-17.818 0-26.741-21.543-14.142-34.142l128.662-128.662c7.81-7.81 20.474-7.81 28.284 0l128.662 128.662c12.6 12.599 3.676 34.142-14.142 34.142z\"\r\n ></path>\r\n</svg>\r\n", styles: [""] }); }
|
|
1494
|
+
}
|
|
1495
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CaretUpIconComponent, decorators: [{
|
|
1496
|
+
type: Component,
|
|
1497
|
+
args: [{ selector: 'app-caret-up-icon', template: "<svg\r\n class=\"svg-inline--fa fa-caret-up fa-w-10 me-1\"\r\n aria-hidden=\"true\"\r\n focusable=\"false\"\r\n data-prefix=\"fas\"\r\n data-icon=\"caret-up\"\r\n role=\"img\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n viewBox=\"0 0 320 512\"\r\n data-fa-i2svg=\"\"\r\n>\r\n <path\r\n fill=\"currentColor\"\r\n d=\"M288.662 352H31.338c-17.818 0-26.741-21.543-14.142-34.142l128.662-128.662c7.81-7.81 20.474-7.81 28.284 0l128.662 128.662c12.6 12.599 3.676 34.142-14.142 34.142z\"\r\n ></path>\r\n</svg>\r\n" }]
|
|
1498
|
+
}] });
|
|
1499
|
+
|
|
1500
|
+
class TableDetailViewerManagerDirective {
|
|
1501
|
+
constructor(el, niraModalService, viewContainerRef, componentFactoryResolver) {
|
|
1502
|
+
this.el = el;
|
|
1503
|
+
this.niraModalService = niraModalService;
|
|
1504
|
+
this.viewContainerRef = viewContainerRef;
|
|
1505
|
+
this.componentFactoryResolver = componentFactoryResolver;
|
|
1506
|
+
}
|
|
1507
|
+
ngAfterViewInit() {
|
|
1508
|
+
if (this.detailViewerData?.detailViewer?.key) {
|
|
1509
|
+
this.changeStyle();
|
|
1510
|
+
}
|
|
1511
|
+
}
|
|
1512
|
+
changeStyle() {
|
|
1513
|
+
this.el.nativeElement.style.backgroundColor = '#b4dcff';
|
|
1514
|
+
this.el.nativeElement.style.cursor = 'pointer';
|
|
1515
|
+
this.el.nativeElement.style.borderRadius = '18px';
|
|
1516
|
+
this.el.nativeElement.style.padding = '2px 8px ';
|
|
1517
|
+
this.el.nativeElement.classList.add('detailViewer');
|
|
1518
|
+
const componentFactory = this.componentFactoryResolver.resolveComponentFactory(CaretUpIconComponent);
|
|
1519
|
+
const componentRef = this.viewContainerRef.createComponent(componentFactory);
|
|
1520
|
+
const host = this.el.nativeElement;
|
|
1521
|
+
host.insertBefore(componentRef.location.nativeElement, host.firstChild);
|
|
1522
|
+
}
|
|
1523
|
+
onMouseUp() {
|
|
1524
|
+
if (this.detailViewerData?.detailViewer?.key) {
|
|
1525
|
+
this.niraModalService.open(this.detailViewerData?.detailViewer?.detailViewerComponent, {
|
|
1526
|
+
data: this.detailViewerData.data,
|
|
1527
|
+
});
|
|
1528
|
+
}
|
|
1529
|
+
}
|
|
1530
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TableDetailViewerManagerDirective, deps: [{ token: i0.ElementRef }, { token: i1$1.NiraModalService }, { token: i0.ViewContainerRef }, { token: i0.ComponentFactoryResolver }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1531
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TableDetailViewerManagerDirective, selector: "[tableDetailViewerManager]", inputs: { detailViewerData: "detailViewerData" }, host: { listeners: { "click": "onMouseUp()" } }, ngImport: i0 }); }
|
|
1532
|
+
}
|
|
1533
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TableDetailViewerManagerDirective, decorators: [{
|
|
1534
|
+
type: Directive,
|
|
1535
|
+
args: [{
|
|
1536
|
+
selector: '[tableDetailViewerManager]',
|
|
1537
|
+
}]
|
|
1538
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1$1.NiraModalService }, { type: i0.ViewContainerRef }, { type: i0.ComponentFactoryResolver }]; }, propDecorators: { detailViewerData: [{
|
|
1539
|
+
type: Input
|
|
1540
|
+
}], onMouseUp: [{
|
|
1541
|
+
type: HostListener,
|
|
1542
|
+
args: ['click']
|
|
1543
|
+
}] } });
|
|
1544
|
+
|
|
1545
|
+
class CoreTableStatusActiveColumnComponent {
|
|
1546
|
+
ngOnInit() {
|
|
1547
|
+
}
|
|
1548
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreTableStatusActiveColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1549
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreTableStatusActiveColumnComponent, selector: "app-core-table-status-active-column", inputs: { data: "data", column: "column" }, ngImport: i0, template: "<b [ngClass]=\"data[column.key] ? 'active' : 'deActive'\">\r\n {{ data[column.key] ? \"\u0628\u0644\u06CC\" : \"\u062E\u06CC\u0631\" }}\r\n</b>\r\n", styles: [".active{background:#d9f8eb;color:#00894f;border-radius:16px;padding:2px 12px;font-size:smaller}.deActive{color:#ac5a2b;background:#fde6d8;border-radius:16px;padding:2px 12px;font-size:smaller}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
1550
|
+
}
|
|
1551
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreTableStatusActiveColumnComponent, decorators: [{
|
|
1552
|
+
type: Component,
|
|
1553
|
+
args: [{ selector: 'app-core-table-status-active-column', template: "<b [ngClass]=\"data[column.key] ? 'active' : 'deActive'\">\r\n {{ data[column.key] ? \"\u0628\u0644\u06CC\" : \"\u062E\u06CC\u0631\" }}\r\n</b>\r\n", styles: [".active{background:#d9f8eb;color:#00894f;border-radius:16px;padding:2px 12px;font-size:smaller}.deActive{color:#ac5a2b;background:#fde6d8;border-radius:16px;padding:2px 12px;font-size:smaller}\n"] }]
|
|
1554
|
+
}], propDecorators: { data: [{
|
|
1555
|
+
type: Input,
|
|
1556
|
+
args: [{ required: true }]
|
|
1557
|
+
}], column: [{
|
|
1558
|
+
type: Input,
|
|
1559
|
+
args: [{ required: true }]
|
|
1560
|
+
}] } });
|
|
1561
|
+
|
|
1562
|
+
class PelakIconComponent {
|
|
1563
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PelakIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1564
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PelakIconComponent, selector: "pelak-icon", ngImport: i0, template: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\" fill=\"none\">\r\n <path\r\n fill=\"#004A96\"\r\n d=\"M0 12C0 5.37258 5.37258 0 12 0h17v48H12C5.37258 48 0 42.6274 0 36V12Z\"\r\n ></path>\r\n <path\r\n fill=\"#fff\"\r\n d=\"M6.69405 28.0899h-.53303V24h.53303v4.0899Zm1.10627-.1011c-.06848-.0712-.10272-.1564-.10272-.2557 0-.1011.03424-.1863.10272-.2556.07033-.0693.15546-.1048.25541-.1067.09994.0019.18415.0374.25263.1067.07033.0693.1055.1545.1055.2556 0 .0993-.03517.1845-.1055.2557-.06848.0693-.15176.1039-.24986.1039-.10179 0-.18785-.0346-.25818-.1039Zm3.05518-1.5534h-.94948v1.6545h-.53581V24h1.33809c.4553 0 .8051.1049 1.0494.3146.2462.2097.3693.515.3693.9157 0 .2547-.0685.4766-.2055.6658-.1351.1891-.3238.3305-.5663.4241l.9495 1.736v.0337h-.5719l-.8773-1.6545Zm-.94948-.441h.81898c.1444 0 .2702-.0197.3776-.059.1092-.0412.1999-.0955.272-.1629.0722-.0693.1259-.1498.1611-.2416.037-.0936.0555-.1938.0555-.3006 0-.1179-.0176-.2247-.0528-.3202-.0333-.0974-.086-.1807-.1582-.25-.0722-.0693-.1638-.1226-.2749-.1601-.111-.0375-.2433-.0562-.397-.0562h-.80228v1.5506Zm3.09958 1.9944c-.0685-.0712-.1027-.1564-.1027-.2557 0-.1011.0342-.1863.1027-.2556.0703-.0693.1555-.1048.2554-.1067.1.0019.1842.0374.2526.1067.0704.0693.1055.1545.1055.2556 0 .0993-.0351.1845-.1055.2557-.0684.0693-.1517.1039-.2498.1039-.1018 0-.1879-.0346-.2582-.1039ZM6.53303 36H6v-4.0899h.53303V36Zm2.51658-1.6545h-.94946V36h-.53581v-4.0899h1.33813c.4553 0 .8051.1049 1.04941.3146.24612.2098.36922.515.36922.9157 0 .2547-.0685.4766-.2054.6658-.13513.1891-.32392.3305-.56637.4241l.94947 1.736V36h-.57191l-.87728-1.6545Zm-.94946-.441h.81898c.14436 0 .27022-.0197.37756-.059.1092-.0412.19989-.0955.27207-.1629.07218-.0693.12586-.1498.16102-.2416.03702-.0936.05553-.1938.05553-.3006 0-.1179-.01759-.2247-.05275-.3202-.03332-.0974-.08606-.1807-.15824-.25-.07219-.0693-.1638-.1226-.27485-.1601-.11105-.0374-.24338-.0562-.397-.0562h-.80232v1.5506Zm5.25945 1.0281h-1.6935L11.2858 36h-.5497l1.5436-4.0899h.4664L14.2924 36h-.5469l-.3859-1.0674Zm-1.5324-.4438h1.3742l-.6885-1.913-.6857 1.913ZM18 36h-.5358l-2.035-3.1517V36h-.5358v-4.0899h.5358l2.0405 3.1657v-3.1657H18V36Z\"\r\n ></path>\r\n <path\r\n fill=\"#00A03C\"\r\n d=\"M6 11.334c0-.8284.67157-1.50002 1.5-1.50002H21V12.334H6v-1Z\"\r\n ></path>\r\n <path fill=\"#fff\" d=\"M6 12.334h15v4.16667H6z\"></path>\r\n <path\r\n fill=\"#FC000B\"\r\n d=\"M6 16.501h15v2.5H7.5c-.82843 0-1.5-.6716-1.5-1.5v-1Z\"\r\n ></path>\r\n <g clip-path=\"url(#a)\">\r\n <path\r\n fill=\"#FC000B\"\r\n fill-rule=\"evenodd\"\r\n d=\"M12.9795 13.539c-.2964.2013-.4926.5118-.5073.8656-.0192.4651.2808.8754.7279 1.0692-.1751.0475-.3606.0605-.5424.038-.0102-.0012-.0203-.0026-.0303-.0041.1708.061.3551.0896.5402.0837.0478-.0015.0955-.0053.1428-.0113l.1398.1875.1398-.1875c.0474.006.095.0098.1428.0113.1852.0059.3697-.0226.5405-.0837-.01.0015-.0201.0029-.0303.0041-.1818.0225-.3673.0095-.5424-.038.4472-.1938.7471-.6039.7279-1.0692-.0149-.3538-.2111-.6644-.5075-.8656.2098.2509.3094.5814.2477.9263-.0616.3449-.2726.6368-.5609.8259l.0373-1.6937c-.0831-.0194-.1462-.0686-.1949-.1205-.0484.0519-.1117.1011-.1948.1205l.0373 1.6938c-.2885-.1892-.4993-.4811-.561-.826-.0617-.345.0381-.6754.2478-.9263Zm.836-.3212c.0045.018.0067.0364.0067.0549 0 .1217-.0964.2204-.2154.2204-.0621 0-.1183-.027-.1574-.0701-.0393.0431-.0953.0701-.1574.0701-.1189 0-.2151-.0987-.2151-.2204-.0001-.0185.0022-.0369.0067-.0549.0111.089.0939.1581.1944.1581.074 0 .1384-.0374.1717-.0928.0331.0554.0976.0928.1714.0928.1004 0 .1832-.0691.1944-.1581Zm-1.2709 2.1219c-.1776-.0872-.3252-.2127-.4276-.3639-.1025-.1512-.1563-.3226-.1561-.4971 0-.4695.3819-.8629.8939-.9657-.3687.1685-.6276.5634-.6276 1.0237 0 .3156.1219.6007.3173.803h.0001Zm1.8113 0c.1777-.0872.3252-.2127.4276-.3639.1025-.1512.1563-.3226.1561-.4971 0-.4695-.3816-.8629-.8938-.9657.3686.1685.6275.5634.6275 1.0237 0 .3156-.1219.6007-.3173.803h-.0001Z\"\r\n clip-rule=\"evenodd\"\r\n ></path>\r\n </g>\r\n <defs>\r\n <clipPath id=\"a\">\r\n <path fill=\"#fff\" d=\"M11.834 13.167h3.33333v2.5H11.834z\"></path>\r\n </clipPath>\r\n </defs>\r\n</svg>\r\n", styles: [""] }); }
|
|
1565
|
+
}
|
|
1566
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PelakIconComponent, decorators: [{
|
|
1567
|
+
type: Component,
|
|
1568
|
+
args: [{ selector: 'pelak-icon', template: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\" fill=\"none\">\r\n <path\r\n fill=\"#004A96\"\r\n d=\"M0 12C0 5.37258 5.37258 0 12 0h17v48H12C5.37258 48 0 42.6274 0 36V12Z\"\r\n ></path>\r\n <path\r\n fill=\"#fff\"\r\n d=\"M6.69405 28.0899h-.53303V24h.53303v4.0899Zm1.10627-.1011c-.06848-.0712-.10272-.1564-.10272-.2557 0-.1011.03424-.1863.10272-.2556.07033-.0693.15546-.1048.25541-.1067.09994.0019.18415.0374.25263.1067.07033.0693.1055.1545.1055.2556 0 .0993-.03517.1845-.1055.2557-.06848.0693-.15176.1039-.24986.1039-.10179 0-.18785-.0346-.25818-.1039Zm3.05518-1.5534h-.94948v1.6545h-.53581V24h1.33809c.4553 0 .8051.1049 1.0494.3146.2462.2097.3693.515.3693.9157 0 .2547-.0685.4766-.2055.6658-.1351.1891-.3238.3305-.5663.4241l.9495 1.736v.0337h-.5719l-.8773-1.6545Zm-.94948-.441h.81898c.1444 0 .2702-.0197.3776-.059.1092-.0412.1999-.0955.272-.1629.0722-.0693.1259-.1498.1611-.2416.037-.0936.0555-.1938.0555-.3006 0-.1179-.0176-.2247-.0528-.3202-.0333-.0974-.086-.1807-.1582-.25-.0722-.0693-.1638-.1226-.2749-.1601-.111-.0375-.2433-.0562-.397-.0562h-.80228v1.5506Zm3.09958 1.9944c-.0685-.0712-.1027-.1564-.1027-.2557 0-.1011.0342-.1863.1027-.2556.0703-.0693.1555-.1048.2554-.1067.1.0019.1842.0374.2526.1067.0704.0693.1055.1545.1055.2556 0 .0993-.0351.1845-.1055.2557-.0684.0693-.1517.1039-.2498.1039-.1018 0-.1879-.0346-.2582-.1039ZM6.53303 36H6v-4.0899h.53303V36Zm2.51658-1.6545h-.94946V36h-.53581v-4.0899h1.33813c.4553 0 .8051.1049 1.04941.3146.24612.2098.36922.515.36922.9157 0 .2547-.0685.4766-.2054.6658-.13513.1891-.32392.3305-.56637.4241l.94947 1.736V36h-.57191l-.87728-1.6545Zm-.94946-.441h.81898c.14436 0 .27022-.0197.37756-.059.1092-.0412.19989-.0955.27207-.1629.07218-.0693.12586-.1498.16102-.2416.03702-.0936.05553-.1938.05553-.3006 0-.1179-.01759-.2247-.05275-.3202-.03332-.0974-.08606-.1807-.15824-.25-.07219-.0693-.1638-.1226-.27485-.1601-.11105-.0374-.24338-.0562-.397-.0562h-.80232v1.5506Zm5.25945 1.0281h-1.6935L11.2858 36h-.5497l1.5436-4.0899h.4664L14.2924 36h-.5469l-.3859-1.0674Zm-1.5324-.4438h1.3742l-.6885-1.913-.6857 1.913ZM18 36h-.5358l-2.035-3.1517V36h-.5358v-4.0899h.5358l2.0405 3.1657v-3.1657H18V36Z\"\r\n ></path>\r\n <path\r\n fill=\"#00A03C\"\r\n d=\"M6 11.334c0-.8284.67157-1.50002 1.5-1.50002H21V12.334H6v-1Z\"\r\n ></path>\r\n <path fill=\"#fff\" d=\"M6 12.334h15v4.16667H6z\"></path>\r\n <path\r\n fill=\"#FC000B\"\r\n d=\"M6 16.501h15v2.5H7.5c-.82843 0-1.5-.6716-1.5-1.5v-1Z\"\r\n ></path>\r\n <g clip-path=\"url(#a)\">\r\n <path\r\n fill=\"#FC000B\"\r\n fill-rule=\"evenodd\"\r\n d=\"M12.9795 13.539c-.2964.2013-.4926.5118-.5073.8656-.0192.4651.2808.8754.7279 1.0692-.1751.0475-.3606.0605-.5424.038-.0102-.0012-.0203-.0026-.0303-.0041.1708.061.3551.0896.5402.0837.0478-.0015.0955-.0053.1428-.0113l.1398.1875.1398-.1875c.0474.006.095.0098.1428.0113.1852.0059.3697-.0226.5405-.0837-.01.0015-.0201.0029-.0303.0041-.1818.0225-.3673.0095-.5424-.038.4472-.1938.7471-.6039.7279-1.0692-.0149-.3538-.2111-.6644-.5075-.8656.2098.2509.3094.5814.2477.9263-.0616.3449-.2726.6368-.5609.8259l.0373-1.6937c-.0831-.0194-.1462-.0686-.1949-.1205-.0484.0519-.1117.1011-.1948.1205l.0373 1.6938c-.2885-.1892-.4993-.4811-.561-.826-.0617-.345.0381-.6754.2478-.9263Zm.836-.3212c.0045.018.0067.0364.0067.0549 0 .1217-.0964.2204-.2154.2204-.0621 0-.1183-.027-.1574-.0701-.0393.0431-.0953.0701-.1574.0701-.1189 0-.2151-.0987-.2151-.2204-.0001-.0185.0022-.0369.0067-.0549.0111.089.0939.1581.1944.1581.074 0 .1384-.0374.1717-.0928.0331.0554.0976.0928.1714.0928.1004 0 .1832-.0691.1944-.1581Zm-1.2709 2.1219c-.1776-.0872-.3252-.2127-.4276-.3639-.1025-.1512-.1563-.3226-.1561-.4971 0-.4695.3819-.8629.8939-.9657-.3687.1685-.6276.5634-.6276 1.0237 0 .3156.1219.6007.3173.803h.0001Zm1.8113 0c.1777-.0872.3252-.2127.4276-.3639.1025-.1512.1563-.3226.1561-.4971 0-.4695-.3816-.8629-.8938-.9657.3686.1685.6275.5634.6275 1.0237 0 .3156-.1219.6007-.3173.803h-.0001Z\"\r\n clip-rule=\"evenodd\"\r\n ></path>\r\n </g>\r\n <defs>\r\n <clipPath id=\"a\">\r\n <path fill=\"#fff\" d=\"M11.834 13.167h3.33333v2.5H11.834z\"></path>\r\n </clipPath>\r\n </defs>\r\n</svg>\r\n" }]
|
|
1569
|
+
}] });
|
|
1570
|
+
|
|
1571
|
+
class CoreRowPelakComponent {
|
|
1572
|
+
ngOnInit() { }
|
|
1573
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreRowPelakComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1574
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreRowPelakComponent, selector: "app-core-row-pelak", inputs: { data: "data", column: "column" }, ngImport: i0, template: "<div class=\"flex gap-1\" *ngIf=\"data.register\">\r\n <div class=\"row w-12\">\r\n <img class=\"img-iran p-1\" src=\"../../../assets/images/iran.png\" />\r\n <span class=\"row1\">{{ data[column.key].columnFour | persianDigits }}</span>\r\n </div>\r\n <span class=\"row w-9\">{{\r\n data[column.key].columnThree | persianDigits\r\n }}</span>\r\n <span class=\"row w-5\">{{ data[column.key].columnTwo | persianDigits }}</span>\r\n <span class=\"row w-6\">{{ data[column.key].columnOne | persianDigits }}</span>\r\n <pelak-icon class=\"h-8 w-6\"></pelak-icon>\r\n</div>\r\n", styles: [".row{display:flex;height:32px;justify-content:center;align-items:center;background:#80808026;padding-inline:4px;border-radius:6px}.row1{display:flex;justify-content:center;align-items:center;padding-inline:4px;border-radius:6px}.img-iran{height:28px;border-left:2px solid rgba(51,51,51,.4588235294)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: PelakIconComponent, selector: "pelak-icon" }, { kind: "pipe", type: PersianDigitsPipe, name: "persianDigits" }] }); }
|
|
1575
|
+
}
|
|
1576
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreRowPelakComponent, decorators: [{
|
|
1577
|
+
type: Component,
|
|
1578
|
+
args: [{ selector: 'app-core-row-pelak', template: "<div class=\"flex gap-1\" *ngIf=\"data.register\">\r\n <div class=\"row w-12\">\r\n <img class=\"img-iran p-1\" src=\"../../../assets/images/iran.png\" />\r\n <span class=\"row1\">{{ data[column.key].columnFour | persianDigits }}</span>\r\n </div>\r\n <span class=\"row w-9\">{{\r\n data[column.key].columnThree | persianDigits\r\n }}</span>\r\n <span class=\"row w-5\">{{ data[column.key].columnTwo | persianDigits }}</span>\r\n <span class=\"row w-6\">{{ data[column.key].columnOne | persianDigits }}</span>\r\n <pelak-icon class=\"h-8 w-6\"></pelak-icon>\r\n</div>\r\n", styles: [".row{display:flex;height:32px;justify-content:center;align-items:center;background:#80808026;padding-inline:4px;border-radius:6px}.row1{display:flex;justify-content:center;align-items:center;padding-inline:4px;border-radius:6px}.img-iran{height:28px;border-left:2px solid rgba(51,51,51,.4588235294)}\n"] }]
|
|
1579
|
+
}], propDecorators: { data: [{
|
|
1580
|
+
type: Input,
|
|
1581
|
+
args: [{ required: true }]
|
|
1582
|
+
}], column: [{
|
|
1583
|
+
type: Input,
|
|
1584
|
+
args: [{ required: true }]
|
|
1585
|
+
}] } });
|
|
1586
|
+
|
|
1587
|
+
class CoreTableCardManagerComponent {
|
|
1588
|
+
get columnsTypes() {
|
|
1589
|
+
return COLUMNS_TYPES;
|
|
1590
|
+
}
|
|
1591
|
+
constructor(niraSnackBar) {
|
|
1592
|
+
this.niraSnackBar = niraSnackBar;
|
|
1593
|
+
this.rowSelector = undefined;
|
|
1594
|
+
this.onColumnClicked = new EventEmitter();
|
|
1595
|
+
}
|
|
1596
|
+
getSelectorData(data, key) {
|
|
1597
|
+
if (key) {
|
|
1598
|
+
const split = key.split('.');
|
|
1599
|
+
if (split.length === 1) {
|
|
1600
|
+
return data[key];
|
|
1601
|
+
}
|
|
1602
|
+
else {
|
|
1603
|
+
let newData = data;
|
|
1604
|
+
split.forEach((newKay) => {
|
|
1605
|
+
newData = newData[newKay];
|
|
1606
|
+
});
|
|
1607
|
+
return newData;
|
|
1608
|
+
}
|
|
1609
|
+
}
|
|
1610
|
+
}
|
|
1611
|
+
onTextColumnClicked(column, data) {
|
|
1612
|
+
if (!column.coptToClipboard)
|
|
1613
|
+
return;
|
|
1614
|
+
navigator.clipboard
|
|
1615
|
+
.writeText(data)
|
|
1616
|
+
.then((e) => {
|
|
1617
|
+
this.niraSnackBar.show('با موفقیت کپی شد', {
|
|
1618
|
+
statusClass: 'success',
|
|
1619
|
+
duration: 3000,
|
|
1620
|
+
});
|
|
1621
|
+
})
|
|
1622
|
+
.catch((e) => console.error(e));
|
|
1623
|
+
}
|
|
1624
|
+
clicked(val) {
|
|
1625
|
+
this.onColumnClicked.emit(val);
|
|
1626
|
+
}
|
|
1627
|
+
combinedData(detailViewer, data) {
|
|
1628
|
+
return {
|
|
1629
|
+
detailViewer: detailViewer,
|
|
1630
|
+
data: data,
|
|
1631
|
+
};
|
|
1632
|
+
}
|
|
1633
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreTableCardManagerComponent, deps: [{ token: i1$3.NiraSnackBarService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1634
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreTableCardManagerComponent, selector: "app-core-table-card-manager", inputs: { data: "data", column: "column", allTableData: "allTableData", rowSelector: "rowSelector" }, outputs: { onColumnClicked: "onColumnClicked" }, ngImport: i0, template: "<container-element [ngSwitch]=\"column.type\">\r\n <ng-content></ng-content>\r\n\r\n <app-core-table-row-selector-column\r\n *ngSwitchCase=\"columnsTypes.ROW_SELECTOR\"\r\n [rowSelector]=\"rowSelector\"\r\n [data]=\"data\"\r\n [allTableData]=\"allTableData\"\r\n [column]=\"column\"\r\n ></app-core-table-row-selector-column>\r\n <app-core-table-status-active-column\r\n *ngSwitchCase=\"columnsTypes.STATUS_ACTIVE\"\r\n [data]=\"data\"\r\n [column]=\"column\"\r\n ></app-core-table-status-active-column>\r\n <app-core-table-status-column\r\n *ngSwitchCase=\"columnsTypes.STATUS\"\r\n [data]=\"data\"\r\n [column]=\"column\"\r\n ></app-core-table-status-column>\r\n <app-core-table-action-column\r\n *ngSwitchCase=\"columnsTypes.ACTION\"\r\n [data]=\"data\"\r\n [column]=\"column\"\r\n ></app-core-table-action-column>\r\n <app-core-table-action-buttons-column\r\n *ngSwitchCase=\"columnsTypes.ACTION_BUTTONS\"\r\n (onClick)=\"clicked($event)\"\r\n [data]=\"data\"\r\n [column]=\"column\"\r\n ></app-core-table-action-buttons-column>\r\n <app-core-table-shamsi-date\r\n *ngSwitchCase=\"columnsTypes.SHAMSI_DATE\"\r\n [data]=\"data\"\r\n [column]=\"column\"\r\n >\r\n </app-core-table-shamsi-date>\r\n <app-core-row-pelak\r\n class=\"inline-block\"\r\n *ngSwitchCase=\"columnsTypes.PELAK\"\r\n [data]=\"data\"\r\n [column]=\"column\"\r\n ></app-core-row-pelak>\r\n <span\r\n *ngSwitchCase=\"columnsTypes.TEXT\"\r\n [ngClass]=\"{ 'cursor-pointer': column.coptToClipboard }\"\r\n (click)=\"onTextColumnClicked(column, data[column.key])\"\r\n tableDetailViewerManager\r\n [detailViewerData]=\"\r\n combinedData(column.detailViewer, data[column.detailViewer?.key])\r\n \"\r\n >{{ data[column.key] | persianDigits }}</span\r\n >\r\n <span\r\n *ngSwitchCase=\"columnsTypes.NUMBER\"\r\n [ngClass]=\"{\r\n 'cursor-pointer': column.copyToClipboard,\r\n green: data[column.key] > 0 && column.canColorfulNumber,\r\n red: data[column.key] < 0 && column.canColorfulNumber\r\n }\"\r\n (click)=\"onTextColumnClicked(column, data[column.key])\"\r\n tableDetailViewerManager\r\n dir=\"ltr\"\r\n [detailViewerData]=\"\r\n combinedData(column.detailViewer, data[column.detailViewer?.key])\r\n \"\r\n ><app-core-number\r\n [number]=\"data[column.key]\"\r\n [type]=\"'number'\"\r\n [canSplitNumbers]=\"true\"\r\n [canShowWordInToolTip]=\"true\"\r\n >\r\n </app-core-number>\r\n </span>\r\n <span *ngSwitchCase=\"columnsTypes.SELECTOR\">\r\n <span\r\n *ngIf=\"data[column.key.split('.')[0]]\"\r\n tableDetailViewerManager\r\n [detailViewerData]=\"\r\n combinedData(\r\n column.detailViewer,\r\n getSelectorData(\r\n data[column.key.split('.')[0]],\r\n column.detailViewer?.key\r\n )\r\n )\r\n \"\r\n >{{\r\n getSelectorData(data[column.key.split(\".\")[0]], column.data.key)\r\n | persianDigits\r\n }}</span\r\n >\r\n </span>\r\n</container-element>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: CoreTableActionButtonsColumnComponent, selector: "app-core-table-action-buttons-column", inputs: ["data", "column"], outputs: ["onClick"] }, { kind: "component", type: CoreTableActionColumnComponent, selector: "app-core-table-action-column", inputs: ["data", "column"] }, { kind: "component", type: CoreTableRowSelectorColumnComponent, selector: "app-core-table-row-selector-column", inputs: ["data", "column", "allTableData", "rowSelector"] }, { kind: "component", type: CoreTableShamsiDateComponent, selector: "app-core-table-shamsi-date", inputs: ["data", "column"], outputs: ["onClick"] }, { kind: "component", type: CoreTableStatusColumnComponent, selector: "app-core-table-status-column", inputs: ["data", "column"] }, { kind: "component", type: CoreNumberComponent, selector: "app-core-number", inputs: ["number", "type", "canSplitNumbers", "canShowWordInToolTip", "canShowIRR"] }, { kind: "directive", type: TableDetailViewerManagerDirective, selector: "[tableDetailViewerManager]", inputs: ["detailViewerData"] }, { kind: "component", type: CoreTableStatusActiveColumnComponent, selector: "app-core-table-status-active-column", inputs: ["data", "column"] }, { kind: "component", type: CoreRowPelakComponent, selector: "app-core-row-pelak", inputs: ["data", "column"] }, { kind: "pipe", type: PersianDigitsPipe, name: "persianDigits" }] }); }
|
|
1635
|
+
}
|
|
1636
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreTableCardManagerComponent, decorators: [{
|
|
1637
|
+
type: Component,
|
|
1638
|
+
args: [{ selector: 'app-core-table-card-manager', template: "<container-element [ngSwitch]=\"column.type\">\r\n <ng-content></ng-content>\r\n\r\n <app-core-table-row-selector-column\r\n *ngSwitchCase=\"columnsTypes.ROW_SELECTOR\"\r\n [rowSelector]=\"rowSelector\"\r\n [data]=\"data\"\r\n [allTableData]=\"allTableData\"\r\n [column]=\"column\"\r\n ></app-core-table-row-selector-column>\r\n <app-core-table-status-active-column\r\n *ngSwitchCase=\"columnsTypes.STATUS_ACTIVE\"\r\n [data]=\"data\"\r\n [column]=\"column\"\r\n ></app-core-table-status-active-column>\r\n <app-core-table-status-column\r\n *ngSwitchCase=\"columnsTypes.STATUS\"\r\n [data]=\"data\"\r\n [column]=\"column\"\r\n ></app-core-table-status-column>\r\n <app-core-table-action-column\r\n *ngSwitchCase=\"columnsTypes.ACTION\"\r\n [data]=\"data\"\r\n [column]=\"column\"\r\n ></app-core-table-action-column>\r\n <app-core-table-action-buttons-column\r\n *ngSwitchCase=\"columnsTypes.ACTION_BUTTONS\"\r\n (onClick)=\"clicked($event)\"\r\n [data]=\"data\"\r\n [column]=\"column\"\r\n ></app-core-table-action-buttons-column>\r\n <app-core-table-shamsi-date\r\n *ngSwitchCase=\"columnsTypes.SHAMSI_DATE\"\r\n [data]=\"data\"\r\n [column]=\"column\"\r\n >\r\n </app-core-table-shamsi-date>\r\n <app-core-row-pelak\r\n class=\"inline-block\"\r\n *ngSwitchCase=\"columnsTypes.PELAK\"\r\n [data]=\"data\"\r\n [column]=\"column\"\r\n ></app-core-row-pelak>\r\n <span\r\n *ngSwitchCase=\"columnsTypes.TEXT\"\r\n [ngClass]=\"{ 'cursor-pointer': column.coptToClipboard }\"\r\n (click)=\"onTextColumnClicked(column, data[column.key])\"\r\n tableDetailViewerManager\r\n [detailViewerData]=\"\r\n combinedData(column.detailViewer, data[column.detailViewer?.key])\r\n \"\r\n >{{ data[column.key] | persianDigits }}</span\r\n >\r\n <span\r\n *ngSwitchCase=\"columnsTypes.NUMBER\"\r\n [ngClass]=\"{\r\n 'cursor-pointer': column.copyToClipboard,\r\n green: data[column.key] > 0 && column.canColorfulNumber,\r\n red: data[column.key] < 0 && column.canColorfulNumber\r\n }\"\r\n (click)=\"onTextColumnClicked(column, data[column.key])\"\r\n tableDetailViewerManager\r\n dir=\"ltr\"\r\n [detailViewerData]=\"\r\n combinedData(column.detailViewer, data[column.detailViewer?.key])\r\n \"\r\n ><app-core-number\r\n [number]=\"data[column.key]\"\r\n [type]=\"'number'\"\r\n [canSplitNumbers]=\"true\"\r\n [canShowWordInToolTip]=\"true\"\r\n >\r\n </app-core-number>\r\n </span>\r\n <span *ngSwitchCase=\"columnsTypes.SELECTOR\">\r\n <span\r\n *ngIf=\"data[column.key.split('.')[0]]\"\r\n tableDetailViewerManager\r\n [detailViewerData]=\"\r\n combinedData(\r\n column.detailViewer,\r\n getSelectorData(\r\n data[column.key.split('.')[0]],\r\n column.detailViewer?.key\r\n )\r\n )\r\n \"\r\n >{{\r\n getSelectorData(data[column.key.split(\".\")[0]], column.data.key)\r\n | persianDigits\r\n }}</span\r\n >\r\n </span>\r\n</container-element>\r\n" }]
|
|
1639
|
+
}], ctorParameters: function () { return [{ type: i1$3.NiraSnackBarService }]; }, propDecorators: { data: [{
|
|
1640
|
+
type: Input,
|
|
1641
|
+
args: [{ required: true }]
|
|
1642
|
+
}], column: [{
|
|
1643
|
+
type: Input,
|
|
1644
|
+
args: [{ required: true }]
|
|
1645
|
+
}], allTableData: [{
|
|
1646
|
+
type: Input,
|
|
1647
|
+
args: [{ required: true }]
|
|
1648
|
+
}], rowSelector: [{
|
|
1649
|
+
type: Input,
|
|
1650
|
+
args: [{ required: false }]
|
|
1651
|
+
}], onColumnClicked: [{
|
|
1652
|
+
type: Output
|
|
1653
|
+
}] } });
|
|
1654
|
+
|
|
1655
|
+
class CoreTableDetailViewerForReportComponent {
|
|
1656
|
+
get detailViewers() {
|
|
1657
|
+
return this.column.data.detailViewers;
|
|
1658
|
+
}
|
|
1659
|
+
ngOnInit() { }
|
|
1660
|
+
hasDetailViewers() {
|
|
1661
|
+
return this.detailViewers.some((item) => item === this.data[this.column.data.keyType]);
|
|
1662
|
+
}
|
|
1663
|
+
onClick() {
|
|
1664
|
+
this.column.data.onClick(this.data);
|
|
1665
|
+
}
|
|
1666
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreTableDetailViewerForReportComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1667
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreTableDetailViewerForReportComponent, selector: "core-table-detail-viewer-for-report", inputs: { data: "data", column: "column" }, ngImport: i0, template: "<span class=\"text\" *ngIf=\"hasDetailViewers()\" (click)=\"onClick()\"\r\n ><app-caret-up-icon class=\"inline-block w-3 h-3\"></app-caret-up-icon\r\n >{{ data[column.key] }}</span\r\n>\r\n<span *ngIf=\"!hasDetailViewers()\">{{ data[column.key] }}</span>\r\n", styles: [".text{background-color:#b4dcff;cursor:pointer;border-radius:18px;padding:2px 8px;color:#2c7be5!important;fill:#2c7be5!important}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: CaretUpIconComponent, selector: "app-caret-up-icon" }] }); }
|
|
1668
|
+
}
|
|
1669
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreTableDetailViewerForReportComponent, decorators: [{
|
|
1670
|
+
type: Component,
|
|
1671
|
+
args: [{ selector: 'core-table-detail-viewer-for-report', template: "<span class=\"text\" *ngIf=\"hasDetailViewers()\" (click)=\"onClick()\"\r\n ><app-caret-up-icon class=\"inline-block w-3 h-3\"></app-caret-up-icon\r\n >{{ data[column.key] }}</span\r\n>\r\n<span *ngIf=\"!hasDetailViewers()\">{{ data[column.key] }}</span>\r\n", styles: [".text{background-color:#b4dcff;cursor:pointer;border-radius:18px;padding:2px 8px;color:#2c7be5!important;fill:#2c7be5!important}\n"] }]
|
|
1672
|
+
}], propDecorators: { data: [{
|
|
1673
|
+
type: Input,
|
|
1674
|
+
args: [{ required: true }]
|
|
1675
|
+
}], column: [{
|
|
1676
|
+
type: Input,
|
|
1677
|
+
args: [{ required: true }]
|
|
1678
|
+
}] } });
|
|
1679
|
+
|
|
1680
|
+
class CoreTableColumnManagerComponent {
|
|
1681
|
+
get columnsTypes() {
|
|
1682
|
+
return COLUMNS_TYPES;
|
|
1683
|
+
}
|
|
1684
|
+
constructor(niraSnackBar) {
|
|
1685
|
+
this.niraSnackBar = niraSnackBar;
|
|
1686
|
+
this.rowSelector = undefined;
|
|
1687
|
+
this.onColumnClicked = new EventEmitter();
|
|
1688
|
+
}
|
|
1689
|
+
getSelectorData(data, key) {
|
|
1690
|
+
if (!key) {
|
|
1691
|
+
return '';
|
|
1692
|
+
}
|
|
1693
|
+
const split = key.split('.');
|
|
1694
|
+
if (split.length === 1) {
|
|
1695
|
+
return data[key];
|
|
1696
|
+
}
|
|
1697
|
+
else {
|
|
1698
|
+
let newData = data;
|
|
1699
|
+
split.forEach((newKey) => {
|
|
1700
|
+
newData = newData[newKey];
|
|
1701
|
+
});
|
|
1702
|
+
return newData;
|
|
1703
|
+
}
|
|
1704
|
+
}
|
|
1705
|
+
onTextColumnClicked(column, data) {
|
|
1706
|
+
if (!column.coptToClipboard)
|
|
1707
|
+
return;
|
|
1708
|
+
navigator.clipboard
|
|
1709
|
+
.writeText(data)
|
|
1710
|
+
.then((e) => {
|
|
1711
|
+
this.niraSnackBar.show('با موفقیت کپی شد', {
|
|
1712
|
+
statusClass: 'success',
|
|
1713
|
+
duration: 3000,
|
|
1714
|
+
});
|
|
1715
|
+
})
|
|
1716
|
+
.catch((e) => console.error(e));
|
|
1717
|
+
}
|
|
1718
|
+
clicked(val) {
|
|
1719
|
+
this.onColumnClicked.emit(val);
|
|
1720
|
+
}
|
|
1721
|
+
combinedData(detailViewer, data) {
|
|
1722
|
+
return {
|
|
1723
|
+
detailViewer: detailViewer,
|
|
1724
|
+
data: data,
|
|
1725
|
+
};
|
|
1726
|
+
}
|
|
1727
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreTableColumnManagerComponent, deps: [{ token: i1$3.NiraSnackBarService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1728
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreTableColumnManagerComponent, selector: "app-core-table-column-manager", inputs: { data: "data", column: "column", allTableData: "allTableData", rowSelector: "rowSelector" }, outputs: { onColumnClicked: "onColumnClicked" }, ngImport: i0, template: "<container-element [ngSwitch]=\"column.type\">\r\n <ng-content></ng-content>\r\n\r\n <app-core-table-row-selector-column\r\n *ngSwitchCase=\"columnsTypes.ROW_SELECTOR\"\r\n [rowSelector]=\"rowSelector\"\r\n [data]=\"data\"\r\n [allTableData]=\"allTableData\"\r\n [column]=\"column\"\r\n ></app-core-table-row-selector-column>\r\n <app-core-table-status-active-column\r\n *ngSwitchCase=\"columnsTypes.STATUS_ACTIVE\"\r\n [data]=\"data\"\r\n [column]=\"column\"\r\n ></app-core-table-status-active-column>\r\n <app-core-table-status-column\r\n *ngSwitchCase=\"columnsTypes.STATUS\"\r\n [data]=\"data\"\r\n [column]=\"column\"\r\n ></app-core-table-status-column>\r\n <app-core-table-action-column\r\n *ngSwitchCase=\"columnsTypes.ACTION\"\r\n [data]=\"data\"\r\n [column]=\"column\"\r\n ></app-core-table-action-column>\r\n <app-core-table-action-buttons-column\r\n *ngSwitchCase=\"columnsTypes.ACTION_BUTTONS\"\r\n (onClick)=\"clicked($event)\"\r\n [data]=\"data\"\r\n [column]=\"column\"\r\n ></app-core-table-action-buttons-column>\r\n <app-core-table-shamsi-date\r\n *ngSwitchCase=\"columnsTypes.SHAMSI_DATE\"\r\n [data]=\"data\"\r\n [column]=\"column\"\r\n >\r\n </app-core-table-shamsi-date>\r\n <app-core-row-pelak\r\n *ngSwitchCase=\"columnsTypes.PELAK\"\r\n [data]=\"data\"\r\n [column]=\"column\"\r\n ></app-core-row-pelak>\r\n <core-table-detail-viewer-for-report\r\n *ngSwitchCase=\"columnsTypes.DETAIL_VIEWER_FOR_REPORT\"\r\n [data]=\"data\"\r\n [column]=\"column\"\r\n ></core-table-detail-viewer-for-report>\r\n <span\r\n *ngSwitchCase=\"columnsTypes.TEXT\"\r\n [ngClass]=\"{ 'cursor-pointer': column.coptToClipboard }\"\r\n (click)=\"onTextColumnClicked(column, data[column.key])\"\r\n tableDetailViewerManager\r\n [detailViewerData]=\"\r\n combinedData(column.detailViewer, data[column.detailViewer?.key])\r\n \"\r\n >{{ data[column.key] | persianDigits }}</span\r\n >\r\n <span\r\n *ngSwitchCase=\"columnsTypes.NUMBER\"\r\n [ngClass]=\"{\r\n 'cursor-pointer': column.copyToClipboard,\r\n green: data[column.key] > 0 && column.canColorfulNumber,\r\n red: data[column.key] < 0 && column.canColorfulNumber\r\n }\"\r\n (click)=\"onTextColumnClicked(column, data[column.key])\"\r\n tableDetailViewerManager\r\n dir=\"ltr\"\r\n [detailViewerData]=\"\r\n combinedData(column.detailViewer, data[column.detailViewer?.key])\r\n \"\r\n ><app-core-number\r\n [number]=\"data[column.key]\"\r\n [type]=\"'number'\"\r\n [canSplitNumbers]=\"true\"\r\n [canShowWordInToolTip]=\"true\"\r\n >\r\n </app-core-number>\r\n </span>\r\n\r\n <span *ngSwitchCase=\"columnsTypes.SELECTOR\">\r\n <span\r\n *ngIf=\"data[column.key.split('.')[0]]\"\r\n tableDetailViewerManager\r\n [detailViewerData]=\"\r\n combinedData(\r\n column.detailViewer,\r\n getSelectorData(\r\n data[column.key.split('.')[0]],\r\n column.detailViewer?.key\r\n )\r\n )\r\n \"\r\n >{{\r\n getSelectorData(data[column.key.split(\".\")[0]], column.data.key)\r\n | persianDigits\r\n }}</span\r\n >\r\n </span>\r\n</container-element>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: CoreTableActionButtonsColumnComponent, selector: "app-core-table-action-buttons-column", inputs: ["data", "column"], outputs: ["onClick"] }, { kind: "component", type: CoreTableActionColumnComponent, selector: "app-core-table-action-column", inputs: ["data", "column"] }, { kind: "component", type: CoreTableRowSelectorColumnComponent, selector: "app-core-table-row-selector-column", inputs: ["data", "column", "allTableData", "rowSelector"] }, { kind: "component", type: CoreTableShamsiDateComponent, selector: "app-core-table-shamsi-date", inputs: ["data", "column"], outputs: ["onClick"] }, { kind: "component", type: CoreTableStatusColumnComponent, selector: "app-core-table-status-column", inputs: ["data", "column"] }, { kind: "component", type: CoreNumberComponent, selector: "app-core-number", inputs: ["number", "type", "canSplitNumbers", "canShowWordInToolTip", "canShowIRR"] }, { kind: "directive", type: TableDetailViewerManagerDirective, selector: "[tableDetailViewerManager]", inputs: ["detailViewerData"] }, { kind: "component", type: CoreTableStatusActiveColumnComponent, selector: "app-core-table-status-active-column", inputs: ["data", "column"] }, { kind: "component", type: CoreRowPelakComponent, selector: "app-core-row-pelak", inputs: ["data", "column"] }, { kind: "component", type: CoreTableDetailViewerForReportComponent, selector: "core-table-detail-viewer-for-report", inputs: ["data", "column"] }, { kind: "pipe", type: PersianDigitsPipe, name: "persianDigits" }] }); }
|
|
1729
|
+
}
|
|
1730
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreTableColumnManagerComponent, decorators: [{
|
|
1731
|
+
type: Component,
|
|
1732
|
+
args: [{ selector: 'app-core-table-column-manager', template: "<container-element [ngSwitch]=\"column.type\">\r\n <ng-content></ng-content>\r\n\r\n <app-core-table-row-selector-column\r\n *ngSwitchCase=\"columnsTypes.ROW_SELECTOR\"\r\n [rowSelector]=\"rowSelector\"\r\n [data]=\"data\"\r\n [allTableData]=\"allTableData\"\r\n [column]=\"column\"\r\n ></app-core-table-row-selector-column>\r\n <app-core-table-status-active-column\r\n *ngSwitchCase=\"columnsTypes.STATUS_ACTIVE\"\r\n [data]=\"data\"\r\n [column]=\"column\"\r\n ></app-core-table-status-active-column>\r\n <app-core-table-status-column\r\n *ngSwitchCase=\"columnsTypes.STATUS\"\r\n [data]=\"data\"\r\n [column]=\"column\"\r\n ></app-core-table-status-column>\r\n <app-core-table-action-column\r\n *ngSwitchCase=\"columnsTypes.ACTION\"\r\n [data]=\"data\"\r\n [column]=\"column\"\r\n ></app-core-table-action-column>\r\n <app-core-table-action-buttons-column\r\n *ngSwitchCase=\"columnsTypes.ACTION_BUTTONS\"\r\n (onClick)=\"clicked($event)\"\r\n [data]=\"data\"\r\n [column]=\"column\"\r\n ></app-core-table-action-buttons-column>\r\n <app-core-table-shamsi-date\r\n *ngSwitchCase=\"columnsTypes.SHAMSI_DATE\"\r\n [data]=\"data\"\r\n [column]=\"column\"\r\n >\r\n </app-core-table-shamsi-date>\r\n <app-core-row-pelak\r\n *ngSwitchCase=\"columnsTypes.PELAK\"\r\n [data]=\"data\"\r\n [column]=\"column\"\r\n ></app-core-row-pelak>\r\n <core-table-detail-viewer-for-report\r\n *ngSwitchCase=\"columnsTypes.DETAIL_VIEWER_FOR_REPORT\"\r\n [data]=\"data\"\r\n [column]=\"column\"\r\n ></core-table-detail-viewer-for-report>\r\n <span\r\n *ngSwitchCase=\"columnsTypes.TEXT\"\r\n [ngClass]=\"{ 'cursor-pointer': column.coptToClipboard }\"\r\n (click)=\"onTextColumnClicked(column, data[column.key])\"\r\n tableDetailViewerManager\r\n [detailViewerData]=\"\r\n combinedData(column.detailViewer, data[column.detailViewer?.key])\r\n \"\r\n >{{ data[column.key] | persianDigits }}</span\r\n >\r\n <span\r\n *ngSwitchCase=\"columnsTypes.NUMBER\"\r\n [ngClass]=\"{\r\n 'cursor-pointer': column.copyToClipboard,\r\n green: data[column.key] > 0 && column.canColorfulNumber,\r\n red: data[column.key] < 0 && column.canColorfulNumber\r\n }\"\r\n (click)=\"onTextColumnClicked(column, data[column.key])\"\r\n tableDetailViewerManager\r\n dir=\"ltr\"\r\n [detailViewerData]=\"\r\n combinedData(column.detailViewer, data[column.detailViewer?.key])\r\n \"\r\n ><app-core-number\r\n [number]=\"data[column.key]\"\r\n [type]=\"'number'\"\r\n [canSplitNumbers]=\"true\"\r\n [canShowWordInToolTip]=\"true\"\r\n >\r\n </app-core-number>\r\n </span>\r\n\r\n <span *ngSwitchCase=\"columnsTypes.SELECTOR\">\r\n <span\r\n *ngIf=\"data[column.key.split('.')[0]]\"\r\n tableDetailViewerManager\r\n [detailViewerData]=\"\r\n combinedData(\r\n column.detailViewer,\r\n getSelectorData(\r\n data[column.key.split('.')[0]],\r\n column.detailViewer?.key\r\n )\r\n )\r\n \"\r\n >{{\r\n getSelectorData(data[column.key.split(\".\")[0]], column.data.key)\r\n | persianDigits\r\n }}</span\r\n >\r\n </span>\r\n</container-element>\r\n" }]
|
|
1733
|
+
}], ctorParameters: function () { return [{ type: i1$3.NiraSnackBarService }]; }, propDecorators: { data: [{
|
|
1734
|
+
type: Input,
|
|
1735
|
+
args: [{ required: true }]
|
|
1736
|
+
}], column: [{
|
|
1737
|
+
type: Input,
|
|
1738
|
+
args: [{ required: true }]
|
|
1739
|
+
}], allTableData: [{
|
|
1740
|
+
type: Input,
|
|
1741
|
+
args: [{ required: true }]
|
|
1742
|
+
}], rowSelector: [{
|
|
1743
|
+
type: Input,
|
|
1744
|
+
args: [{ required: false }]
|
|
1745
|
+
}], onColumnClicked: [{
|
|
1746
|
+
type: Output
|
|
1747
|
+
}] } });
|
|
1748
|
+
|
|
1749
|
+
const Label = {
|
|
1750
|
+
fa: {
|
|
1751
|
+
noResult: 'موردی یافت نشد',
|
|
1752
|
+
},
|
|
1753
|
+
en: {
|
|
1754
|
+
noResult: 'No Result',
|
|
1755
|
+
},
|
|
1756
|
+
};
|
|
1757
|
+
|
|
1758
|
+
class WarningIconComponent {
|
|
1759
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WarningIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1760
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: WarningIconComponent, selector: "warning-icon", ngImport: i0, template: "<svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n viewBox=\"0 -960 960 960\"\r\n height=\"100%\"\r\n width=\"100%\"\r\n>\r\n <path\r\n d=\"m40-120 440-760 440 760H40Zm138-80h604L480-720 178-200Zm302-40q17 0 28.5-11.5T520-280q0-17-11.5-28.5T480-320q-17 0-28.5 11.5T440-280q0 17 11.5 28.5T480-240Zm-40-120h80v-200h-80v200Zm40-100Z\"\r\n />\r\n</svg>\r\n", styles: [""] }); }
|
|
1761
|
+
}
|
|
1762
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WarningIconComponent, decorators: [{
|
|
1763
|
+
type: Component,
|
|
1764
|
+
args: [{ selector: 'warning-icon', template: "<svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n viewBox=\"0 -960 960 960\"\r\n height=\"100%\"\r\n width=\"100%\"\r\n>\r\n <path\r\n d=\"m40-120 440-760 440 760H40Zm138-80h604L480-720 178-200Zm302-40q17 0 28.5-11.5T520-280q0-17-11.5-28.5T480-320q-17 0-28.5 11.5T440-280q0 17 11.5 28.5T480-240Zm-40-120h80v-200h-80v200Zm40-100Z\"\r\n />\r\n</svg>\r\n" }]
|
|
1765
|
+
}] });
|
|
1766
|
+
|
|
1767
|
+
class CoreTableNoContentComponent {
|
|
1768
|
+
constructor() {
|
|
1769
|
+
this.labels = Label['fa'];
|
|
1770
|
+
}
|
|
1771
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreTableNoContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1772
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreTableNoContentComponent, selector: "core-table-no-content", inputs: { tableData: "tableData", loading: "loading" }, ngImport: i0, template: "<div *ngIf=\"tableData; let data\" class=\"text-center mt-10 mb-10\">\r\n <ng-container *ngIf=\"$any(data).length == 0 && !loading\">\r\n <warning-icon class=\"icon-color inline-block w-24\"></warning-icon>\r\n <b class=\"content block\">{{ labels.noResult }}</b></ng-container\r\n >\r\n</div>\r\n", styles: [".icon-color{fill:var(--default-table-warning-icon-color)}.content{color:var(--default-table-warning-color)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: WarningIconComponent, selector: "warning-icon" }] }); }
|
|
1773
|
+
}
|
|
1774
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreTableNoContentComponent, decorators: [{
|
|
1775
|
+
type: Component,
|
|
1776
|
+
args: [{ selector: 'core-table-no-content', template: "<div *ngIf=\"tableData; let data\" class=\"text-center mt-10 mb-10\">\r\n <ng-container *ngIf=\"$any(data).length == 0 && !loading\">\r\n <warning-icon class=\"icon-color inline-block w-24\"></warning-icon>\r\n <b class=\"content block\">{{ labels.noResult }}</b></ng-container\r\n >\r\n</div>\r\n", styles: [".icon-color{fill:var(--default-table-warning-icon-color)}.content{color:var(--default-table-warning-color)}\n"] }]
|
|
1777
|
+
}], ctorParameters: function () { return []; }, propDecorators: { tableData: [{
|
|
1778
|
+
type: Input,
|
|
1779
|
+
args: [{ required: true }]
|
|
1780
|
+
}], loading: [{
|
|
1781
|
+
type: Input,
|
|
1782
|
+
args: [{ required: false }]
|
|
1783
|
+
}] } });
|
|
1784
|
+
|
|
1785
|
+
class SortDownIconComponent {
|
|
1786
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SortDownIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1787
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SortDownIconComponent, selector: "app-sort-down-icon", ngImport: i0, template: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 320 512\">\r\n <path\r\n d=\"M182.6 470.6c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-9.2-9.2-11.9-22.9-6.9-34.9s16.6-19.8 29.6-19.8H288c12.9 0 24.6 7.8 29.6 19.8s2.2 25.7-6.9 34.9l-128 128z\"\r\n />\r\n</svg>\r\n", styles: [""] }); }
|
|
1788
|
+
}
|
|
1789
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SortDownIconComponent, decorators: [{
|
|
1790
|
+
type: Component,
|
|
1791
|
+
args: [{ selector: 'app-sort-down-icon', template: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 320 512\">\r\n <path\r\n d=\"M182.6 470.6c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-9.2-9.2-11.9-22.9-6.9-34.9s16.6-19.8 29.6-19.8H288c12.9 0 24.6 7.8 29.6 19.8s2.2 25.7-6.9 34.9l-128 128z\"\r\n />\r\n</svg>\r\n" }]
|
|
1792
|
+
}] });
|
|
1793
|
+
|
|
1794
|
+
class SortSolidIconComponent {
|
|
1795
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SortSolidIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1796
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SortSolidIconComponent, selector: "app-sort-solid-icon", ngImport: i0, template: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 320 512\">\r\n <path\r\n d=\"M137.4 41.4c12.5-12.5 32.8-12.5 45.3 0l128 128c9.2 9.2 11.9 22.9 6.9 34.9s-16.6 19.8-29.6 19.8H32c-12.9 0-24.6-7.8-29.6-19.8s-2.2-25.7 6.9-34.9l128-128zm0 429.3l-128-128c-9.2-9.2-11.9-22.9-6.9-34.9s16.6-19.8 29.6-19.8H288c12.9 0 24.6 7.8 29.6 19.8s2.2 25.7-6.9 34.9l-128 128c-12.5 12.5-32.8 12.5-45.3 0z\"\r\n />\r\n</svg>\r\n", styles: [""] }); }
|
|
1797
|
+
}
|
|
1798
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SortSolidIconComponent, decorators: [{
|
|
1799
|
+
type: Component,
|
|
1800
|
+
args: [{ selector: 'app-sort-solid-icon', template: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 320 512\">\r\n <path\r\n d=\"M137.4 41.4c12.5-12.5 32.8-12.5 45.3 0l128 128c9.2 9.2 11.9 22.9 6.9 34.9s-16.6 19.8-29.6 19.8H32c-12.9 0-24.6-7.8-29.6-19.8s-2.2-25.7 6.9-34.9l128-128zm0 429.3l-128-128c-9.2-9.2-11.9-22.9-6.9-34.9s16.6-19.8 29.6-19.8H288c12.9 0 24.6 7.8 29.6 19.8s2.2 25.7-6.9 34.9l-128 128c-12.5 12.5-32.8 12.5-45.3 0z\"\r\n />\r\n</svg>\r\n" }]
|
|
1801
|
+
}] });
|
|
1802
|
+
|
|
1803
|
+
class SortUpIconComponent {
|
|
1804
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SortUpIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1805
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SortUpIconComponent, selector: "app-sort-up-icon", ngImport: i0, template: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 320 512\">\r\n <path\r\n d=\"M182.6 41.4c-12.5-12.5-32.8-12.5-45.3 0l-128 128c-9.2 9.2-11.9 22.9-6.9 34.9s16.6 19.8 29.6 19.8H288c12.9 0 24.6-7.8 29.6-19.8s2.2-25.7-6.9-34.9l-128-128z\"\r\n />\r\n</svg>\r\n", styles: [""] }); }
|
|
1806
|
+
}
|
|
1807
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SortUpIconComponent, decorators: [{
|
|
1808
|
+
type: Component,
|
|
1809
|
+
args: [{ selector: 'app-sort-up-icon', template: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 320 512\">\r\n <path\r\n d=\"M182.6 41.4c-12.5-12.5-32.8-12.5-45.3 0l-128 128c-9.2 9.2-11.9 22.9-6.9 34.9s16.6 19.8 29.6 19.8H288c12.9 0 24.6-7.8 29.6-19.8s2.2-25.7-6.9-34.9l-128-128z\"\r\n />\r\n</svg>\r\n" }]
|
|
1810
|
+
}] });
|
|
1811
|
+
|
|
1812
|
+
class CoreTableComponent {
|
|
1813
|
+
get columnsTypes() {
|
|
1814
|
+
return COLUMNS_TYPES;
|
|
1815
|
+
}
|
|
1816
|
+
get isRunningOnSmallScreen() {
|
|
1817
|
+
return Util.isRunningOnSmallScreen();
|
|
1818
|
+
}
|
|
1819
|
+
constructor(dbService) {
|
|
1820
|
+
this.dbService = dbService;
|
|
1821
|
+
this.tableData = new BehaviorSubject([]);
|
|
1822
|
+
this.responsive = true;
|
|
1823
|
+
this.canFilter = false;
|
|
1824
|
+
this.rowSelector = undefined;
|
|
1825
|
+
this.onColumnClicked = new EventEmitter();
|
|
1826
|
+
this.ACTIVE_OPTIONS = ACTIVE_OPTIONS;
|
|
1827
|
+
this.YES_NO_OPTIONS = YES_NO_OPTIONS;
|
|
1828
|
+
this.sortedTableData = [];
|
|
1829
|
+
}
|
|
1830
|
+
ngOnInit() {
|
|
1831
|
+
this.tableData.subscribe((val) => {
|
|
1832
|
+
this.sortedTableData = val;
|
|
1833
|
+
});
|
|
1834
|
+
if (this.key) {
|
|
1835
|
+
this.dbService
|
|
1836
|
+
.getByIndex('tableFilter', 'key', this.key)
|
|
1837
|
+
.subscribe((data) => {
|
|
1838
|
+
this.dbTableFilter = data;
|
|
1839
|
+
if (this.dbTableFilter) {
|
|
1840
|
+
this.setTableFilter();
|
|
1841
|
+
}
|
|
1842
|
+
});
|
|
1843
|
+
}
|
|
1844
|
+
}
|
|
1845
|
+
setTableFilter() {
|
|
1846
|
+
this.columnsSchema.map((column) => {
|
|
1847
|
+
JSON.parse(this.dbTableFilter.columnsSchema).forEach((dbColumnsSchema) => {
|
|
1848
|
+
if (dbColumnsSchema.key === column.key) {
|
|
1849
|
+
column.active = dbColumnsSchema.active;
|
|
1850
|
+
}
|
|
1851
|
+
});
|
|
1852
|
+
return column;
|
|
1853
|
+
});
|
|
1854
|
+
}
|
|
1855
|
+
columnClicked(val) {
|
|
1856
|
+
this.onColumnClicked.emit(val);
|
|
1857
|
+
}
|
|
1858
|
+
sortByHeader(column) {
|
|
1859
|
+
if (this.sortDetail && this.sortDetail.key == column.key) {
|
|
1860
|
+
if (this.sortDetail.sort == 'desc') {
|
|
1861
|
+
this.sortDetail = { key: column.key, sort: 'asc' };
|
|
1862
|
+
}
|
|
1863
|
+
else {
|
|
1864
|
+
this.sortDetail = { key: column.key, sort: 'desc' };
|
|
1865
|
+
}
|
|
1866
|
+
}
|
|
1867
|
+
else {
|
|
1868
|
+
this.sortDetail = { key: column.key, sort: 'asc' };
|
|
1869
|
+
}
|
|
1870
|
+
if (column.type == COLUMNS_TYPES.TEXT ||
|
|
1871
|
+
column.type == COLUMNS_TYPES.NUMBER) {
|
|
1872
|
+
this.sortedTableData = orderBy(this.sortedTableData, [column.key], [this.sortDetail.sort]);
|
|
1873
|
+
}
|
|
1874
|
+
else if (column.type == COLUMNS_TYPES.SELECTOR) {
|
|
1875
|
+
this.sortedTableData = orderBy(this.sortedTableData, [(c) => c[column.key][column.data.key]], [this.sortDetail.sort]);
|
|
1876
|
+
}
|
|
1877
|
+
else if (column.type == COLUMNS_TYPES.SHAMSI_DATE) {
|
|
1878
|
+
this.sortedTableData = orderBy(this.sortedTableData, [(c) => new Date(c[column.key]).getTime()], [this.sortDetail.sort]);
|
|
1879
|
+
}
|
|
1880
|
+
}
|
|
1881
|
+
activeColumnsSchema() {
|
|
1882
|
+
return this.columnsSchema.filter((column) => column.active === undefined || column.active);
|
|
1883
|
+
}
|
|
1884
|
+
tableDataFiltered(text, column) {
|
|
1885
|
+
this.columnsSchema.map((columnSchema) => {
|
|
1886
|
+
if (columnSchema.key === column.key) {
|
|
1887
|
+
columnSchema.columnFilter = text;
|
|
1888
|
+
}
|
|
1889
|
+
return columnSchema;
|
|
1890
|
+
});
|
|
1891
|
+
this.tableData.subscribe((tableData) => {
|
|
1892
|
+
this.sortedTableData = tableData.filter((data) => {
|
|
1893
|
+
let result = true;
|
|
1894
|
+
this.columnsSchema.forEach((columnSchema) => {
|
|
1895
|
+
if (columnSchema.type === this.columnsTypes.ROW_SELECTOR ||
|
|
1896
|
+
columnSchema.type === this.columnsTypes.ACTION ||
|
|
1897
|
+
columnSchema.type === this.columnsTypes.ACTION_BUTTONS ||
|
|
1898
|
+
columnSchema.columnFilter === undefined ||
|
|
1899
|
+
!result) {
|
|
1900
|
+
return;
|
|
1901
|
+
}
|
|
1902
|
+
if (columnSchema.type === this.columnsTypes.SELECTOR) {
|
|
1903
|
+
result = data[columnSchema.key][columnSchema.data.key]
|
|
1904
|
+
.toLowerCase()
|
|
1905
|
+
.includes(columnSchema.columnFilter.toString().toLowerCase());
|
|
1906
|
+
}
|
|
1907
|
+
else if (columnSchema.type === this.columnsTypes.SHAMSI_DATE) {
|
|
1908
|
+
if (columnSchema.columnFilter === '') {
|
|
1909
|
+
result = true;
|
|
1910
|
+
}
|
|
1911
|
+
else {
|
|
1912
|
+
result = data[columnSchema.key]
|
|
1913
|
+
.toLowerCase()
|
|
1914
|
+
.includes(Util.shamsiToMiladi(columnSchema.columnFilter.toString(), 'YYYY-MM-DD'));
|
|
1915
|
+
}
|
|
1916
|
+
}
|
|
1917
|
+
else if (columnSchema.type === this.columnsTypes.MULTI_COLUMN) {
|
|
1918
|
+
result = columnSchema.columns.some((item) => {
|
|
1919
|
+
return data[item.key][item.data.key]
|
|
1920
|
+
.toLowerCase()
|
|
1921
|
+
.includes(columnSchema.columnFilter?.toString()?.toLowerCase());
|
|
1922
|
+
});
|
|
1923
|
+
}
|
|
1924
|
+
else if (columnSchema.type === this.columnsTypes.STATUS) {
|
|
1925
|
+
if (columnSchema.columnFilter === '') {
|
|
1926
|
+
result = true;
|
|
1927
|
+
}
|
|
1928
|
+
else {
|
|
1929
|
+
result = data[columnSchema.key] === columnSchema.columnFilter;
|
|
1930
|
+
}
|
|
1931
|
+
}
|
|
1932
|
+
else {
|
|
1933
|
+
result = data[columnSchema.key]
|
|
1934
|
+
.toString()
|
|
1935
|
+
.toLowerCase()
|
|
1936
|
+
.includes(columnSchema.columnFilter?.toString()?.toLowerCase());
|
|
1937
|
+
}
|
|
1938
|
+
});
|
|
1939
|
+
return result;
|
|
1940
|
+
});
|
|
1941
|
+
});
|
|
1942
|
+
}
|
|
1943
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreTableComponent, deps: [{ token: i1$4.NgxIndexedDBService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1944
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreTableComponent, selector: "core-table", inputs: { key: "key", columnsSchema: "columnsSchema", tableData: "tableData", responsive: "responsive", loading: "loading", canFilter: "canFilter", styleFilter: "styleFilter", rowSelector: "rowSelector" }, outputs: { onColumnClicked: "onColumnClicked" }, ngImport: i0, template: "<div class=\"p-2 overflow-x-auto\">\r\n <table *ngIf=\"!isRunningOnSmallScreen || !responsive; else smallDeviceCard\">\r\n <tr>\r\n <th\r\n class=\"cursor-pointer text-center\"\r\n *ngFor=\"let column of activeColumnsSchema()\"\r\n >\r\n <div\r\n class=\"grid\"\r\n [ngClass]=\"[canFilter ? 'grid-rows-2' : 'grid-rows-1']\"\r\n >\r\n <span\r\n class=\"p-2 relative\"\r\n (click)=\"sortByHeader(column)\"\r\n [ngStyle]=\"{\r\n minWidth:\r\n column.type === columnsTypes.ACTION_BUTTONS\r\n ? column.data.length * 30 + 'px'\r\n : '',\r\n display:\r\n column.type === columnsTypes.ACTION_BUTTONS\r\n ? 'inline-block'\r\n : ''\r\n }\"\r\n >{{ column.label }}\r\n <app-sort-down-icon\r\n class=\"sort-icon w-2 h-2 inline-block absolute top-3 right-[-3px]\"\r\n *ngIf=\"\r\n sortDetail?.key == column.key && sortDetail?.sort === 'asc'\r\n \"\r\n ></app-sort-down-icon>\r\n <app-sort-up-icon\r\n class=\"sort-icon w-2 h-2 inline-block absolute top-3 right-[-3px]\"\r\n *ngIf=\"\r\n sortDetail?.key == column.key && sortDetail?.sort === 'desc'\r\n \"\r\n ></app-sort-up-icon>\r\n <app-sort-solid-icon\r\n class=\"sort-icon w-2 h-2 inline-block absolute top-3 right-[-3px]\"\r\n *ngIf=\"sortDetail?.key !== column.key\"\r\n ></app-sort-solid-icon>\r\n </span>\r\n <core-column-date-picker\r\n *ngIf=\"canFilter && column.type == columnsTypes.SHAMSI_DATE\"\r\n [canSelectToday]=\"true\"\r\n (onChange)=\"tableDataFiltered($event, column)\"\r\n >\r\n </core-column-date-picker>\r\n <core-column-input\r\n *ngIf=\"\r\n canFilter &&\r\n column.type !== columnsTypes.ACTION &&\r\n column.type !== columnsTypes.STATUS &&\r\n column.type !== columnsTypes.SHAMSI_DATE &&\r\n column.type !== columnsTypes.ROW_SELECTOR &&\r\n column.type !== columnsTypes.STATUS_ACTIVE &&\r\n column.type !== columnsTypes.ACTION_BUTTONS\r\n \"\r\n (onChange)=\"tableDataFiltered($event, column)\"\r\n ></core-column-input>\r\n <core-column-selector\r\n *ngIf=\"\r\n (canFilter && column.type == columnsTypes.STATUS) ||\r\n (canFilter && column.type == columnsTypes.STATUS_ACTIVE)\r\n \"\r\n [titleKey]=\"'title'\"\r\n [valueKey]=\"'value'\"\r\n [items]=\"\r\n column.type == columnsTypes.STATUS\r\n ? ACTIVE_OPTIONS\r\n : YES_NO_OPTIONS\r\n \"\r\n (onItemSelected)=\"tableDataFiltered($event, column)\"\r\n ></core-column-selector>\r\n </div>\r\n </th>\r\n </tr>\r\n <tr *ngFor=\"let data of sortedTableData\">\r\n <td\r\n *ngFor=\"let column of activeColumnsSchema()\"\r\n [class]=\"styleFilter ? styleFilter(data) : ''\"\r\n >\r\n <app-core-table-column-manager\r\n *ngIf=\"column.type != columnsTypes.MULTI_COLUMN; else elseBlock\"\r\n [rowSelector]=\"rowSelector\"\r\n (onColumnClicked)=\"columnClicked($event)\"\r\n [allTableData]=\"sortedTableData\"\r\n [data]=\"data\"\r\n [column]=\"column\"\r\n ></app-core-table-column-manager>\r\n <ng-template #elseBlock>\r\n <app-core-table-column-manager\r\n *ngFor=\"let childColumn of column.columns; let i = index\"\r\n [rowSelector]=\"rowSelector\"\r\n (onColumnClicked)=\"columnClicked($event)\"\r\n [data]=\"data\"\r\n [allTableData]=\"sortedTableData\"\r\n [column]=\"childColumn\"\r\n >\r\n <span *ngIf=\"i > 0\">-</span>\r\n </app-core-table-column-manager>\r\n </ng-template>\r\n </td>\r\n </tr>\r\n </table>\r\n <ng-template #smallDeviceCard>\r\n <div>\r\n <core-card\r\n *ngFor=\"let data of sortedTableData\"\r\n [cardClass]=\"'background-card m-4 p-4 relative'\"\r\n >\r\n <div\r\n class=\"leading-8\"\r\n *ngFor=\"let column of activeColumnsSchema()\"\r\n [class]=\"\r\n column.type === columnsTypes.ACTION_BUTTONS\r\n ? 'actionButtons'\r\n : column.type === columnsTypes.ROW_SELECTOR\r\n ? 'selectRow'\r\n : ''\r\n \"\r\n >\r\n <span\r\n *ngIf=\"\r\n column.type !== columnsTypes.ACTION_BUTTONS &&\r\n column.type !== columnsTypes.ROW_SELECTOR\r\n \"\r\n class=\"secondary-text-color\"\r\n >\r\n {{ column.label }} :\r\n </span>\r\n <span class=\"primary-text-color font-semibold\">\r\n <app-core-table-card-manager\r\n *ngIf=\"\r\n column.type != columnsTypes.MULTI_COLUMN;\r\n else cardManagerElseBlock\r\n \"\r\n [rowSelector]=\"rowSelector\"\r\n (onColumnClicked)=\"columnClicked($event)\"\r\n [data]=\"data\"\r\n [allTableData]=\"sortedTableData\"\r\n [column]=\"column\"\r\n >\r\n </app-core-table-card-manager>\r\n\r\n <ng-template #cardManagerElseBlock>\r\n <app-core-table-card-manager\r\n *ngFor=\"let childColumn of column.columns; let i = index\"\r\n [rowSelector]=\"rowSelector\"\r\n (onColumnClicked)=\"columnClicked($event)\"\r\n [data]=\"data\"\r\n [allTableData]=\"sortedTableData\"\r\n [column]=\"childColumn\"\r\n >\r\n <span *ngIf=\"i > 0\">-</span>\r\n </app-core-table-card-manager>\r\n </ng-template>\r\n </span>\r\n </div>\r\n </core-card>\r\n </div>\r\n </ng-template>\r\n <core-table-no-content\r\n *ngIf=\"!loading\"\r\n [tableData]=\"sortedTableData\"\r\n [loading]=\"loading\"\r\n ></core-table-no-content>\r\n</div>\r\n", styles: ["table{border-collapse:collapse;width:100%;text-align:start}table td,table th{padding-top:12px;padding-bottom:12px;padding-inline-start:8px}table td{font-size:small;color:var(--default-table-td-text-color)}table tr:nth-child(2n){background-color:var(--default-table-tr-child-background-color)}table tr:hover{background-color:var(--default-table-tr-hover-background-color)}table th{background-color:var(--default-table-th-background-color);text-align:start;color:#1d1d1d}.actionButtons{position:absolute;bottom:0;background:var(--default-table-action-buttons-background-color);left:0;right:0;text-align:left;border-radius:.5rem;border-top-right-radius:0;border-top-left-radius:0;padding-top:4px;padding-left:16px}.selectRow{position:absolute;left:0;top:18px}.desc-sort-icon{transform:rotate(180deg)}.sort-icon{fill:var(--default-table-sort-icon-color)}.background-card{background-color:var(--default-table-background-card-color)}.secondary-text-color{color:var(--default-table-secondary-text-color)}.primary-text-color{color:var(--default-table-primary-text-color)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: CoreCardComponent, selector: "core-card", inputs: ["cardClass"] }, { kind: "component", type: CoreColumnDatePickerComponent, selector: "core-column-date-picker", inputs: ["canSelectToday", "defaultDate", "inputFormControl"], outputs: ["onChange"] }, { kind: "component", type: CoreColumnInputComponent, selector: "core-column-input", inputs: ["showRemoveIcon", "placeholder", "value", "type", "isDatePicker", "maxLength"], outputs: ["onChange"] }, { kind: "component", type: CoreColumnSelectorComponent, selector: "core-column-selector", inputs: ["items", "titleKey", "valueKey", "label", "inputFormControl"], outputs: ["onItemSelected"] }, { kind: "component", type: CoreTableCardManagerComponent, selector: "app-core-table-card-manager", inputs: ["data", "column", "allTableData", "rowSelector"], outputs: ["onColumnClicked"] }, { kind: "component", type: CoreTableColumnManagerComponent, selector: "app-core-table-column-manager", inputs: ["data", "column", "allTableData", "rowSelector"], outputs: ["onColumnClicked"] }, { kind: "component", type: CoreTableNoContentComponent, selector: "core-table-no-content", inputs: ["tableData", "loading"] }, { kind: "component", type: SortDownIconComponent, selector: "app-sort-down-icon" }, { kind: "component", type: SortSolidIconComponent, selector: "app-sort-solid-icon" }, { kind: "component", type: SortUpIconComponent, selector: "app-sort-up-icon" }] }); }
|
|
1945
|
+
}
|
|
1946
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreTableComponent, decorators: [{
|
|
1947
|
+
type: Component,
|
|
1948
|
+
args: [{ selector: 'core-table', template: "<div class=\"p-2 overflow-x-auto\">\r\n <table *ngIf=\"!isRunningOnSmallScreen || !responsive; else smallDeviceCard\">\r\n <tr>\r\n <th\r\n class=\"cursor-pointer text-center\"\r\n *ngFor=\"let column of activeColumnsSchema()\"\r\n >\r\n <div\r\n class=\"grid\"\r\n [ngClass]=\"[canFilter ? 'grid-rows-2' : 'grid-rows-1']\"\r\n >\r\n <span\r\n class=\"p-2 relative\"\r\n (click)=\"sortByHeader(column)\"\r\n [ngStyle]=\"{\r\n minWidth:\r\n column.type === columnsTypes.ACTION_BUTTONS\r\n ? column.data.length * 30 + 'px'\r\n : '',\r\n display:\r\n column.type === columnsTypes.ACTION_BUTTONS\r\n ? 'inline-block'\r\n : ''\r\n }\"\r\n >{{ column.label }}\r\n <app-sort-down-icon\r\n class=\"sort-icon w-2 h-2 inline-block absolute top-3 right-[-3px]\"\r\n *ngIf=\"\r\n sortDetail?.key == column.key && sortDetail?.sort === 'asc'\r\n \"\r\n ></app-sort-down-icon>\r\n <app-sort-up-icon\r\n class=\"sort-icon w-2 h-2 inline-block absolute top-3 right-[-3px]\"\r\n *ngIf=\"\r\n sortDetail?.key == column.key && sortDetail?.sort === 'desc'\r\n \"\r\n ></app-sort-up-icon>\r\n <app-sort-solid-icon\r\n class=\"sort-icon w-2 h-2 inline-block absolute top-3 right-[-3px]\"\r\n *ngIf=\"sortDetail?.key !== column.key\"\r\n ></app-sort-solid-icon>\r\n </span>\r\n <core-column-date-picker\r\n *ngIf=\"canFilter && column.type == columnsTypes.SHAMSI_DATE\"\r\n [canSelectToday]=\"true\"\r\n (onChange)=\"tableDataFiltered($event, column)\"\r\n >\r\n </core-column-date-picker>\r\n <core-column-input\r\n *ngIf=\"\r\n canFilter &&\r\n column.type !== columnsTypes.ACTION &&\r\n column.type !== columnsTypes.STATUS &&\r\n column.type !== columnsTypes.SHAMSI_DATE &&\r\n column.type !== columnsTypes.ROW_SELECTOR &&\r\n column.type !== columnsTypes.STATUS_ACTIVE &&\r\n column.type !== columnsTypes.ACTION_BUTTONS\r\n \"\r\n (onChange)=\"tableDataFiltered($event, column)\"\r\n ></core-column-input>\r\n <core-column-selector\r\n *ngIf=\"\r\n (canFilter && column.type == columnsTypes.STATUS) ||\r\n (canFilter && column.type == columnsTypes.STATUS_ACTIVE)\r\n \"\r\n [titleKey]=\"'title'\"\r\n [valueKey]=\"'value'\"\r\n [items]=\"\r\n column.type == columnsTypes.STATUS\r\n ? ACTIVE_OPTIONS\r\n : YES_NO_OPTIONS\r\n \"\r\n (onItemSelected)=\"tableDataFiltered($event, column)\"\r\n ></core-column-selector>\r\n </div>\r\n </th>\r\n </tr>\r\n <tr *ngFor=\"let data of sortedTableData\">\r\n <td\r\n *ngFor=\"let column of activeColumnsSchema()\"\r\n [class]=\"styleFilter ? styleFilter(data) : ''\"\r\n >\r\n <app-core-table-column-manager\r\n *ngIf=\"column.type != columnsTypes.MULTI_COLUMN; else elseBlock\"\r\n [rowSelector]=\"rowSelector\"\r\n (onColumnClicked)=\"columnClicked($event)\"\r\n [allTableData]=\"sortedTableData\"\r\n [data]=\"data\"\r\n [column]=\"column\"\r\n ></app-core-table-column-manager>\r\n <ng-template #elseBlock>\r\n <app-core-table-column-manager\r\n *ngFor=\"let childColumn of column.columns; let i = index\"\r\n [rowSelector]=\"rowSelector\"\r\n (onColumnClicked)=\"columnClicked($event)\"\r\n [data]=\"data\"\r\n [allTableData]=\"sortedTableData\"\r\n [column]=\"childColumn\"\r\n >\r\n <span *ngIf=\"i > 0\">-</span>\r\n </app-core-table-column-manager>\r\n </ng-template>\r\n </td>\r\n </tr>\r\n </table>\r\n <ng-template #smallDeviceCard>\r\n <div>\r\n <core-card\r\n *ngFor=\"let data of sortedTableData\"\r\n [cardClass]=\"'background-card m-4 p-4 relative'\"\r\n >\r\n <div\r\n class=\"leading-8\"\r\n *ngFor=\"let column of activeColumnsSchema()\"\r\n [class]=\"\r\n column.type === columnsTypes.ACTION_BUTTONS\r\n ? 'actionButtons'\r\n : column.type === columnsTypes.ROW_SELECTOR\r\n ? 'selectRow'\r\n : ''\r\n \"\r\n >\r\n <span\r\n *ngIf=\"\r\n column.type !== columnsTypes.ACTION_BUTTONS &&\r\n column.type !== columnsTypes.ROW_SELECTOR\r\n \"\r\n class=\"secondary-text-color\"\r\n >\r\n {{ column.label }} :\r\n </span>\r\n <span class=\"primary-text-color font-semibold\">\r\n <app-core-table-card-manager\r\n *ngIf=\"\r\n column.type != columnsTypes.MULTI_COLUMN;\r\n else cardManagerElseBlock\r\n \"\r\n [rowSelector]=\"rowSelector\"\r\n (onColumnClicked)=\"columnClicked($event)\"\r\n [data]=\"data\"\r\n [allTableData]=\"sortedTableData\"\r\n [column]=\"column\"\r\n >\r\n </app-core-table-card-manager>\r\n\r\n <ng-template #cardManagerElseBlock>\r\n <app-core-table-card-manager\r\n *ngFor=\"let childColumn of column.columns; let i = index\"\r\n [rowSelector]=\"rowSelector\"\r\n (onColumnClicked)=\"columnClicked($event)\"\r\n [data]=\"data\"\r\n [allTableData]=\"sortedTableData\"\r\n [column]=\"childColumn\"\r\n >\r\n <span *ngIf=\"i > 0\">-</span>\r\n </app-core-table-card-manager>\r\n </ng-template>\r\n </span>\r\n </div>\r\n </core-card>\r\n </div>\r\n </ng-template>\r\n <core-table-no-content\r\n *ngIf=\"!loading\"\r\n [tableData]=\"sortedTableData\"\r\n [loading]=\"loading\"\r\n ></core-table-no-content>\r\n</div>\r\n", styles: ["table{border-collapse:collapse;width:100%;text-align:start}table td,table th{padding-top:12px;padding-bottom:12px;padding-inline-start:8px}table td{font-size:small;color:var(--default-table-td-text-color)}table tr:nth-child(2n){background-color:var(--default-table-tr-child-background-color)}table tr:hover{background-color:var(--default-table-tr-hover-background-color)}table th{background-color:var(--default-table-th-background-color);text-align:start;color:#1d1d1d}.actionButtons{position:absolute;bottom:0;background:var(--default-table-action-buttons-background-color);left:0;right:0;text-align:left;border-radius:.5rem;border-top-right-radius:0;border-top-left-radius:0;padding-top:4px;padding-left:16px}.selectRow{position:absolute;left:0;top:18px}.desc-sort-icon{transform:rotate(180deg)}.sort-icon{fill:var(--default-table-sort-icon-color)}.background-card{background-color:var(--default-table-background-card-color)}.secondary-text-color{color:var(--default-table-secondary-text-color)}.primary-text-color{color:var(--default-table-primary-text-color)}\n"] }]
|
|
1949
|
+
}], ctorParameters: function () { return [{ type: i1$4.NgxIndexedDBService }]; }, propDecorators: { key: [{
|
|
1950
|
+
type: Input,
|
|
1951
|
+
args: [{ required: false }]
|
|
1952
|
+
}], columnsSchema: [{
|
|
1953
|
+
type: Input,
|
|
1954
|
+
args: [{ required: true }]
|
|
1955
|
+
}], tableData: [{
|
|
1956
|
+
type: Input,
|
|
1957
|
+
args: [{ required: true }]
|
|
1958
|
+
}], responsive: [{
|
|
1959
|
+
type: Input,
|
|
1960
|
+
args: [{ required: false }]
|
|
1961
|
+
}], loading: [{
|
|
1962
|
+
type: Input,
|
|
1963
|
+
args: [{ required: true }]
|
|
1964
|
+
}], canFilter: [{
|
|
1965
|
+
type: Input
|
|
1966
|
+
}], styleFilter: [{
|
|
1967
|
+
type: Input,
|
|
1968
|
+
args: [{ required: false }]
|
|
1969
|
+
}], rowSelector: [{
|
|
1970
|
+
type: Input,
|
|
1971
|
+
args: [{ required: false }]
|
|
1972
|
+
}], onColumnClicked: [{
|
|
1973
|
+
type: Output
|
|
1974
|
+
}] } });
|
|
1975
|
+
|
|
1976
|
+
class CoreTableFilterDialogComponent {
|
|
1977
|
+
constructor(dbService) {
|
|
1978
|
+
this.dbService = dbService;
|
|
1979
|
+
this.columnsSchema = [];
|
|
1980
|
+
}
|
|
1981
|
+
ngOnInit() {
|
|
1982
|
+
this.columnsSchema = this.config.data.columnsSchema;
|
|
1983
|
+
this.key = this.config.data.key;
|
|
1984
|
+
this.getDbTableFilter();
|
|
1985
|
+
}
|
|
1986
|
+
onCheckboxClicked(selectedColumn, event) {
|
|
1987
|
+
this.columnsSchema.map((column) => {
|
|
1988
|
+
if (selectedColumn.key === column.key) {
|
|
1989
|
+
column.active = event.srcElement.checked;
|
|
1990
|
+
}
|
|
1991
|
+
return column;
|
|
1992
|
+
});
|
|
1993
|
+
setTimeout(() => {
|
|
1994
|
+
this.saveTableFilter();
|
|
1995
|
+
}, 50);
|
|
1996
|
+
}
|
|
1997
|
+
getDbTableFilter() {
|
|
1998
|
+
this.dbService
|
|
1999
|
+
.getByIndex('tableFilter', 'key', this.key)
|
|
2000
|
+
.subscribe((data) => {
|
|
2001
|
+
this.dbTableFilter = data;
|
|
2002
|
+
if (this.dbTableFilter) {
|
|
2003
|
+
this.setTableFilter();
|
|
2004
|
+
}
|
|
2005
|
+
});
|
|
2006
|
+
}
|
|
2007
|
+
saveTableFilter() {
|
|
2008
|
+
const data = {
|
|
2009
|
+
key: this.key,
|
|
2010
|
+
columnsSchema: JSON.stringify(this.columnsSchema),
|
|
2011
|
+
};
|
|
2012
|
+
if (this.dbTableFilter) {
|
|
2013
|
+
data.id = this.dbTableFilter.id;
|
|
2014
|
+
this.dbService.update('tableFilter', data).subscribe(() => { });
|
|
2015
|
+
}
|
|
2016
|
+
else {
|
|
2017
|
+
this.dbService.add('tableFilter', data).subscribe(() => {
|
|
2018
|
+
this.getDbTableFilter();
|
|
2019
|
+
});
|
|
2020
|
+
}
|
|
2021
|
+
}
|
|
2022
|
+
setTableFilter() {
|
|
2023
|
+
this.columnsSchema.map((column) => {
|
|
2024
|
+
JSON.parse(this.dbTableFilter.columnsSchema).forEach((dbColumnsSchema) => {
|
|
2025
|
+
if (dbColumnsSchema.key === column.key) {
|
|
2026
|
+
column.active = dbColumnsSchema.active;
|
|
2027
|
+
}
|
|
2028
|
+
});
|
|
2029
|
+
return column;
|
|
2030
|
+
});
|
|
2031
|
+
}
|
|
2032
|
+
submitBtn() {
|
|
2033
|
+
this.closeSubject.next('');
|
|
2034
|
+
}
|
|
2035
|
+
close() {
|
|
2036
|
+
this.closeSubject.next('');
|
|
2037
|
+
}
|
|
2038
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreTableFilterDialogComponent, deps: [{ token: i1$4.NgxIndexedDBService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2039
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreTableFilterDialogComponent, selector: "app-core-table-filter-dialog", inputs: { closeSubject: "closeSubject", config: "config" }, ngImport: i0, template: "<core-card class=\"block min-w-64 max-h-[80vh] overflow-auto\">\r\n <div class=\"root flex mb-6 justify-between\">\r\n <b class=\"m-3 self-center\">\u0641\u06CC\u0644\u062A\u0631 \u062C\u062F\u0648\u0644</b>\r\n <close-icon\r\n (click)=\"close()\"\r\n class=\"close-icon h-10 m-3 rounded-full cursor-pointer p-2 hover:shadow-md\"\r\n ></close-icon>\r\n </div>\r\n\r\n <div *ngFor=\"let column of columnsSchema\">\r\n <div>\r\n <core-checkbox\r\n class=\"inline-block w-4 ms-4\"\r\n [checked]=\"column.active === undefined ? true : column.active\"\r\n (onChange)=\"onCheckboxClicked(column, $event)\"\r\n ></core-checkbox>\r\n {{ column.label }}\r\n </div>\r\n </div>\r\n\r\n <div class=\"grid grid-cols-3 gap-x-2 p-3\" dir=\"ltr\">\r\n <core-btn (btnClicked)=\"submitBtn()\" class=\"col-span-1\"> \u0628\u0633\u062A\u0646 </core-btn>\r\n </div>\r\n</core-card>\r\n", styles: [".close-icon{fill:var(--default-table-column-date-picker-close-icon-color)}.close-icon :hover{background-color:var(--default-table-hover-background-icon-color);fill:var(--default-table-hover-fill-icon-color)}.root{background-color:var(--default-table-th-background-color)}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: CoreBtnComponent, selector: "core-btn", inputs: ["formGroup", "loading", "theme", "buttonType", "size", "color", "isDisabled", "colorState", "confirmDialog"], outputs: ["btnClicked"] }, { kind: "component", type: CoreCheckboxComponent, selector: "core-checkbox", inputs: ["label", "name", "checked", "inputFormControl"], outputs: ["onChange"] }, { kind: "component", type: CoreCardComponent, selector: "core-card", inputs: ["cardClass"] }, { kind: "component", type: CloseIconComponent, selector: "close-icon" }] }); }
|
|
2040
|
+
}
|
|
2041
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreTableFilterDialogComponent, decorators: [{
|
|
2042
|
+
type: Component,
|
|
2043
|
+
args: [{ selector: 'app-core-table-filter-dialog', template: "<core-card class=\"block min-w-64 max-h-[80vh] overflow-auto\">\r\n <div class=\"root flex mb-6 justify-between\">\r\n <b class=\"m-3 self-center\">\u0641\u06CC\u0644\u062A\u0631 \u062C\u062F\u0648\u0644</b>\r\n <close-icon\r\n (click)=\"close()\"\r\n class=\"close-icon h-10 m-3 rounded-full cursor-pointer p-2 hover:shadow-md\"\r\n ></close-icon>\r\n </div>\r\n\r\n <div *ngFor=\"let column of columnsSchema\">\r\n <div>\r\n <core-checkbox\r\n class=\"inline-block w-4 ms-4\"\r\n [checked]=\"column.active === undefined ? true : column.active\"\r\n (onChange)=\"onCheckboxClicked(column, $event)\"\r\n ></core-checkbox>\r\n {{ column.label }}\r\n </div>\r\n </div>\r\n\r\n <div class=\"grid grid-cols-3 gap-x-2 p-3\" dir=\"ltr\">\r\n <core-btn (btnClicked)=\"submitBtn()\" class=\"col-span-1\"> \u0628\u0633\u062A\u0646 </core-btn>\r\n </div>\r\n</core-card>\r\n", styles: [".close-icon{fill:var(--default-table-column-date-picker-close-icon-color)}.close-icon :hover{background-color:var(--default-table-hover-background-icon-color);fill:var(--default-table-hover-fill-icon-color)}.root{background-color:var(--default-table-th-background-color)}\n"] }]
|
|
2044
|
+
}], ctorParameters: function () { return [{ type: i1$4.NgxIndexedDBService }]; }, propDecorators: { closeSubject: [{
|
|
2045
|
+
type: Input
|
|
2046
|
+
}], config: [{
|
|
2047
|
+
type: Input
|
|
2048
|
+
}] } });
|
|
2049
|
+
|
|
2050
|
+
class CoreTextareaComponent {
|
|
2051
|
+
constructor() {
|
|
2052
|
+
this.textareaFormControl = new FormControl('', []);
|
|
2053
|
+
this.placeholder = '';
|
|
2054
|
+
this.onChange = new EventEmitter();
|
|
2055
|
+
}
|
|
2056
|
+
set model(value) {
|
|
2057
|
+
if (value) {
|
|
2058
|
+
this.textareaFormControl.setValue(value);
|
|
2059
|
+
}
|
|
2060
|
+
}
|
|
2061
|
+
set disable(value) {
|
|
2062
|
+
if (value) {
|
|
2063
|
+
this.textareaFormControl.disable();
|
|
2064
|
+
}
|
|
2065
|
+
else {
|
|
2066
|
+
this.textareaFormControl.enable();
|
|
2067
|
+
}
|
|
2068
|
+
}
|
|
2069
|
+
change() {
|
|
2070
|
+
if (!this.textareaFormControl.errors) {
|
|
2071
|
+
this.onChange.emit(this.textareaFormControl.value);
|
|
2072
|
+
}
|
|
2073
|
+
}
|
|
2074
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreTextareaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2075
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreTextareaComponent, selector: "core-textarea", inputs: { textareaFormControl: "textareaFormControl", model: "model", disable: "disable", placeholder: "placeholder" }, outputs: { onChange: "onChange" }, ngImport: i0, template: "<div class=\"text-area-sec\">\r\n <textarea\r\n rows=\"4\"\r\n (change)=\"change()\"\r\n [formControl]=\"textareaFormControl\"\r\n [ngClass]=\"{ 'have-value': textareaFormControl.value }\"\r\n ></textarea>\r\n <label>{{ placeholder }} </label>\r\n <div class=\"label-error overflow-hidden\">\r\n <span\r\n *ngIf=\"\r\n (textareaFormControl.touched || textareaFormControl.dirty) &&\r\n textareaFormControl.errors?.['required']\r\n \"\r\n >\u0627\u06CC\u0646 \u0641\u06CC\u0644\u062F \u062E\u0627\u0644\u06CC \u0627\u0633\u062A</span\r\n >\r\n </div>\r\n</div>\r\n", styles: [".text-area-sec{background:var(--default-textarea-container-background-color);position:relative}.text-area-sec label{position:absolute;right:20px;top:8px;color:var(--default-textarea-label-text-color);font-size:14px;padding:0 8px;border-radius:15px;pointer-events:none;transition:.2s}.text-area-sec textarea{direction:rtl;width:100%;padding:16px;outline:none;caret-color:var(--default-textarea-caret-color);background-color:var(--default-textarea-background-color);color:var(--default-textarea-text-color);box-sizing:border-box;border:1px solid var(--default-textarea-border-color);border-radius:.25rem}.text-area-sec textarea:focus+label,.text-area-sec textarea.have-value+label{top:-10px;font-size:.7rem;z-index:1}.text-area-sec textarea:focus+label:after,.text-area-sec textarea.have-value+label:after{content:\"\";display:block;background:#fff;position:absolute;width:100%;height:3px;top:9px;right:0;transition:.3s;z-index:-1}.label-error{color:var(--default-textarea-validation-text-color);font-size:13px;margin-block-start:4px;min-height:21px;text-align:start}.error textarea{border:1px solid var(--default-textarea-validation-border-color)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] }); }
|
|
2076
|
+
}
|
|
2077
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreTextareaComponent, decorators: [{
|
|
2078
|
+
type: Component,
|
|
2079
|
+
args: [{ selector: 'core-textarea', template: "<div class=\"text-area-sec\">\r\n <textarea\r\n rows=\"4\"\r\n (change)=\"change()\"\r\n [formControl]=\"textareaFormControl\"\r\n [ngClass]=\"{ 'have-value': textareaFormControl.value }\"\r\n ></textarea>\r\n <label>{{ placeholder }} </label>\r\n <div class=\"label-error overflow-hidden\">\r\n <span\r\n *ngIf=\"\r\n (textareaFormControl.touched || textareaFormControl.dirty) &&\r\n textareaFormControl.errors?.['required']\r\n \"\r\n >\u0627\u06CC\u0646 \u0641\u06CC\u0644\u062F \u062E\u0627\u0644\u06CC \u0627\u0633\u062A</span\r\n >\r\n </div>\r\n</div>\r\n", styles: [".text-area-sec{background:var(--default-textarea-container-background-color);position:relative}.text-area-sec label{position:absolute;right:20px;top:8px;color:var(--default-textarea-label-text-color);font-size:14px;padding:0 8px;border-radius:15px;pointer-events:none;transition:.2s}.text-area-sec textarea{direction:rtl;width:100%;padding:16px;outline:none;caret-color:var(--default-textarea-caret-color);background-color:var(--default-textarea-background-color);color:var(--default-textarea-text-color);box-sizing:border-box;border:1px solid var(--default-textarea-border-color);border-radius:.25rem}.text-area-sec textarea:focus+label,.text-area-sec textarea.have-value+label{top:-10px;font-size:.7rem;z-index:1}.text-area-sec textarea:focus+label:after,.text-area-sec textarea.have-value+label:after{content:\"\";display:block;background:#fff;position:absolute;width:100%;height:3px;top:9px;right:0;transition:.3s;z-index:-1}.label-error{color:var(--default-textarea-validation-text-color);font-size:13px;margin-block-start:4px;min-height:21px;text-align:start}.error textarea{border:1px solid var(--default-textarea-validation-border-color)}\n"] }]
|
|
2080
|
+
}], propDecorators: { textareaFormControl: [{
|
|
2081
|
+
type: Input
|
|
2082
|
+
}], model: [{
|
|
2083
|
+
type: Input
|
|
2084
|
+
}], disable: [{
|
|
2085
|
+
type: Input
|
|
2086
|
+
}], placeholder: [{
|
|
2087
|
+
type: Input
|
|
2088
|
+
}], onChange: [{
|
|
2089
|
+
type: Output
|
|
2090
|
+
}] } });
|
|
2091
|
+
|
|
2092
|
+
class TimePickerModalComponent {
|
|
2093
|
+
constructor(cdr) {
|
|
2094
|
+
this.cdr = cdr;
|
|
2095
|
+
this.hoursSubject = new BehaviorSubject([]);
|
|
2096
|
+
this.hours2Subject = new BehaviorSubject([]);
|
|
2097
|
+
this.minutesSubject = new BehaviorSubject([]);
|
|
2098
|
+
this.showHour = true;
|
|
2099
|
+
this.showMin = false;
|
|
2100
|
+
}
|
|
2101
|
+
ngOnInit() {
|
|
2102
|
+
const defaultTime = this.config.data;
|
|
2103
|
+
let topElement = document
|
|
2104
|
+
.getElementsByClassName('timepicker')[0]
|
|
2105
|
+
.getElementsByClassName('top')[0];
|
|
2106
|
+
if (defaultTime) {
|
|
2107
|
+
const items = defaultTime.split(':');
|
|
2108
|
+
topElement.getElementsByClassName('h')[0].innerHTML = items[0];
|
|
2109
|
+
topElement.getElementsByClassName('m')[0].innerHTML = items[1];
|
|
2110
|
+
}
|
|
2111
|
+
else {
|
|
2112
|
+
var currentTime = new Date();
|
|
2113
|
+
if (topElement.getElementsByClassName('h').length > 0)
|
|
2114
|
+
document.getElementsByClassName('h')[0].innerHTML = String(currentTime.getHours().toString().length > 1
|
|
2115
|
+
? currentTime.getHours().toString()
|
|
2116
|
+
: '0' + currentTime.getHours().toString());
|
|
2117
|
+
if (topElement.getElementsByClassName('m').length > 0)
|
|
2118
|
+
document.getElementsByClassName('m')[0].innerHTML = String(currentTime.getMinutes().toString().length > 1
|
|
2119
|
+
? currentTime.getMinutes().toString()
|
|
2120
|
+
: '0' + currentTime.getMinutes().toString());
|
|
2121
|
+
}
|
|
2122
|
+
this.selectHours();
|
|
2123
|
+
}
|
|
2124
|
+
close() {
|
|
2125
|
+
this.closeSubject.next('');
|
|
2126
|
+
}
|
|
2127
|
+
submit() {
|
|
2128
|
+
let topElement = document
|
|
2129
|
+
.getElementsByClassName('timepicker')[0]
|
|
2130
|
+
.getElementsByClassName('top')[0];
|
|
2131
|
+
const h = topElement.getElementsByClassName('h');
|
|
2132
|
+
const m = topElement.getElementsByClassName('m');
|
|
2133
|
+
let selectedTime;
|
|
2134
|
+
if (h.length > 0 && m.length > 0) {
|
|
2135
|
+
selectedTime = h[0].textContent + ':' + m[0].textContent;
|
|
2136
|
+
}
|
|
2137
|
+
this.closeSubject.next(selectedTime);
|
|
2138
|
+
}
|
|
2139
|
+
ngAfterViewInit() {
|
|
2140
|
+
this.cdr.detectChanges();
|
|
2141
|
+
}
|
|
2142
|
+
onHourClick() {
|
|
2143
|
+
this.selectHours();
|
|
2144
|
+
}
|
|
2145
|
+
onMinutesClick() {
|
|
2146
|
+
this.selectMinutes();
|
|
2147
|
+
}
|
|
2148
|
+
createCircleOfDivs(num, radius, offsetX, offsetY, add, teilbar) {
|
|
2149
|
+
let x, y;
|
|
2150
|
+
let items = [];
|
|
2151
|
+
for (let n = 0; n < num; n++) {
|
|
2152
|
+
let item = {};
|
|
2153
|
+
x = radius * Math.cos((n / num) * 2 * Math.PI);
|
|
2154
|
+
y = radius * Math.sin((n / num) * 2 * Math.PI);
|
|
2155
|
+
if (teilbar == 1) {
|
|
2156
|
+
if (n + 3 > 12) {
|
|
2157
|
+
item.text = String(n + 3 - 12 + add);
|
|
2158
|
+
}
|
|
2159
|
+
else {
|
|
2160
|
+
if (n + 3 + add == 24) {
|
|
2161
|
+
item.text = '0';
|
|
2162
|
+
}
|
|
2163
|
+
else {
|
|
2164
|
+
item.text = String(n + 3 + add);
|
|
2165
|
+
}
|
|
2166
|
+
}
|
|
2167
|
+
}
|
|
2168
|
+
else {
|
|
2169
|
+
if (n % teilbar == 0) {
|
|
2170
|
+
if (n + 15 >= 60) {
|
|
2171
|
+
item.value = String(n + 15 - 60);
|
|
2172
|
+
item.text = String(n + 15 - 60 + add);
|
|
2173
|
+
}
|
|
2174
|
+
else {
|
|
2175
|
+
item.value = String(n + 15);
|
|
2176
|
+
item.text = String(n + 15 + add);
|
|
2177
|
+
}
|
|
2178
|
+
}
|
|
2179
|
+
else {
|
|
2180
|
+
if (n + 15 >= 60) {
|
|
2181
|
+
item.value = String(n + 15 - 60);
|
|
2182
|
+
item.text = '⋅';
|
|
2183
|
+
}
|
|
2184
|
+
else {
|
|
2185
|
+
item.value = String(n + 15);
|
|
2186
|
+
item.text = '\u00B7';
|
|
2187
|
+
}
|
|
2188
|
+
}
|
|
2189
|
+
}
|
|
2190
|
+
item.left = x + offsetX + 'px';
|
|
2191
|
+
item.top = y + offsetY + 'px';
|
|
2192
|
+
items.push(item);
|
|
2193
|
+
}
|
|
2194
|
+
return items;
|
|
2195
|
+
}
|
|
2196
|
+
onHourSelect(item) {
|
|
2197
|
+
let topElement = document
|
|
2198
|
+
.getElementsByClassName('timepicker')[0]
|
|
2199
|
+
.getElementsByClassName('top')[0];
|
|
2200
|
+
if (topElement.getElementsByClassName('h').length > 0)
|
|
2201
|
+
document.getElementsByClassName('h')[0].innerHTML = String(item.text.length > 1 ? item.text : '0' + item.text);
|
|
2202
|
+
this.selectMinutes();
|
|
2203
|
+
}
|
|
2204
|
+
onMinutesSelect(item) {
|
|
2205
|
+
let topElement = document
|
|
2206
|
+
.getElementsByClassName('timepicker')[0]
|
|
2207
|
+
.getElementsByClassName('top')[0];
|
|
2208
|
+
if (topElement.getElementsByClassName('m').length > 0)
|
|
2209
|
+
document.getElementsByClassName('m')[0].innerHTML = String(item.value.length > 1 ? item.value : '0' + item.value);
|
|
2210
|
+
}
|
|
2211
|
+
selectHours() {
|
|
2212
|
+
this.showHour = true;
|
|
2213
|
+
this.showMin = false;
|
|
2214
|
+
this.hoursSubject.next(this.createCircleOfDivs(12, 101, 105, 105, 0, 1));
|
|
2215
|
+
this.hours2Subject.next(this.createCircleOfDivs(12, 64, 110, 110, 12, 1));
|
|
2216
|
+
}
|
|
2217
|
+
selectMinutes() {
|
|
2218
|
+
this.showHour = false;
|
|
2219
|
+
this.showMin = true;
|
|
2220
|
+
this.minutesSubject.next(this.createCircleOfDivs(60, 101, 115, 115, 0, 5));
|
|
2221
|
+
}
|
|
2222
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimePickerModalComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2223
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TimePickerModalComponent, selector: "lib-time-picker-modal", inputs: { config: "config", closeSubject: "closeSubject" }, ngImport: i0, template: "<div class=\"timepicker\">\r\n <div class=\"top\">\r\n <span class=\"h\" (click)=\"onHourClick()\" [class.active]=\"showHour\">10</span\r\n >:<span class=\"m\" (click)=\"onMinutesClick()\" [class.active]=\"showMin\"\r\n >15</span\r\n >\r\n </div>\r\n <div class=\"circle\">\r\n <div *ngIf=\"showHour\">\r\n <div\r\n class=\"hour\"\r\n *ngFor=\"let hour of hoursSubject | async\"\r\n [style]=\"{ left: hour.left, top: hour.top }\"\r\n (click)=\"onHourSelect(hour)\"\r\n >\r\n {{ hour.text }}\r\n </div>\r\n <div\r\n class=\"hour2\"\r\n *ngFor=\"let hour of hours2Subject | async\"\r\n [style]=\"{ left: hour.left, top: hour.top }\"\r\n (click)=\"onHourSelect(hour)\"\r\n >\r\n {{ hour.text }}\r\n </div>\r\n <div class=\"mid\"></div>\r\n </div>\r\n <div *ngIf=\"showMin\">\r\n <div\r\n class=\"min\"\r\n *ngFor=\"let hour of minutesSubject | async\"\r\n [style]=\"{ left: hour.left, top: hour.top }\"\r\n (click)=\"onMinutesSelect(hour)\"\r\n >\r\n {{ hour.text }}\r\n </div>\r\n <div class=\"mid\"></div>\r\n </div>\r\n </div>\r\n <div class=\"actions\">\r\n <core-btn\r\n class=\"action ok\"\r\n (btnClicked)=\"submit()\"\r\n [colorState]=\"'success'\"\r\n >\r\n \u0627\u0646\u062A\u062E\u0627\u0628\r\n </core-btn>\r\n <core-btn class=\"action close\" (btnClicked)=\"close()\"> \u0628\u0633\u062A\u0646 </core-btn>\r\n </div>\r\n</div>\r\n", styles: [".timepicker{width:300px;height:450px;background-color:var(--default-time-picker-background-color);position:relative;font-family:Calibri}.timepicker .top{background-color:var(--default-time-picker-header-background-color);color:var(--default-time-picker-header-text-color);height:100px;line-height:100px;font-size:50px;text-align:center}.timepicker .top .h :hover,.timepicker .top .m :hover{cursor:pointer}.timepicker .top .active{color:var(--default-time-picker-header-item-active-text-color)}.timepicker .circle{-webkit-user-select:none;user-select:none;background-color:var(--default-time-picker-circle-background-color);width:250px;height:250px;border-radius:1000px;position:relative;top:25px;right:25px;box-sizing:border-box}.timepicker .circle .mid{position:absolute;left:50%;top:50%;width:2px;height:2px;border-radius:10px;background-color:var(--default-time-picker-point-background-color)}.timepicker .circle .hour{position:absolute;height:40px;line-height:40px;width:40px;border-radius:40px;text-align:center}.timepicker .circle .hour.selected{background-color:var(--default-time-picker-hour-hover-background-color)}.timepicker .circle .hour.selected:after{content:\"\"}.timepicker .circle .hour:after{z-index:-1;background-color:var(--default-time-picker-hour-hover-background-color);height:1px;width:100%;position:absolute;transform:rotate(-90deg);transform-origin:100% 0%;top:50%;width:101px;right:50%}.timepicker .circle .hour:hover{color:var(--default-time-picker-hour-hover-text-color);z-index:2;cursor:pointer}.timepicker .circle .hour:hover:after{content:\"\"}.timepicker .circle .hour:nth-child(12):after{transform:rotate(330deg)}.timepicker .circle .hour:nth-child(11):after{transform:rotate(300deg)}.timepicker .circle .hour:nth-child(10):after{transform:rotate(270deg)}.timepicker .circle .hour:nth-child(9):after{transform:rotate(240deg)}.timepicker .circle .hour:nth-child(8):after{transform:rotate(210deg)}.timepicker .circle .hour:nth-child(7):after{transform:rotate(180deg)}.timepicker .circle .hour:nth-child(6):after{transform:rotate(150deg)}.timepicker .circle .hour:nth-child(5):after{transform:rotate(120deg)}.timepicker .circle .hour:nth-child(4):after{transform:rotate(90deg)}.timepicker .circle .hour:nth-child(3):after{transform:rotate(60deg)}.timepicker .circle .hour:nth-child(2):after{transform:rotate(30deg)}.timepicker .circle .hour:nth-child(1):after{transform:rotate(0)}.timepicker .circle .hour2{z-index:2;position:absolute;height:30px;line-height:30px;width:30px;border-radius:40px;text-align:center;font-size:14px}.timepicker .circle .hour2:hover{color:var(--default-time-picker-hour-hover-text-color);cursor:pointer}.timepicker .circle .hour2:hover:after{content:\"\";background-color:var(--default-time-picker-hour-hover-background-color);height:1px;width:100%;position:absolute;transform:rotate(-90deg);transform-origin:100% 0%;top:50%;width:64px;right:50%;z-index:-1}.timepicker .circle .hour2:nth-child(24):after{transform:rotate(690deg)}.timepicker .circle .hour2:nth-child(23):after{transform:rotate(660deg)}.timepicker .circle .hour2:nth-child(22):after{transform:rotate(630deg)}.timepicker .circle .hour2:nth-child(21):after{transform:rotate(600deg)}.timepicker .circle .hour2:nth-child(20):after{transform:rotate(570deg)}.timepicker .circle .hour2:nth-child(19):after{transform:rotate(540deg)}.timepicker .circle .hour2:nth-child(18):after{transform:rotate(510deg)}.timepicker .circle .hour2:nth-child(17):after{transform:rotate(480deg)}.timepicker .circle .hour2:nth-child(16):after{transform:rotate(450deg)}.timepicker .circle .hour2:nth-child(15):after{transform:rotate(420deg)}.timepicker .circle .hour2:nth-child(14):after{transform:rotate(390deg)}.timepicker .circle .hour2:nth-child(13):after{transform:rotate(360deg)}.timepicker .circle .min{position:absolute;height:20px;line-height:20px;width:20px;border-radius:40px;text-align:center;font-size:12px}.timepicker .circle .min:hover{background-color:var(--default-time-picker-hour-hover-background-color);color:var(--default-time-picker-hour-hover-text-color);cursor:pointer}.timepicker .circle .min:hover:after{content:\"\";background-color:var(--default-time-picker-hour-hover-background-color);height:1px;width:100%;position:absolute;transform:rotate(-90deg);transform-origin:100% 0%;top:50%;width:101px;right:50%}.timepicker .circle .min:nth-child(60):after{transform:rotate(354deg)}.timepicker .circle .min:nth-child(59):after{transform:rotate(348deg)}.timepicker .circle .min:nth-child(58):after{transform:rotate(342deg)}.timepicker .circle .min:nth-child(57):after{transform:rotate(336deg)}.timepicker .circle .min:nth-child(56):after{transform:rotate(330deg)}.timepicker .circle .min:nth-child(55):after{transform:rotate(324deg)}.timepicker .circle .min:nth-child(54):after{transform:rotate(318deg)}.timepicker .circle .min:nth-child(53):after{transform:rotate(312deg)}.timepicker .circle .min:nth-child(52):after{transform:rotate(306deg)}.timepicker .circle .min:nth-child(51):after{transform:rotate(300deg)}.timepicker .circle .min:nth-child(50):after{transform:rotate(294deg)}.timepicker .circle .min:nth-child(49):after{transform:rotate(288deg)}.timepicker .circle .min:nth-child(48):after{transform:rotate(282deg)}.timepicker .circle .min:nth-child(47):after{transform:rotate(276deg)}.timepicker .circle .min:nth-child(46):after{transform:rotate(270deg)}.timepicker .circle .min:nth-child(45):after{transform:rotate(264deg)}.timepicker .circle .min:nth-child(44):after{transform:rotate(258deg)}.timepicker .circle .min:nth-child(43):after{transform:rotate(252deg)}.timepicker .circle .min:nth-child(42):after{transform:rotate(246deg)}.timepicker .circle .min:nth-child(41):after{transform:rotate(240deg)}.timepicker .circle .min:nth-child(40):after{transform:rotate(234deg)}.timepicker .circle .min:nth-child(39):after{transform:rotate(228deg)}.timepicker .circle .min:nth-child(38):after{transform:rotate(222deg)}.timepicker .circle .min:nth-child(37):after{transform:rotate(216deg)}.timepicker .circle .min:nth-child(36):after{transform:rotate(210deg)}.timepicker .circle .min:nth-child(35):after{transform:rotate(204deg)}.timepicker .circle .min:nth-child(34):after{transform:rotate(198deg)}.timepicker .circle .min:nth-child(33):after{transform:rotate(192deg)}.timepicker .circle .min:nth-child(32):after{transform:rotate(186deg)}.timepicker .circle .min:nth-child(31):after{transform:rotate(180deg)}.timepicker .circle .min:nth-child(30):after{transform:rotate(174deg)}.timepicker .circle .min:nth-child(29):after{transform:rotate(168deg)}.timepicker .circle .min:nth-child(28):after{transform:rotate(162deg)}.timepicker .circle .min:nth-child(27):after{transform:rotate(156deg)}.timepicker .circle .min:nth-child(26):after{transform:rotate(150deg)}.timepicker .circle .min:nth-child(25):after{transform:rotate(144deg)}.timepicker .circle .min:nth-child(24):after{transform:rotate(138deg)}.timepicker .circle .min:nth-child(23):after{transform:rotate(132deg)}.timepicker .circle .min:nth-child(22):after{transform:rotate(126deg)}.timepicker .circle .min:nth-child(21):after{transform:rotate(120deg)}.timepicker .circle .min:nth-child(20):after{transform:rotate(114deg)}.timepicker .circle .min:nth-child(19):after{transform:rotate(108deg)}.timepicker .circle .min:nth-child(18):after{transform:rotate(102deg)}.timepicker .circle .min:nth-child(17):after{transform:rotate(96deg)}.timepicker .circle .min:nth-child(16):after{transform:rotate(90deg)}.timepicker .circle .min:nth-child(15):after{transform:rotate(84deg)}.timepicker .circle .min:nth-child(14):after{transform:rotate(78deg)}.timepicker .circle .min:nth-child(13):after{transform:rotate(72deg)}.timepicker .circle .min:nth-child(12):after{transform:rotate(66deg)}.timepicker .circle .min:nth-child(11):after{transform:rotate(60deg)}.timepicker .circle .min:nth-child(10):after{transform:rotate(54deg)}.timepicker .circle .min:nth-child(9):after{transform:rotate(48deg)}.timepicker .circle .min:nth-child(8):after{transform:rotate(42deg)}.timepicker .circle .min:nth-child(7):after{transform:rotate(36deg)}.timepicker .circle .min:nth-child(6):after{transform:rotate(30deg)}.timepicker .circle .min:nth-child(5):after{transform:rotate(24deg)}.timepicker .circle .min:nth-child(4):after{transform:rotate(18deg)}.timepicker .circle .min:nth-child(3):after{transform:rotate(12deg)}.timepicker .circle .min:nth-child(2):after{transform:rotate(6deg)}.timepicker .circle .min:nth-child(1):after{transform:rotate(0)}.timepicker .actions{color:var(--default-time-picker-button-text-color);font-weight:700;font-size:20px;display:flex;justify-content:flex-end;position:absolute;width:100%;box-sizing:border-box;bottom:10px;padding-inline:12px}.timepicker .actions .action{display:inline-block;text-align:center;font-size:18px;padding-inline:12px;height:37.5px;line-height:37.5px;margin-right:10px;cursor:pointer;border-radius:2px}.timepicker .circle .hour:hover,.timepicker .circle .hour2:hover{background-color:var(--default-time-picker-hour-hover-background-color)}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: CoreBtnComponent, selector: "core-btn", inputs: ["formGroup", "loading", "theme", "buttonType", "size", "color", "isDisabled", "colorState", "confirmDialog"], outputs: ["btnClicked"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }] }); }
|
|
2224
|
+
}
|
|
2225
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimePickerModalComponent, decorators: [{
|
|
2226
|
+
type: Component,
|
|
2227
|
+
args: [{ selector: 'lib-time-picker-modal', template: "<div class=\"timepicker\">\r\n <div class=\"top\">\r\n <span class=\"h\" (click)=\"onHourClick()\" [class.active]=\"showHour\">10</span\r\n >:<span class=\"m\" (click)=\"onMinutesClick()\" [class.active]=\"showMin\"\r\n >15</span\r\n >\r\n </div>\r\n <div class=\"circle\">\r\n <div *ngIf=\"showHour\">\r\n <div\r\n class=\"hour\"\r\n *ngFor=\"let hour of hoursSubject | async\"\r\n [style]=\"{ left: hour.left, top: hour.top }\"\r\n (click)=\"onHourSelect(hour)\"\r\n >\r\n {{ hour.text }}\r\n </div>\r\n <div\r\n class=\"hour2\"\r\n *ngFor=\"let hour of hours2Subject | async\"\r\n [style]=\"{ left: hour.left, top: hour.top }\"\r\n (click)=\"onHourSelect(hour)\"\r\n >\r\n {{ hour.text }}\r\n </div>\r\n <div class=\"mid\"></div>\r\n </div>\r\n <div *ngIf=\"showMin\">\r\n <div\r\n class=\"min\"\r\n *ngFor=\"let hour of minutesSubject | async\"\r\n [style]=\"{ left: hour.left, top: hour.top }\"\r\n (click)=\"onMinutesSelect(hour)\"\r\n >\r\n {{ hour.text }}\r\n </div>\r\n <div class=\"mid\"></div>\r\n </div>\r\n </div>\r\n <div class=\"actions\">\r\n <core-btn\r\n class=\"action ok\"\r\n (btnClicked)=\"submit()\"\r\n [colorState]=\"'success'\"\r\n >\r\n \u0627\u0646\u062A\u062E\u0627\u0628\r\n </core-btn>\r\n <core-btn class=\"action close\" (btnClicked)=\"close()\"> \u0628\u0633\u062A\u0646 </core-btn>\r\n </div>\r\n</div>\r\n", styles: [".timepicker{width:300px;height:450px;background-color:var(--default-time-picker-background-color);position:relative;font-family:Calibri}.timepicker .top{background-color:var(--default-time-picker-header-background-color);color:var(--default-time-picker-header-text-color);height:100px;line-height:100px;font-size:50px;text-align:center}.timepicker .top .h :hover,.timepicker .top .m :hover{cursor:pointer}.timepicker .top .active{color:var(--default-time-picker-header-item-active-text-color)}.timepicker .circle{-webkit-user-select:none;user-select:none;background-color:var(--default-time-picker-circle-background-color);width:250px;height:250px;border-radius:1000px;position:relative;top:25px;right:25px;box-sizing:border-box}.timepicker .circle .mid{position:absolute;left:50%;top:50%;width:2px;height:2px;border-radius:10px;background-color:var(--default-time-picker-point-background-color)}.timepicker .circle .hour{position:absolute;height:40px;line-height:40px;width:40px;border-radius:40px;text-align:center}.timepicker .circle .hour.selected{background-color:var(--default-time-picker-hour-hover-background-color)}.timepicker .circle .hour.selected:after{content:\"\"}.timepicker .circle .hour:after{z-index:-1;background-color:var(--default-time-picker-hour-hover-background-color);height:1px;width:100%;position:absolute;transform:rotate(-90deg);transform-origin:100% 0%;top:50%;width:101px;right:50%}.timepicker .circle .hour:hover{color:var(--default-time-picker-hour-hover-text-color);z-index:2;cursor:pointer}.timepicker .circle .hour:hover:after{content:\"\"}.timepicker .circle .hour:nth-child(12):after{transform:rotate(330deg)}.timepicker .circle .hour:nth-child(11):after{transform:rotate(300deg)}.timepicker .circle .hour:nth-child(10):after{transform:rotate(270deg)}.timepicker .circle .hour:nth-child(9):after{transform:rotate(240deg)}.timepicker .circle .hour:nth-child(8):after{transform:rotate(210deg)}.timepicker .circle .hour:nth-child(7):after{transform:rotate(180deg)}.timepicker .circle .hour:nth-child(6):after{transform:rotate(150deg)}.timepicker .circle .hour:nth-child(5):after{transform:rotate(120deg)}.timepicker .circle .hour:nth-child(4):after{transform:rotate(90deg)}.timepicker .circle .hour:nth-child(3):after{transform:rotate(60deg)}.timepicker .circle .hour:nth-child(2):after{transform:rotate(30deg)}.timepicker .circle .hour:nth-child(1):after{transform:rotate(0)}.timepicker .circle .hour2{z-index:2;position:absolute;height:30px;line-height:30px;width:30px;border-radius:40px;text-align:center;font-size:14px}.timepicker .circle .hour2:hover{color:var(--default-time-picker-hour-hover-text-color);cursor:pointer}.timepicker .circle .hour2:hover:after{content:\"\";background-color:var(--default-time-picker-hour-hover-background-color);height:1px;width:100%;position:absolute;transform:rotate(-90deg);transform-origin:100% 0%;top:50%;width:64px;right:50%;z-index:-1}.timepicker .circle .hour2:nth-child(24):after{transform:rotate(690deg)}.timepicker .circle .hour2:nth-child(23):after{transform:rotate(660deg)}.timepicker .circle .hour2:nth-child(22):after{transform:rotate(630deg)}.timepicker .circle .hour2:nth-child(21):after{transform:rotate(600deg)}.timepicker .circle .hour2:nth-child(20):after{transform:rotate(570deg)}.timepicker .circle .hour2:nth-child(19):after{transform:rotate(540deg)}.timepicker .circle .hour2:nth-child(18):after{transform:rotate(510deg)}.timepicker .circle .hour2:nth-child(17):after{transform:rotate(480deg)}.timepicker .circle .hour2:nth-child(16):after{transform:rotate(450deg)}.timepicker .circle .hour2:nth-child(15):after{transform:rotate(420deg)}.timepicker .circle .hour2:nth-child(14):after{transform:rotate(390deg)}.timepicker .circle .hour2:nth-child(13):after{transform:rotate(360deg)}.timepicker .circle .min{position:absolute;height:20px;line-height:20px;width:20px;border-radius:40px;text-align:center;font-size:12px}.timepicker .circle .min:hover{background-color:var(--default-time-picker-hour-hover-background-color);color:var(--default-time-picker-hour-hover-text-color);cursor:pointer}.timepicker .circle .min:hover:after{content:\"\";background-color:var(--default-time-picker-hour-hover-background-color);height:1px;width:100%;position:absolute;transform:rotate(-90deg);transform-origin:100% 0%;top:50%;width:101px;right:50%}.timepicker .circle .min:nth-child(60):after{transform:rotate(354deg)}.timepicker .circle .min:nth-child(59):after{transform:rotate(348deg)}.timepicker .circle .min:nth-child(58):after{transform:rotate(342deg)}.timepicker .circle .min:nth-child(57):after{transform:rotate(336deg)}.timepicker .circle .min:nth-child(56):after{transform:rotate(330deg)}.timepicker .circle .min:nth-child(55):after{transform:rotate(324deg)}.timepicker .circle .min:nth-child(54):after{transform:rotate(318deg)}.timepicker .circle .min:nth-child(53):after{transform:rotate(312deg)}.timepicker .circle .min:nth-child(52):after{transform:rotate(306deg)}.timepicker .circle .min:nth-child(51):after{transform:rotate(300deg)}.timepicker .circle .min:nth-child(50):after{transform:rotate(294deg)}.timepicker .circle .min:nth-child(49):after{transform:rotate(288deg)}.timepicker .circle .min:nth-child(48):after{transform:rotate(282deg)}.timepicker .circle .min:nth-child(47):after{transform:rotate(276deg)}.timepicker .circle .min:nth-child(46):after{transform:rotate(270deg)}.timepicker .circle .min:nth-child(45):after{transform:rotate(264deg)}.timepicker .circle .min:nth-child(44):after{transform:rotate(258deg)}.timepicker .circle .min:nth-child(43):after{transform:rotate(252deg)}.timepicker .circle .min:nth-child(42):after{transform:rotate(246deg)}.timepicker .circle .min:nth-child(41):after{transform:rotate(240deg)}.timepicker .circle .min:nth-child(40):after{transform:rotate(234deg)}.timepicker .circle .min:nth-child(39):after{transform:rotate(228deg)}.timepicker .circle .min:nth-child(38):after{transform:rotate(222deg)}.timepicker .circle .min:nth-child(37):after{transform:rotate(216deg)}.timepicker .circle .min:nth-child(36):after{transform:rotate(210deg)}.timepicker .circle .min:nth-child(35):after{transform:rotate(204deg)}.timepicker .circle .min:nth-child(34):after{transform:rotate(198deg)}.timepicker .circle .min:nth-child(33):after{transform:rotate(192deg)}.timepicker .circle .min:nth-child(32):after{transform:rotate(186deg)}.timepicker .circle .min:nth-child(31):after{transform:rotate(180deg)}.timepicker .circle .min:nth-child(30):after{transform:rotate(174deg)}.timepicker .circle .min:nth-child(29):after{transform:rotate(168deg)}.timepicker .circle .min:nth-child(28):after{transform:rotate(162deg)}.timepicker .circle .min:nth-child(27):after{transform:rotate(156deg)}.timepicker .circle .min:nth-child(26):after{transform:rotate(150deg)}.timepicker .circle .min:nth-child(25):after{transform:rotate(144deg)}.timepicker .circle .min:nth-child(24):after{transform:rotate(138deg)}.timepicker .circle .min:nth-child(23):after{transform:rotate(132deg)}.timepicker .circle .min:nth-child(22):after{transform:rotate(126deg)}.timepicker .circle .min:nth-child(21):after{transform:rotate(120deg)}.timepicker .circle .min:nth-child(20):after{transform:rotate(114deg)}.timepicker .circle .min:nth-child(19):after{transform:rotate(108deg)}.timepicker .circle .min:nth-child(18):after{transform:rotate(102deg)}.timepicker .circle .min:nth-child(17):after{transform:rotate(96deg)}.timepicker .circle .min:nth-child(16):after{transform:rotate(90deg)}.timepicker .circle .min:nth-child(15):after{transform:rotate(84deg)}.timepicker .circle .min:nth-child(14):after{transform:rotate(78deg)}.timepicker .circle .min:nth-child(13):after{transform:rotate(72deg)}.timepicker .circle .min:nth-child(12):after{transform:rotate(66deg)}.timepicker .circle .min:nth-child(11):after{transform:rotate(60deg)}.timepicker .circle .min:nth-child(10):after{transform:rotate(54deg)}.timepicker .circle .min:nth-child(9):after{transform:rotate(48deg)}.timepicker .circle .min:nth-child(8):after{transform:rotate(42deg)}.timepicker .circle .min:nth-child(7):after{transform:rotate(36deg)}.timepicker .circle .min:nth-child(6):after{transform:rotate(30deg)}.timepicker .circle .min:nth-child(5):after{transform:rotate(24deg)}.timepicker .circle .min:nth-child(4):after{transform:rotate(18deg)}.timepicker .circle .min:nth-child(3):after{transform:rotate(12deg)}.timepicker .circle .min:nth-child(2):after{transform:rotate(6deg)}.timepicker .circle .min:nth-child(1):after{transform:rotate(0)}.timepicker .actions{color:var(--default-time-picker-button-text-color);font-weight:700;font-size:20px;display:flex;justify-content:flex-end;position:absolute;width:100%;box-sizing:border-box;bottom:10px;padding-inline:12px}.timepicker .actions .action{display:inline-block;text-align:center;font-size:18px;padding-inline:12px;height:37.5px;line-height:37.5px;margin-right:10px;cursor:pointer;border-radius:2px}.timepicker .circle .hour:hover,.timepicker .circle .hour2:hover{background-color:var(--default-time-picker-hour-hover-background-color)}\n"] }]
|
|
2228
|
+
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { config: [{
|
|
2229
|
+
type: Input
|
|
2230
|
+
}], closeSubject: [{
|
|
2231
|
+
type: Input
|
|
2232
|
+
}] } });
|
|
2233
|
+
|
|
2234
|
+
class TimeIconComponent {
|
|
2235
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimeIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2236
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TimeIconComponent, selector: "time-icon", ngImport: i0, template: "<svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n height=\"100%\"\r\n viewBox=\"0 -960 960 960\"\r\n width=\"100%\"\r\n>\r\n <path\r\n d=\"m612-292 56-56-148-148v-184h-80v216l172 172ZM480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-400Zm0 320q133 0 226.5-93.5T800-480q0-133-93.5-226.5T480-800q-133 0-226.5 93.5T160-480q0 133 93.5 226.5T480-160Z\"\r\n />\r\n</svg>\r\n", styles: [""] }); }
|
|
2237
|
+
}
|
|
2238
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimeIconComponent, decorators: [{
|
|
2239
|
+
type: Component,
|
|
2240
|
+
args: [{ selector: 'time-icon', template: "<svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n height=\"100%\"\r\n viewBox=\"0 -960 960 960\"\r\n width=\"100%\"\r\n>\r\n <path\r\n d=\"m612-292 56-56-148-148v-184h-80v216l172 172ZM480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-400Zm0 320q133 0 226.5-93.5T800-480q0-133-93.5-226.5T480-800q-133 0-226.5 93.5T160-480q0 133 93.5 226.5T480-160Z\"\r\n />\r\n</svg>\r\n" }]
|
|
2241
|
+
}] });
|
|
2242
|
+
|
|
2243
|
+
class CoreTimePickerComponent {
|
|
2244
|
+
set defaultValue(data) {
|
|
2245
|
+
this.selectedTime = data;
|
|
2246
|
+
}
|
|
2247
|
+
constructor(niraModalService) {
|
|
2248
|
+
this.niraModalService = niraModalService;
|
|
2249
|
+
this.onSelect = new EventEmitter();
|
|
2250
|
+
this.onBlurEmit = new EventEmitter();
|
|
2251
|
+
this.placeholder = '';
|
|
2252
|
+
this.canHighlightBackground = false;
|
|
2253
|
+
this.setCurrentTime = false;
|
|
2254
|
+
this.inputFormControl = new FormControl('', []);
|
|
2255
|
+
this.selectedTime = '';
|
|
2256
|
+
this.maxLength = 2000;
|
|
2257
|
+
}
|
|
2258
|
+
ngOnInit() {
|
|
2259
|
+
this.inputFormControl.addValidators(Validators.minLength(5));
|
|
2260
|
+
if (this.setCurrentTime) {
|
|
2261
|
+
var currentTime = new Date();
|
|
2262
|
+
this.selectedTime =
|
|
2263
|
+
String(currentTime.getHours().toString().length > 1
|
|
2264
|
+
? currentTime.getHours().toString()
|
|
2265
|
+
: '0' + currentTime.getHours().toString()) +
|
|
2266
|
+
':' +
|
|
2267
|
+
String(currentTime.getMinutes().toString().length > 1
|
|
2268
|
+
? currentTime.getMinutes().toString()
|
|
2269
|
+
: '0' + currentTime.getMinutes().toString());
|
|
2270
|
+
this.inputFormControl.setValue(this.selectedTime);
|
|
2271
|
+
this.onSelect.emit(this.selectedTime);
|
|
2272
|
+
}
|
|
2273
|
+
}
|
|
2274
|
+
showSelectTimeModal() {
|
|
2275
|
+
const modal = this.niraModalService.open(TimePickerModalComponent, {
|
|
2276
|
+
outsideClose: true,
|
|
2277
|
+
data: this.selectedTime,
|
|
2278
|
+
});
|
|
2279
|
+
modal.afterClosed.subscribe((time) => {
|
|
2280
|
+
if (time) {
|
|
2281
|
+
this.selectedTime = time;
|
|
2282
|
+
this.inputFormControl.setValue(this.selectedTime);
|
|
2283
|
+
this.onSelect.emit(time);
|
|
2284
|
+
}
|
|
2285
|
+
});
|
|
2286
|
+
}
|
|
2287
|
+
focusOut() {
|
|
2288
|
+
setTimeout(() => {
|
|
2289
|
+
this.inputFormControl.markAsTouched();
|
|
2290
|
+
}, 100);
|
|
2291
|
+
}
|
|
2292
|
+
change(event) {
|
|
2293
|
+
setTimeout(() => {
|
|
2294
|
+
let value = event.srcElement.value;
|
|
2295
|
+
value = value.replaceAll(':', '');
|
|
2296
|
+
if (isNaN(value)) {
|
|
2297
|
+
this.inputFormControl.setValue('');
|
|
2298
|
+
}
|
|
2299
|
+
else {
|
|
2300
|
+
const formatValue = value
|
|
2301
|
+
.toString()
|
|
2302
|
+
.replace(/\B(?=(\d{2})+(?!\d))/g, ':');
|
|
2303
|
+
this.inputFormControl.setValue(formatValue);
|
|
2304
|
+
}
|
|
2305
|
+
if (!this.inputFormControl.errors) {
|
|
2306
|
+
this.onSelect.emit(this.inputFormControl.value);
|
|
2307
|
+
}
|
|
2308
|
+
}, 10);
|
|
2309
|
+
}
|
|
2310
|
+
onPaste(event) {
|
|
2311
|
+
setTimeout(() => {
|
|
2312
|
+
const value = event.srcElement.value;
|
|
2313
|
+
this.inputFormControl.markAsTouched();
|
|
2314
|
+
this.inputFormControl.setValue(value);
|
|
2315
|
+
this.onSelect.emit(value);
|
|
2316
|
+
}, 10);
|
|
2317
|
+
}
|
|
2318
|
+
onBlur() {
|
|
2319
|
+
this.onBlurEmit.emit(this.inputFormControl.value);
|
|
2320
|
+
}
|
|
2321
|
+
onKeyPress() {
|
|
2322
|
+
if (this.inputFormControl.value.toString().length > 4) {
|
|
2323
|
+
return false;
|
|
2324
|
+
}
|
|
2325
|
+
else {
|
|
2326
|
+
return true;
|
|
2327
|
+
}
|
|
2328
|
+
}
|
|
2329
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreTimePickerComponent, deps: [{ token: i1$1.NiraModalService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2330
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreTimePickerComponent, selector: "core-time-picker", inputs: { placeholder: "placeholder", canHighlightBackground: "canHighlightBackground", setCurrentTime: "setCurrentTime", inputFormControl: "inputFormControl", defaultValue: "defaultValue", maxLength: "maxLength" }, outputs: { onSelect: "onSelect", onBlurEmit: "onBlurEmit" }, ngImport: i0, template: "<div>\r\n <div\r\n class=\"container-input\"\r\n [ngClass]=\"{\r\n error:\r\n (inputFormControl.touched || inputFormControl.dirty) &&\r\n inputFormControl.errors\r\n }\"\r\n >\r\n <time-icon\r\n (click)=\"showSelectTimeModal()\"\r\n class=\"absolute left-3 top-3 fill-secondary-text-color h-5 cursor-pointer\"\r\n ></time-icon>\r\n <input\r\n [type]=\"'text'\"\r\n class=\"a-input-style have-value\"\r\n (keyup)=\"change($event)\"\r\n [formControl]=\"inputFormControl\"\r\n (blur)=\"onBlur()\"\r\n (paste)=\"onPaste($event)\"\r\n (keypress)=\"onKeyPress()\"\r\n [ngClass]=\"{\r\n 'have-value': inputFormControl.value.toString().length > 0,\r\n 'highlight-background':\r\n canHighlightBackground &&\r\n inputFormControl.value.toString().length === 0 &&\r\n !(\r\n (inputFormControl.touched || inputFormControl.dirty) &&\r\n inputFormControl.errors\r\n ),\r\n }\"\r\n />\r\n\r\n <label *ngIf=\"placeholder.length > 0\">{{ placeholder }} </label>\r\n <div class=\"label-error overflow-hidden\">\r\n <span\r\n *ngIf=\"\r\n (inputFormControl.touched || inputFormControl.dirty) &&\r\n inputFormControl.errors?.['required']\r\n \"\r\n >\u0627\u06CC\u0646 \u0641\u06CC\u0644\u062F \u062E\u0627\u0644\u06CC \u0627\u0633\u062A</span\r\n ><span\r\n *ngIf=\"\r\n (inputFormControl.touched || inputFormControl.dirty) &&\r\n inputFormControl.errors?.['minlength']\r\n \"\r\n >\u0641\u0631\u0645\u062A \u0633\u0627\u0639\u062A \u0646\u0627\u0645\u0639\u062A\u0628\u0631 \u0627\u0633\u062A</span\r\n >\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".container{position:relative}input:focus{border:2px solid blue}input{border:1px solid #ced4da;border-radius:.25rem}.highlight-background{background-color:#dcf6ff!important}.icon-style{position:absolute;right:16px;top:16px;cursor:pointer;font-size:16px}.icon-style-email{position:absolute;right:16px;top:16px}.a-input-style{height:42px;width:100%;padding:16px;outline:none;caret-color:#020202b3;background-color:#f2f4f726;color:#000000b3;box-sizing:border-box}.a-input-style:focus{background-color:#f2f4f70d;border-radius:3px;border:1px solid rgba(19,92,175,.397)}.a-input-style::placeholder{height:15px;font-style:normal;font-weight:400;font-size:12px;line-height:15px;letter-spacing:-.03em;color:#c2c2c2b3}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-text-fill-color:rgba(255,255,255,0)}input:-webkit-autofill.have-value,input:-webkit-autofill:hover.have-value,input:-webkit-autofill:focus.have-value{-webkit-text-fill-color:#181818!important}input[type=time]::-webkit-calendar-picker-indicator{display:none;background:none}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.label-error{color:red;font-size:13px;margin-block-start:4px;min-height:21px;width:100%;display:inline-block!important;text-align:start}.label-number{color:#6a6a6a}.error input{border:1px solid #fe5f5f}.container-input{background:#fff;position:relative}.container-input .disable-input{background-color:#f7f7f7;border:1px dashed #ced4da;pointer-events:none}.container-input label{position:absolute;right:20px;top:12px;color:gray;font-size:12px;padding:0 8px;border-radius:15px;pointer-events:none;transition:.2s}.container-input input:focus+label,.container-input input.have-value+label{top:-10px;font-size:10px;z-index:3}.container-input input:focus+label:after,.container-input input.have-value+label:after{content:\"\";display:block;background:#fff;position:absolute;width:100%;height:1px;top:10px;right:0;transition:.3s;z-index:-1}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: TimeIconComponent, selector: "time-icon" }] }); }
|
|
2331
|
+
}
|
|
2332
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreTimePickerComponent, decorators: [{
|
|
2333
|
+
type: Component,
|
|
2334
|
+
args: [{ selector: 'core-time-picker', template: "<div>\r\n <div\r\n class=\"container-input\"\r\n [ngClass]=\"{\r\n error:\r\n (inputFormControl.touched || inputFormControl.dirty) &&\r\n inputFormControl.errors\r\n }\"\r\n >\r\n <time-icon\r\n (click)=\"showSelectTimeModal()\"\r\n class=\"absolute left-3 top-3 fill-secondary-text-color h-5 cursor-pointer\"\r\n ></time-icon>\r\n <input\r\n [type]=\"'text'\"\r\n class=\"a-input-style have-value\"\r\n (keyup)=\"change($event)\"\r\n [formControl]=\"inputFormControl\"\r\n (blur)=\"onBlur()\"\r\n (paste)=\"onPaste($event)\"\r\n (keypress)=\"onKeyPress()\"\r\n [ngClass]=\"{\r\n 'have-value': inputFormControl.value.toString().length > 0,\r\n 'highlight-background':\r\n canHighlightBackground &&\r\n inputFormControl.value.toString().length === 0 &&\r\n !(\r\n (inputFormControl.touched || inputFormControl.dirty) &&\r\n inputFormControl.errors\r\n ),\r\n }\"\r\n />\r\n\r\n <label *ngIf=\"placeholder.length > 0\">{{ placeholder }} </label>\r\n <div class=\"label-error overflow-hidden\">\r\n <span\r\n *ngIf=\"\r\n (inputFormControl.touched || inputFormControl.dirty) &&\r\n inputFormControl.errors?.['required']\r\n \"\r\n >\u0627\u06CC\u0646 \u0641\u06CC\u0644\u062F \u062E\u0627\u0644\u06CC \u0627\u0633\u062A</span\r\n ><span\r\n *ngIf=\"\r\n (inputFormControl.touched || inputFormControl.dirty) &&\r\n inputFormControl.errors?.['minlength']\r\n \"\r\n >\u0641\u0631\u0645\u062A \u0633\u0627\u0639\u062A \u0646\u0627\u0645\u0639\u062A\u0628\u0631 \u0627\u0633\u062A</span\r\n >\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".container{position:relative}input:focus{border:2px solid blue}input{border:1px solid #ced4da;border-radius:.25rem}.highlight-background{background-color:#dcf6ff!important}.icon-style{position:absolute;right:16px;top:16px;cursor:pointer;font-size:16px}.icon-style-email{position:absolute;right:16px;top:16px}.a-input-style{height:42px;width:100%;padding:16px;outline:none;caret-color:#020202b3;background-color:#f2f4f726;color:#000000b3;box-sizing:border-box}.a-input-style:focus{background-color:#f2f4f70d;border-radius:3px;border:1px solid rgba(19,92,175,.397)}.a-input-style::placeholder{height:15px;font-style:normal;font-weight:400;font-size:12px;line-height:15px;letter-spacing:-.03em;color:#c2c2c2b3}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-text-fill-color:rgba(255,255,255,0)}input:-webkit-autofill.have-value,input:-webkit-autofill:hover.have-value,input:-webkit-autofill:focus.have-value{-webkit-text-fill-color:#181818!important}input[type=time]::-webkit-calendar-picker-indicator{display:none;background:none}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.label-error{color:red;font-size:13px;margin-block-start:4px;min-height:21px;width:100%;display:inline-block!important;text-align:start}.label-number{color:#6a6a6a}.error input{border:1px solid #fe5f5f}.container-input{background:#fff;position:relative}.container-input .disable-input{background-color:#f7f7f7;border:1px dashed #ced4da;pointer-events:none}.container-input label{position:absolute;right:20px;top:12px;color:gray;font-size:12px;padding:0 8px;border-radius:15px;pointer-events:none;transition:.2s}.container-input input:focus+label,.container-input input.have-value+label{top:-10px;font-size:10px;z-index:3}.container-input input:focus+label:after,.container-input input.have-value+label:after{content:\"\";display:block;background:#fff;position:absolute;width:100%;height:1px;top:10px;right:0;transition:.3s;z-index:-1}\n"] }]
|
|
2335
|
+
}], ctorParameters: function () { return [{ type: i1$1.NiraModalService }]; }, propDecorators: { onSelect: [{
|
|
2336
|
+
type: Output
|
|
2337
|
+
}], onBlurEmit: [{
|
|
2338
|
+
type: Output
|
|
2339
|
+
}], placeholder: [{
|
|
2340
|
+
type: Input
|
|
2341
|
+
}], canHighlightBackground: [{
|
|
2342
|
+
type: Input
|
|
2343
|
+
}], setCurrentTime: [{
|
|
2344
|
+
type: Input
|
|
2345
|
+
}], inputFormControl: [{
|
|
2346
|
+
type: Input
|
|
2347
|
+
}], defaultValue: [{
|
|
2348
|
+
type: Input
|
|
2349
|
+
}], maxLength: [{
|
|
2350
|
+
type: Input
|
|
2351
|
+
}] } });
|
|
2352
|
+
|
|
2353
|
+
class DetailViewerManagerDirective {
|
|
2354
|
+
constructor(el, niraModalService, viewContainerRef, componentFactoryResolver) {
|
|
2355
|
+
this.el = el;
|
|
2356
|
+
this.niraModalService = niraModalService;
|
|
2357
|
+
this.viewContainerRef = viewContainerRef;
|
|
2358
|
+
this.componentFactoryResolver = componentFactoryResolver;
|
|
2359
|
+
}
|
|
2360
|
+
ngAfterViewInit() {
|
|
2361
|
+
this.changeStyle();
|
|
2362
|
+
}
|
|
2363
|
+
changeStyle() {
|
|
2364
|
+
this.el.nativeElement.style.backgroundColor = '#b4dcff';
|
|
2365
|
+
this.el.nativeElement.style.cursor = 'pointer';
|
|
2366
|
+
this.el.nativeElement.style.borderRadius = '18px';
|
|
2367
|
+
this.el.nativeElement.style.padding = '2px 8px ';
|
|
2368
|
+
this.el.nativeElement.classList.add('detailViewer');
|
|
2369
|
+
const componentFactory = this.componentFactoryResolver.resolveComponentFactory(CaretUpIconComponent);
|
|
2370
|
+
const componentRef = this.viewContainerRef.createComponent(componentFactory);
|
|
2371
|
+
const host = this.el.nativeElement;
|
|
2372
|
+
host.insertBefore(componentRef.location.nativeElement, host.firstChild);
|
|
2373
|
+
}
|
|
2374
|
+
onMouseUp() {
|
|
2375
|
+
let component = undefined;
|
|
2376
|
+
switch (this.detailViewerName
|
|
2377
|
+
// case DetailViewers.BILL: {
|
|
2378
|
+
// component = BillDetailViewerComponent;
|
|
2379
|
+
// break;
|
|
2380
|
+
// }
|
|
2381
|
+
// case DetailViewers.DRIVER: {
|
|
2382
|
+
// component = DriverDetailViewerComponent;
|
|
2383
|
+
// break;
|
|
2384
|
+
// }
|
|
2385
|
+
// case DetailViewers.MANIFEST: {
|
|
2386
|
+
// component = ManifestDetailViewerComponent;
|
|
2387
|
+
// break;
|
|
2388
|
+
// }
|
|
2389
|
+
// case DetailViewers.SERVICE: {
|
|
2390
|
+
// component = ServiceDetailViewerComponent;
|
|
2391
|
+
// break;
|
|
2392
|
+
// }
|
|
2393
|
+
// case DetailViewers.VEHICLE: {
|
|
2394
|
+
// component = VehicleDetailViewerComponent;
|
|
2395
|
+
// break;
|
|
2396
|
+
// }
|
|
2397
|
+
) {
|
|
2398
|
+
}
|
|
2399
|
+
this.niraModalService.open(component, {
|
|
2400
|
+
data: this.detailViewerData,
|
|
2401
|
+
});
|
|
2402
|
+
}
|
|
2403
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DetailViewerManagerDirective, deps: [{ token: i0.ElementRef }, { token: i1$1.NiraModalService }, { token: i0.ViewContainerRef }, { token: i0.ComponentFactoryResolver }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2404
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DetailViewerManagerDirective, selector: "[detailViewerManager]", inputs: { detailViewerData: "detailViewerData", detailViewerName: "detailViewerName" }, host: { listeners: { "click": "onMouseUp()" } }, ngImport: i0 }); }
|
|
2405
|
+
}
|
|
2406
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DetailViewerManagerDirective, decorators: [{
|
|
2407
|
+
type: Directive,
|
|
2408
|
+
args: [{
|
|
2409
|
+
selector: '[detailViewerManager]',
|
|
2410
|
+
}]
|
|
2411
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1$1.NiraModalService }, { type: i0.ViewContainerRef }, { type: i0.ComponentFactoryResolver }]; }, propDecorators: { detailViewerData: [{
|
|
2412
|
+
type: Input
|
|
2413
|
+
}], detailViewerName: [{
|
|
2414
|
+
type: Input
|
|
2415
|
+
}], onMouseUp: [{
|
|
2416
|
+
type: HostListener,
|
|
2417
|
+
args: ['click']
|
|
2418
|
+
}] } });
|
|
2419
|
+
|
|
2420
|
+
class FormControlPipe {
|
|
2421
|
+
transform(value) {
|
|
2422
|
+
return value;
|
|
2423
|
+
}
|
|
2424
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormControlPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
2425
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: FormControlPipe, name: "formControl" }); }
|
|
2426
|
+
}
|
|
2427
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormControlPipe, decorators: [{
|
|
2428
|
+
type: Pipe,
|
|
2429
|
+
args: [{
|
|
2430
|
+
name: 'formControl',
|
|
2431
|
+
}]
|
|
2432
|
+
}] });
|
|
2433
|
+
|
|
2434
|
+
class DigitGroupPipe {
|
|
2435
|
+
transform(el) {
|
|
2436
|
+
return el.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
|
|
2437
|
+
}
|
|
2438
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DigitGroupPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
2439
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DigitGroupPipe, name: "digitGroup" }); }
|
|
2440
|
+
}
|
|
2441
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DigitGroupPipe, decorators: [{
|
|
2442
|
+
type: Pipe,
|
|
2443
|
+
args: [{
|
|
2444
|
+
name: 'digitGroup',
|
|
2445
|
+
}]
|
|
2446
|
+
}] });
|
|
2447
|
+
|
|
2448
|
+
// type Currency = 'RII' | 'T';
|
|
2449
|
+
class PriceFormatPipe {
|
|
2450
|
+
transform(value, currency, ...args) {
|
|
2451
|
+
if (currency == 'IRR') {
|
|
2452
|
+
value = value + ' ریال ';
|
|
2453
|
+
}
|
|
2454
|
+
else {
|
|
2455
|
+
value = value + ' تومان ';
|
|
2456
|
+
}
|
|
2457
|
+
return value.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
|
|
2458
|
+
}
|
|
2459
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PriceFormatPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
2460
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: PriceFormatPipe, name: "priceFormat" }); }
|
|
2461
|
+
}
|
|
2462
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PriceFormatPipe, decorators: [{
|
|
2463
|
+
type: Pipe,
|
|
2464
|
+
args: [{
|
|
2465
|
+
name: 'priceFormat',
|
|
2466
|
+
}]
|
|
2467
|
+
}] });
|
|
2468
|
+
|
|
2469
|
+
class TimeFormatPipe {
|
|
2470
|
+
transform(value, ...args) {
|
|
2471
|
+
let hour = value / 60;
|
|
2472
|
+
let result = '';
|
|
2473
|
+
hour = value % 60 > 0 ? hour + 1 : hour;
|
|
2474
|
+
if (hour >= 24) {
|
|
2475
|
+
result = Number.parseInt(String(hour / 24)) + ' روز ';
|
|
2476
|
+
if (Number.parseInt(String(hour % 24)) != 0) {
|
|
2477
|
+
result = result + ', ' + Number.parseInt(String(hour % 24)) + ' ساعت ';
|
|
2478
|
+
}
|
|
2479
|
+
}
|
|
2480
|
+
else {
|
|
2481
|
+
result = hour + ' ساعت ';
|
|
2482
|
+
}
|
|
2483
|
+
return result;
|
|
2484
|
+
}
|
|
2485
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimeFormatPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
2486
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: TimeFormatPipe, name: "timeFormat" }); }
|
|
2487
|
+
}
|
|
2488
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimeFormatPipe, decorators: [{
|
|
2489
|
+
type: Pipe,
|
|
2490
|
+
args: [{
|
|
2491
|
+
name: 'timeFormat',
|
|
2492
|
+
}]
|
|
2493
|
+
}] });
|
|
2494
|
+
|
|
2495
|
+
class WeightPipe {
|
|
2496
|
+
transform(value, ...args) {
|
|
2497
|
+
return value + ' کیلوگرم ';
|
|
2498
|
+
}
|
|
2499
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WeightPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
2500
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: WeightPipe, name: "weight" }); }
|
|
2501
|
+
}
|
|
2502
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WeightPipe, decorators: [{
|
|
2503
|
+
type: Pipe,
|
|
2504
|
+
args: [{
|
|
2505
|
+
name: 'weight',
|
|
2506
|
+
}]
|
|
2507
|
+
}] });
|
|
2508
|
+
|
|
2509
|
+
class CoreMultiSelectRowComponent {
|
|
2510
|
+
constructor() {
|
|
2511
|
+
this.onSelect = new EventEmitter();
|
|
2512
|
+
this._isSelected = false;
|
|
2513
|
+
}
|
|
2514
|
+
set isSelected(value) {
|
|
2515
|
+
this._isSelected = value;
|
|
2516
|
+
}
|
|
2517
|
+
onItemSelect() {
|
|
2518
|
+
this.onSelect.emit(true);
|
|
2519
|
+
}
|
|
2520
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreMultiSelectRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2521
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreMultiSelectRowComponent, selector: "app-core-multi-select-row", inputs: { isSelected: "isSelected", item: "item" }, outputs: { onSelect: "onSelect" }, ngImport: i0, template: "<li [ngClass]=\"{ active: _isSelected }\" (click)=\"onItemSelect()\">\r\n {{ item.title }}\r\n</li>\r\n", styles: ["li{padding:.7em .5em;margin:.3em 0;margin-inline:4px;border-radius:.5em;font-size:14px;text-align:start;cursor:pointer}li:hover{background:#f6f6f6}.active{background:#ced4da}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
2522
|
+
}
|
|
2523
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreMultiSelectRowComponent, decorators: [{
|
|
2524
|
+
type: Component,
|
|
2525
|
+
args: [{ selector: 'app-core-multi-select-row', template: "<li [ngClass]=\"{ active: _isSelected }\" (click)=\"onItemSelect()\">\r\n {{ item.title }}\r\n</li>\r\n", styles: ["li{padding:.7em .5em;margin:.3em 0;margin-inline:4px;border-radius:.5em;font-size:14px;text-align:start;cursor:pointer}li:hover{background:#f6f6f6}.active{background:#ced4da}\n"] }]
|
|
2526
|
+
}], propDecorators: { isSelected: [{
|
|
2527
|
+
type: Input
|
|
2528
|
+
}], item: [{
|
|
2529
|
+
type: Input
|
|
2530
|
+
}], onSelect: [{
|
|
2531
|
+
type: Output
|
|
2532
|
+
}] } });
|
|
2533
|
+
|
|
2534
|
+
class CoreMultiSelectComponent {
|
|
2535
|
+
set titleKey(data) {
|
|
2536
|
+
this._titleKey = data;
|
|
2537
|
+
this.hasTitleKey = true;
|
|
2538
|
+
this.init();
|
|
2539
|
+
}
|
|
2540
|
+
set valueKey(data) {
|
|
2541
|
+
this._valueKey = data;
|
|
2542
|
+
this.hasValueKey = true;
|
|
2543
|
+
this.init();
|
|
2544
|
+
}
|
|
2545
|
+
set items(data) {
|
|
2546
|
+
this._items = data;
|
|
2547
|
+
this.hasItems = true;
|
|
2548
|
+
this.init();
|
|
2549
|
+
}
|
|
2550
|
+
set defaultValue(data) {
|
|
2551
|
+
this._defaultValue = data;
|
|
2552
|
+
this.hasDefaultValue = true;
|
|
2553
|
+
this.init();
|
|
2554
|
+
}
|
|
2555
|
+
get isSelectedItems() {
|
|
2556
|
+
return Object.keys(this.selectedItems).length > 0 ? true : false;
|
|
2557
|
+
}
|
|
2558
|
+
constructor(cdr) {
|
|
2559
|
+
this.cdr = cdr;
|
|
2560
|
+
this.selectedItems = [];
|
|
2561
|
+
this.newItems = [];
|
|
2562
|
+
this.isOpenMenu = false;
|
|
2563
|
+
this._items = [];
|
|
2564
|
+
this._defaultValue = [];
|
|
2565
|
+
this.initCounter = 0;
|
|
2566
|
+
this.hasTitleKey = false;
|
|
2567
|
+
this.hasValueKey = false;
|
|
2568
|
+
this.hasItems = false;
|
|
2569
|
+
this.hasDefaultValue = false;
|
|
2570
|
+
this.text = '';
|
|
2571
|
+
this.label = '';
|
|
2572
|
+
this.singleSelectItems = [];
|
|
2573
|
+
this.onItemSelected = new EventEmitter();
|
|
2574
|
+
this.inputFormControl = new FormControl('', []);
|
|
2575
|
+
}
|
|
2576
|
+
init() {
|
|
2577
|
+
if (this.hasTitleKey &&
|
|
2578
|
+
this.hasValueKey &&
|
|
2579
|
+
this.hasItems &&
|
|
2580
|
+
this.hasDefaultValue) {
|
|
2581
|
+
this.newItems = this.changeItemsType(this._items);
|
|
2582
|
+
}
|
|
2583
|
+
}
|
|
2584
|
+
ngOnInit() {
|
|
2585
|
+
if (this._defaultValue.length == 0)
|
|
2586
|
+
return;
|
|
2587
|
+
this._defaultValue.forEach((item1, index) => {
|
|
2588
|
+
const value = this.newItems.find((item) => item.value === item1);
|
|
2589
|
+
if (value) {
|
|
2590
|
+
this.selectedItems[value.value] = value;
|
|
2591
|
+
}
|
|
2592
|
+
});
|
|
2593
|
+
}
|
|
2594
|
+
ngAfterViewInit() {
|
|
2595
|
+
this.showText();
|
|
2596
|
+
this.cdr.detectChanges();
|
|
2597
|
+
}
|
|
2598
|
+
onItemSelect(selectedItem, isFromUi) {
|
|
2599
|
+
if (this.selectedItems[selectedItem.value]) {
|
|
2600
|
+
delete this.selectedItems[selectedItem.value];
|
|
2601
|
+
}
|
|
2602
|
+
else {
|
|
2603
|
+
let flag = false;
|
|
2604
|
+
Object.keys(this.selectedItems).forEach((item) => {
|
|
2605
|
+
if (this.singleSelectItems.find((data) => data == item)) {
|
|
2606
|
+
flag = true;
|
|
2607
|
+
return;
|
|
2608
|
+
}
|
|
2609
|
+
});
|
|
2610
|
+
if (Object.keys(this.selectedItems).length > 0 &&
|
|
2611
|
+
this.singleSelectItems.find((data) => data == selectedItem.value)) {
|
|
2612
|
+
}
|
|
2613
|
+
else if (!flag)
|
|
2614
|
+
this.selectedItems[selectedItem.value] = selectedItem;
|
|
2615
|
+
}
|
|
2616
|
+
this.showText();
|
|
2617
|
+
this.onItemSelected.emit(this.selectedItems);
|
|
2618
|
+
}
|
|
2619
|
+
showText() {
|
|
2620
|
+
let text = '';
|
|
2621
|
+
const items = Object.values(this.selectedItems);
|
|
2622
|
+
items.forEach((item1, index) => {
|
|
2623
|
+
if (index < items.length - 1) {
|
|
2624
|
+
text = item1.title + ' , ' + text;
|
|
2625
|
+
}
|
|
2626
|
+
else {
|
|
2627
|
+
text = text + item1.title;
|
|
2628
|
+
}
|
|
2629
|
+
});
|
|
2630
|
+
this.text = text;
|
|
2631
|
+
this.inputFormControl.setValue(this.text);
|
|
2632
|
+
}
|
|
2633
|
+
changeItemsType(items) {
|
|
2634
|
+
return items.map((item) => {
|
|
2635
|
+
return {
|
|
2636
|
+
title: item[this._titleKey],
|
|
2637
|
+
value: item[this._valueKey],
|
|
2638
|
+
};
|
|
2639
|
+
});
|
|
2640
|
+
}
|
|
2641
|
+
openMenuClick() {
|
|
2642
|
+
this.isOpenMenu = !this.isOpenMenu;
|
|
2643
|
+
}
|
|
2644
|
+
focusOut() {
|
|
2645
|
+
this.isOpenMenu = false;
|
|
2646
|
+
this.inputFormControl.markAsTouched();
|
|
2647
|
+
}
|
|
2648
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreMultiSelectComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2649
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreMultiSelectComponent, selector: "core-multi-select", inputs: { titleKey: "titleKey", valueKey: "valueKey", items: "items", defaultValue: "defaultValue", label: "label", singleSelectItems: "singleSelectItems", inputFormControl: "inputFormControl" }, outputs: { onItemSelected: "onItemSelected" }, ngImport: i0, template: "<div tabindex=\"-1\" class=\"dropdown\" (focusout)=\"focusOut()\">\r\n <div\r\n class=\"select\"\r\n [ngClass]=\"{\r\n 'select-clicked': isOpenMenu,\r\n selectError: inputFormControl.touched && inputFormControl.errors\r\n }\"\r\n (click)=\"openMenuClick()\"\r\n >\r\n <span class=\"placeholder-top\" *ngIf=\"isSelectedItems\">{{ label }}</span>\r\n <arrow-down-icon\r\n class=\"caret fill-secondary-text-color h-6\"\r\n [ngClass]=\"{ 'caret-rotate': isOpenMenu }\"\r\n ></arrow-down-icon>\r\n\r\n <span\r\n class=\"text-content\"\r\n [ngClass]=\"[\r\n label.length > 0 && !isSelectedItems ? 'placeholder' : 'selected'\r\n ]\"\r\n >{{ label.length > 0 && !isSelectedItems ? label : text }}</span\r\n >\r\n </div>\r\n <ul class=\"menu\" [ngClass]=\"{ 'menu-open': isOpenMenu }\">\r\n <app-core-multi-select-row\r\n *ngFor=\"let item of newItems\"\r\n [item]=\"item\"\r\n [isSelected]=\"selectedItems[item.value] ? true : false\"\r\n (onSelect)=\"onItemSelect(item, true)\"\r\n >\r\n </app-core-multi-select-row>\r\n </ul>\r\n <div class=\"label-error overflow-hidden\">\r\n <span\r\n *ngIf=\"\r\n inputFormControl.touched &&\r\n inputFormControl.errors?.['required']\"\r\n >\u0627\u06CC\u0646 \u0641\u06CC\u0644\u062F \u062E\u0627\u0644\u06CC \u0627\u0633\u062A</span\r\n >\r\n </div>\r\n</div>\r\n", styles: [".dropdown{min-width:15em;position:relative;width:100%;min-width:120px}.dropdown .select{background:#fff;color:#304050;display:flex;justify-content:space-between;flex-direction:row-reverse;align-items:center;border:1px solid #ced4da;border-radius:4px;padding:8px;cursor:pointer;transition:background .3s;font-size:12px;-webkit-user-select:none;user-select:none}.dropdown .select:hover{background:#fbfbfb}.dropdown .select .text-content{white-space:nowrap;display:block;width:263px;overflow:hidden;word-wrap:break-word;text-overflow:ellipsis}.dropdown .select .selected{padding-inline:12px;font-size:14px;color:#000000b3;-webkit-user-select:none;user-select:none}.dropdown .select .placeholder-top{position:absolute;right:13px;background:#fff;top:-8px;padding-inline:6px;font-size:11px;color:#888}.dropdown .select .caret{color:#595c5f;-webkit-user-select:none;user-select:none}.dropdown .select .caret-rotate{transform:rotate(180deg)}.dropdown .select .placeholder{color:#888;padding-inline:16px}.dropdown .select-clicked{border:1px solid rgba(19,92,175,.397)}.dropdown .menu{list-style:none;padding-inline:0px;background:#fff;border:1px #e3e8f1 solid;box-shadow:0 .5em 1em #0003;border-radius:.5em;color:#595c5f;position:absolute;top:40px;left:50%;width:100%;transform:translate(-50%);opacity:0;display:none;transition:0,2s;z-index:10;max-height:200px;overflow:auto}.dropdown .menu li{padding:.7em .5em;margin:.3em 0;margin-inline:4px;border-radius:.5em;font-size:14px;text-align:start;cursor:pointer}.dropdown .menu li:hover{background:#f6f6f6}.dropdown .menu .active{background:#ced4da}.dropdown .menu-open{display:block;opacity:1}.dropdown .label-error{color:red;font-size:13px;margin-block-start:4px;min-height:21px;width:100%;display:inline-block!important;text-align:start}.dropdown .selectError{border:1px solid #fe5f5f!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: CoreMultiSelectRowComponent, selector: "app-core-multi-select-row", inputs: ["isSelected", "item"], outputs: ["onSelect"] }, { kind: "component", type: ArrowDownIconComponent, selector: "arrow-down-icon" }] }); }
|
|
2650
|
+
}
|
|
2651
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreMultiSelectComponent, decorators: [{
|
|
2652
|
+
type: Component,
|
|
2653
|
+
args: [{ selector: 'core-multi-select', template: "<div tabindex=\"-1\" class=\"dropdown\" (focusout)=\"focusOut()\">\r\n <div\r\n class=\"select\"\r\n [ngClass]=\"{\r\n 'select-clicked': isOpenMenu,\r\n selectError: inputFormControl.touched && inputFormControl.errors\r\n }\"\r\n (click)=\"openMenuClick()\"\r\n >\r\n <span class=\"placeholder-top\" *ngIf=\"isSelectedItems\">{{ label }}</span>\r\n <arrow-down-icon\r\n class=\"caret fill-secondary-text-color h-6\"\r\n [ngClass]=\"{ 'caret-rotate': isOpenMenu }\"\r\n ></arrow-down-icon>\r\n\r\n <span\r\n class=\"text-content\"\r\n [ngClass]=\"[\r\n label.length > 0 && !isSelectedItems ? 'placeholder' : 'selected'\r\n ]\"\r\n >{{ label.length > 0 && !isSelectedItems ? label : text }}</span\r\n >\r\n </div>\r\n <ul class=\"menu\" [ngClass]=\"{ 'menu-open': isOpenMenu }\">\r\n <app-core-multi-select-row\r\n *ngFor=\"let item of newItems\"\r\n [item]=\"item\"\r\n [isSelected]=\"selectedItems[item.value] ? true : false\"\r\n (onSelect)=\"onItemSelect(item, true)\"\r\n >\r\n </app-core-multi-select-row>\r\n </ul>\r\n <div class=\"label-error overflow-hidden\">\r\n <span\r\n *ngIf=\"\r\n inputFormControl.touched &&\r\n inputFormControl.errors?.['required']\"\r\n >\u0627\u06CC\u0646 \u0641\u06CC\u0644\u062F \u062E\u0627\u0644\u06CC \u0627\u0633\u062A</span\r\n >\r\n </div>\r\n</div>\r\n", styles: [".dropdown{min-width:15em;position:relative;width:100%;min-width:120px}.dropdown .select{background:#fff;color:#304050;display:flex;justify-content:space-between;flex-direction:row-reverse;align-items:center;border:1px solid #ced4da;border-radius:4px;padding:8px;cursor:pointer;transition:background .3s;font-size:12px;-webkit-user-select:none;user-select:none}.dropdown .select:hover{background:#fbfbfb}.dropdown .select .text-content{white-space:nowrap;display:block;width:263px;overflow:hidden;word-wrap:break-word;text-overflow:ellipsis}.dropdown .select .selected{padding-inline:12px;font-size:14px;color:#000000b3;-webkit-user-select:none;user-select:none}.dropdown .select .placeholder-top{position:absolute;right:13px;background:#fff;top:-8px;padding-inline:6px;font-size:11px;color:#888}.dropdown .select .caret{color:#595c5f;-webkit-user-select:none;user-select:none}.dropdown .select .caret-rotate{transform:rotate(180deg)}.dropdown .select .placeholder{color:#888;padding-inline:16px}.dropdown .select-clicked{border:1px solid rgba(19,92,175,.397)}.dropdown .menu{list-style:none;padding-inline:0px;background:#fff;border:1px #e3e8f1 solid;box-shadow:0 .5em 1em #0003;border-radius:.5em;color:#595c5f;position:absolute;top:40px;left:50%;width:100%;transform:translate(-50%);opacity:0;display:none;transition:0,2s;z-index:10;max-height:200px;overflow:auto}.dropdown .menu li{padding:.7em .5em;margin:.3em 0;margin-inline:4px;border-radius:.5em;font-size:14px;text-align:start;cursor:pointer}.dropdown .menu li:hover{background:#f6f6f6}.dropdown .menu .active{background:#ced4da}.dropdown .menu-open{display:block;opacity:1}.dropdown .label-error{color:red;font-size:13px;margin-block-start:4px;min-height:21px;width:100%;display:inline-block!important;text-align:start}.dropdown .selectError{border:1px solid #fe5f5f!important}\n"] }]
|
|
2654
|
+
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { titleKey: [{
|
|
2655
|
+
type: Input
|
|
2656
|
+
}], valueKey: [{
|
|
2657
|
+
type: Input
|
|
2658
|
+
}], items: [{
|
|
2659
|
+
type: Input
|
|
2660
|
+
}], defaultValue: [{
|
|
2661
|
+
type: Input,
|
|
2662
|
+
args: [{ required: true }]
|
|
2663
|
+
}], label: [{
|
|
2664
|
+
type: Input
|
|
2665
|
+
}], singleSelectItems: [{
|
|
2666
|
+
type: Input
|
|
2667
|
+
}], onItemSelected: [{
|
|
2668
|
+
type: Output
|
|
2669
|
+
}], inputFormControl: [{
|
|
2670
|
+
type: Input
|
|
2671
|
+
}] } });
|
|
2672
|
+
|
|
2673
|
+
class FalconLibModule {
|
|
2674
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FalconLibModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
2675
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: FalconLibModule, declarations: [CoreAutoCompleteComponent,
|
|
2676
|
+
CoreBtnComponent,
|
|
2677
|
+
CoreSearchBoxComponent,
|
|
2678
|
+
CoreCheckboxComponent,
|
|
2679
|
+
CoreDatePickerComponent,
|
|
2680
|
+
CoreConfirmDialogComponent,
|
|
2681
|
+
CoreInputComponent,
|
|
2682
|
+
CorePageTitleComponent,
|
|
2683
|
+
CoreRadioButtonsComponent,
|
|
2684
|
+
CoreSearchBoxComponent,
|
|
2685
|
+
CoreCardComponent,
|
|
2686
|
+
CoreSelectComponent,
|
|
2687
|
+
CoreSpinnerComponent,
|
|
2688
|
+
CoreSwitchComponent,
|
|
2689
|
+
CoreColumnDatePickerComponent,
|
|
2690
|
+
CoreColumnInputComponent,
|
|
2691
|
+
CoreColumnSelectorComponent,
|
|
2692
|
+
CoreTableComponent,
|
|
2693
|
+
CoreTableActionButtonsColumnComponent,
|
|
2694
|
+
CoreTableActionColumnComponent,
|
|
2695
|
+
CoreTableCardManagerComponent,
|
|
2696
|
+
CoreTableColumnManagerComponent,
|
|
2697
|
+
CoreTableFilterDialogComponent,
|
|
2698
|
+
CoreTableNoContentComponent,
|
|
2699
|
+
CoreTableRowSelectorColumnComponent,
|
|
2700
|
+
CoreTableShamsiDateComponent,
|
|
2701
|
+
CoreTableStatusColumnComponent,
|
|
2702
|
+
TimePickerModalComponent,
|
|
2703
|
+
CoreTextareaComponent,
|
|
2704
|
+
CoreTimePickerComponent,
|
|
2705
|
+
CoreNumberComponent,
|
|
2706
|
+
PersianDigitsPipe,
|
|
2707
|
+
FormControlPipe,
|
|
2708
|
+
DigitGroupPipe,
|
|
2709
|
+
PriceFormatPipe,
|
|
2710
|
+
TimeFormatPipe,
|
|
2711
|
+
ShamsiDatePipe,
|
|
2712
|
+
WeightPipe,
|
|
2713
|
+
SearchIconComponent,
|
|
2714
|
+
CloseIconComponent,
|
|
2715
|
+
WarningIconComponent,
|
|
2716
|
+
EditSquareIconComponent,
|
|
2717
|
+
SortDownIconComponent,
|
|
2718
|
+
CaretUpIconComponent,
|
|
2719
|
+
TimeIconComponent,
|
|
2720
|
+
SortSolidIconComponent,
|
|
2721
|
+
SortUpIconComponent,
|
|
2722
|
+
PelakIconComponent,
|
|
2723
|
+
CoreMultiSelectComponent,
|
|
2724
|
+
CoreMultiSelectRowComponent,
|
|
2725
|
+
TableDetailViewerManagerDirective,
|
|
2726
|
+
DetailViewerManagerDirective,
|
|
2727
|
+
CoreTableStatusActiveColumnComponent,
|
|
2728
|
+
CoreRowPelakComponent,
|
|
2729
|
+
CoreTableDetailViewerForReportComponent,
|
|
2730
|
+
CalendarIconComponent,
|
|
2731
|
+
ArrowDownIconComponent], imports: [CommonModule,
|
|
2732
|
+
ReactiveFormsModule,
|
|
2733
|
+
FormsModule,
|
|
2734
|
+
NiraSnackBarModule,
|
|
2735
|
+
NiraDatePickerModule], exports: [CoreAutoCompleteComponent,
|
|
2736
|
+
CoreCardComponent,
|
|
2737
|
+
CoreCheckboxComponent,
|
|
2738
|
+
CoreDatePickerComponent,
|
|
2739
|
+
CorePageTitleComponent,
|
|
2740
|
+
CoreSelectComponent,
|
|
2741
|
+
CoreRadioButtonsComponent,
|
|
2742
|
+
CoreInputComponent,
|
|
2743
|
+
CoreSpinnerComponent,
|
|
2744
|
+
CoreSwitchComponent,
|
|
2745
|
+
CoreMultiSelectComponent,
|
|
2746
|
+
CoreTableComponent,
|
|
2747
|
+
CoreBtnComponent,
|
|
2748
|
+
CoreTimePickerComponent,
|
|
2749
|
+
CoreNumberComponent,
|
|
2750
|
+
CoreConfirmDialogComponent,
|
|
2751
|
+
PersianDigitsPipe,
|
|
2752
|
+
CoreSearchBoxComponent,
|
|
2753
|
+
FormControlPipe,
|
|
2754
|
+
DigitGroupPipe,
|
|
2755
|
+
PriceFormatPipe,
|
|
2756
|
+
ShamsiDatePipe,
|
|
2757
|
+
TimeFormatPipe,
|
|
2758
|
+
WeightPipe] }); }
|
|
2759
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FalconLibModule, imports: [CommonModule,
|
|
2760
|
+
ReactiveFormsModule,
|
|
2761
|
+
FormsModule,
|
|
2762
|
+
NiraSnackBarModule,
|
|
2763
|
+
NiraDatePickerModule] }); }
|
|
2764
|
+
}
|
|
2765
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FalconLibModule, decorators: [{
|
|
2766
|
+
type: NgModule,
|
|
2767
|
+
args: [{
|
|
2768
|
+
declarations: [
|
|
2769
|
+
CoreAutoCompleteComponent,
|
|
2770
|
+
CoreBtnComponent,
|
|
2771
|
+
CoreSearchBoxComponent,
|
|
2772
|
+
CoreCheckboxComponent,
|
|
2773
|
+
CoreDatePickerComponent,
|
|
2774
|
+
CoreConfirmDialogComponent,
|
|
2775
|
+
CoreInputComponent,
|
|
2776
|
+
CorePageTitleComponent,
|
|
2777
|
+
CoreRadioButtonsComponent,
|
|
2778
|
+
CoreSearchBoxComponent,
|
|
2779
|
+
CoreCardComponent,
|
|
2780
|
+
CoreSelectComponent,
|
|
2781
|
+
CoreSpinnerComponent,
|
|
2782
|
+
CoreSwitchComponent,
|
|
2783
|
+
CoreColumnDatePickerComponent,
|
|
2784
|
+
CoreColumnInputComponent,
|
|
2785
|
+
CoreColumnSelectorComponent,
|
|
2786
|
+
CoreTableComponent,
|
|
2787
|
+
CoreTableActionButtonsColumnComponent,
|
|
2788
|
+
CoreTableActionColumnComponent,
|
|
2789
|
+
CoreTableCardManagerComponent,
|
|
2790
|
+
CoreTableColumnManagerComponent,
|
|
2791
|
+
CoreTableFilterDialogComponent,
|
|
2792
|
+
CoreTableNoContentComponent,
|
|
2793
|
+
CoreTableRowSelectorColumnComponent,
|
|
2794
|
+
CoreTableShamsiDateComponent,
|
|
2795
|
+
CoreTableStatusColumnComponent,
|
|
2796
|
+
TimePickerModalComponent,
|
|
2797
|
+
CoreTextareaComponent,
|
|
2798
|
+
CoreTimePickerComponent,
|
|
2799
|
+
CoreNumberComponent,
|
|
2800
|
+
PersianDigitsPipe,
|
|
2801
|
+
FormControlPipe,
|
|
2802
|
+
DigitGroupPipe,
|
|
2803
|
+
PriceFormatPipe,
|
|
2804
|
+
TimeFormatPipe,
|
|
2805
|
+
ShamsiDatePipe,
|
|
2806
|
+
WeightPipe,
|
|
2807
|
+
SearchIconComponent,
|
|
2808
|
+
CloseIconComponent,
|
|
2809
|
+
WarningIconComponent,
|
|
2810
|
+
EditSquareIconComponent,
|
|
2811
|
+
SortDownIconComponent,
|
|
2812
|
+
CaretUpIconComponent,
|
|
2813
|
+
TimeIconComponent,
|
|
2814
|
+
SortSolidIconComponent,
|
|
2815
|
+
SortUpIconComponent,
|
|
2816
|
+
PelakIconComponent,
|
|
2817
|
+
CoreMultiSelectComponent,
|
|
2818
|
+
CoreMultiSelectRowComponent,
|
|
2819
|
+
TableDetailViewerManagerDirective,
|
|
2820
|
+
DetailViewerManagerDirective,
|
|
2821
|
+
CoreTableStatusActiveColumnComponent,
|
|
2822
|
+
CoreRowPelakComponent,
|
|
2823
|
+
CoreTableDetailViewerForReportComponent,
|
|
2824
|
+
CalendarIconComponent,
|
|
2825
|
+
ArrowDownIconComponent,
|
|
2826
|
+
],
|
|
2827
|
+
imports: [
|
|
2828
|
+
CommonModule,
|
|
2829
|
+
ReactiveFormsModule,
|
|
2830
|
+
FormsModule,
|
|
2831
|
+
NiraSnackBarModule,
|
|
2832
|
+
NiraDatePickerModule,
|
|
2833
|
+
],
|
|
2834
|
+
exports: [
|
|
2835
|
+
CoreAutoCompleteComponent,
|
|
2836
|
+
CoreCardComponent,
|
|
2837
|
+
CoreCheckboxComponent,
|
|
2838
|
+
CoreDatePickerComponent,
|
|
2839
|
+
CorePageTitleComponent,
|
|
2840
|
+
CoreSelectComponent,
|
|
2841
|
+
CoreRadioButtonsComponent,
|
|
2842
|
+
CoreInputComponent,
|
|
2843
|
+
CoreSpinnerComponent,
|
|
2844
|
+
CoreSwitchComponent,
|
|
2845
|
+
CoreMultiSelectComponent,
|
|
2846
|
+
CoreTableComponent,
|
|
2847
|
+
CoreBtnComponent,
|
|
2848
|
+
CoreTimePickerComponent,
|
|
2849
|
+
CoreNumberComponent,
|
|
2850
|
+
CoreConfirmDialogComponent,
|
|
2851
|
+
PersianDigitsPipe,
|
|
2852
|
+
CoreSearchBoxComponent,
|
|
2853
|
+
FormControlPipe,
|
|
2854
|
+
DigitGroupPipe,
|
|
2855
|
+
PriceFormatPipe,
|
|
2856
|
+
ShamsiDatePipe,
|
|
2857
|
+
TimeFormatPipe,
|
|
2858
|
+
WeightPipe,
|
|
2859
|
+
],
|
|
2860
|
+
}]
|
|
2861
|
+
}] });
|
|
2862
|
+
|
|
2863
|
+
var DetailViewers;
|
|
2864
|
+
(function (DetailViewers) {
|
|
2865
|
+
DetailViewers["BILL"] = "bill";
|
|
2866
|
+
DetailViewers["DRIVER"] = "driver";
|
|
2867
|
+
DetailViewers["MANIFEST"] = "manifest";
|
|
2868
|
+
DetailViewers["SERVICE"] = "service";
|
|
2869
|
+
DetailViewers["VEHICLE"] = "vehicle";
|
|
2870
|
+
})(DetailViewers || (DetailViewers = {}));
|
|
2871
|
+
|
|
2872
|
+
/*
|
|
2873
|
+
* Public API Surface of falcon-lib
|
|
2874
|
+
*/
|
|
2875
|
+
|
|
2876
|
+
/**
|
|
2877
|
+
* Generated bundle index. Do not edit.
|
|
2878
|
+
*/
|
|
2879
|
+
|
|
2880
|
+
export { CoreAutoCompleteComponent, CoreBtnComponent, CoreCardComponent, CoreCheckboxComponent, CoreConfirmDialogComponent, CoreDatePickerComponent, CoreInputComponent, CoreMultiSelectComponent, CoreNumberComponent, CorePageTitleComponent, CoreRadioButtonsComponent, CoreSearchBoxComponent, CoreSelectComponent, CoreSpinnerComponent, CoreSwitchComponent, CoreTableComponent, CoreTimePickerComponent, DetailViewers, DigitGroupPipe, FalconLibModule, FormControlPipe, PersianDigitsPipe, PriceFormatPipe, ShamsiDatePipe, TimeFormatPipe, WeightPipe };
|
|
2881
|
+
//# sourceMappingURL=nira-falcon.mjs.map
|