@annalib/anna-core 20.2.52 → 20.2.55
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/esm2022/lib/anna-core-shared-lib/components/anna-buyer-approval-icon-template/anna-buyer-approval-icon-template.component.mjs +4 -4
- package/esm2022/lib/anna-core-shared-lib/components/anna-deleted-order-icon-template/anna-deleted-order-icon-template.component.mjs +3 -3
- package/esm2022/lib/anna-core-shared-lib/components/anna-est-icon-template/anna-est-icon-template.component.mjs +3 -3
- package/esm2022/lib/anna-core-shared-lib/components/anna-icon-column/anna-icon-column.component.mjs +12 -12
- package/esm2022/lib/anna-core-shared-lib/components/anna-live-icon-template/anna-live-icon-template.component.mjs +4 -4
- package/esm2022/lib/anna-core-shared-lib/components/anna-no-data/anna-no-data.component.mjs +6 -6
- package/esm2022/lib/anna-core-shared-lib/components/anna-notify-icon-template/anna-notify-icon-template.component.mjs +3 -3
- package/esm2022/lib/anna-core-shared-lib/components/anna-pay-for-performance-icon-template/anna-pay-for-performance-icon-template.component.mjs +4 -4
- package/esm2022/lib/anna-core-shared-lib/components/anna-rejected-icon-template/anna-rejected-icon-template.component.mjs +4 -4
- package/esm2022/lib/anna-core-shared-lib/constants/shared.constant.mjs +21 -21
- package/esm2022/lib/anna-core-shared-lib/directives/digits-only/digits-only.directive.mjs +52 -52
- package/esm2022/lib/anna-core-shared-lib/directives/fixed-rows-popup-table/fixed-rows-popup-table.directive.mjs +5 -5
- package/esm2022/lib/anna-core-shared-lib/directives/show-ellipsis-text/show-ellipsis-text.directive.mjs +7 -7
- package/esm2022/lib/anna-core-shared-lib/models/anna-global-dropdown-config.model.mjs +1 -1
- package/esm2022/lib/anna-core-shared-lib/models/anna-non-editable-gt-models.mjs +1 -1
- package/esm2022/lib/anna-core-shared-lib/models/anna-sort.model.mjs +1 -1
- package/esm2022/lib/anna-core-shared-lib/models/anna-tooltip.model.mjs +3 -3
- package/esm2022/lib/anna-core-shared-lib/pipes/annaConvertArrayToCommaSeperatedValue.pipe.mjs +8 -8
- package/esm2022/lib/anna-core-shared-lib/pipes/annaConvertZeroOrNullOrUndefined.pipe.mjs +5 -5
- package/esm2022/lib/anna-core-shared-lib/pipes/annaDateFormatter.pipe.mjs +5 -5
- package/esm2022/lib/anna-core-shared-lib/pipes/annaReplaceChar.pipe.mjs +5 -5
- package/esm2022/lib/anna-core-shared-lib/pipes/annaTypeOfData.pipe.mjs +3 -3
- package/esm2022/lib/anna-core-shared-lib/services/anna-date-time-format.service.mjs +84 -84
- package/esm2022/lib/anna-core-shared-lib/services/anna-filter.service.mjs +359 -360
- package/esm2022/lib/anna-core-shared-lib/services/anna-generic-table.service.mjs +20 -20
- package/esm2022/lib/anna-core-shared-lib/services/anna-global-config.service.mjs +32 -32
- package/esm2022/lib/anna-core-shared-lib/services/anna-number-format.service.mjs +9 -9
- package/esm2022/lib/anna-core-shared-lib/services/anna-persisting-filter.service.mjs +12 -12
- package/esm2022/lib/anna-core-shared-lib/services/anna-sort.service.mjs +32 -32
- package/esm2022/lib/anna-core.module.mjs +45 -45
- package/esm2022/lib/anna-dropdown-lib/components/anna-calendar-filter/anna-calendar-filter.component.mjs +14 -14
- package/esm2022/lib/anna-dropdown-lib/components/anna-week-calendar-filter/anna-week-calendar-filter.component.mjs +41 -41
- package/esm2022/lib/anna-generic-table-lib/components/anna-column-filters/anna-column-checkbox-filter/anna-column-checkbox-filter.component.mjs +14 -14
- package/esm2022/lib/anna-generic-table-lib/components/anna-column-filters/anna-column-date-range-filter/anna-column-date-range-filter.component.mjs +13 -13
- package/esm2022/lib/anna-generic-table-lib/components/anna-column-filters/anna-column-slider-filter/anna-column-slider-filter.component.mjs +17 -17
- package/esm2022/lib/anna-generic-table-lib/components/anna-column-filters/anna-column-time-filter/anna-column-time-filter.component.mjs +15 -15
- package/esm2022/lib/anna-generic-table-lib/components/anna-non-editable-generic-table/anna-non-editable-generic-table.component.mjs +3 -4
- package/esm2022/lib/anna-generic-table-lib/components/anna-sort/anna-sort.component.mjs +10 -10
- package/esm2022/lib/anna-generic-table-lib/components/anna-table-virtual-scroll-viewport/anna-table-virtual-scroll-viewport.component.mjs +21 -21
- package/esm2022/lib/anna-generic-table-lib/directives/anna-fixed-row-size-table-virtual-scroll-strategy/anna-fixed-row-size-table-virtual-scroll-strategy.directive.mjs +10 -10
- package/esm2022/lib/anna-generic-table-lib/directives/anna-fixed-row-size-table-virtual-scroll-strategy/index.mjs +2 -2
- package/esm2022/lib/anna-generic-table-lib/directives/anna-virtual-table/anna-virtual-table.directive.mjs +12 -12
- package/esm2022/lib/anna-generic-table-lib/directives/anna-virtual-table/index.mjs +2 -2
- package/esm2022/public-api.mjs +43 -43
- package/fesm2022/annalib-anna-core.mjs +740 -742
- package/fesm2022/annalib-anna-core.mjs.map +1 -1
- package/lib/anna-core-shared-lib/components/anna-buyer-approval-icon-template/anna-buyer-approval-icon-template.component.d.ts +1 -1
- package/lib/anna-core-shared-lib/components/anna-deleted-order-icon-template/anna-deleted-order-icon-template.component.d.ts +1 -1
- package/lib/anna-core-shared-lib/components/anna-icon-column/anna-icon-column.component.d.ts +3 -3
- package/lib/anna-core-shared-lib/components/anna-live-icon-template/anna-live-icon-template.component.d.ts +1 -1
- package/lib/anna-core-shared-lib/components/anna-no-data/anna-no-data.component.d.ts +1 -1
- package/lib/anna-core-shared-lib/components/anna-notify-icon-template/anna-notify-icon-template.component.d.ts +1 -1
- package/lib/anna-core-shared-lib/components/anna-pay-for-performance-icon-template/anna-pay-for-performance-icon-template.component.d.ts +1 -1
- package/lib/anna-core-shared-lib/components/anna-rejected-icon-template/anna-rejected-icon-template.component.d.ts +1 -1
- package/lib/anna-core-shared-lib/directives/digits-only/digits-only.directive.d.ts +1 -1
- package/lib/anna-core-shared-lib/directives/fixed-rows-popup-table/fixed-rows-popup-table.directive.d.ts +1 -1
- package/lib/anna-core-shared-lib/directives/show-ellipsis-text/show-ellipsis-text.directive.d.ts +1 -1
- package/lib/anna-core-shared-lib/models/anna-global-dropdown-config.model.d.ts +3 -3
- package/lib/anna-core-shared-lib/models/anna-non-editable-gt-models.d.ts +7 -7
- package/lib/anna-core-shared-lib/models/anna-sort.model.d.ts +1 -1
- package/lib/anna-core-shared-lib/models/anna-tooltip.model.d.ts +1 -1
- package/lib/anna-core-shared-lib/pipes/annaConvertArrayToCommaSeperatedValue.pipe.d.ts +1 -1
- package/lib/anna-core-shared-lib/pipes/annaConvertZeroOrNullOrUndefined.pipe.d.ts +1 -1
- package/lib/anna-core-shared-lib/pipes/annaDateFormatter.pipe.d.ts +1 -1
- package/lib/anna-core-shared-lib/pipes/annaReplaceChar.pipe.d.ts +1 -1
- package/lib/anna-core-shared-lib/pipes/annaTypeOfData.pipe.d.ts +1 -1
- package/lib/anna-core-shared-lib/services/anna-date-time-format.service.d.ts +1 -1
- package/lib/anna-core-shared-lib/services/anna-filter.service.d.ts +6 -6
- package/lib/anna-core-shared-lib/services/anna-generic-table.service.d.ts +5 -5
- package/lib/anna-core-shared-lib/services/anna-global-config.service.d.ts +2 -2
- package/lib/anna-core-shared-lib/services/anna-sort.service.d.ts +3 -3
- package/lib/anna-dropdown-lib/components/anna-calendar-filter/anna-calendar-filter.component.d.ts +5 -5
- package/lib/anna-dropdown-lib/components/anna-week-calendar-filter/anna-week-calendar-filter.component.d.ts +7 -7
- package/lib/anna-generic-table-lib/components/anna-column-filters/anna-column-checkbox-filter/anna-column-checkbox-filter.component.d.ts +7 -7
- package/lib/anna-generic-table-lib/components/anna-column-filters/anna-column-date-range-filter/anna-column-date-range-filter.component.d.ts +8 -8
- package/lib/anna-generic-table-lib/components/anna-column-filters/anna-column-slider-filter/anna-column-slider-filter.component.d.ts +8 -8
- package/lib/anna-generic-table-lib/components/anna-column-filters/anna-column-time-filter/anna-column-time-filter.component.d.ts +9 -9
- package/lib/anna-generic-table-lib/components/anna-sort/anna-sort.component.d.ts +3 -3
- package/lib/anna-generic-table-lib/components/anna-table-virtual-scroll-viewport/anna-table-virtual-scroll-viewport.component.d.ts +9 -9
- package/lib/anna-generic-table-lib/directives/anna-fixed-row-size-table-virtual-scroll-strategy/anna-fixed-row-size-table-virtual-scroll-strategy.directive.d.ts +4 -4
- package/lib/anna-generic-table-lib/directives/anna-fixed-row-size-table-virtual-scroll-strategy/index.d.ts +1 -1
- package/lib/anna-generic-table-lib/directives/anna-virtual-table/anna-virtual-table.directive.d.ts +6 -6
- package/lib/anna-generic-table-lib/directives/anna-virtual-table/index.d.ts +1 -1
- package/package.json +1 -1
- package/public-api.d.ts +42 -42
|
@@ -89,18 +89,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
89
89
|
|
|
90
90
|
class AnnaNoDataComponent {
|
|
91
91
|
constructor() {
|
|
92
|
-
this.width =
|
|
93
|
-
this.marginTop =
|
|
92
|
+
this.width = "48%";
|
|
93
|
+
this.marginTop = "1.25rem";
|
|
94
94
|
}
|
|
95
95
|
ngOnInit() {
|
|
96
|
-
this.message =
|
|
96
|
+
this.message = "No data to display";
|
|
97
97
|
}
|
|
98
98
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaNoDataComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
99
99
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AnnaNoDataComponent, isStandalone: true, selector: "anna-core-no-data-lib", inputs: { width: "width", marginTop: "marginTop" }, ngImport: i0, template: "<div\r\n [style.marginRight]=\"width\"\r\n [style.marginTop]=\"marginTop\"\r\n class=\"no-data\"\r\n>\r\n <label>{{ message }}</label>\r\n</div>\r\n", styles: ["div{right:0;position:absolute;margin:20px;z-index:400;transform:translate(50%)}div label{margin:0;width:auto;font-weight:500;background-color:#d3d3d3;padding:5px 18px;border-radius:4px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
100
100
|
}
|
|
101
101
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaNoDataComponent, decorators: [{
|
|
102
102
|
type: Component,
|
|
103
|
-
args: [{ selector:
|
|
103
|
+
args: [{ selector: "anna-core-no-data-lib", changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<div\r\n [style.marginRight]=\"width\"\r\n [style.marginTop]=\"marginTop\"\r\n class=\"no-data\"\r\n>\r\n <label>{{ message }}</label>\r\n</div>\r\n", styles: ["div{right:0;position:absolute;margin:20px;z-index:400;transform:translate(50%)}div label{margin:0;width:auto;font-weight:500;background-color:#d3d3d3;padding:5px 18px;border-radius:4px}\n"] }]
|
|
104
104
|
}], ctorParameters: function () { return []; }, propDecorators: { width: [{
|
|
105
105
|
type: Input
|
|
106
106
|
}], marginTop: [{
|
|
@@ -115,7 +115,7 @@ class AnnaDeletedOrderIconTemplateComponent {
|
|
|
115
115
|
}
|
|
116
116
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaDeletedOrderIconTemplateComponent, decorators: [{
|
|
117
117
|
type: Component,
|
|
118
|
-
args: [{ selector:
|
|
118
|
+
args: [{ selector: "anna-deleted-order-icon-template", changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<i class=\"mdi mdi-file-remove-outline\"></i>\r\n", styles: [".mdi-file-remove-outline{font-size:1.5rem;color:#f44336}\n"] }]
|
|
119
119
|
}], ctorParameters: function () { return []; } });
|
|
120
120
|
|
|
121
121
|
class AnnaBuyerApprovalIconTemplateComponent {
|
|
@@ -126,7 +126,7 @@ class AnnaBuyerApprovalIconTemplateComponent {
|
|
|
126
126
|
}
|
|
127
127
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaBuyerApprovalIconTemplateComponent, decorators: [{
|
|
128
128
|
type: Component,
|
|
129
|
-
args: [{ selector:
|
|
129
|
+
args: [{ selector: "anna-buyer-approval-icon-template", changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgTemplateOutlet], template: "<ng-container [ngTemplateOutlet]=\"buyerApprovalIcon\"></ng-container>\r\n\r\n<ng-template #buyerApprovalIcon>\r\n <svg\r\n width=\"15px\"\r\n height=\"15px\"\r\n viewBox=\"0 0 20 20\"\r\n >\r\n <g\r\n id=\"Awaiting-Buyer-Approval-icon\"\r\n stroke=\"none\"\r\n stroke-width=\"1\"\r\n fill=\"none\"\r\n fill-rule=\"evenodd\"\r\n >\r\n <g\r\n id=\"time-left\"\r\n transform=\"translate(3.000000, 2.000000)\"\r\n fill=\"#4A4A4A\"\r\n fill-rule=\"nonzero\"\r\n >\r\n <path\r\n d=\"M6.23157622,14.1696467 C5.70535057,14.0721422 5.2005579,13.9061054 4.72188769,13.6745242 C4.71622258,13.6714711 4.71115545,13.6679958 4.70520709,13.6652025 C4.59240848,13.6104091 4.47979871,13.551718 4.37065094,13.4903961 C4.37027327,13.4899414 4.36958087,13.4896491 4.36898288,13.4893893 C4.16872129,13.37558 3.97327504,13.2496557 3.78339947,13.1117139 C1.01467199,11.0989392 0.348958764,7.13679055 2.29945571,4.27950803 C2.72358352,3.65842885 3.23684237,3.14027823 3.80904983,2.72960334 C3.81609974,2.72453649 3.82314965,2.71950212 3.83013662,2.71440279 C5.84650619,1.28061347 8.58442178,1.183986 10.7254867,2.65733574 L10.2656372,3.34301728 C10.1377946,3.53386873 10.2164452,3.67294733 10.4402485,3.65216024 L12.4377343,3.46760989 C12.6618209,3.4468228 12.7958322,3.24677957 12.7355617,3.0234483 L12.1991703,1.02899228 C12.1391202,0.805401178 11.9853754,0.778637804 11.8574069,0.969456765 L11.3964873,1.6567623 C9.82523796,0.568265989 7.94067659,0.153206329 6.0701521,0.487943386 C5.88175576,0.521592483 5.69600314,0.562776899 5.51279981,0.610717118 C5.51138354,0.610976957 5.51025052,0.611139356 5.50911749,0.611399194 C5.50203611,0.613185585 5.4948603,0.615556612 5.48796775,0.617537881 C3.8749854,1.04500483 2.46767797,2.01585923 1.46347449,3.40105873 C1.4550083,3.41141979 1.44629033,3.4215535 1.43829623,3.432824 C1.40490356,3.47923766 1.37176268,3.52672316 1.33931419,3.57420867 C1.28625101,3.65203032 1.23394317,3.73180077 1.18390138,3.81157121 C1.17763828,3.82118524 1.17285441,3.83096167 1.16737814,3.84067314 C0.338698623,5.1658824 -0.0610062726,6.69795566 0.00754154337,8.25770173 C0.00769890751,8.26283354 0.00741565207,8.26799784 0.00754154337,8.27325957 C0.0141823097,8.42562242 0.0258902012,8.58009646 0.0417839785,8.73216699 C0.0426337448,8.7419759 0.0447424242,8.75126512 0.0463475384,8.76107403 C0.0627763537,8.91398904 0.0833910551,9.06726132 0.109230246,9.22050113 C0.371839509,10.7840149 1.08652445,12.1909434 2.15745032,13.2856758 C2.15993667,13.2882417 2.16251744,13.291035 2.16503527,13.2936983 C2.16591651,13.2947052 2.16689216,13.2952249 2.16774193,13.2961668 C2.45546651,13.5890373 2.7684323,13.8599191 3.10541185,14.1048494 C3.98728044,14.7461311 4.9692641,15.1700252 6.02385557,15.3653264 C6.3438398,15.424667 6.64950389,15.2048436 6.70691032,14.8747836 C6.76428528,14.5444963 6.55146603,14.2287924 6.23157622,14.1696467 Z\"\r\n id=\"Path\"\r\n ></path>\r\n <path\r\n d=\"M9.22237925,14.6588011 C9.29073073,14.9263505 9.1292489,15.198652 8.86169949,15.2670034 C8.51639563,15.355219 8.1641424,15.4188128 7.8069689,15.4570516 C7.53239558,15.4864472 7.28598003,15.2876915 7.25658436,15.0131182 C7.22718869,14.7385449 7.42594445,14.4921293 7.70051776,14.4627336 C8.01004537,14.4295958 8.31515603,14.3745129 8.61417689,14.2981213 C8.8817263,14.2297698 9.15402777,14.3912517 9.22237925,14.6588011 Z M12.5552524,12.2886551 C12.7611952,12.4726175 12.7790139,12.7886982 12.5950515,12.994641 C12.3569806,13.2611574 12.1001968,13.5104915 11.8267859,13.7406023 C11.6155121,13.9184167 11.3000937,13.8912925 11.1222793,13.6800187 C10.9444648,13.4687448 10.9715891,13.1533264 11.1828629,12.975512 C11.4200152,12.7759175 11.6427598,12.5596351 11.8492666,12.3284542 C12.033229,12.1225114 12.3493096,12.1046927 12.5552524,12.2886551 Z M13.9945063,8.57622811 C14.2674538,8.61811209 14.4547678,8.87333344 14.4128838,9.14628095 C14.3584322,9.50112883 14.2787427,9.85020038 14.1746496,10.1914009 C14.0940709,10.4555252 13.8146338,10.6043183 13.5505094,10.5237395 C13.2863851,10.4431608 13.137592,10.1637237 13.2181708,9.89959931 C13.3082912,9.6041989 13.3772907,9.30195366 13.4244534,8.99460564 C13.4663374,8.72165813 13.7215588,8.53434413 13.9945063,8.57622811 Z M13.8741743,4.99628976 C14.0173723,5.32357494 14.1370467,5.66111195 14.2320931,6.00667963 C14.305325,6.27293459 14.1488489,6.54814305 13.8825939,6.62137492 C13.6163389,6.6946068 13.3411305,6.53813067 13.2678986,6.27187571 C13.1856167,5.97271686 13.0820133,5.68050756 12.958028,5.39713383 C12.847338,5.14414702 12.9626923,4.84932868 13.2156791,4.73863865 C13.4686659,4.62794862 13.7634843,4.74330295 13.8741743,4.99628976 Z\"\r\n id=\"Combined-Shape\"\r\n ></path>\r\n <path\r\n d=\"M6.49684035,4 C6.22234237,4 6,4.21290493 6,4.47514225 L6,9.20888548 L10.5252942,11.4469308 C10.5981282,11.4830116 10.6761155,11.5 10.7528554,11.5 C10.9325937,11.5 11.106194,11.4063595 11.1944548,11.2429754 C11.3203307,11.0097848 11.2250786,10.7233052 10.9813357,10.6028789 L6.9931227,8.63027395 L6.9931227,4.47514225 C6.99308988,4.21290493 6.77101009,4 6.49684035,4 Z\"\r\n id=\"Path\"\r\n ></path>\r\n </g>\r\n </g>\r\n </svg>\r\n</ng-template>\r\n" }]
|
|
130
130
|
}], ctorParameters: function () { return []; } });
|
|
131
131
|
|
|
132
132
|
class AnnaNotifyIconTemplateComponent {
|
|
@@ -137,7 +137,7 @@ class AnnaNotifyIconTemplateComponent {
|
|
|
137
137
|
}
|
|
138
138
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaNotifyIconTemplateComponent, decorators: [{
|
|
139
139
|
type: Component,
|
|
140
|
-
args: [{ selector:
|
|
140
|
+
args: [{ selector: "anna-notify-icon-template", changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<i class=\"mdi mdi-bell\"></i>\r\n", styles: [".mdi-bell{font-size:.9375rem;color:#f3bd18}\n"] }]
|
|
141
141
|
}], ctorParameters: function () { return []; } });
|
|
142
142
|
|
|
143
143
|
class AnnaRejectedIconTemplateComponent {
|
|
@@ -148,7 +148,7 @@ class AnnaRejectedIconTemplateComponent {
|
|
|
148
148
|
}
|
|
149
149
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaRejectedIconTemplateComponent, decorators: [{
|
|
150
150
|
type: Component,
|
|
151
|
-
args: [{ selector:
|
|
151
|
+
args: [{ selector: "anna-rejected-icon-template", changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgTemplateOutlet], template: "<ng-container [ngTemplateOutlet]=\"rejectedIcon\"></ng-container>\r\n\r\n<ng-template #rejectedIcon>\r\n <svg\r\n width=\"15px\"\r\n height=\"15px\"\r\n viewBox=\"0 0 20 20\"\r\n >\r\n <g\r\n id=\"Buyer-rejected-icon\"\r\n stroke=\"none\"\r\n stroke-width=\"1\"\r\n fill=\"none\"\r\n fill-rule=\"evenodd\"\r\n >\r\n <path\r\n d=\"M15.7822266,4.21777344 C14.3671875,2.80276367 12.4951465,2 10.5,2 C6.37918945,2 3,5.37253906 3,9.5 C3,13.6296289 6.37133789,17 10.5,17 C14.6105273,17 18,13.6429004 18,9.5 C18,7.50485352 17.1972656,5.6327832 15.7822266,4.21777344 Z M10.5,15.2128906 C7.34220703,15.2128906 4.78710938,12.664502 4.78710938,9.5 C4.78710938,8.26950195 5.17382812,7.10055664 5.88574219,6.13375977 L13.8662402,14.1054395 C12.8993848,14.8261719 11.730498,15.2128906 10.5,15.2128906 Z M15.1054688,12.8661816 L7.13375977,4.88574219 C8.10061523,4.17382813 9.26950195,3.78710938 10.5,3.78710938 C13.6578809,3.78710938 16.2128906,6.33549805 16.2128906,9.5 C16.2128906,10.7304395 15.8261719,11.8993848 15.1054688,12.8661816 Z\"\r\n id=\"Shape\"\r\n fill=\"#4A4A4A\"\r\n fill-rule=\"nonzero\"\r\n ></path>\r\n </g>\r\n </svg>\r\n</ng-template>\r\n" }]
|
|
152
152
|
}], ctorParameters: function () { return []; } });
|
|
153
153
|
|
|
154
154
|
class AnnaLiveIconTemplateComponent {
|
|
@@ -159,7 +159,7 @@ class AnnaLiveIconTemplateComponent {
|
|
|
159
159
|
}
|
|
160
160
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaLiveIconTemplateComponent, decorators: [{
|
|
161
161
|
type: Component,
|
|
162
|
-
args: [{ selector:
|
|
162
|
+
args: [{ selector: "anna-live-icon-template", changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgTemplateOutlet], template: "<ng-container [ngTemplateOutlet]=\"liveIcon\"></ng-container>\r\n<ng-template #liveIcon>\r\n <svg\r\n width=\"15px\"\r\n height=\"15px\"\r\n viewBox=\"0 0 20 20\"\r\n >\r\n <g\r\n id=\"Live-Icon\"\r\n stroke=\"none\"\r\n stroke-width=\"1\"\r\n fill=\"none\"\r\n fill-rule=\"evenodd\"\r\n >\r\n <g\r\n id=\"next\"\r\n transform=\"translate(2.000000, 2.000000)\"\r\n fill-rule=\"nonzero\"\r\n >\r\n <path\r\n d=\"M8,0 C3.58171139,0 0,3.58171139 0,8 C0,12.4182886 3.58171139,16 8,16 C12.4182886,16 16,12.4182886 16,8 C15.9950435,3.58379835 12.4162343,0.00498913721 8,0 Z\"\r\n id=\"Path\"\r\n fill=\"#C2E361\"\r\n ></path>\r\n <path\r\n d=\"M8,16 C3.58171139,16 0,12.4182633 0,7.9999837 C0,3.58170409 3.58171139,0 8,0 C12.4182886,0 16,3.58170409 16,7.9999837 C15.9950435,12.416209 12.4162343,15.9950109 8,16 Z M8,0.695640832 C3.96590756,0.695640832 0.69564225,3.96589948 0.69564225,7.9999837 C0.69564225,12.0340679 3.96590756,15.3043266 8,15.3043266 C12.0340924,15.3043266 15.3043578,12.0340679 15.3043578,7.9999837 C15.2997599,3.96782339 12.0322011,0.700238655 8,0.695640832 Z\"\r\n id=\"Shape\"\r\n fill=\"#8BAC2A\"\r\n ></path>\r\n <circle\r\n id=\"Oval\"\r\n fill=\"#8BAC2A\"\r\n cx=\"8\"\r\n cy=\"8\"\r\n r=\"4\"\r\n ></circle>\r\n </g>\r\n </g>\r\n </svg>\r\n</ng-template>\r\n" }]
|
|
163
163
|
}], ctorParameters: function () { return []; } });
|
|
164
164
|
|
|
165
165
|
class AnnaPayForPerformanceIconTemplateComponent {
|
|
@@ -170,7 +170,7 @@ class AnnaPayForPerformanceIconTemplateComponent {
|
|
|
170
170
|
}
|
|
171
171
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaPayForPerformanceIconTemplateComponent, decorators: [{
|
|
172
172
|
type: Component,
|
|
173
|
-
args: [{ selector:
|
|
173
|
+
args: [{ selector: "anna-pay-for-performance-icon-template", changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgTemplateOutlet], template: "<ng-container\r\n [ngTemplateOutlet]=\"PayForPerformanceIcon\"\r\n [ngTemplateOutletContext]=\"{ color: color, width: width, height: height }\"\r\n>\r\n</ng-container>\r\n\r\n<ng-template\r\n #PayForPerformanceIcon\r\n let-color=\"color\"\r\n let-width=\"width\"\r\n let-height=\"height\"\r\n>\r\n <svg\r\n [attr.width]=\"width\"\r\n [attr.height]=\"height\"\r\n viewBox=\"0 0 20 20\"\r\n version=\"1.1\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n xmlns:xlink=\"http://www.w3.org/1999/xlink\"\r\n >\r\n <g\r\n id=\"Page-1\"\r\n stroke=\"none\"\r\n stroke-width=\"1\"\r\n fill=\"none\"\r\n fill-rule=\"evenodd\"\r\n >\r\n <g\r\n id=\"02.-PAY-FOR-PERFORMANCE-MARKED\"\r\n transform=\"translate(-100.000000, -537.000000)\"\r\n [attr.fill]=\"color\"\r\n fill-rule=\"nonzero\"\r\n >\r\n <g\r\n id=\"PFP\"\r\n transform=\"translate(100.000000, 537.000000)\"\r\n >\r\n <path\r\n d=\"M20,3.125 L20,8.3984375 C20,8.82995605 19.6502686,9.1796875 19.21875,9.1796875 C18.7872314,9.1796875 18.4375,8.82995605 18.4375,8.3984375 L18.4375,3.125 C18.4375,2.26348875 17.7365112,1.5625 16.875,1.5625 L3.125,1.5625 C2.26348875,1.5625 1.5625,2.26348875 1.5625,3.125 L1.5625,16.875 C1.5625,17.7365112 2.26348875,18.4375 3.125,18.4375 L12.96875,18.4375 C13.4002686,18.4375 13.75,18.7872314 13.75,19.21875 C13.75,19.6502686 13.4002686,20 12.96875,20 L3.125,20 C1.40182496,20 0,18.598175 0,16.875 L0,3.125 C0,1.40182496 1.40182496,0 3.125,0 L16.875,0 C18.598175,0 20,1.40182496 20,3.125 Z M15.9622314,5.43584332 C15.9447753,5.38514929 15.9230346,5.33649554 15.8936766,5.29255022 C15.8924071,5.290196 15.891455,5.28799875 15.8901855,5.28580147 C15.8589232,5.23981585 15.8206786,5.19995115 15.7789427,5.16322545 C15.7689451,5.15427945 15.7584715,5.1459612 15.7475217,5.13764299 C15.7022947,5.10280065 15.6545285,5.07203893 15.6008908,5.04975236 C15.6008908,5.04975236 15.6008908,5.04975236 15.6005734,5.04975236 C15.5488399,5.02825056 15.4929805,5.01600867 15.4358516,5.00863213 C15.4218867,5.00674875 15.4082392,5.00549317 15.3942744,5.00455147 C15.3791987,5.0036098 15.3652338,5 15.3499994,5 L13.0749975,5 C12.7161959,5 12.4249969,5.28799875 12.4249969,5.64285714 C12.4249969,5.99771553 12.7161959,6.28571429 13.0749975,6.28571429 L13.7624492,6.28571429 L11.4499961,8.53571429 C11.4415854,8.52708216 11.4320639,8.5182931 11.4230185,8.5102888 L10.4034253,7.61160714 C9.89545371,7.12554061 9.08263561,7.13071987 8.58291595,7.62416295 L3.19264032,12.9001116 C2.937623,13.1498152 2.93555998,13.557094 3.18787956,13.8094657 C3.31530888,13.9362793 3.48225238,14 3.64998933,14 C3.8153459,14 3.98054383,13.9383196 4.10733834,13.8141741 L9.5,8.53571429 C9.50840503,8.54434641 9.51792652,8.55313547 9.52697193,8.56113977 L10.5462477,9.45982143 C10.7899979,9.69320244 11.1100788,9.82142857 11.4499961,9.82142857 C11.7970545,9.82142857 12.1233243,9.68770926 12.3651702,9.44852121 L14.6999989,7.1770194 L14.6999989,7.89285714 C14.6999989,8.24771553 14.9911979,8.53571429 15.3499994,8.53571429 C15.708801,8.53571429 16,8.24771553 16,7.89285714 L16,5.64285714 C16,5.58431572 15.9895264,5.52844239 15.9746094,5.47445244 C15.9711181,5.46126884 15.9668335,5.44871304 15.9622314,5.43584332 Z M17.7789307,14.21875 L17.0629883,14.21875 C16.71875,14.21875 16.4280701,13.9146423 16.4280701,13.5546875 L16.4280701,13.2698059 C16.4280701,12.9200745 16.7010498,12.65625 17.0629883,12.65625 L17.7400207,12.65625 C17.9388428,12.65625 18.1446838,12.7894592 18.1446838,13.0123902 C18.1446838,13.4437561 18.4945679,13.7936402 18.9259338,13.7936402 C19.3574524,13.7936402 19.7071838,13.4437561 19.7071838,13.0123902 C19.7071838,12.0761109 19.0158081,11.2947082 18.1048584,11.1273193 L18.1048584,10.625 C18.1048584,10.1934814 17.755127,9.84375 17.3236084,9.84375 C16.8920898,9.84375 16.5423584,10.1934814 16.5423584,10.625 L16.5423584,11.1541748 C16.1557007,11.2454223 15.8015442,11.4382934 15.5142212,11.7193604 C15.0959778,12.1286011 14.8655701,12.6792908 14.8655701,13.2696533 L14.8655701,13.5546875 C14.8655701,14.7824097 15.8512879,15.78125 17.0629883,15.78125 L17.7789307,15.78125 C18.1373596,15.78125 18.4181213,16.053009 18.4181213,16.3999939 L18.4181213,16.5917969 C18.4181213,16.9313049 18.1433105,17.1875 17.7789307,17.1875 L16.615448,17.1875 C16.4233398,17.1875 16.2290955,17.0666504 16.2290955,16.8359375 C16.2290955,16.4044189 15.879364,16.0546875 15.4478455,16.0546875 C15.0163269,16.0546875 14.6665955,16.4044189 14.6665955,16.8359375 C14.6665955,17.8851318 15.4847717,18.7117004 16.5423584,18.7481689 L16.5423584,19.1796875 C16.5423584,19.6112061 16.8920898,19.9609375 17.3236084,19.9609375 C17.755127,19.9609375 18.1048584,19.6112061 18.1048584,19.1796875 L18.1048584,18.7272644 C19.1795349,18.5771179 19.9806213,17.6931763 19.9806213,16.5917969 L19.9806213,16.3999939 C19.9806213,15.8096313 19.7496033,15.2581787 19.3299866,14.8472595 C18.9161682,14.4419861 18.3653259,14.21875 17.7789307,14.21875 Z\"\r\n id=\"Shape-Copy-9\"\r\n ></path>\r\n </g>\r\n </g>\r\n </g>\r\n </svg>\r\n</ng-template>\r\n" }]
|
|
174
174
|
}], ctorParameters: function () { return []; }, propDecorators: { isTitle: [{
|
|
175
175
|
type: Input
|
|
176
176
|
}], color: [{
|
|
@@ -183,8 +183,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
183
183
|
|
|
184
184
|
class AnnaIconColumnComponent {
|
|
185
185
|
constructor() {
|
|
186
|
-
this.PfpIconActiveColor =
|
|
187
|
-
this.PfpIconDisableColor =
|
|
186
|
+
this.PfpIconActiveColor = "#9B1B93";
|
|
187
|
+
this.PfpIconDisableColor = "rgba(189,189,189,0.5)";
|
|
188
188
|
this.onColumnIconClicked = new EventEmitter();
|
|
189
189
|
}
|
|
190
190
|
ngOnInit() { }
|
|
@@ -196,7 +196,7 @@ class AnnaIconColumnComponent {
|
|
|
196
196
|
}
|
|
197
197
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaIconColumnComponent, decorators: [{
|
|
198
198
|
type: Component,
|
|
199
|
-
args: [{ selector:
|
|
199
|
+
args: [{ selector: "anna-core-anna-icon-column", changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
|
|
200
200
|
NgIf,
|
|
201
201
|
AnnaPayForPerformanceIconTemplateComponent,
|
|
202
202
|
AnnaLiveIconTemplateComponent,
|
|
@@ -222,10 +222,10 @@ class showEllipsisTextOnHoverDirective {
|
|
|
222
222
|
onMouseEnter() {
|
|
223
223
|
let domElement = this.elementRef.nativeElement;
|
|
224
224
|
if (domElement.offsetWidth < domElement.scrollWidth || this.checkPositionsInDecimals(domElement)) {
|
|
225
|
-
domElement.title = domElement.textContent ==
|
|
225
|
+
domElement.title = domElement.textContent == "" ? domElement.value : domElement.textContent;
|
|
226
226
|
}
|
|
227
227
|
else if (domElement.title)
|
|
228
|
-
domElement.removeAttribute(
|
|
228
|
+
domElement.removeAttribute("title");
|
|
229
229
|
}
|
|
230
230
|
checkPositionsInDecimals(domElement) {
|
|
231
231
|
// if we don't have any children element Then we can't calculate and compare anything so we are returning false from here
|
|
@@ -234,7 +234,7 @@ class showEllipsisTextOnHoverDirective {
|
|
|
234
234
|
let elementRect = domElement.getBoundingClientRect();
|
|
235
235
|
let childRect = domElement.children[0].getBoundingClientRect();
|
|
236
236
|
let paddingOnRight = window.getComputedStyle(domElement).paddingRight;
|
|
237
|
-
let padding = +(paddingOnRight.endsWith(
|
|
237
|
+
let padding = +(paddingOnRight.endsWith("px") ? paddingOnRight.slice(0, -2) : paddingOnRight);
|
|
238
238
|
// If overflow happens then Child element's right side position will be greater than container element's right side position.
|
|
239
239
|
return childRect.right + padding > elementRect.right;
|
|
240
240
|
}
|
|
@@ -244,12 +244,12 @@ class showEllipsisTextOnHoverDirective {
|
|
|
244
244
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: showEllipsisTextOnHoverDirective, decorators: [{
|
|
245
245
|
type: Directive,
|
|
246
246
|
args: [{
|
|
247
|
-
selector:
|
|
247
|
+
selector: "[showEllipsisTextOnHover]",
|
|
248
248
|
standalone: true,
|
|
249
249
|
}]
|
|
250
250
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { onMouseEnter: [{
|
|
251
251
|
type: HostListener,
|
|
252
|
-
args: [
|
|
252
|
+
args: ["mouseenter"]
|
|
253
253
|
}] } });
|
|
254
254
|
|
|
255
255
|
class AnnaConvertZeroOrNullOrUndefinedPipe {
|
|
@@ -260,7 +260,7 @@ class AnnaConvertZeroOrNullOrUndefinedPipe {
|
|
|
260
260
|
return this.transformer(value, convertTo);
|
|
261
261
|
}
|
|
262
262
|
replace(value, convertTo) {
|
|
263
|
-
if (value ===
|
|
263
|
+
if (value === "undefined" || value === null || value === "" || Number(value) === 0) {
|
|
264
264
|
return convertTo;
|
|
265
265
|
}
|
|
266
266
|
return value;
|
|
@@ -271,7 +271,7 @@ class AnnaConvertZeroOrNullOrUndefinedPipe {
|
|
|
271
271
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaConvertZeroOrNullOrUndefinedPipe, decorators: [{
|
|
272
272
|
type: Pipe,
|
|
273
273
|
args: [{
|
|
274
|
-
name:
|
|
274
|
+
name: "AnnaConvertZeroOrNullOrUndefined",
|
|
275
275
|
standalone: true,
|
|
276
276
|
}]
|
|
277
277
|
}] });
|
|
@@ -283,42 +283,42 @@ class AnnaDateTimeFormatService {
|
|
|
283
283
|
}
|
|
284
284
|
convertToNgbDateStandardFormat(date) {
|
|
285
285
|
return {
|
|
286
|
-
year: parseInt(dayjs(date,
|
|
287
|
-
month: parseInt(dayjs(date,
|
|
288
|
-
day: parseInt(dayjs(date,
|
|
286
|
+
year: parseInt(dayjs(date, "MM/DD/YYYY").format("YYYY")),
|
|
287
|
+
month: parseInt(dayjs(date, "MM/DD/YYYY").format("M")),
|
|
288
|
+
day: parseInt(dayjs(date, "MM/DD/YYYY").format("D")),
|
|
289
289
|
};
|
|
290
290
|
}
|
|
291
291
|
convertToNgbDate(date, parseFormat) {
|
|
292
292
|
return {
|
|
293
|
-
year: parseInt(dayjs(date, parseFormat).format(
|
|
294
|
-
month: parseInt(dayjs(date, parseFormat).format(
|
|
295
|
-
day: parseInt(dayjs(date, parseFormat).format(
|
|
293
|
+
year: parseInt(dayjs(date, parseFormat).format("YYYY")),
|
|
294
|
+
month: parseInt(dayjs(date, parseFormat).format("M")),
|
|
295
|
+
day: parseInt(dayjs(date, parseFormat).format("D")),
|
|
296
296
|
};
|
|
297
297
|
}
|
|
298
298
|
static formatToTwelveHrs(time, callRemoveZero) {
|
|
299
|
-
if (time.endsWith(
|
|
299
|
+
if (time.endsWith("A") || time.endsWith("P")) {
|
|
300
300
|
time = time.substring(0, time.length - 1);
|
|
301
301
|
}
|
|
302
|
-
let tmp = time.split(
|
|
302
|
+
let tmp = time.split(":");
|
|
303
303
|
let formattedTime = [];
|
|
304
304
|
if (+tmp[0] > 12) {
|
|
305
305
|
formattedTime[0] = (+tmp[0] - 12).toString();
|
|
306
306
|
if (+tmp[0] == 24)
|
|
307
|
-
formattedTime[2] =
|
|
307
|
+
formattedTime[2] = "AM";
|
|
308
308
|
else
|
|
309
|
-
formattedTime[2] =
|
|
309
|
+
formattedTime[2] = "PM";
|
|
310
310
|
}
|
|
311
|
-
else if (tmp[0] ==
|
|
311
|
+
else if (tmp[0] == "12") {
|
|
312
312
|
formattedTime[0] = tmp[0];
|
|
313
|
-
formattedTime[2] =
|
|
313
|
+
formattedTime[2] = "PM";
|
|
314
314
|
}
|
|
315
|
-
else if (tmp[0] ==
|
|
316
|
-
formattedTime[0] =
|
|
317
|
-
formattedTime[2] =
|
|
315
|
+
else if (tmp[0] == "00") {
|
|
316
|
+
formattedTime[0] = "12";
|
|
317
|
+
formattedTime[2] = "AM";
|
|
318
318
|
}
|
|
319
319
|
else {
|
|
320
320
|
formattedTime[0] = tmp[0];
|
|
321
|
-
formattedTime[2] =
|
|
321
|
+
formattedTime[2] = "AM";
|
|
322
322
|
}
|
|
323
323
|
formattedTime[1] = tmp[1];
|
|
324
324
|
if (callRemoveZero)
|
|
@@ -328,11 +328,11 @@ class AnnaDateTimeFormatService {
|
|
|
328
328
|
convertTotwentyFourHrsFormat(time, callAddZero) {
|
|
329
329
|
let tmp = time.split(/[ :]+/);
|
|
330
330
|
let formattedTime = [];
|
|
331
|
-
if (tmp[0] !=
|
|
331
|
+
if (tmp[0] != "12" && tmp[2] == "PM") {
|
|
332
332
|
formattedTime[0] = (+tmp[0] + 12).toString();
|
|
333
333
|
}
|
|
334
|
-
else if (tmp[0] ==
|
|
335
|
-
formattedTime[0] =
|
|
334
|
+
else if (tmp[0] == "12" && tmp[2] == "AM") {
|
|
335
|
+
formattedTime[0] = "00";
|
|
336
336
|
}
|
|
337
337
|
else
|
|
338
338
|
formattedTime[0] = tmp[0].toString();
|
|
@@ -344,15 +344,15 @@ class AnnaDateTimeFormatService {
|
|
|
344
344
|
static removeZero(time) {
|
|
345
345
|
let removedZero;
|
|
346
346
|
let formattedTime = time;
|
|
347
|
-
if (time[0] ==
|
|
348
|
-
time[0] ==
|
|
349
|
-
time[0] ==
|
|
350
|
-
time[0] ==
|
|
351
|
-
time[0] ==
|
|
352
|
-
time[0] ==
|
|
353
|
-
time[0] ==
|
|
354
|
-
time[0] ==
|
|
355
|
-
time[0] ==
|
|
347
|
+
if (time[0] == "01" ||
|
|
348
|
+
time[0] == "02" ||
|
|
349
|
+
time[0] == "03" ||
|
|
350
|
+
time[0] == "04" ||
|
|
351
|
+
time[0] == "05" ||
|
|
352
|
+
time[0] == "06" ||
|
|
353
|
+
time[0] == "07" ||
|
|
354
|
+
time[0] == "08" ||
|
|
355
|
+
time[0] == "09") {
|
|
356
356
|
removedZero = time[0].toString();
|
|
357
357
|
formattedTime[0] = removedZero.charAt(1);
|
|
358
358
|
formattedTime[1] = time[1];
|
|
@@ -363,53 +363,53 @@ class AnnaDateTimeFormatService {
|
|
|
363
363
|
addZero(time) {
|
|
364
364
|
let addedZero;
|
|
365
365
|
let formattedTime = time;
|
|
366
|
-
if (time[1] ==
|
|
367
|
-
time[1] =
|
|
368
|
-
if (time[0] ==
|
|
369
|
-
time[0] ==
|
|
370
|
-
time[0] ==
|
|
371
|
-
time[0] ==
|
|
372
|
-
time[0] ==
|
|
373
|
-
time[0] ==
|
|
374
|
-
time[0] ==
|
|
375
|
-
time[0] ==
|
|
376
|
-
time[0] ==
|
|
377
|
-
time[0] ==
|
|
378
|
-
addedZero =
|
|
366
|
+
if (time[1] == "0")
|
|
367
|
+
time[1] = "0" + time[1];
|
|
368
|
+
if (time[0] == "0" ||
|
|
369
|
+
time[0] == "1" ||
|
|
370
|
+
time[0] == "2" ||
|
|
371
|
+
time[0] == "3" ||
|
|
372
|
+
time[0] == "4" ||
|
|
373
|
+
time[0] == "5" ||
|
|
374
|
+
time[0] == "6" ||
|
|
375
|
+
time[0] == "7" ||
|
|
376
|
+
time[0] == "8" ||
|
|
377
|
+
time[0] == "9") {
|
|
378
|
+
addedZero = "0" + time[0];
|
|
379
379
|
formattedTime[0] = addedZero;
|
|
380
380
|
formattedTime[1] = time[1];
|
|
381
381
|
}
|
|
382
382
|
return formattedTime;
|
|
383
383
|
}
|
|
384
384
|
sortByTimeAscending(a, b) {
|
|
385
|
-
let format =
|
|
386
|
-
a = dayjs(
|
|
387
|
-
b = dayjs(
|
|
385
|
+
let format = "MM/DD/YYYY HH:mm:ss";
|
|
386
|
+
a = dayjs("01/01/2001 " + a, format);
|
|
387
|
+
b = dayjs("01/01/2001 " + b, format);
|
|
388
388
|
let results;
|
|
389
|
-
results = a.get(
|
|
389
|
+
results = a.get("hour") > b.get("hour") ? 1 : a.get("hour") < b.get("hour") ? -1 : 0;
|
|
390
390
|
if (results === 0)
|
|
391
|
-
results = a.get(
|
|
391
|
+
results = a.get("minute") > b.get("minute") ? 1 : a.get("minute") < b.get("minute") ? -1 : 0;
|
|
392
392
|
if (results === 0)
|
|
393
|
-
results = a.get(
|
|
393
|
+
results = a.get("second") > b.get("second") ? 1 : a.get("second") < b.get("second") ? -1 : 0;
|
|
394
394
|
return results;
|
|
395
395
|
}
|
|
396
396
|
sortByTimeDescending(a, b) {
|
|
397
|
-
let format =
|
|
398
|
-
a = dayjs(
|
|
399
|
-
b = dayjs(
|
|
397
|
+
let format = "MM/DD/YYYY HH:mm:ss";
|
|
398
|
+
a = dayjs("01/01/2001 " + a, format);
|
|
399
|
+
b = dayjs("01/01/2001 " + b, format);
|
|
400
400
|
let results;
|
|
401
|
-
results = a.get(
|
|
401
|
+
results = a.get("hour") < b.get("hour") ? 1 : a.get("hour") > b.get("hour") ? -1 : 0;
|
|
402
402
|
if (results === 0)
|
|
403
|
-
results = a.get(
|
|
403
|
+
results = a.get("minute") < b.get("minute") ? 1 : a.get("minute") > b.get("minute") ? -1 : 0;
|
|
404
404
|
if (results === 0)
|
|
405
|
-
results = a.get(
|
|
405
|
+
results = a.get("second") < b.get("second") ? 1 : a.get("second") > b.get("second") ? -1 : 0;
|
|
406
406
|
return results;
|
|
407
407
|
}
|
|
408
408
|
convertNgbDateToMoment(ngbDate) {
|
|
409
|
-
let formatType =
|
|
409
|
+
let formatType = "MM/DD/YYYY";
|
|
410
410
|
let converted = null;
|
|
411
411
|
if (ngbDate && ngbDate.month && ngbDate.day && ngbDate.year) {
|
|
412
|
-
converted = ngbDate.month +
|
|
412
|
+
converted = ngbDate.month + "/" + ngbDate.day + "/" + ngbDate.year;
|
|
413
413
|
converted = dayjs(converted).format(formatType);
|
|
414
414
|
}
|
|
415
415
|
return converted;
|
|
@@ -418,64 +418,64 @@ class AnnaDateTimeFormatService {
|
|
|
418
418
|
return isAsc ? dayjs(a).diff(b) : dayjs(b).diff(a);
|
|
419
419
|
}
|
|
420
420
|
static formatTwentyFourHourTimeToHHMMAFormat(value, date) {
|
|
421
|
-
value = dayjs(date ? date :
|
|
422
|
-
return value[14] ==
|
|
423
|
-
? dayjs(value, [
|
|
424
|
-
: dayjs(value, [
|
|
421
|
+
value = dayjs(date ? date : "01/01/2000 " + value).format("MM/DD/YYYY HH:mm:ss");
|
|
422
|
+
return value[14] == "0" && value[15] == "0"
|
|
423
|
+
? dayjs(value, ["MM/DD/YYYY HH:mm:ss"]).format("hA").slice(0, -1)
|
|
424
|
+
: dayjs(value, ["MM/DD/YYYY HH:mm:ss"]).format("h:mmA").slice(0, -1);
|
|
425
425
|
}
|
|
426
426
|
static formatTwelveHourTimeToHHMMAFormat(timeValue, date) {
|
|
427
|
-
timeValue = dayjs(date ? date :
|
|
427
|
+
timeValue = dayjs(date ? date : "01/01/2000 " + timeValue).format("MM/DD/YYYY HH:mm:ss");
|
|
428
428
|
// check if min==00
|
|
429
|
-
return timeValue[14] ==
|
|
430
|
-
? dayjs(timeValue, [
|
|
431
|
-
: dayjs(timeValue, [
|
|
429
|
+
return timeValue[14] == "0" && timeValue[15] == "0"
|
|
430
|
+
? dayjs(timeValue, ["MM/DD/YYYY HH:mm:ss"]).format("hA").slice(0, -1)
|
|
431
|
+
: dayjs(timeValue, ["MM/DD/YYYY HH:mm:ss"]).format("h:mmA").slice(0, -1);
|
|
432
432
|
}
|
|
433
433
|
formatDateAndHHMMATimeToStandardFormat(dateAndTime) {
|
|
434
434
|
let standardFormat, date, time;
|
|
435
|
-
if (dateAndTime.includes(
|
|
436
|
-
date = dateAndTime.slice(0, dateAndTime.indexOf(
|
|
437
|
-
time = dateAndTime.slice(dateAndTime.indexOf(
|
|
438
|
-
time = time.slice(0, 2) +
|
|
439
|
-
time = time +
|
|
435
|
+
if (dateAndTime.includes("|")) {
|
|
436
|
+
date = dateAndTime.slice(0, dateAndTime.indexOf("|"));
|
|
437
|
+
time = dateAndTime.slice(dateAndTime.indexOf("|") + 1, dateAndTime.length).trim();
|
|
438
|
+
time = time.slice(0, 2) + ":" + time.slice(2, 4) + " " + time.slice(4, 5);
|
|
439
|
+
time = time + "M";
|
|
440
440
|
standardFormat = date + time;
|
|
441
441
|
}
|
|
442
442
|
else {
|
|
443
|
-
standardFormat = dateAndTime +
|
|
443
|
+
standardFormat = dateAndTime + " 00:00 AM";
|
|
444
444
|
}
|
|
445
|
-
return dayjs(standardFormat).format(
|
|
445
|
+
return dayjs(standardFormat).format("MM/DD/YYYY hh:mm A");
|
|
446
446
|
}
|
|
447
447
|
compare(a, b, isAsc) {
|
|
448
|
-
if (typeof a ==
|
|
449
|
-
a = a ==
|
|
450
|
-
b = b ==
|
|
448
|
+
if (typeof a == "string" && typeof b == "string") {
|
|
449
|
+
a = a == "-" ? "0" : a.toLowerCase();
|
|
450
|
+
b = b == "-" ? "0" : b.toLowerCase();
|
|
451
451
|
}
|
|
452
452
|
return (a < b ? -1 : 1) * (isAsc ? 1 : -1);
|
|
453
453
|
}
|
|
454
454
|
sortDataByBroadcastTimeAsc(firstParamTime, secondParamTime, broadcastTime) {
|
|
455
|
-
let format =
|
|
455
|
+
let format = "HH:mm:ss";
|
|
456
456
|
let a = dayjs(firstParamTime, format);
|
|
457
457
|
let b = dayjs(secondParamTime, format);
|
|
458
|
-
let broadcastdayjsDateTime = dayjs(broadcastTime,
|
|
459
|
-
a = a.isBefore(broadcastdayjsDateTime) ? a.add(1,
|
|
460
|
-
b = b.isBefore(broadcastdayjsDateTime) ? b.add(1,
|
|
458
|
+
let broadcastdayjsDateTime = dayjs(broadcastTime, "HH:mm:ss");
|
|
459
|
+
a = a.isBefore(broadcastdayjsDateTime) ? a.add(1, "d") : a;
|
|
460
|
+
b = b.isBefore(broadcastdayjsDateTime) ? b.add(1, "d") : b;
|
|
461
461
|
let result = a.isBefore(b) ? -1 : a.isAfter(b) ? 1 : 0;
|
|
462
462
|
return result;
|
|
463
463
|
}
|
|
464
464
|
convertNgbDateToMomentInSpecificFormat(ngbDate, format) {
|
|
465
465
|
let converted = null;
|
|
466
466
|
if (ngbDate && ngbDate.month && ngbDate.day && ngbDate.year) {
|
|
467
|
-
converted = ngbDate.month +
|
|
467
|
+
converted = ngbDate.month + "/" + ngbDate.day + "/" + ngbDate.year;
|
|
468
468
|
converted = dayjs(converted).format(format);
|
|
469
469
|
}
|
|
470
470
|
return converted;
|
|
471
471
|
}
|
|
472
472
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaDateTimeFormatService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
473
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaDateTimeFormatService, providedIn:
|
|
473
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaDateTimeFormatService, providedIn: "root" }); }
|
|
474
474
|
}
|
|
475
475
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaDateTimeFormatService, decorators: [{
|
|
476
476
|
type: Injectable,
|
|
477
477
|
args: [{
|
|
478
|
-
providedIn:
|
|
478
|
+
providedIn: "root",
|
|
479
479
|
}]
|
|
480
480
|
}], ctorParameters: function () { return []; } });
|
|
481
481
|
|
|
@@ -485,17 +485,17 @@ class AnnaGlobalConfigService {
|
|
|
485
485
|
*/
|
|
486
486
|
constructor() {
|
|
487
487
|
this.defaultAngular2MultiSelectSettings = {
|
|
488
|
-
text:
|
|
489
|
-
selectAllText:
|
|
490
|
-
unSelectAllText:
|
|
488
|
+
text: "Select option",
|
|
489
|
+
selectAllText: "Select All",
|
|
490
|
+
unSelectAllText: "UnSelect All",
|
|
491
491
|
badgeShowLimit: 1,
|
|
492
492
|
singleSelection: false,
|
|
493
|
-
classes:
|
|
493
|
+
classes: "filter-dropdowns",
|
|
494
494
|
enableSearchFilter: true,
|
|
495
495
|
enableCheckAll: true,
|
|
496
496
|
autoPosition: false,
|
|
497
497
|
disabled: false,
|
|
498
|
-
position:
|
|
498
|
+
position: "bottom",
|
|
499
499
|
lazyLoading: false,
|
|
500
500
|
showCheckbox: true,
|
|
501
501
|
maxHeight: 300,
|
|
@@ -512,7 +512,7 @@ class AnnaGlobalConfigService {
|
|
|
512
512
|
};
|
|
513
513
|
this.defaultNgbDatePickerSettings = {
|
|
514
514
|
autoClose: false,
|
|
515
|
-
placeholder:
|
|
515
|
+
placeholder: "mm-dd-yyyy",
|
|
516
516
|
displayMonths: 1,
|
|
517
517
|
firstDayOfWeek: 1,
|
|
518
518
|
showWeekNumbers: false,
|
|
@@ -520,7 +520,7 @@ class AnnaGlobalConfigService {
|
|
|
520
520
|
};
|
|
521
521
|
this.defaultNgSelectSettings = {
|
|
522
522
|
allowClear: false,
|
|
523
|
-
placeholder:
|
|
523
|
+
placeholder: "Select",
|
|
524
524
|
};
|
|
525
525
|
this.defaultNgxInfiniteScrollSettings = {
|
|
526
526
|
infiniteScrollDistance: 1,
|
|
@@ -532,43 +532,43 @@ class AnnaGlobalConfigService {
|
|
|
532
532
|
numberOfSkeletonRows: Array(6).fill(0),
|
|
533
533
|
};
|
|
534
534
|
this.defaultRadioButtonsComponentConfig = {
|
|
535
|
-
heading:
|
|
535
|
+
heading: "Select Option",
|
|
536
536
|
radioButtons: [
|
|
537
537
|
{
|
|
538
|
-
value:
|
|
538
|
+
value: "Yes",
|
|
539
539
|
isDisabled: false,
|
|
540
|
-
label:
|
|
541
|
-
class:
|
|
540
|
+
label: "Yes",
|
|
541
|
+
class: "",
|
|
542
542
|
},
|
|
543
543
|
{
|
|
544
|
-
value:
|
|
544
|
+
value: "No",
|
|
545
545
|
isDisabled: false,
|
|
546
|
-
label:
|
|
547
|
-
class:
|
|
546
|
+
label: "No",
|
|
547
|
+
class: "",
|
|
548
548
|
},
|
|
549
549
|
],
|
|
550
550
|
};
|
|
551
551
|
this.defaultConfirmationPopupConfig = {
|
|
552
552
|
showCancelButton: true,
|
|
553
|
-
title:
|
|
553
|
+
title: "Are you sure ?",
|
|
554
554
|
showConfirmButton: true,
|
|
555
|
-
cancelButtonLabel:
|
|
556
|
-
confirmButtonLabel:
|
|
555
|
+
cancelButtonLabel: "No",
|
|
556
|
+
confirmButtonLabel: "Yes",
|
|
557
557
|
showCloseIcon: true,
|
|
558
|
-
backdrop:
|
|
559
|
-
windowClass:
|
|
560
|
-
size:
|
|
558
|
+
backdrop: "static",
|
|
559
|
+
windowClass: "",
|
|
560
|
+
size: "sm",
|
|
561
561
|
keyboard: false,
|
|
562
562
|
};
|
|
563
563
|
this.defaultWeekCalendarConfig = {
|
|
564
564
|
firstDayOfWeek: 1,
|
|
565
565
|
showWeekNumbers: true,
|
|
566
|
-
dateFormatToDisplay:
|
|
567
|
-
dateFormatForRequest:
|
|
566
|
+
dateFormatToDisplay: "d MMM y",
|
|
567
|
+
dateFormatForRequest: "y-MM-dd",
|
|
568
568
|
maxWeeksToShowWithRemainingCount: 2,
|
|
569
569
|
numberOfMonthsToEnableInPast: 1,
|
|
570
570
|
selectMultipleWeeks: false,
|
|
571
|
-
customClass:
|
|
571
|
+
customClass: "",
|
|
572
572
|
emitMultipleWeekObjects: true,
|
|
573
573
|
maxWeeksToSelect: 0,
|
|
574
574
|
showAsDropdown: true,
|
|
@@ -580,7 +580,7 @@ class AnnaGlobalConfigService {
|
|
|
580
580
|
lastColumnKeys: [],
|
|
581
581
|
};
|
|
582
582
|
this.defaultGtGeneralConfig = {
|
|
583
|
-
component:
|
|
583
|
+
component: "",
|
|
584
584
|
totalRow: false,
|
|
585
585
|
isHeaderChecked: false,
|
|
586
586
|
disableHeaderCheckbox: false,
|
|
@@ -588,13 +588,13 @@ class AnnaGlobalConfigService {
|
|
|
588
588
|
isGrouped: false,
|
|
589
589
|
showAllColumnFilter: true,
|
|
590
590
|
bufferSize: 20,
|
|
591
|
-
page:
|
|
591
|
+
page: "",
|
|
592
592
|
};
|
|
593
593
|
this.defaultSingleSelectConfig = {
|
|
594
594
|
showSearchBar: false,
|
|
595
|
-
placeholder:
|
|
596
|
-
classes:
|
|
597
|
-
position:
|
|
595
|
+
placeholder: "Select",
|
|
596
|
+
classes: "",
|
|
597
|
+
position: "BOTTOM",
|
|
598
598
|
maxHeightOfList: 200,
|
|
599
599
|
};
|
|
600
600
|
this.defaultMultiSelectConfig = {
|
|
@@ -603,12 +603,12 @@ class AnnaGlobalConfigService {
|
|
|
603
603
|
};
|
|
604
604
|
}
|
|
605
605
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaGlobalConfigService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
606
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaGlobalConfigService, providedIn:
|
|
606
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaGlobalConfigService, providedIn: "root" }); }
|
|
607
607
|
}
|
|
608
608
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaGlobalConfigService, decorators: [{
|
|
609
609
|
type: Injectable,
|
|
610
610
|
args: [{
|
|
611
|
-
providedIn:
|
|
611
|
+
providedIn: "root",
|
|
612
612
|
}]
|
|
613
613
|
}], ctorParameters: function () { return []; } });
|
|
614
614
|
|
|
@@ -646,7 +646,7 @@ class AnnaWeekCalendarComponent {
|
|
|
646
646
|
this.hoveredDate = null;
|
|
647
647
|
this.toDate = null;
|
|
648
648
|
this.weekNumbers = [];
|
|
649
|
-
this.dateToDisplay =
|
|
649
|
+
this.dateToDisplay = "";
|
|
650
650
|
this.multiSelectDropdownOpen = false;
|
|
651
651
|
this.calendarMap = new Map();
|
|
652
652
|
this.disabledDates = [];
|
|
@@ -654,16 +654,16 @@ class AnnaWeekCalendarComponent {
|
|
|
654
654
|
this.calendarToggled = new EventEmitter();
|
|
655
655
|
}
|
|
656
656
|
getWeekNumber(week, firstDayOfWeek) {
|
|
657
|
-
const weekStartDate = dayjs(convertNgbDateToMoment(week[0]),
|
|
657
|
+
const weekStartDate = dayjs(convertNgbDateToMoment(week[0]), "MM/DD/YYYY");
|
|
658
658
|
const weekYear = weekStartDate.year();
|
|
659
|
-
const yearStartDate = dayjs(`01/01/${weekYear}`,
|
|
659
|
+
const yearStartDate = dayjs(`01/01/${weekYear}`, "MM/DD/YYYY");
|
|
660
660
|
const weekDay = yearStartDate.day();
|
|
661
|
-
const noOfDays = weekStartDate.diff(yearStartDate,
|
|
661
|
+
const noOfDays = weekStartDate.diff(yearStartDate, "d") + 1;
|
|
662
662
|
function convertNgbDateToMoment(ngbDate) {
|
|
663
|
-
let formatType =
|
|
663
|
+
let formatType = "MM/DD/YYYY";
|
|
664
664
|
let converted = null;
|
|
665
665
|
if (ngbDate && ngbDate.month && ngbDate.day && ngbDate.year) {
|
|
666
|
-
converted = ngbDate.month +
|
|
666
|
+
converted = ngbDate.month + "/" + ngbDate.day + "/" + ngbDate.year;
|
|
667
667
|
converted = dayjs(converted).format(formatType);
|
|
668
668
|
}
|
|
669
669
|
return converted;
|
|
@@ -695,16 +695,16 @@ class AnnaWeekCalendarComponent {
|
|
|
695
695
|
this.weekObjects = [];
|
|
696
696
|
this.fromDate = this.calendar.getToday();
|
|
697
697
|
this.today = this.calendar.getToday();
|
|
698
|
-
let backDatedPeriod = JSON.parse(localStorage.getItem(
|
|
698
|
+
let backDatedPeriod = JSON.parse(localStorage.getItem("userDetails") || "{}").locking_period_days;
|
|
699
699
|
if (backDatedPeriod < 0) {
|
|
700
|
-
let date = this.calendar.getPrev(this.calendar.getToday(),
|
|
700
|
+
let date = this.calendar.getPrev(this.calendar.getToday(), "d", Math.abs(backDatedPeriod));
|
|
701
701
|
this.today = NgbDate.from(date);
|
|
702
702
|
this.fromDate = NgbDate.from(date);
|
|
703
703
|
}
|
|
704
704
|
// Disable months before numberOfMonthsToEnable
|
|
705
705
|
this.datePickerConfig.markDisabled = (date) => {
|
|
706
|
-
let previousMonth = this.calendar.getPrev(this.today,
|
|
707
|
-
let previousDay = this.calendar.getPrev(previousMonth,
|
|
706
|
+
let previousMonth = this.calendar.getPrev(this.today, "m", this.config.numberOfMonthsToEnableInPast);
|
|
707
|
+
let previousDay = this.calendar.getPrev(previousMonth, "d", 1);
|
|
708
708
|
return !NgbDate.from(previousDay).before(date);
|
|
709
709
|
};
|
|
710
710
|
this.formatter = this.formattedDates();
|
|
@@ -741,15 +741,15 @@ class AnnaWeekCalendarComponent {
|
|
|
741
741
|
this.toDate = this.constructEndDate(dateObject)(constructDate);
|
|
742
742
|
}
|
|
743
743
|
if (this.disabledDates.length > 0) {
|
|
744
|
-
let dayjsStartDate = dayjs(this.annaDateTimeFormatService.convertNgbDateToMoment(this.fromDate),
|
|
745
|
-
let dayjsEndDate = dayjs(this.annaDateTimeFormatService.convertNgbDateToMoment(this.toDate),
|
|
744
|
+
let dayjsStartDate = dayjs(this.annaDateTimeFormatService.convertNgbDateToMoment(this.fromDate), "MM/DD/YYYY");
|
|
745
|
+
let dayjsEndDate = dayjs(this.annaDateTimeFormatService.convertNgbDateToMoment(this.toDate), "MM/DD/YYYY");
|
|
746
746
|
let ngbDate;
|
|
747
747
|
while (!dayjsStartDate.isSame(dayjsEndDate)) {
|
|
748
|
-
ngbDate = this.annaDateTimeFormatService.convertToNgbDate(dayjsStartDate,
|
|
748
|
+
ngbDate = this.annaDateTimeFormatService.convertToNgbDate(dayjsStartDate, "MM/DD/YYYY");
|
|
749
749
|
if (this.checkIfDateIsDisabled(ngbDate)) {
|
|
750
750
|
break;
|
|
751
751
|
}
|
|
752
|
-
dayjsStartDate.add(1,
|
|
752
|
+
dayjsStartDate.add(1, "d");
|
|
753
753
|
}
|
|
754
754
|
let newDateObject = new Date(ngbDate.year, ngbDate.month - 1, ngbDate.day - 1);
|
|
755
755
|
let constructDate = this.buildDate(newDateObject);
|
|
@@ -768,7 +768,7 @@ class AnnaWeekCalendarComponent {
|
|
|
768
768
|
let endDate = NgbDate.from(this.toDate);
|
|
769
769
|
week.push(startDate);
|
|
770
770
|
while (endDate != null && !startDate.equals(endDate)) {
|
|
771
|
-
let date = this.calendar.getNext(startDate,
|
|
771
|
+
let date = this.calendar.getNext(startDate, "d", 1);
|
|
772
772
|
startDate = date;
|
|
773
773
|
week.push(date);
|
|
774
774
|
// Collect all days in week to calculate the week number
|
|
@@ -785,7 +785,7 @@ class AnnaWeekCalendarComponent {
|
|
|
785
785
|
this.weekObjects = [];
|
|
786
786
|
if (dates.length > 0) {
|
|
787
787
|
for (let date of dates) {
|
|
788
|
-
this.weekNumbers.push(
|
|
788
|
+
this.weekNumbers.push(" Week " + this.calendar.getWeekNumber(date, this.config.firstDayOfWeek));
|
|
789
789
|
let dates = this.formatter(date[0], date[6]);
|
|
790
790
|
let dateObjects = { startDate: dates.formattedStartDate, endDate: dates.formattedEndDate };
|
|
791
791
|
this.weekObjects.push(dateObjects);
|
|
@@ -798,7 +798,7 @@ class AnnaWeekCalendarComponent {
|
|
|
798
798
|
this.toDate = dates[dates.length - 1][6];
|
|
799
799
|
}
|
|
800
800
|
formattedDates() {
|
|
801
|
-
let pipe = new DatePipe(
|
|
801
|
+
let pipe = new DatePipe("en-US");
|
|
802
802
|
let thisObj = this;
|
|
803
803
|
return function (fromDate, toDate) {
|
|
804
804
|
let fromDateObject = new Date(fromDate.year, fromDate.month - 1, fromDate.day);
|
|
@@ -807,7 +807,7 @@ class AnnaWeekCalendarComponent {
|
|
|
807
807
|
thisObj.formattedEndDate = pipe.transform(toDateObject, thisObj.config.dateFormatForRequest);
|
|
808
808
|
thisObj.dateToDisplay =
|
|
809
809
|
pipe.transform(fromDateObject, thisObj.config.dateFormatToDisplay) +
|
|
810
|
-
|
|
810
|
+
" to " +
|
|
811
811
|
pipe.transform(toDateObject, thisObj.config.dateFormatToDisplay);
|
|
812
812
|
return thisObj;
|
|
813
813
|
};
|
|
@@ -826,7 +826,7 @@ class AnnaWeekCalendarComponent {
|
|
|
826
826
|
}
|
|
827
827
|
let remainingWeeks = this.weekNumbers.length;
|
|
828
828
|
this.weekNumbers = [];
|
|
829
|
-
this.weekNumbers.push(weekDisplay +
|
|
829
|
+
this.weekNumbers.push(weekDisplay + " +" + remainingWeeks);
|
|
830
830
|
}
|
|
831
831
|
}
|
|
832
832
|
}
|
|
@@ -876,23 +876,23 @@ class AnnaWeekCalendarComponent {
|
|
|
876
876
|
}
|
|
877
877
|
previousWeek() {
|
|
878
878
|
if (this.fromDate) {
|
|
879
|
-
this.toDate = this.calendar.getPrev(this.fromDate,
|
|
880
|
-
this.fromDate = this.calendar.getPrev(this.fromDate,
|
|
879
|
+
this.toDate = this.calendar.getPrev(this.fromDate, "d", 1);
|
|
880
|
+
this.fromDate = this.calendar.getPrev(this.fromDate, "d", this.calendar.getDaysPerWeek());
|
|
881
881
|
}
|
|
882
882
|
this.weekNumberGenerator();
|
|
883
883
|
this.applyChanges();
|
|
884
884
|
}
|
|
885
885
|
nextWeek() {
|
|
886
886
|
if (this.fromDate) {
|
|
887
|
-
this.fromDate = this.calendar.getNext(this.fromDate,
|
|
888
|
-
this.toDate = this.calendar.getNext(this.fromDate,
|
|
887
|
+
this.fromDate = this.calendar.getNext(this.fromDate, "d", this.calendar.getDaysPerWeek());
|
|
888
|
+
this.toDate = this.calendar.getNext(this.fromDate, "d", this.calendar.getDaysPerWeek() - 1);
|
|
889
889
|
}
|
|
890
890
|
this.weekNumberGenerator();
|
|
891
891
|
this.applyChanges();
|
|
892
892
|
}
|
|
893
893
|
setCalendarMap() {
|
|
894
894
|
let dateObj = { fromDate: this.fromDate, toDate: this.toDate };
|
|
895
|
-
this.calendarMap.set(
|
|
895
|
+
this.calendarMap.set("oldDates", dateObj);
|
|
896
896
|
}
|
|
897
897
|
applyChanges() {
|
|
898
898
|
this.multiSelectDropdownOpen = false;
|
|
@@ -925,8 +925,8 @@ class AnnaWeekCalendarComponent {
|
|
|
925
925
|
}
|
|
926
926
|
revertDates() {
|
|
927
927
|
this.multiSelectDropdownOpen = false;
|
|
928
|
-
if (this.calendarMap.get(
|
|
929
|
-
let dateObj = this.calendarMap.get(
|
|
928
|
+
if (this.calendarMap.get("oldDates")) {
|
|
929
|
+
let dateObj = this.calendarMap.get("oldDates");
|
|
930
930
|
this.fromDate = dateObj.fromDate;
|
|
931
931
|
this.toDate = dateObj.toDate;
|
|
932
932
|
this.weekNumberGenerator();
|
|
@@ -945,47 +945,47 @@ class AnnaWeekCalendarComponent {
|
|
|
945
945
|
}
|
|
946
946
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaWeekCalendarComponent, decorators: [{
|
|
947
947
|
type: Component,
|
|
948
|
-
args: [{ selector:
|
|
948
|
+
args: [{ selector: "anna-core-week-calendar-filter-lib", standalone: true, imports: [NgIf, FormsModule, NgbInputDatepicker, NgClass, NgbDatepicker], template: "<form\r\n class=\"form-inline\"\r\n *ngIf=\"config.showAsDropdown\"\r\n>\r\n <div class=\"form-group hidden\">\r\n <div class=\"input-group\">\r\n <input\r\n name=\"datepicker\"\r\n class=\"form-control\"\r\n ngbDatepicker\r\n #datepicker=\"ngbDatepicker\"\r\n [autoClose]=\"false\"\r\n (dateSelect)=\"selectWeek($event)\"\r\n (closed)=\"isFocused(false)\"\r\n [displayMonths]=\"1\"\r\n [dayTemplate]=\"t\"\r\n [startDate]=\"fromDate!\"\r\n [firstDayOfWeek]=\"config.firstDayOfWeek\"\r\n [showWeekNumbers]=\"config.showWeekNumbers\"\r\n tabindex=\"-1\"\r\n style=\"display: none\"\r\n [footerTemplate]=\"footerTemplate\"\r\n />\r\n </div>\r\n </div>\r\n\r\n <!--Single week select-->\r\n <div *ngIf=\"!config.selectMultipleWeeks\">\r\n <span style=\"position: relative; left: 30px; font-size: 12px\"> {{ weekNumbers }} </span>\r\n <div class=\"form-group\">\r\n <div class=\"input-group\">\r\n <div class=\"single-week\">\r\n <div class=\"left\">\r\n <span\r\n class=\"material-icons next-round-btn\"\r\n (click)=\"previousWeek()\"\r\n >\r\n navigate_next\r\n </span>\r\n </div>\r\n <input\r\n #dpFromDate\r\n class=\"form-control\"\r\n placeholder=\"Select Weeks\"\r\n [ngClass]=\"[config.customClass == '' ? '' : config.customClass]\"\r\n name=\"dpFromDate\"\r\n [value]=\"dateToDisplay\"\r\n [readonly]=\"true\"\r\n (click)=\"isFocused(true); isDropdownOpenedForCalendar(datepicker)\"\r\n />\r\n <i\r\n class=\"mdi mdi-menu-down\"\r\n *ngIf=\"!datepicker.isOpen()\"\r\n (click)=\"datepicker.open()\"\r\n ></i>\r\n <i\r\n class=\"mdi mdi-menu-up\"\r\n *ngIf=\"datepicker.isOpen()\"\r\n (click)=\"isDropdownOpenedForCalendar(datepicker)\"\r\n ></i>\r\n <div class=\"right\">\r\n <span\r\n class=\"material-icons round-btn\"\r\n (click)=\"nextWeek()\"\r\n >\r\n navigate_next\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <!--Multiple week select-->\r\n <div\r\n class=\"form-group\"\r\n *ngIf=\"config.selectMultipleWeeks\"\r\n >\r\n <div class=\"input-group\">\r\n <div class=\"multiple-weeks\">\r\n <input\r\n #dpFromDate\r\n class=\"form-control\"\r\n placeholder=\"Select Weeks\"\r\n [ngClass]=\"[config.customClass == '' ? '' : config.customClass]\"\r\n name=\"dpFromDate\"\r\n [readonly]=\"true\"\r\n [value]=\"weekNumbers\"\r\n (click)=\"isFocused(true); isDropdownOpenedForCalendar(datepicker)\"\r\n />\r\n <i\r\n *ngIf=\"!multiSelectDropdownOpen\"\r\n class=\"mdi mdi-menu-down multiselect-input-arrow\"\r\n ></i>\r\n <i\r\n *ngIf=\"multiSelectDropdownOpen\"\r\n class=\"mdi mdi-menu-up multiselect-input-arrow\"\r\n ></i>\r\n </div>\r\n </div>\r\n </div>\r\n</form>\r\n\r\n<ngb-datepicker\r\n #weekPicker\r\n *ngIf=\"!config.showAsDropdown\"\r\n [displayMonths]=\"1\"\r\n [startDate]=\"fromDate!\"\r\n [firstDayOfWeek]=\"config.firstDayOfWeek\"\r\n [showWeekNumbers]=\"config.showWeekNumbers\"\r\n [dayTemplate]=\"t\"\r\n [maxDate]=\"maxDate\"\r\n [minDate]=\"minDate\"\r\n (dateSelect)=\"selectWeek($event)\"\r\n [markDisabled]=\"disabledFunc\"\r\n>\r\n</ngb-datepicker>\r\n\r\n<ng-template #footerTemplate>\r\n <hr class=\"my-0\" />\r\n <button\r\n class=\"btn btn-primary btn-sm m-2 float-right\"\r\n (click)=\"applyChanges(); closeDatepicker(datepicker)\"\r\n style=\"background-color: #268bff; color: #ffffff\"\r\n >\r\n Apply\r\n </button>\r\n <button\r\n class=\"btn btn-primary btn-sm m-2 float-right\"\r\n (click)=\"revertDates(); closeDatepicker(datepicker)\"\r\n style=\"background-color: rgba(38, 139, 255, 0.12); color: #268bff\"\r\n >\r\n Cancel\r\n </button>\r\n</ng-template>\r\n\r\n<ng-template\r\n #t\r\n let-date\r\n let-focused=\"focused\"\r\n let-disabled=\"disabled\"\r\n>\r\n <span\r\n class=\"custom-day\"\r\n [class.focused]=\"focused\"\r\n [class.range]=\"isRange(date)\"\r\n [class.faded]=\"isHovered(date) || isInside(date)\"\r\n [class.disabled]=\"disabled\"\r\n (mouseenter)=\"hoveredDate = date\"\r\n (mouseleave)=\"hoveredDate = null\"\r\n >\r\n {{ date.day }}\r\n </span>\r\n</ng-template>\r\n\r\n<!--\r\n\r\n<hr>\r\n\r\n<pre>From: {{ fromDate | json }} </pre>\r\n<pre>To: {{ toDate | json }} </pre>\r\n<pre>weekNumbers: {{ weekNumbers | json }} </pre>\r\n\r\n-->\r\n", styles: [":host ::ng-deep .ngb-dp-arrow button:disabled{color:#4a4a4a;background-color:#fff;opacity:.25;cursor:not-allowed}:host ::ng-deep .ngb-dp-arrow button:disabled .ngb-dp-navigation-chevron{color:#4a4a4a}:host ::ng-deep .ngb-dp-arrow button .ngb-dp-navigation-chevron{color:#000}:host::ng-deep .right{width:unset!important;background-color:#fff!important}:host::ng-deep .ngb-dp-day,:host::ng-deep .ngb-dp-weekday{width:3rem!important;font-style:unset!important;color:#8bac2a;outline:none}:host::ng-deep .ngb-dp-day:first-child{border:1px solid black}:host::ng-deep .ngb-dp-day.disabled{color:#d4d4d4;cursor:not-allowed}:host::ng-deep .ngb-dp-showweek:before{content:\"Weeks\";margin-right:5px}:host::ng-deep .ngb-dp-week-number{font-style:unset!important;width:4rem!important;margin-right:5px;font-weight:700;color:#000!important;border-right:1px solid rgba(0,0,0,.125)}:host::ng-deep .ngb-dp-week-number:before{font-style:unset!important;content:\"Week \"}:host::ng-deep .ngb-dp-weekday.ngb-dp-showweek{margin-right:5px;width:4rem!important;border-right:1px solid rgba(0,0,0,.125)}:host::ng-deep .dropdown-menu{box-shadow:none}:host::ng-deep .dropdown-menu.show{top:15px!important}:host::ng-deep .bg-light{background-color:#fff!important}:host::ng-deep .ngb-dp-weekdays{border-top:1px solid rgba(0,0,0,.125)}:host::ng-deep .ngb-dp-arrow-btn:focus{box-shadow:none}.custom-day{text-align:center;padding:.185rem .25rem;display:inline-block;height:1.75rem;font-weight:700;color:#222b45;width:3rem!important}.custom-day.focused{background-color:#fff}.custom-day.faded{background-color:#0275d880!important}.custom-day.faded:focus{outline:none!important}.custom-day:hover{background-color:#268bff1f!important;color:#4a4a4a!important}.custom-day:focus{outline:none!important}.custom-day.range{background-color:#268bff1f!important;color:#4a4a4a!important}.custom-day.range:focus{outline:none!important}.custom-day.disabled{color:#d3d3d3}.input-group>.single-week,.input-group .multiple-weeks{display:inline-flex!important}.input-group>.single-week>.form-control,.input-group .multiple-weeks>.form-control{width:212px;border-radius:2px;border:solid 1px #b3b3b3;height:1.875rem;cursor:pointer}.input-group>.form-control{width:212px;border-radius:2px;border:solid 1px #b3b3b3;height:1.875rem;cursor:pointer}.form-control[readonly]{background-color:#fff!important}.next-round-btn{transform:rotate(180deg);margin-left:.125rem;line-height:1.3;border-radius:50%;cursor:pointer}.round-btn{line-height:1.3;border-radius:50%;cursor:pointer;margin-left:.25rem}:host::ng-deep select.custom-select{background:none;appearance:auto}.left,.right{width:1.875rem!important;height:1.875rem;background:#d8d8d8!important;border-radius:50%}.left{margin-right:.3125rem}.right{margin-left:.3125rem}:host::ng-deep .right .ngb-dp-navigation-chevron,:host::ng-deep .ngb-dp-navigation-chevron{color:#268bff}:host::ng-deep .ngb-dp-arrow-btn:focus{outline-width:0px}.custom-day.faded{background-color:#268bff33!important;color:#000!important;font-weight:600}.custom-day{text-align:center;padding:.185rem .25rem;color:#000;display:inline-block;line-height:1.9;height:2rem;width:2rem}.custom-day.focused{background-color:#e6e6e6}.custom-day.range{background-color:#268bff!important;color:#fff!important;font-weight:600}.custom-day:hover{background-color:#d9e1e6;border-radius:.25rem;color:#bdbdbd}:host::ng-deep div.ngb-dp-weekday{color:#8bac2a;font-family:Roboto;font-size:.8125rem;font-weight:700;font-stretch:normal;font-style:normal;line-height:2.6;letter-spacing:normal}.mdi-menu-up,.mdi-menu-down{position:absolute;right:2.438rem;top:1px;font-size:1.375rem;cursor:pointer}.multiselect-input-arrow{position:absolute;right:.75rem;top:3px;font-size:1.25rem;cursor:pointer;pointer-events:none}button:focus{outline:none;box-shadow:none;border-color:transparent}::ng-deep .ngb-dp-header,::ng-deep .ngb-dp-week{background:#fff!important}\n"] }]
|
|
949
949
|
}], ctorParameters: function () { return [{ type: i1.NgbCalendar }, { type: i1.NgbDatepickerConfig }, { type: AnnaDateTimeFormatService }, { type: AnnaGlobalConfigService }]; }, propDecorators: { selectedFromDate: [{
|
|
950
950
|
type: Input,
|
|
951
|
-
args: [
|
|
951
|
+
args: ["from-date"]
|
|
952
952
|
}], selectedEndDate: [{
|
|
953
953
|
type: Input,
|
|
954
|
-
args: [
|
|
954
|
+
args: ["to-date"]
|
|
955
955
|
}], disabledDates: [{
|
|
956
956
|
type: Input,
|
|
957
|
-
args: [
|
|
957
|
+
args: ["disabled-dates"]
|
|
958
958
|
}], maxDate: [{
|
|
959
959
|
type: Input
|
|
960
960
|
}], minDate: [{
|
|
961
961
|
type: Input
|
|
962
962
|
}], config: [{
|
|
963
963
|
type: Input,
|
|
964
|
-
args: [
|
|
964
|
+
args: ["week-calendar-config"]
|
|
965
965
|
}], applyWeekCalendarChanges: [{
|
|
966
966
|
type: Output,
|
|
967
|
-
args: [
|
|
967
|
+
args: ["apply"]
|
|
968
968
|
}], calendarToggled: [{
|
|
969
969
|
type: Output,
|
|
970
|
-
args: [
|
|
970
|
+
args: ["toggle-calendar"]
|
|
971
971
|
}] } });
|
|
972
972
|
|
|
973
973
|
// Angular import statements
|
|
974
974
|
class AnnaCalendarFilterComponent {
|
|
975
975
|
constructor(annaTimeService) {
|
|
976
976
|
this.annaTimeService = annaTimeService;
|
|
977
|
-
this.autoClose =
|
|
977
|
+
this.autoClose = "outside";
|
|
978
978
|
this.showLabel = true;
|
|
979
|
-
this.dateFormat =
|
|
980
|
-
this.placeholder =
|
|
979
|
+
this.dateFormat = "MM/DD/YYYY";
|
|
980
|
+
this.placeholder = "MM/DD/YYYY";
|
|
981
981
|
this.disabled = false;
|
|
982
982
|
this.selectedDate = new EventEmitter();
|
|
983
983
|
this.showFooterTemplate = false;
|
|
984
|
-
this.placement = [
|
|
984
|
+
this.placement = ["top-start", "left", "bottom-start", "auto"];
|
|
985
985
|
this.apply = new EventEmitter();
|
|
986
986
|
this.cancel = new EventEmitter();
|
|
987
987
|
this.disableApplyBtn = false;
|
|
988
|
-
this.dateToBeShownInInput =
|
|
988
|
+
this.dateToBeShownInInput = "";
|
|
989
989
|
this.disableFunction = (date) => {
|
|
990
990
|
return false;
|
|
991
991
|
};
|
|
@@ -1028,7 +1028,7 @@ class AnnaCalendarFilterComponent {
|
|
|
1028
1028
|
return true;
|
|
1029
1029
|
}
|
|
1030
1030
|
else {
|
|
1031
|
-
dayJsStartDate = dayJsStartDate.add(1,
|
|
1031
|
+
dayJsStartDate = dayJsStartDate.add(1, "day");
|
|
1032
1032
|
}
|
|
1033
1033
|
}
|
|
1034
1034
|
}
|
|
@@ -1085,7 +1085,7 @@ class AnnaCalendarFilterComponent {
|
|
|
1085
1085
|
}
|
|
1086
1086
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaCalendarFilterComponent, decorators: [{
|
|
1087
1087
|
type: Component,
|
|
1088
|
-
args: [{ selector: 'anna-core-calendar-filter-lib', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgIf, FormsModule, NgbInputDatepicker, NgClass, TitleCasePipe], template: "<!-- container=\"body\"\r\ndatepickerClass = \"calendar-filter\" -->\r\n\r\n<p\r\n class=\"calendar-label\"\r\n *ngIf=\"showLabel\"\r\n>\r\n {{ label | titlecase }}\r\n</p>\r\n<form>\r\n <div\r\n class=\"padding-class\"\r\n style=\"padding: 0 12px\"\r\n >\r\n <div class=\"dp-hidden position-absolute\">\r\n <div class=\"input-group\">\r\n <input\r\n name=\"datepicker\"\r\n class=\"form-control\"\r\n ngbDatepicker\r\n #datepicker=\"ngbDatepicker\"\r\n (dateSelect)=\"onDateSelection($event)\"\r\n [displayMonths]=\"1\"\r\n [dayTemplate]=\"t\"\r\n [maxDate]=\"maxDate\"\r\n [minDate]=\"minDate\"\r\n [autoClose]=\"autoClose\"\r\n [startDate]=\"fromDate\"\r\n [markDisabled]=\"disableFunction\"\r\n [footerTemplate]=\"footerTemplate\"\r\n navigation=\"select\"\r\n (closed)=\"datepickerClosed()\"\r\n [placement]=\"placement\"\r\n />\r\n <ng-template\r\n #t\r\n let-date\r\n let-focused=\"focused\"\r\n >\r\n <span\r\n class=\"custom-day\"\r\n [class.focused]=\"focused\"\r\n [class.range]=\"isRange(date)\"\r\n [class.faded]=\"isHovered(date) || isInside(date)\"\r\n (mouseenter)=\"hoveredDate = date\"\r\n (mouseleave)=\"hoveredDate = null\"\r\n >\r\n {{ date.day }}\r\n </span>\r\n </ng-template>\r\n </div>\r\n </div>\r\n <div class=\"input-group\">\r\n <input\r\n #dpFromDate\r\n id=\"datepicker-input\"\r\n class=\"form-control\"\r\n [placeholder]=\"placeholder\"\r\n readonly\r\n name=\"dpFromDate\"\r\n [value]=\"dateToBeShownInInput\"\r\n />\r\n <button\r\n class=\"icon-container\"\r\n (click)=\"datepicker.toggle()\"\r\n type=\"button\"\r\n [disabled]=\"disabled\"\r\n >\r\n <i\r\n class=\"mdi mdi-calendar-range\"\r\n *ngIf=\"!datepicker.isOpen()\"\r\n ></i>\r\n <i\r\n class=\"mdi mdi-check\"\r\n *ngIf=\"datepicker.isOpen()\"\r\n ></i>\r\n </button>\r\n </div>\r\n </div>\r\n</form>\r\n\r\n<ng-template #footerTemplate>\r\n <div\r\n class=\"buttons-container\"\r\n *ngIf=\"showFooterTemplate\"\r\n >\r\n <button\r\n class=\"button\"\r\n (click)=\"cancelSelection(); datepicker.close()\"\r\n >\r\n Cancel\r\n </button>\r\n <button\r\n class=\"button\"\r\n [ngClass]=\"{ disabled: disableApplyBtn }\"\r\n [disabled]=\"disableApplyBtn\"\r\n (click)=\"applySelection(); datepicker.close()\"\r\n >\r\n Apply\r\n </button>\r\n </div>\r\n</ng-template>\r\n", styles: [":host ::ng-deep .ngb-dp-arrow button:disabled{color:#4a4a4a;background-color:#fff;opacity:.25;cursor:not-allowed}:host ::ng-deep .ngb-dp-arrow button:disabled .ngb-dp-navigation-chevron{color:#4a4a4a}:host ::ng-deep .ngb-dp-arrow button .ngb-dp-navigation-chevron{color:#000}::ng-deep .tooltip-inner{max-height:22rem;background-color:#fff;border:1px solid white;border-radius:5px;box-shadow:0 2px 2px #0000003d,0 0 2px #0000001f;max-width:251px;width:100%;padding:0!important}::ng-deep .tooltip-inner div.radio-container{flex-wrap:wrap}::ng-deep .md-drppicker{box-shadow:unset!important}::ng-deep .available{color:#999}::ng-deep .bs-tooltip-bottom .arrow:before{border-bottom-color:#fff!important}::ng-deep .bs-tooltip-left .arrow:before{border-left-color:#fff!important}::ng-deep .tooltip.show{opacity:1}.input{text-align:left;margin:5px 10px 5px 5px;display:flex;align-items:center;width:230px;white-space:nowrap}.data{color:#000;font-weight:700;margin-left:5px;margin-right:5px}span.data{display:inline-block;text-overflow:ellipsis;white-space:pre;width:100%;overflow:hidden}.check-box{font-size:14px;cursor:pointer;position:relative;top:-1px}span.mdi-filter.active{color:#000;opacity:1!important;pointer-events:all!important}p{margin-bottom:0;line-height:initial}span.mdi-filter{color:#cbcbcb}::ng-deep .ngx-slider-pointer{top:-5px!important;width:12px!important;height:12px!important;background:#bdbdbd!important;border:1px solid #ffffff!important;box-shadow:0 1px 3px #0000004d!important;border-radius:16px!important}input:focus{outline:none}input::placeholder{color:#c8c8c8}.cancel-btn{background:#c7e1ff;color:#268bff}.apply-btn{background:#268bff;color:#fff;margin-left:.3125rem}div.radio-container{display:flex;white-space:nowrap;justify-content:space-between;background-color:#f4f4f4;border-radius:.125rem;margin:.4375rem .4375rem .25rem}div.radio-container div{flex:1;width:50%}div.radio-container div.full-width{width:100%}div.radio-container input{position:relative;top:.125rem;margin-right:.25rem}div.radio-container label{font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.29;letter-spacing:0;color:#4a4a4a;margin:0;padding-left:.125rem}div.radio-container label:first-of-type{margin-right:.188rem}div.radio-container input[type=radio]{appearance:none;display:inline-block;width:.9375rem;height:.9375rem;padding:.125rem;background-clip:content-box;border:.125rem solid #268bff;background-color:transparent;border-radius:50%}div.radio-container input[type=radio]:checked{background-color:#268bff}.checkbox-filter-buttons-container{padding:0 8px!important}.buttons-container{display:flex;margin:0px auto .4375rem;justify-content:center;padding:0 12px}.buttons-container .button{padding:0 10px;width:100%;margin:8px 0 0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.buttons-container button:last-of-type{background-color:#268bff;color:#fff;margin-left:.5rem}.buttons-container button.disabled{background:#bdbdbd;opacity:.5;color:#4a4a4a}.button{display:inline-block;margin:8px 4px 0 8px;padding:0 16px;border-radius:4px;text-align:center;outline:none;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.67;letter-spacing:normal;border:none;color:#268bff;background-color:#e5f1ff}.search-box{display:flex;align-items:center;color:#c8c8c8;border:1px solid #e6e6e6;border-radius:.125rem;margin:.25rem .4375rem .188rem;height:1.5rem;padding:.188rem 8px .188rem .5rem}.search-box .search-bar-close{margin-left:auto;float:right}.search-icon{margin:0 4px 0 0;font-size:1.125rem;color:#9b9b9b}.filter-icon{justify-content:right;margin-left:auto;color:#d4d4d4;color:#a1a1a1;font-size:16px;cursor:pointer}.data{margin:0 13px 0 8px;font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.86;letter-spacing:\"\";color:#4a4a4a}.search-input{margin:1px 0 1px 4px;font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#c8c8c8;width:calc(100% - 38px)}.check-box{color:#268bff}.tooltip-data-container{overflow-y:scroll;max-height:8rem}.searchbar{width:100%;display:flex;justify-content:flex-end;align-items:flex-end}.clear-button{opacity:.5;font-family:Roboto;font-size:.9375rem;font-weight:500;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-decoration:underline;border:none;background-color:#fff;color:#4a4a4a;margin-left:.625rem;padding:0}.clear-button:focus{outline:none;box-shadow:none}.unchecked{color:#268bff}cdk-virtual-scroll-viewport.dropdown-data-container{max-height:12.3rem;width:100%;overflow-y:auto;overflow-x:hidden}cdk-virtual-scroll-viewport.dropdown-data-container p.input{margin-left:0}cdk-virtual-scroll-viewport.dropdown-data-container p.input span.mi{padding-left:.4375rem}cdk-virtual-scroll-viewport.dropdown-data-container p.input:hover{background-color:#ebebeb;cursor:pointer}cdk-virtual-scroll-viewport.dropdown-data-container::-webkit-scrollbar{width:.188rem}cdk-virtual-scroll-viewport.dropdown-data-container::-webkit-scrollbar-thumb{color:#d3d3d3;background:#d3d3d3}section.min-maxContainer{display:flex;justify-content:center;margin-bottom:-.125rem;margin-top:.5rem;width:100%}section.min-maxContainer input{width:30%;height:1.875rem;border:1px solid lightgray;color:gray}section.min-maxContainer span{display:inline-block;padding-left:.5rem;padding-right:.5rem;position:relative;top:.3125rem;color:#666}.time-container{width:100%;display:flex;padding:0 .75rem}.time-container input.form-control:disabled{background-color:#fff;width:2.813rem}.time-container input.numberInput:focus{box-shadow:none;border-color:#c2cfd6}.time-container .dot{color:#cbcbcb;position:relative;left:-7px;font-size:17px}.time-container div.arrow-container{flex-direction:column;display:flex;margin-top:.375rem;width:9px;height:18px;margin-right:1.1875rem}.time-container div.arrow-container i{color:#000;cursor:pointer;max-height:9px;font-size:25px;width:10px}.time-container div.arrow-container i:before{width:0;height:0;pointer-events:none;position:relative;left:-9px;top:-11px}.mdi-filter{cursor:pointer}.time-label-container{display:flex;justify-content:flex-start}.time-label-container label{margin-bottom:0;color:#4a4a4a;margin-top:.125rem;margin-left:.75rem;font-weight:700}.time-heading{color:#000;font-size:.8125rem;text-align:left;padding-left:.625rem;margin-top:.625rem;font-weight:700}.column-clear-all{width:94%;text-align:center;border:none;font-size:14px;background:none;text-decoration:underline;color:#268bff}.checkbox-container{display:flex;padding-inline:.625rem}.checkbox-container .data{text-align:left}.checkbox-container:first-of-type{margin-top:.625rem;font-weight:500}.column-clear-all{width:94%;text-align:center;border:none;background:none;text-decoration:underline;color:#268bff}.column-clear-all:disabled{opacity:.5;color:#4a4a4a;font-weight:400}.column-clear-all.align-center{text-align:center}span.mdi-filter-variant.disabled{pointer-events:none;opacity:.5}.datepicker-container{width:100%}span.mdi-filter-variant{color:#cbcbcb;cursor:pointer;font-size:.875rem}span.mdi-filter-variant.active{color:#000}p.filter-tab{font-family:Roboto;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.29;letter-spacing:normal;color:#1b88ff;border-radius:5px;background-color:#f4f4f4;padding-inline:8px;cursor:pointer;overflow:hidden;text-align:center;text-overflow:ellipsis}p.filter-tab.active{color:#fff;background-color:#1b88ff}button.filter-text-btn{background:#fff;text-decoration:underline;font-family:Roboto;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;border:none;color:#268bff;margin-inline:4px;margin-top:2px}button.filter-text-btn:disabled{color:#b1b1b1;cursor:not-allowed}::ng-deep .non-edit-datepicker-tooltip .tooltip-inner{max-width:310px!important;width:283px!important;overflow-y:initial!important;padding:0!important}input.slider-text::-webkit-outer-spin-button,input.slider-text::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input.slider-text{-moz-appearance:textfield}input.slider-text.red-border{border:1px solid #f44336!important}::ng-deep .checkbox-sort p.sort-container{margin-top:8px!important;padding-bottom:8px!important}i.mdi-close{cursor:pointer}i.mdi-close.disable-close-icon{pointer-events:none;cursor:not-allowed}input.error-border{border:1px solid #f44336!important}::ng-deep .non-edit-checkbox-tooltip .tooltip-inner{width:238px!important;padding:0!important}::ng-deep .non-edit-slider-tooltip .tooltip-inner{width:238px!important;padding:0!important}::ng-deep .non-edit-time-tooltip .tooltip-inner{width:250px!important;padding:0!important}::ng-deep .non-edit-time-tooltip.bs-tooltip-start{padding:.4rem}::ng-deep .non-edit-time-tooltip.bs-tooltip-start .tooltip-arrow{right:0;top:5px!important;width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}::ng-deep .non-edit-time-tooltip.bs-tooltip-start .tooltip-arrow:before{border-left-color:#fff;left:-1px;border-width:calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height)}::ng-deep .no-bottom-border p.sort-container{border-bottom:none!important}::ng-deep .ngx-slider-pointer-min:after{display:none}::ng-deep .ngx-slider-pointer-max:after{display:none}::ng-deep .ngx-slider span.ngx-slider-pointer{width:12px;height:12px;top:-5px;background-color:#bdbdbd}::ng-deep .ngx-slider span.ngx-slider-bar{height:3px;background:#ededed}::ng-deep .ngx-slider span.ngx-slider-selection{background:#bdbdbd}::ng-deep .ngx-slider span.ngx-slider-bubble{bottom:-22px;font-size:12px;color:#333}::ng-deep .show-min.ngx-slider span.ngx-slider-model-value{background:#fff;box-shadow:0 6px 10px #0000004d,0 2px 2px #0003}::ng-deep .show-max.ngx-slider span.ngx-slider-model-high{background:#fff;box-shadow:none}::ng-deep .ngx-slider span.ngx-slider-combined{background:#fff;box-shadow:0 6px 10px #0000004d,0 2px 2px #0003}::ng-deep .ngx-slider{top:10px!important;margin:5px 0 2px!important}::ng-deep .ngx-slider-animate{top:0!important}.sidebar-slider{margin-bottom:35px!important;margin-left:5px;margin-right:5px}.slider-placeholder{height:14px}::ng-deep .filter-calendar select.form-select:focus{border-color:#c2cfd6;box-shadow:none}::ng-deep .filter-calendar select.form-select{background-color:#fff}.no-data-case{padding-left:.4375rem!important;font-size:.875rem!important;margin-top:10px!important;cursor:pointer}.custom-column-checkbox-checked,.custom-column-checkbox-unchecked{font-size:.875rem;cursor:pointer}.custom-column-checkbox-checked{color:#268bff}.custom-column-checkbox-unchecked{color:#4a4a4a}:host::ng-deep div.ngb-dp-arrow{width:2.4375rem!important;background-color:#fff!important}:host::ng-deep div.ngb-dp-weekday{color:#8bac2a;border-top:1px solid rgba(183,183,183,.6);margin-top:.5rem;font-family:Roboto;font-size:.8125rem;font-weight:700;font-stretch:normal;font-style:normal;line-height:2.6;letter-spacing:normal}:host::ng-deep div.ngb-dp-week{border-radius:0;background-color:#fff!important}:host::ng-deep div.ngb-dp-header{padding-top:8px!important;background-color:#fff!important}:host::ng-deep div.bg-primary{background-color:#d9e1e6!important;border-radius:.25rem}:host::ng-deep .ngb-dp-arrow-btn:focus{outline-width:0px}:host::ng-deep .right .ngb-dp-navigation-chevron,:host::ng-deep .ngb-dp-navigation-chevron{color:#000}:host::ng-deep .custom-select{border:1px solid rgba(183,183,183,.6);box-shadow:none}:host::ng-deep .btn:focus{box-shadow:none}.custom-day{text-align:center;padding:.185rem .25rem;color:#000;display:inline-block;height:2rem;width:2.2rem}.custom-day.range{background-color:#268bff!important;color:#fff!important}.custom-day:hover{background-color:#d9e1e6;border-radius:.25rem;color:#bdbdbd}:host::ng-deep div.ngb-dp-day.disabled{cursor:not-allowed}.custom-day.faded{background-color:#268bff33!important;color:#000!important;font-weight:600}:host::ng-deep div.ngb-dp-week div.ngb-dp-day.disabled .custom-day{color:#bdbdbd;opacity:50%}.buttons{display:flex;margin:0px auto .4375rem;margin-bottom:0;justify-content:center}.buttons button.btn:disabled{background:#bdbdbd;opacity:.5;color:#4a4a4a}.buttons .btn{display:inline-block;margin:8px 4px 0 8px;padding:5px 16px;text-align:center;outline:none;font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.14;letter-spacing:normal;border:none;color:#268bff;background-color:#e5f1ff}.buttons .btn:last-of-type{background-color:#268bff;color:#fff}:host::ng-deep .ngb-dp-day{font-weight:700}input#datepicker-input,button.icon-container{background:#fff;border:none}input#datepicker-input{color:#202b47;cursor:default;font-family:Roboto;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}input#datepicker-input:focus{box-shadow:none}div.input-group{border:1px solid #b7b7b7;border-radius:2px}.calendar-label{font-family:Roboto;font-size:12px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#666;margin-top:7px;margin-bottom:0;text-align:left;margin-left:12px}.dp-hidden .input-group{border-bottom:none}.dp-hidden .input-group .form-control{height:29px}:host::ng-deep ngb-datepicker-navigation-select>.form-select:focus{box-shadow:none!important;border:1px solid #c2cfd6!important}:host::ng-deep .ngb-dp-day,:host::ng-deep .ngb-dp-weekday,:host::ng-deep .ngb-dp-week-number{width:2.2rem!important}:host ::ng-deep .input-group ngb-datepicker.dropdown-menu.show{margin-left:-1px!important}\n"] }]
|
|
1088
|
+
args: [{ selector: "anna-core-calendar-filter-lib", changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgIf, FormsModule, NgbInputDatepicker, NgClass, TitleCasePipe], template: "<!-- container=\"body\"\r\ndatepickerClass = \"calendar-filter\" -->\r\n\r\n<p\r\n class=\"calendar-label\"\r\n *ngIf=\"showLabel\"\r\n>\r\n {{ label | titlecase }}\r\n</p>\r\n<form>\r\n <div\r\n class=\"padding-class\"\r\n style=\"padding: 0 12px\"\r\n >\r\n <div class=\"dp-hidden position-absolute\">\r\n <div class=\"input-group\">\r\n <input\r\n name=\"datepicker\"\r\n class=\"form-control\"\r\n ngbDatepicker\r\n #datepicker=\"ngbDatepicker\"\r\n (dateSelect)=\"onDateSelection($event)\"\r\n [displayMonths]=\"1\"\r\n [dayTemplate]=\"t\"\r\n [maxDate]=\"maxDate\"\r\n [minDate]=\"minDate\"\r\n [autoClose]=\"autoClose\"\r\n [startDate]=\"fromDate\"\r\n [markDisabled]=\"disableFunction\"\r\n [footerTemplate]=\"footerTemplate\"\r\n navigation=\"select\"\r\n (closed)=\"datepickerClosed()\"\r\n [placement]=\"placement\"\r\n />\r\n <ng-template\r\n #t\r\n let-date\r\n let-focused=\"focused\"\r\n >\r\n <span\r\n class=\"custom-day\"\r\n [class.focused]=\"focused\"\r\n [class.range]=\"isRange(date)\"\r\n [class.faded]=\"isHovered(date) || isInside(date)\"\r\n (mouseenter)=\"hoveredDate = date\"\r\n (mouseleave)=\"hoveredDate = null\"\r\n >\r\n {{ date.day }}\r\n </span>\r\n </ng-template>\r\n </div>\r\n </div>\r\n <div class=\"input-group\">\r\n <input\r\n #dpFromDate\r\n id=\"datepicker-input\"\r\n class=\"form-control\"\r\n [placeholder]=\"placeholder\"\r\n readonly\r\n name=\"dpFromDate\"\r\n [value]=\"dateToBeShownInInput\"\r\n />\r\n <button\r\n class=\"icon-container\"\r\n (click)=\"datepicker.toggle()\"\r\n type=\"button\"\r\n [disabled]=\"disabled\"\r\n >\r\n <i\r\n class=\"mdi mdi-calendar-range\"\r\n *ngIf=\"!datepicker.isOpen()\"\r\n ></i>\r\n <i\r\n class=\"mdi mdi-check\"\r\n *ngIf=\"datepicker.isOpen()\"\r\n ></i>\r\n </button>\r\n </div>\r\n </div>\r\n</form>\r\n\r\n<ng-template #footerTemplate>\r\n <div\r\n class=\"buttons-container\"\r\n *ngIf=\"showFooterTemplate\"\r\n >\r\n <button\r\n class=\"button\"\r\n (click)=\"cancelSelection(); datepicker.close()\"\r\n >\r\n Cancel\r\n </button>\r\n <button\r\n class=\"button\"\r\n [ngClass]=\"{ disabled: disableApplyBtn }\"\r\n [disabled]=\"disableApplyBtn\"\r\n (click)=\"applySelection(); datepicker.close()\"\r\n >\r\n Apply\r\n </button>\r\n </div>\r\n</ng-template>\r\n", styles: [":host ::ng-deep .ngb-dp-arrow button:disabled{color:#4a4a4a;background-color:#fff;opacity:.25;cursor:not-allowed}:host ::ng-deep .ngb-dp-arrow button:disabled .ngb-dp-navigation-chevron{color:#4a4a4a}:host ::ng-deep .ngb-dp-arrow button .ngb-dp-navigation-chevron{color:#000}::ng-deep .tooltip-inner{max-height:22rem;background-color:#fff;border:1px solid white;border-radius:5px;box-shadow:0 2px 2px #0000003d,0 0 2px #0000001f;max-width:251px;width:100%;padding:0!important}::ng-deep .tooltip-inner div.radio-container{flex-wrap:wrap}::ng-deep .md-drppicker{box-shadow:unset!important}::ng-deep .available{color:#999}::ng-deep .bs-tooltip-bottom .arrow:before{border-bottom-color:#fff!important}::ng-deep .bs-tooltip-left .arrow:before{border-left-color:#fff!important}::ng-deep .tooltip.show{opacity:1}.input{text-align:left;margin:5px 10px 5px 5px;display:flex;align-items:center;width:230px;white-space:nowrap}.data{color:#000;font-weight:700;margin-left:5px;margin-right:5px}span.data{display:inline-block;text-overflow:ellipsis;white-space:pre;width:100%;overflow:hidden}.check-box{font-size:14px;cursor:pointer;position:relative;top:-1px}span.mdi-filter.active{color:#000;opacity:1!important;pointer-events:all!important}p{margin-bottom:0;line-height:initial}span.mdi-filter{color:#cbcbcb}::ng-deep .ngx-slider-pointer{top:-5px!important;width:12px!important;height:12px!important;background:#bdbdbd!important;border:1px solid #ffffff!important;box-shadow:0 1px 3px #0000004d!important;border-radius:16px!important}input:focus{outline:none}input::placeholder{color:#c8c8c8}.cancel-btn{background:#c7e1ff;color:#268bff}.apply-btn{background:#268bff;color:#fff;margin-left:.3125rem}div.radio-container{display:flex;white-space:nowrap;justify-content:space-between;background-color:#f4f4f4;border-radius:.125rem;margin:.4375rem .4375rem .25rem}div.radio-container div{flex:1;width:50%}div.radio-container div.full-width{width:100%}div.radio-container input{position:relative;top:.125rem;margin-right:.25rem}div.radio-container label{font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.29;letter-spacing:0;color:#4a4a4a;margin:0;padding-left:.125rem}div.radio-container label:first-of-type{margin-right:.188rem}div.radio-container input[type=radio]{appearance:none;display:inline-block;width:.9375rem;height:.9375rem;padding:.125rem;background-clip:content-box;border:.125rem solid #268bff;background-color:transparent;border-radius:50%}div.radio-container input[type=radio]:checked{background-color:#268bff}.checkbox-filter-buttons-container{padding:0 8px!important}.buttons-container{display:flex;margin:0px auto .4375rem;justify-content:center;padding:0 12px}.buttons-container .button{padding:0 10px;width:100%;margin:8px 0 0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.buttons-container button:last-of-type{background-color:#268bff;color:#fff;margin-left:.5rem}.buttons-container button.disabled{background:#bdbdbd;opacity:.5;color:#4a4a4a}.button{display:inline-block;margin:8px 4px 0 8px;padding:0 16px;border-radius:4px;text-align:center;outline:none;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.67;letter-spacing:normal;border:none;color:#268bff;background-color:#e5f1ff}.search-box{display:flex;align-items:center;color:#c8c8c8;border:1px solid #e6e6e6;border-radius:.125rem;margin:.25rem .4375rem .188rem;height:1.5rem;padding:.188rem 8px .188rem .5rem}.search-box .search-bar-close{margin-left:auto;float:right}.search-icon{margin:0 4px 0 0;font-size:1.125rem;color:#9b9b9b}.filter-icon{justify-content:right;margin-left:auto;color:#d4d4d4;color:#a1a1a1;font-size:16px;cursor:pointer}.data{margin:0 13px 0 8px;font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.86;letter-spacing:\"\";color:#4a4a4a}.search-input{margin:1px 0 1px 4px;font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#c8c8c8;width:calc(100% - 38px)}.check-box{color:#268bff}.tooltip-data-container{overflow-y:scroll;max-height:8rem}.searchbar{width:100%;display:flex;justify-content:flex-end;align-items:flex-end}.clear-button{opacity:.5;font-family:Roboto;font-size:.9375rem;font-weight:500;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-decoration:underline;border:none;background-color:#fff;color:#4a4a4a;margin-left:.625rem;padding:0}.clear-button:focus{outline:none;box-shadow:none}.unchecked{color:#268bff}cdk-virtual-scroll-viewport.dropdown-data-container{max-height:12.3rem;width:100%;overflow-y:auto;overflow-x:hidden}cdk-virtual-scroll-viewport.dropdown-data-container p.input{margin-left:0}cdk-virtual-scroll-viewport.dropdown-data-container p.input span.mi{padding-left:.4375rem}cdk-virtual-scroll-viewport.dropdown-data-container p.input:hover{background-color:#ebebeb;cursor:pointer}cdk-virtual-scroll-viewport.dropdown-data-container::-webkit-scrollbar{width:.188rem}cdk-virtual-scroll-viewport.dropdown-data-container::-webkit-scrollbar-thumb{color:#d3d3d3;background:#d3d3d3}section.min-maxContainer{display:flex;justify-content:center;margin-bottom:-.125rem;margin-top:.5rem;width:100%}section.min-maxContainer input{width:30%;height:1.875rem;border:1px solid lightgray;color:gray}section.min-maxContainer span{display:inline-block;padding-left:.5rem;padding-right:.5rem;position:relative;top:.3125rem;color:#666}.time-container{width:100%;display:flex;padding:0 .75rem}.time-container input.form-control:disabled{background-color:#fff;width:2.813rem}.time-container input.numberInput:focus{box-shadow:none;border-color:#c2cfd6}.time-container .dot{color:#cbcbcb;position:relative;left:-7px;font-size:17px}.time-container div.arrow-container{flex-direction:column;display:flex;margin-top:.375rem;width:9px;height:18px;margin-right:1.1875rem}.time-container div.arrow-container i{color:#000;cursor:pointer;max-height:9px;font-size:25px;width:10px}.time-container div.arrow-container i:before{width:0;height:0;pointer-events:none;position:relative;left:-9px;top:-11px}.mdi-filter{cursor:pointer}.time-label-container{display:flex;justify-content:flex-start}.time-label-container label{margin-bottom:0;color:#4a4a4a;margin-top:.125rem;margin-left:.75rem;font-weight:700}.time-heading{color:#000;font-size:.8125rem;text-align:left;padding-left:.625rem;margin-top:.625rem;font-weight:700}.column-clear-all{width:94%;text-align:center;border:none;font-size:14px;background:none;text-decoration:underline;color:#268bff}.checkbox-container{display:flex;padding-inline:.625rem}.checkbox-container .data{text-align:left}.checkbox-container:first-of-type{margin-top:.625rem;font-weight:500}.column-clear-all{width:94%;text-align:center;border:none;background:none;text-decoration:underline;color:#268bff}.column-clear-all:disabled{opacity:.5;color:#4a4a4a;font-weight:400}.column-clear-all.align-center{text-align:center}span.mdi-filter-variant.disabled{pointer-events:none;opacity:.5}.datepicker-container{width:100%}span.mdi-filter-variant{color:#cbcbcb;cursor:pointer;font-size:.875rem}span.mdi-filter-variant.active{color:#000}p.filter-tab{font-family:Roboto;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.29;letter-spacing:normal;color:#1b88ff;border-radius:5px;background-color:#f4f4f4;padding-inline:8px;cursor:pointer;overflow:hidden;text-align:center;text-overflow:ellipsis}p.filter-tab.active{color:#fff;background-color:#1b88ff}button.filter-text-btn{background:#fff;text-decoration:underline;font-family:Roboto;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;border:none;color:#268bff;margin-inline:4px;margin-top:2px}button.filter-text-btn:disabled{color:#b1b1b1;cursor:not-allowed}::ng-deep .non-edit-datepicker-tooltip .tooltip-inner{max-width:310px!important;width:283px!important;overflow-y:initial!important;padding:0!important}input.slider-text::-webkit-outer-spin-button,input.slider-text::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input.slider-text{-moz-appearance:textfield}input.slider-text.red-border{border:1px solid #f44336!important}::ng-deep .checkbox-sort p.sort-container{margin-top:8px!important;padding-bottom:8px!important}i.mdi-close{cursor:pointer}i.mdi-close.disable-close-icon{pointer-events:none;cursor:not-allowed}input.error-border{border:1px solid #f44336!important}::ng-deep .non-edit-checkbox-tooltip .tooltip-inner{width:238px!important;padding:0!important}::ng-deep .non-edit-slider-tooltip .tooltip-inner{width:238px!important;padding:0!important}::ng-deep .non-edit-time-tooltip .tooltip-inner{width:250px!important;padding:0!important}::ng-deep .non-edit-time-tooltip.bs-tooltip-start{padding:.4rem}::ng-deep .non-edit-time-tooltip.bs-tooltip-start .tooltip-arrow{right:0;top:5px!important;width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}::ng-deep .non-edit-time-tooltip.bs-tooltip-start .tooltip-arrow:before{border-left-color:#fff;left:-1px;border-width:calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height)}::ng-deep .no-bottom-border p.sort-container{border-bottom:none!important}::ng-deep .ngx-slider-pointer-min:after{display:none}::ng-deep .ngx-slider-pointer-max:after{display:none}::ng-deep .ngx-slider span.ngx-slider-pointer{width:12px;height:12px;top:-5px;background-color:#bdbdbd}::ng-deep .ngx-slider span.ngx-slider-bar{height:3px;background:#ededed}::ng-deep .ngx-slider span.ngx-slider-selection{background:#bdbdbd}::ng-deep .ngx-slider span.ngx-slider-bubble{bottom:-22px;font-size:12px;color:#333}::ng-deep .show-min.ngx-slider span.ngx-slider-model-value{background:#fff;box-shadow:0 6px 10px #0000004d,0 2px 2px #0003}::ng-deep .show-max.ngx-slider span.ngx-slider-model-high{background:#fff;box-shadow:none}::ng-deep .ngx-slider span.ngx-slider-combined{background:#fff;box-shadow:0 6px 10px #0000004d,0 2px 2px #0003}::ng-deep .ngx-slider{top:10px!important;margin:5px 0 2px!important}::ng-deep .ngx-slider-animate{top:0!important}.sidebar-slider{margin-bottom:35px!important;margin-left:5px;margin-right:5px}.slider-placeholder{height:14px}::ng-deep .filter-calendar select.form-select:focus{border-color:#c2cfd6;box-shadow:none}::ng-deep .filter-calendar select.form-select{background-color:#fff}.no-data-case{padding-left:.4375rem!important;font-size:.875rem!important;margin-top:10px!important;cursor:pointer}.custom-column-checkbox-checked,.custom-column-checkbox-unchecked{font-size:.875rem;cursor:pointer}.custom-column-checkbox-checked{color:#268bff}.custom-column-checkbox-unchecked{color:#4a4a4a}:host::ng-deep div.ngb-dp-arrow{width:2.4375rem!important;background-color:#fff!important}:host::ng-deep div.ngb-dp-weekday{color:#8bac2a;border-top:1px solid rgba(183,183,183,.6);margin-top:.5rem;font-family:Roboto;font-size:.8125rem;font-weight:700;font-stretch:normal;font-style:normal;line-height:2.6;letter-spacing:normal}:host::ng-deep div.ngb-dp-week{border-radius:0;background-color:#fff!important}:host::ng-deep div.ngb-dp-header{padding-top:8px!important;background-color:#fff!important}:host::ng-deep div.bg-primary{background-color:#d9e1e6!important;border-radius:.25rem}:host::ng-deep .ngb-dp-arrow-btn:focus{outline-width:0px}:host::ng-deep .right .ngb-dp-navigation-chevron,:host::ng-deep .ngb-dp-navigation-chevron{color:#000}:host::ng-deep .custom-select{border:1px solid rgba(183,183,183,.6);box-shadow:none}:host::ng-deep .btn:focus{box-shadow:none}.custom-day{text-align:center;padding:.185rem .25rem;color:#000;display:inline-block;height:2rem;width:2.2rem}.custom-day.range{background-color:#268bff!important;color:#fff!important}.custom-day:hover{background-color:#d9e1e6;border-radius:.25rem;color:#bdbdbd}:host::ng-deep div.ngb-dp-day.disabled{cursor:not-allowed}.custom-day.faded{background-color:#268bff33!important;color:#000!important;font-weight:600}:host::ng-deep div.ngb-dp-week div.ngb-dp-day.disabled .custom-day{color:#bdbdbd;opacity:50%}.buttons{display:flex;margin:0px auto .4375rem;margin-bottom:0;justify-content:center}.buttons button.btn:disabled{background:#bdbdbd;opacity:.5;color:#4a4a4a}.buttons .btn{display:inline-block;margin:8px 4px 0 8px;padding:5px 16px;text-align:center;outline:none;font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.14;letter-spacing:normal;border:none;color:#268bff;background-color:#e5f1ff}.buttons .btn:last-of-type{background-color:#268bff;color:#fff}:host::ng-deep .ngb-dp-day{font-weight:700}input#datepicker-input,button.icon-container{background:#fff;border:none}input#datepicker-input{color:#202b47;cursor:default;font-family:Roboto;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}input#datepicker-input:focus{box-shadow:none}div.input-group{border:1px solid #b7b7b7;border-radius:2px}.calendar-label{font-family:Roboto;font-size:12px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#666;margin-top:7px;margin-bottom:0;text-align:left;margin-left:12px}.dp-hidden .input-group{border-bottom:none}.dp-hidden .input-group .form-control{height:29px}:host::ng-deep ngb-datepicker-navigation-select>.form-select:focus{box-shadow:none!important;border:1px solid #c2cfd6!important}:host::ng-deep .ngb-dp-day,:host::ng-deep .ngb-dp-weekday,:host::ng-deep .ngb-dp-week-number{width:2.2rem!important}:host ::ng-deep .input-group ngb-datepicker.dropdown-menu.show{margin-left:-1px!important}\n"] }]
|
|
1089
1089
|
}], ctorParameters: function () { return [{ type: AnnaDateTimeFormatService }]; }, propDecorators: { maxDate: [{
|
|
1090
1090
|
type: Input
|
|
1091
1091
|
}], autoClose: [{
|
|
@@ -1120,36 +1120,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
1120
1120
|
type: Output
|
|
1121
1121
|
}] } });
|
|
1122
1122
|
|
|
1123
|
-
class TooltipModel {
|
|
1124
|
-
constructor(obj, id) {
|
|
1125
|
-
this.label = obj != null ? obj.toString() : '-';
|
|
1126
|
-
this.value = obj;
|
|
1127
|
-
this.isSelected = false;
|
|
1128
|
-
this.id = id;
|
|
1129
|
-
}
|
|
1130
|
-
}
|
|
1131
|
-
class tooltipModelForColumnLevelFiltering {
|
|
1132
|
-
constructor(data) {
|
|
1133
|
-
this.data = data;
|
|
1134
|
-
this.isSelected = true;
|
|
1135
|
-
this.isHidden = false;
|
|
1136
|
-
}
|
|
1137
|
-
}
|
|
1138
|
-
class radioButtonModel {
|
|
1139
|
-
constructor(key, value, sort, filter) {
|
|
1140
|
-
this.key = key;
|
|
1141
|
-
this.label = value;
|
|
1142
|
-
this.isSortRequired = sort;
|
|
1143
|
-
this.isFilterRequired = filter;
|
|
1144
|
-
}
|
|
1145
|
-
}
|
|
1146
|
-
var AllSelectedStatus;
|
|
1147
|
-
(function (AllSelectedStatus) {
|
|
1148
|
-
AllSelectedStatus[AllSelectedStatus["none"] = 0] = "none";
|
|
1149
|
-
AllSelectedStatus[AllSelectedStatus["allSelected"] = 1] = "allSelected";
|
|
1150
|
-
AllSelectedStatus[AllSelectedStatus["fewSelected"] = 2] = "fewSelected";
|
|
1151
|
-
})(AllSelectedStatus || (AllSelectedStatus = {}));
|
|
1152
|
-
|
|
1153
1123
|
// Angular import statements
|
|
1154
1124
|
// Third party import statements
|
|
1155
1125
|
// User defined import statements
|
|
@@ -1158,14 +1128,14 @@ class AnnaSortService {
|
|
|
1158
1128
|
this.annaDateTimeFormatService = annaDateTimeFormatService;
|
|
1159
1129
|
this.updateSortTypeSubject = new Subject();
|
|
1160
1130
|
this.dateSet = new Set([
|
|
1161
|
-
|
|
1162
|
-
|
|
1163
|
-
|
|
1164
|
-
|
|
1165
|
-
|
|
1166
|
-
|
|
1167
|
-
|
|
1168
|
-
|
|
1131
|
+
"endDate",
|
|
1132
|
+
"startDate",
|
|
1133
|
+
"end_date",
|
|
1134
|
+
"start_date",
|
|
1135
|
+
"flightStartDate",
|
|
1136
|
+
"flightEndDate",
|
|
1137
|
+
"date",
|
|
1138
|
+
"GeneratedOn",
|
|
1169
1139
|
]);
|
|
1170
1140
|
}
|
|
1171
1141
|
sortDataForComponentOtherThanLurAndCsrPage(isAsc, data, key) {
|
|
@@ -1176,13 +1146,13 @@ class AnnaSortService {
|
|
|
1176
1146
|
return this.annaDateTimeFormatService.compareDate(a[key], b[key], isAsc);
|
|
1177
1147
|
});
|
|
1178
1148
|
}
|
|
1179
|
-
else if (key ===
|
|
1149
|
+
else if (key === "AirDateAndTime" || key === "Date") {
|
|
1180
1150
|
data.sort((a, b) => {
|
|
1181
1151
|
let first, second;
|
|
1182
|
-
if (a[key] ==
|
|
1152
|
+
if (a[key] == "-") {
|
|
1183
1153
|
return 1;
|
|
1184
1154
|
}
|
|
1185
|
-
if (b[key] ==
|
|
1155
|
+
if (b[key] == "-") {
|
|
1186
1156
|
return -1;
|
|
1187
1157
|
}
|
|
1188
1158
|
else {
|
|
@@ -1193,7 +1163,7 @@ class AnnaSortService {
|
|
|
1193
1163
|
}
|
|
1194
1164
|
});
|
|
1195
1165
|
}
|
|
1196
|
-
else if (key ==
|
|
1166
|
+
else if (key == "startEndTime" || key == "TimeBand") {
|
|
1197
1167
|
data.sort((a, b) => {
|
|
1198
1168
|
if (isAsc) {
|
|
1199
1169
|
param1 = a[key][1];
|
|
@@ -1210,8 +1180,8 @@ class AnnaSortService {
|
|
|
1210
1180
|
});
|
|
1211
1181
|
}
|
|
1212
1182
|
else {
|
|
1213
|
-
let dataWithoutEmptyOrHyphenValues = data.filter((n) => n[key] !=
|
|
1214
|
-
let rowsWithHyphenOrZeroValues = data.filter((n) => n[key] ==
|
|
1183
|
+
let dataWithoutEmptyOrHyphenValues = data.filter((n) => n[key] != "-");
|
|
1184
|
+
let rowsWithHyphenOrZeroValues = data.filter((n) => n[key] == "-");
|
|
1215
1185
|
dataWithoutEmptyOrHyphenValues.sort((a, b) => {
|
|
1216
1186
|
param1 = a[key];
|
|
1217
1187
|
param2 = b[key];
|
|
@@ -1229,16 +1199,16 @@ class AnnaSortService {
|
|
|
1229
1199
|
sortEnterEditLurAndCsrPage(isAsc, data, key) {
|
|
1230
1200
|
let param1;
|
|
1231
1201
|
let param2;
|
|
1232
|
-
if (key.includes(
|
|
1233
|
-
let keys = key.split(
|
|
1202
|
+
if (key.includes("_")) {
|
|
1203
|
+
let keys = key.split("_");
|
|
1234
1204
|
let weekNumber = keys[0];
|
|
1235
1205
|
let sortKey = keys[1];
|
|
1236
1206
|
if (keys.length > 2) {
|
|
1237
|
-
sortKey = keys[2] == true ?
|
|
1207
|
+
sortKey = keys[2] == true ? "BookedAurIncludingNoChargeSpots" : "BookedAurExcludingNoChargeSpots";
|
|
1238
1208
|
}
|
|
1239
1209
|
data.sort((a, b) => {
|
|
1240
|
-
let aInventoryCodeWeekWiseKey = Object.keys(a.WeekWiseInventoryCodeData).filter((key) => key.split(
|
|
1241
|
-
let bInventoryCodeWeekWiseKey = Object.keys(b.WeekWiseInventoryCodeData).filter((key) => key.split(
|
|
1210
|
+
let aInventoryCodeWeekWiseKey = Object.keys(a.WeekWiseInventoryCodeData).filter((key) => key.split("_")[1] == weekNumber);
|
|
1211
|
+
let bInventoryCodeWeekWiseKey = Object.keys(b.WeekWiseInventoryCodeData).filter((key) => key.split("_")[1] == weekNumber);
|
|
1242
1212
|
param1 = null;
|
|
1243
1213
|
param2 = null;
|
|
1244
1214
|
if (aInventoryCodeWeekWiseKey.length > 0) {
|
|
@@ -1253,7 +1223,7 @@ class AnnaSortService {
|
|
|
1253
1223
|
return 0;
|
|
1254
1224
|
});
|
|
1255
1225
|
}
|
|
1256
|
-
else if (key ==
|
|
1226
|
+
else if (key == "TimeBand") {
|
|
1257
1227
|
data.sort((a, b) => {
|
|
1258
1228
|
if (isAsc) {
|
|
1259
1229
|
param1 = a[key][1];
|
|
@@ -1283,12 +1253,12 @@ class AnnaSortService {
|
|
|
1283
1253
|
}
|
|
1284
1254
|
checkIfSortingIsApplied(tableData, isLurAndCsrComponent) {
|
|
1285
1255
|
for (let [key, value] of this.columnSortState.entries()) {
|
|
1286
|
-
if (value ==
|
|
1256
|
+
if (value == "ASC") {
|
|
1287
1257
|
tableData = cloneDeep(isLurAndCsrComponent
|
|
1288
1258
|
? this.sortEnterEditLurAndCsrPage(true, tableData, key)
|
|
1289
1259
|
: this.sortDataForComponentOtherThanLurAndCsrPage(true, tableData, key));
|
|
1290
1260
|
}
|
|
1291
|
-
else if (value ==
|
|
1261
|
+
else if (value == "DESC") {
|
|
1292
1262
|
tableData = cloneDeep(isLurAndCsrComponent
|
|
1293
1263
|
? this.sortEnterEditLurAndCsrPage(false, tableData, key)
|
|
1294
1264
|
: this.sortDataForComponentOtherThanLurAndCsrPage(false, tableData, key));
|
|
@@ -1297,28 +1267,28 @@ class AnnaSortService {
|
|
|
1297
1267
|
return tableData;
|
|
1298
1268
|
}
|
|
1299
1269
|
applySorting(key, tempSortOrder, tableData, isLurAndCsrComponent) {
|
|
1300
|
-
if (tempSortOrder ==
|
|
1270
|
+
if (tempSortOrder == "ASC") {
|
|
1301
1271
|
tableData = cloneDeep(isLurAndCsrComponent
|
|
1302
1272
|
? this.sortEnterEditLurAndCsrPage(true, tableData, key)
|
|
1303
1273
|
: this.sortDataForComponentOtherThanLurAndCsrPage(true, tableData, key));
|
|
1304
1274
|
}
|
|
1305
|
-
else if (tempSortOrder ==
|
|
1275
|
+
else if (tempSortOrder == "DESC") {
|
|
1306
1276
|
tableData = cloneDeep(isLurAndCsrComponent
|
|
1307
1277
|
? this.sortEnterEditLurAndCsrPage(false, tableData, key)
|
|
1308
1278
|
: this.sortDataForComponentOtherThanLurAndCsrPage(false, tableData, key));
|
|
1309
1279
|
}
|
|
1310
|
-
else if (tempSortOrder ==
|
|
1280
|
+
else if (tempSortOrder == "DEFAULT") {
|
|
1311
1281
|
tableData = cloneDeep(this.noSortingAppliedData);
|
|
1312
1282
|
}
|
|
1313
1283
|
return tableData;
|
|
1314
1284
|
}
|
|
1315
1285
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaSortService, deps: [{ token: AnnaDateTimeFormatService }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1316
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaSortService, providedIn:
|
|
1286
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaSortService, providedIn: "root" }); }
|
|
1317
1287
|
}
|
|
1318
1288
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaSortService, decorators: [{
|
|
1319
1289
|
type: Injectable,
|
|
1320
1290
|
args: [{
|
|
1321
|
-
providedIn:
|
|
1291
|
+
providedIn: "root",
|
|
1322
1292
|
}]
|
|
1323
1293
|
}], ctorParameters: function () { return [{ type: AnnaDateTimeFormatService }]; } });
|
|
1324
1294
|
|
|
@@ -1329,6 +1299,36 @@ var SortTypeEnum;
|
|
|
1329
1299
|
SortTypeEnum["DESC"] = "DESC";
|
|
1330
1300
|
})(SortTypeEnum || (SortTypeEnum = {}));
|
|
1331
1301
|
|
|
1302
|
+
class TooltipModel {
|
|
1303
|
+
constructor(obj, id) {
|
|
1304
|
+
this.label = obj != null ? obj.toString() : "-";
|
|
1305
|
+
this.value = obj;
|
|
1306
|
+
this.isSelected = false;
|
|
1307
|
+
this.id = id;
|
|
1308
|
+
}
|
|
1309
|
+
}
|
|
1310
|
+
class tooltipModelForColumnLevelFiltering {
|
|
1311
|
+
constructor(data) {
|
|
1312
|
+
this.data = data;
|
|
1313
|
+
this.isSelected = true;
|
|
1314
|
+
this.isHidden = false;
|
|
1315
|
+
}
|
|
1316
|
+
}
|
|
1317
|
+
class RadioButtonModel {
|
|
1318
|
+
constructor(key, value, sort, filter) {
|
|
1319
|
+
this.key = key;
|
|
1320
|
+
this.label = value;
|
|
1321
|
+
this.isSortRequired = sort;
|
|
1322
|
+
this.isFilterRequired = filter;
|
|
1323
|
+
}
|
|
1324
|
+
}
|
|
1325
|
+
var AllSelectedStatus;
|
|
1326
|
+
(function (AllSelectedStatus) {
|
|
1327
|
+
AllSelectedStatus[AllSelectedStatus["none"] = 0] = "none";
|
|
1328
|
+
AllSelectedStatus[AllSelectedStatus["allSelected"] = 1] = "allSelected";
|
|
1329
|
+
AllSelectedStatus[AllSelectedStatus["fewSelected"] = 2] = "fewSelected";
|
|
1330
|
+
})(AllSelectedStatus || (AllSelectedStatus = {}));
|
|
1331
|
+
|
|
1332
1332
|
class AnnaFilterService {
|
|
1333
1333
|
static { this.bufferSize = 20; }
|
|
1334
1334
|
constructor(dateTimeFormatService, annaSortService) {
|
|
@@ -1338,53 +1338,53 @@ class AnnaFilterService {
|
|
|
1338
1338
|
this.tooltipSelectedMap = new Map();
|
|
1339
1339
|
this.appliedFiltersArray = [];
|
|
1340
1340
|
this.sliderCurrencySet = new Set([
|
|
1341
|
-
|
|
1342
|
-
|
|
1343
|
-
|
|
1344
|
-
|
|
1345
|
-
|
|
1346
|
-
|
|
1347
|
-
|
|
1348
|
-
|
|
1349
|
-
|
|
1350
|
-
|
|
1351
|
-
|
|
1352
|
-
|
|
1353
|
-
|
|
1354
|
-
|
|
1355
|
-
|
|
1341
|
+
"booked",
|
|
1342
|
+
"cpp",
|
|
1343
|
+
"cpm",
|
|
1344
|
+
"rcvPreempt",
|
|
1345
|
+
"osPreempt",
|
|
1346
|
+
"postedAdu",
|
|
1347
|
+
"scheduledAdu",
|
|
1348
|
+
"audienceDeficit",
|
|
1349
|
+
"Rate",
|
|
1350
|
+
"userADUs",
|
|
1351
|
+
"buyerChanges",
|
|
1352
|
+
"userChanges",
|
|
1353
|
+
"userMG",
|
|
1354
|
+
"udValue",
|
|
1355
|
+
"odValue",
|
|
1356
1356
|
]);
|
|
1357
1357
|
this.isFilterSortActive = {};
|
|
1358
1358
|
this.resetFilterSortActiveStatus = true;
|
|
1359
1359
|
this.percentTranslateFunction = (data) => {
|
|
1360
1360
|
if (Math.abs(data) >= 1000) {
|
|
1361
1361
|
let isNegVal = data < 0;
|
|
1362
|
-
const val = (Math.abs(data) / 1000).toFixed(1) +
|
|
1363
|
-
return isNegVal ?
|
|
1362
|
+
const val = (Math.abs(data) / 1000).toFixed(1) + "k%";
|
|
1363
|
+
return isNegVal ? "-" + val : val;
|
|
1364
1364
|
}
|
|
1365
1365
|
else {
|
|
1366
1366
|
let isNegVal = data < 0;
|
|
1367
1367
|
let isWholeNum = parseInt(data.toString()) == data;
|
|
1368
1368
|
let val = isWholeNum ? Math.abs(data).toString() : Math.abs(data).toFixed(1);
|
|
1369
|
-
return isNegVal ?
|
|
1369
|
+
return isNegVal ? "-" + val + "%" : val + "%";
|
|
1370
1370
|
}
|
|
1371
1371
|
};
|
|
1372
1372
|
this.currencyTranslateFunction = (data) => {
|
|
1373
1373
|
if (Math.abs(data) >= 1000) {
|
|
1374
1374
|
let isNegVal = data < 0;
|
|
1375
|
-
const val =
|
|
1376
|
-
return isNegVal ?
|
|
1375
|
+
const val = "$" + (Math.abs(data) / 1000).toFixed(1) + "k";
|
|
1376
|
+
return isNegVal ? "-" + val : val;
|
|
1377
1377
|
}
|
|
1378
1378
|
else {
|
|
1379
1379
|
let isNegVal = data < 0;
|
|
1380
1380
|
let isWholeNum = parseInt(data.toString()) == data;
|
|
1381
1381
|
let val = isWholeNum ? Math.abs(data).toString() : Math.abs(data).toFixed(1);
|
|
1382
|
-
return isNegVal ?
|
|
1382
|
+
return isNegVal ? "-$" + val : "$" + val;
|
|
1383
1383
|
}
|
|
1384
1384
|
};
|
|
1385
1385
|
this.normalTranslateFunction = (data) => {
|
|
1386
1386
|
if (data >= 1000) {
|
|
1387
|
-
const val = (data / 1000).toFixed(1) +
|
|
1387
|
+
const val = (data / 1000).toFixed(1) + "k";
|
|
1388
1388
|
return val;
|
|
1389
1389
|
}
|
|
1390
1390
|
else if (data != Math.floor(data)) {
|
|
@@ -1396,167 +1396,166 @@ class AnnaFilterService {
|
|
|
1396
1396
|
dayjs.extend(isBetween);
|
|
1397
1397
|
dayjs.extend(customParseFormat);
|
|
1398
1398
|
const sliderArr = [
|
|
1399
|
-
|
|
1400
|
-
|
|
1401
|
-
|
|
1402
|
-
|
|
1403
|
-
|
|
1404
|
-
|
|
1405
|
-
|
|
1406
|
-
|
|
1407
|
-
|
|
1408
|
-
|
|
1409
|
-
|
|
1410
|
-
|
|
1411
|
-
|
|
1412
|
-
|
|
1413
|
-
|
|
1414
|
-
|
|
1415
|
-
|
|
1416
|
-
|
|
1417
|
-
|
|
1418
|
-
|
|
1419
|
-
|
|
1420
|
-
|
|
1421
|
-
,
|
|
1422
|
-
|
|
1423
|
-
|
|
1424
|
-
|
|
1425
|
-
|
|
1426
|
-
|
|
1427
|
-
|
|
1428
|
-
|
|
1429
|
-
|
|
1430
|
-
|
|
1431
|
-
|
|
1432
|
-
|
|
1433
|
-
|
|
1434
|
-
|
|
1435
|
-
|
|
1436
|
-
|
|
1437
|
-
|
|
1438
|
-
|
|
1439
|
-
|
|
1440
|
-
|
|
1441
|
-
|
|
1442
|
-
|
|
1443
|
-
|
|
1444
|
-
|
|
1445
|
-
|
|
1446
|
-
|
|
1447
|
-
|
|
1448
|
-
|
|
1449
|
-
|
|
1450
|
-
|
|
1451
|
-
|
|
1452
|
-
|
|
1453
|
-
|
|
1454
|
-
|
|
1455
|
-
|
|
1456
|
-
|
|
1457
|
-
|
|
1458
|
-
|
|
1459
|
-
|
|
1460
|
-
|
|
1461
|
-
|
|
1462
|
-
|
|
1463
|
-
|
|
1464
|
-
|
|
1465
|
-
|
|
1466
|
-
|
|
1467
|
-
|
|
1468
|
-
|
|
1469
|
-
|
|
1470
|
-
|
|
1471
|
-
|
|
1472
|
-
|
|
1473
|
-
|
|
1474
|
-
|
|
1475
|
-
|
|
1476
|
-
|
|
1477
|
-
|
|
1478
|
-
|
|
1479
|
-
|
|
1480
|
-
|
|
1481
|
-
|
|
1482
|
-
|
|
1483
|
-
|
|
1484
|
-
|
|
1485
|
-
|
|
1486
|
-
|
|
1487
|
-
|
|
1488
|
-
|
|
1489
|
-
|
|
1490
|
-
|
|
1491
|
-
|
|
1492
|
-
|
|
1493
|
-
|
|
1494
|
-
|
|
1495
|
-
|
|
1496
|
-
|
|
1497
|
-
|
|
1498
|
-
|
|
1499
|
-
|
|
1500
|
-
|
|
1501
|
-
|
|
1502
|
-
|
|
1503
|
-
|
|
1504
|
-
|
|
1505
|
-
|
|
1506
|
-
|
|
1507
|
-
|
|
1508
|
-
|
|
1509
|
-
|
|
1510
|
-
|
|
1511
|
-
|
|
1512
|
-
|
|
1513
|
-
|
|
1514
|
-
|
|
1515
|
-
|
|
1516
|
-
|
|
1517
|
-
'ProjectedRtg',
|
|
1399
|
+
"rcvPreempt",
|
|
1400
|
+
"osPreempt",
|
|
1401
|
+
"rcvUnderDly",
|
|
1402
|
+
"postedAudPercent",
|
|
1403
|
+
"booked",
|
|
1404
|
+
"spots",
|
|
1405
|
+
"grp",
|
|
1406
|
+
"averageRateThisYear",
|
|
1407
|
+
"averageRateLastYear",
|
|
1408
|
+
"averageCPP",
|
|
1409
|
+
"averageCPM",
|
|
1410
|
+
"IMPSDiff",
|
|
1411
|
+
"RTGDiff",
|
|
1412
|
+
"cpp",
|
|
1413
|
+
"imps",
|
|
1414
|
+
"cpm",
|
|
1415
|
+
"osUnderDly",
|
|
1416
|
+
"totalWeeks",
|
|
1417
|
+
"WeekNumber",
|
|
1418
|
+
"Rate",
|
|
1419
|
+
"OrderedRatingsOrImpressions",
|
|
1420
|
+
"PostedRatingsOrImpressions",
|
|
1421
|
+
"postedAudPercent",
|
|
1422
|
+
"postedAdu",
|
|
1423
|
+
"scheduledAdu",
|
|
1424
|
+
"audienceDeficit",
|
|
1425
|
+
"offeredMGs",
|
|
1426
|
+
"outstandingPE",
|
|
1427
|
+
"offeredADUs",
|
|
1428
|
+
"udDeficitValue",
|
|
1429
|
+
"bookedValue",
|
|
1430
|
+
"bookedSpots",
|
|
1431
|
+
"userChanges",
|
|
1432
|
+
"UDGrp",
|
|
1433
|
+
"UDImps",
|
|
1434
|
+
"ODGrp",
|
|
1435
|
+
"ODImps",
|
|
1436
|
+
"udImpsPercent",
|
|
1437
|
+
"udGrpPercent",
|
|
1438
|
+
"odImpsPercent",
|
|
1439
|
+
"odGrpPercent",
|
|
1440
|
+
"userADUs",
|
|
1441
|
+
"buyerChanges",
|
|
1442
|
+
"userChanges",
|
|
1443
|
+
"userMG",
|
|
1444
|
+
"WeeklyAUR",
|
|
1445
|
+
"WeeklyAURatingOrImpressions",
|
|
1446
|
+
"MGsValue",
|
|
1447
|
+
"ADUsValue",
|
|
1448
|
+
"UserCreditedValue",
|
|
1449
|
+
"UserUnresolvedValue",
|
|
1450
|
+
"BuyerAddedValue",
|
|
1451
|
+
"BuyerDeletedValue",
|
|
1452
|
+
"BuyerChangesValue",
|
|
1453
|
+
"UserChangesValue",
|
|
1454
|
+
"BookedGRPOrIMPS",
|
|
1455
|
+
"BookedCPPOrCPM",
|
|
1456
|
+
"BookedValue",
|
|
1457
|
+
"BookedSpots",
|
|
1458
|
+
"BookedRate",
|
|
1459
|
+
"averageRate",
|
|
1460
|
+
"projectedIMPS",
|
|
1461
|
+
"projectedRTG",
|
|
1462
|
+
"desiredCPM",
|
|
1463
|
+
"desiredCPP",
|
|
1464
|
+
"inventoryFillPercentageSameWeek",
|
|
1465
|
+
"inventoryFillPercentageFinal",
|
|
1466
|
+
"inventoryFillPercentageTillDate",
|
|
1467
|
+
"dollarRateImpact",
|
|
1468
|
+
"dollarIMPSImpact",
|
|
1469
|
+
"IMPSImpact",
|
|
1470
|
+
"dollarRTGImpact",
|
|
1471
|
+
"RTGImpact",
|
|
1472
|
+
"BookedRTG",
|
|
1473
|
+
"BookedIMPS",
|
|
1474
|
+
"AURTG",
|
|
1475
|
+
"AURTG",
|
|
1476
|
+
"PostedRating",
|
|
1477
|
+
"PostedImpressions",
|
|
1478
|
+
"NormalizedOrderedRating",
|
|
1479
|
+
"NormalizedOrderedImpressions",
|
|
1480
|
+
"NormalizedPostedRating",
|
|
1481
|
+
"NormalizedPostedImpressions",
|
|
1482
|
+
"BookedGRP",
|
|
1483
|
+
"BookedIMPSRevTab",
|
|
1484
|
+
"BookedCPP",
|
|
1485
|
+
"BookedCPM",
|
|
1486
|
+
"AUIMPS",
|
|
1487
|
+
"bookedAmountValue",
|
|
1488
|
+
"equivalizedBookedAmountValue",
|
|
1489
|
+
"IMPS",
|
|
1490
|
+
"udValue",
|
|
1491
|
+
"odValue",
|
|
1492
|
+
"ViolatedBookedValue",
|
|
1493
|
+
"ViolatedBookedEURValue",
|
|
1494
|
+
"ViolatingBookedEURValue",
|
|
1495
|
+
"ViolatingBookedValue",
|
|
1496
|
+
"Rebate",
|
|
1497
|
+
"OtherAvailableSpotsTableWeeklyAUR",
|
|
1498
|
+
"parentRowAnnaEstimatesRtg",
|
|
1499
|
+
"parentRowPostedRtg",
|
|
1500
|
+
"parentRowRollingAverageRtg",
|
|
1501
|
+
"parentRowStationEstimatesRtg",
|
|
1502
|
+
"parentRowAnnaEstimatesImps",
|
|
1503
|
+
"parentRowPostedImps",
|
|
1504
|
+
"parentRowRollingAverageImps",
|
|
1505
|
+
"parentRowStationEstimatesImps",
|
|
1506
|
+
"parentRowAnnaEstimatesShare",
|
|
1507
|
+
"parentRowPostedShare",
|
|
1508
|
+
"parentRowRollingAverageShare",
|
|
1509
|
+
"parentRowAnnaEstimatesPutPer",
|
|
1510
|
+
"parentRowPostedPutPer",
|
|
1511
|
+
"parentRowRollingAveragePutPer",
|
|
1512
|
+
"parentRowAnnaEstimatesPut",
|
|
1513
|
+
"parentRowPostedPut",
|
|
1514
|
+
"parentRowRollingAveragePut",
|
|
1515
|
+
"ProjectedImpressions",
|
|
1516
|
+
"ProjectedRtg",
|
|
1518
1517
|
];
|
|
1519
1518
|
const calendarArr = [
|
|
1520
|
-
|
|
1521
|
-
|
|
1522
|
-
|
|
1523
|
-
|
|
1524
|
-
|
|
1525
|
-
|
|
1526
|
-
|
|
1527
|
-
|
|
1528
|
-
|
|
1529
|
-
|
|
1530
|
-
|
|
1531
|
-
|
|
1532
|
-
|
|
1519
|
+
"period",
|
|
1520
|
+
"AirDate",
|
|
1521
|
+
"flightStartDate",
|
|
1522
|
+
"flightEndDate",
|
|
1523
|
+
"date",
|
|
1524
|
+
"startDate",
|
|
1525
|
+
"endDate",
|
|
1526
|
+
"revisionStartDate",
|
|
1527
|
+
"GeneratedOn",
|
|
1528
|
+
"Week",
|
|
1529
|
+
"timeoutDate",
|
|
1530
|
+
"ViolatingSpotDate",
|
|
1531
|
+
"ViolatedSpotDate",
|
|
1533
1532
|
];
|
|
1534
1533
|
const timeArr = [
|
|
1535
|
-
|
|
1536
|
-
|
|
1537
|
-
|
|
1538
|
-
|
|
1539
|
-
|
|
1540
|
-
|
|
1541
|
-
|
|
1542
|
-
|
|
1543
|
-
|
|
1544
|
-
|
|
1545
|
-
|
|
1546
|
-
|
|
1534
|
+
"StartTimeForFilter",
|
|
1535
|
+
"EndTimeForFilter",
|
|
1536
|
+
"time",
|
|
1537
|
+
"startTimeForFilter",
|
|
1538
|
+
"endTimeForFilter",
|
|
1539
|
+
"start_time_for_filter",
|
|
1540
|
+
"end_time_for_filter",
|
|
1541
|
+
"startEndTimeMulti",
|
|
1542
|
+
"startEndTime",
|
|
1543
|
+
"timeoutTime",
|
|
1544
|
+
"OtherAvailableSpotsTableStartTime",
|
|
1545
|
+
"OtherAvailableSpotsTableEndTime",
|
|
1547
1546
|
];
|
|
1548
1547
|
this.sliderSet = new Set(sliderArr);
|
|
1549
1548
|
this.calendarSet = new Set(calendarArr);
|
|
1550
1549
|
this.timeSet = new Set(timeArr);
|
|
1551
1550
|
}
|
|
1552
1551
|
returnMaxAndMinValue(data, key, isMin) {
|
|
1553
|
-
data = data.filter((obj) => ![
|
|
1552
|
+
data = data.filter((obj) => !["", "-", null].includes(obj[key]));
|
|
1554
1553
|
const values = data.map((x) => x[key]);
|
|
1555
1554
|
let valueToReturn = isMin ? min(values) : max(values);
|
|
1556
1555
|
return valueToReturn;
|
|
1557
1556
|
}
|
|
1558
1557
|
returnMinAndMaxDate(data, key) {
|
|
1559
|
-
data = data.filter((obj) => ![
|
|
1558
|
+
data = data.filter((obj) => !["", "-", null].includes(obj[key]));
|
|
1560
1559
|
let DateArr = data.map((obj) => dayjs(obj[key]));
|
|
1561
1560
|
let minDate = dayjs.min(DateArr);
|
|
1562
1561
|
let maxDate = dayjs.max(DateArr);
|
|
@@ -1594,10 +1593,10 @@ class AnnaFilterService {
|
|
|
1594
1593
|
};
|
|
1595
1594
|
}
|
|
1596
1595
|
findUniqueDatesWithData(data) {
|
|
1597
|
-
let uniqueDates = uniq(data.map((u) => u[
|
|
1596
|
+
let uniqueDates = uniq(data.map((u) => u["date"]));
|
|
1598
1597
|
let uniqueDatesInNgbDateFormat = [];
|
|
1599
1598
|
uniqueDates.forEach((date) => {
|
|
1600
|
-
uniqueDatesInNgbDateFormat.push(this.dateTimeFormatService.convertToNgbDateStandardFormat(dayjs(date,
|
|
1599
|
+
uniqueDatesInNgbDateFormat.push(this.dateTimeFormatService.convertToNgbDateStandardFormat(dayjs(date, "MM/DD/YY").format("MM/DD/YYYY")));
|
|
1601
1600
|
});
|
|
1602
1601
|
return uniqueDatesInNgbDateFormat;
|
|
1603
1602
|
}
|
|
@@ -1607,26 +1606,26 @@ class AnnaFilterService {
|
|
|
1607
1606
|
this.removeOrChangeLatestFilterIndex(isFiltered);
|
|
1608
1607
|
}
|
|
1609
1608
|
checkIfDataIsFiltered(isFiltered, isHierarchialUserFiltered, date) {
|
|
1610
|
-
if (this.selectedRadio ==
|
|
1609
|
+
if (this.selectedRadio == "user" && !this.tooltipMap.has("user")) {
|
|
1611
1610
|
isFiltered = cloneDeep(isHierarchialUserFiltered);
|
|
1612
1611
|
}
|
|
1613
|
-
else if (this.selectedRadio ==
|
|
1614
|
-
this.selectedRadio ==
|
|
1615
|
-
this.selectedRadio ==
|
|
1616
|
-
this.selectedRadio ==
|
|
1617
|
-
this.selectedRadio ==
|
|
1618
|
-
this.selectedRadio ==
|
|
1619
|
-
this.selectedRadio ==
|
|
1620
|
-
this.selectedRadio ==
|
|
1621
|
-
this.selectedRadio ==
|
|
1622
|
-
this.selectedRadio ==
|
|
1623
|
-
this.selectedRadio ==
|
|
1612
|
+
else if (this.selectedRadio == "StartTimeForFilter" ||
|
|
1613
|
+
this.selectedRadio == "EndTimeForFilter" ||
|
|
1614
|
+
this.selectedRadio == "startTimeForFilter" ||
|
|
1615
|
+
this.selectedRadio == "endTimeForFilter" ||
|
|
1616
|
+
this.selectedRadio == "time" ||
|
|
1617
|
+
this.selectedRadio == "timeoutTime" ||
|
|
1618
|
+
this.selectedRadio == "OtherAvailableSpotsTableStartTime" ||
|
|
1619
|
+
this.selectedRadio == "OtherAvailableSpotsTableEndTime" ||
|
|
1620
|
+
this.selectedRadio == "start_time_for_filter" ||
|
|
1621
|
+
this.selectedRadio == "end_time_for_filter" ||
|
|
1622
|
+
this.selectedRadio == "startEndTimeMulti") {
|
|
1624
1623
|
isFiltered =
|
|
1625
1624
|
!isEqual(this.initialValueMap.get(this.selectedRadio), this.tooltipSelectedMap.get(this.selectedRadio)) ||
|
|
1626
1625
|
!this.includeZeroTime ||
|
|
1627
1626
|
!this.includeMultiTime;
|
|
1628
1627
|
}
|
|
1629
|
-
else if (this.selectedRadio ==
|
|
1628
|
+
else if (this.selectedRadio == "startEndTime" || this.selectedRadio == "TimeBand") {
|
|
1630
1629
|
isFiltered =
|
|
1631
1630
|
!isEqual(this.initialValueMap.get(this.selectedRadio), this.tooltipSelectedMap.get(this.selectedRadio)) ||
|
|
1632
1631
|
!this.includeZeroTime ||
|
|
@@ -1635,24 +1634,24 @@ class AnnaFilterService {
|
|
|
1635
1634
|
else if (this.sliderSet.has(this.selectedRadio)) {
|
|
1636
1635
|
isFiltered =
|
|
1637
1636
|
!isEqual(this.initialValueMap.get(this.selectedRadio), this.tooltipSelectedMap.get(this.selectedRadio)) && !isEqual(this.tooltipSelectedMap.get(this.selectedRadio), this.sliderData);
|
|
1638
|
-
if (this.selectedRadio ==
|
|
1637
|
+
if (this.selectedRadio == "postedAdu" && this.subRadioButton == "notRequired") {
|
|
1639
1638
|
isFiltered = true;
|
|
1640
1639
|
}
|
|
1641
1640
|
if (!isFiltered && this.tooltipSelectedMap.has(this.selectedRadio)) {
|
|
1642
1641
|
this.tooltipSelectedMap.delete(this.selectedRadio);
|
|
1643
1642
|
}
|
|
1644
1643
|
}
|
|
1645
|
-
else if (this.selectedRadio ==
|
|
1646
|
-
this.selectedRadio ==
|
|
1647
|
-
this.selectedRadio ==
|
|
1648
|
-
this.selectedRadio ==
|
|
1649
|
-
this.selectedRadio ==
|
|
1650
|
-
this.selectedRadio ===
|
|
1651
|
-
this.selectedRadio ===
|
|
1652
|
-
this.selectedRadio ==
|
|
1653
|
-
this.selectedRadio ==
|
|
1654
|
-
this.selectedRadio ==
|
|
1655
|
-
this.selectedRadio ==
|
|
1644
|
+
else if (this.selectedRadio == "startDate" ||
|
|
1645
|
+
this.selectedRadio == "endDate" ||
|
|
1646
|
+
this.selectedRadio == "period" ||
|
|
1647
|
+
this.selectedRadio == "AirDate" ||
|
|
1648
|
+
this.selectedRadio == "timeoutDate" ||
|
|
1649
|
+
this.selectedRadio === "flightStartDate" ||
|
|
1650
|
+
this.selectedRadio === "flightEndDate" ||
|
|
1651
|
+
this.selectedRadio == "date" ||
|
|
1652
|
+
this.selectedRadio == "revisionStartDate" ||
|
|
1653
|
+
this.selectedRadio == "GeneratedOn" ||
|
|
1654
|
+
this.selectedRadio == "Week") {
|
|
1656
1655
|
isFiltered =
|
|
1657
1656
|
!isEqual(this.initialValueMap.get(this.selectedRadio), this.tooltipSelectedMap.get(this.selectedRadio)) && !isEqual(this.tooltipSelectedMap.get(this.selectedRadio), this.flightDateRange);
|
|
1658
1657
|
if (!isFiltered && this.tooltipSelectedMap.has(this.selectedRadio)) {
|
|
@@ -1686,10 +1685,10 @@ class AnnaFilterService {
|
|
|
1686
1685
|
if (!this.annaSortService?.columnSortState)
|
|
1687
1686
|
return originalData;
|
|
1688
1687
|
for (let [key, value] of this.annaSortService.columnSortState.entries()) {
|
|
1689
|
-
if (value ==
|
|
1688
|
+
if (value == "ASC") {
|
|
1690
1689
|
originalData = cloneDeep(this.annaSortService.sortDataForComponentOtherThanLurAndCsrPage(true, originalData, key));
|
|
1691
1690
|
}
|
|
1692
|
-
else if (value ==
|
|
1691
|
+
else if (value == "DESC") {
|
|
1693
1692
|
originalData = cloneDeep(this.annaSortService.sortDataForComponentOtherThanLurAndCsrPage(false, originalData, key));
|
|
1694
1693
|
}
|
|
1695
1694
|
}
|
|
@@ -1705,37 +1704,37 @@ class AnnaFilterService {
|
|
|
1705
1704
|
if (this.sliderSet.has(key)) {
|
|
1706
1705
|
filteredData = filteredData.filter((obj) => obj[key] >= value.min && obj[key] <= value.max);
|
|
1707
1706
|
}
|
|
1708
|
-
else if (key ===
|
|
1709
|
-
key ===
|
|
1710
|
-
key ===
|
|
1711
|
-
key ===
|
|
1712
|
-
key ===
|
|
1713
|
-
key ===
|
|
1714
|
-
key ==
|
|
1715
|
-
key ==
|
|
1716
|
-
key ==
|
|
1717
|
-
key ==
|
|
1718
|
-
key ===
|
|
1719
|
-
key ===
|
|
1720
|
-
key ===
|
|
1707
|
+
else if (key === "startDate" ||
|
|
1708
|
+
key === "endDate" ||
|
|
1709
|
+
key === "AirDate" ||
|
|
1710
|
+
key === "timeoutDate" ||
|
|
1711
|
+
key === "flightStartDate" ||
|
|
1712
|
+
key === "flightEndDate" ||
|
|
1713
|
+
key == "date" ||
|
|
1714
|
+
key == "Date" ||
|
|
1715
|
+
key == "revisionStartDate" ||
|
|
1716
|
+
key == "GeneratedOn" ||
|
|
1717
|
+
key === "Week" ||
|
|
1718
|
+
key === "ViolatedSpotDate" ||
|
|
1719
|
+
key === "ViolatingSpotDate") {
|
|
1721
1720
|
filteredData = filteredData.filter((obj) => this.isObjectInTheRange(obj, value, key));
|
|
1722
1721
|
}
|
|
1723
|
-
else if (key ===
|
|
1722
|
+
else if (key === "period") {
|
|
1724
1723
|
filteredData = filteredData.filter((obj) => this.getDataInTheDateRange(obj, value, key));
|
|
1725
1724
|
}
|
|
1726
|
-
else if (key ===
|
|
1727
|
-
key ===
|
|
1728
|
-
key ==
|
|
1729
|
-
key ===
|
|
1730
|
-
key ===
|
|
1731
|
-
key ===
|
|
1732
|
-
key ==
|
|
1733
|
-
key ===
|
|
1734
|
-
key ===
|
|
1735
|
-
key ==
|
|
1725
|
+
else if (key === "StartTimeForFilter" ||
|
|
1726
|
+
key === "EndTimeForFilter" ||
|
|
1727
|
+
key == "timeoutTime" ||
|
|
1728
|
+
key === "startTimeForFilter" ||
|
|
1729
|
+
key === "endTimeForFilter" ||
|
|
1730
|
+
key === "OtherAvailableSpotsTableStartTime" ||
|
|
1731
|
+
key == "OtherAvailableSpotsTableEndTime" ||
|
|
1732
|
+
key === "start_time_for_filter" ||
|
|
1733
|
+
key === "end_time_for_filter" ||
|
|
1734
|
+
key == "time") {
|
|
1736
1735
|
filteredData = filteredData.filter((obj) => this.returnDataForFromAndToTimeRange(obj, value, key));
|
|
1737
1736
|
}
|
|
1738
|
-
else if (key ===
|
|
1737
|
+
else if (key === "startEndTimeMulti" || key == "startEndTime" || key === "TimeBand") {
|
|
1739
1738
|
filteredData = filteredData.filter((obj) => this.returnDataForStartAndEndTimeRange(obj, value, key));
|
|
1740
1739
|
}
|
|
1741
1740
|
else if (value.length > 0) {
|
|
@@ -1752,7 +1751,7 @@ class AnnaFilterService {
|
|
|
1752
1751
|
return isDateBetweenTheSelectedRange || isDateSameAsTheMinSelectedDate || isDateSameAsTheMaxSelectedDate;
|
|
1753
1752
|
}
|
|
1754
1753
|
returnDataForTimeRange(obj, selectedData) {
|
|
1755
|
-
let format =
|
|
1754
|
+
let format = "HH:mm:ss";
|
|
1756
1755
|
let selectedStartDate = dayjs(selectedData.startTime, format);
|
|
1757
1756
|
let selectedEndDate = dayjs(selectedData.endTime, format);
|
|
1758
1757
|
let startTime = dayjs(obj.startTime, format);
|
|
@@ -1767,29 +1766,29 @@ class AnnaFilterService {
|
|
|
1767
1766
|
(isStartTimeBetweenSelectedStartAndEndTime && isEndTimeSameAsSelectedEndTime));
|
|
1768
1767
|
}
|
|
1769
1768
|
returnDataForFromAndToTimeRange(obj, selectedData, key) {
|
|
1770
|
-
let format =
|
|
1771
|
-
let selectedFromTime = dayjs(
|
|
1772
|
-
let selectedToTime = dayjs(
|
|
1769
|
+
let format = "MM/DD/YYYY HH:mm:ss";
|
|
1770
|
+
let selectedFromTime = dayjs("01/01/2001 " + selectedData.fromTime, format);
|
|
1771
|
+
let selectedToTime = dayjs("01/01/2001 " + selectedData.toTime, format);
|
|
1773
1772
|
let objTime = obj[key];
|
|
1774
|
-
if ([
|
|
1773
|
+
if (["", "-", null].includes(objTime)) {
|
|
1775
1774
|
return false;
|
|
1776
1775
|
}
|
|
1777
|
-
if (selectedData.includeMulti && obj[key] ==
|
|
1776
|
+
if (selectedData.includeMulti && obj[key] == "<multi>") {
|
|
1778
1777
|
return true;
|
|
1779
1778
|
}
|
|
1780
|
-
if (!selectedData.includeMulti && obj[key] ==
|
|
1779
|
+
if (!selectedData.includeMulti && obj[key] == "<multi>") {
|
|
1781
1780
|
return false;
|
|
1782
1781
|
}
|
|
1783
|
-
if (selectedData.includeZero && obj[key] ==
|
|
1782
|
+
if (selectedData.includeZero && obj[key] == "0") {
|
|
1784
1783
|
return true;
|
|
1785
1784
|
}
|
|
1786
|
-
if (!selectedData.includeZero && obj[key] ==
|
|
1785
|
+
if (!selectedData.includeZero && obj[key] == "0") {
|
|
1787
1786
|
return false;
|
|
1788
1787
|
}
|
|
1789
1788
|
if (!selectedData.includeTimeRange) {
|
|
1790
1789
|
return false;
|
|
1791
1790
|
}
|
|
1792
|
-
let dayjsTime = dayjs(
|
|
1791
|
+
let dayjsTime = dayjs("01/01/2001 " + objTime, format);
|
|
1793
1792
|
let isObjTimeSameAsSelectedFromTime = dayjsTime.isSame(selectedFromTime);
|
|
1794
1793
|
let isObjTimeSameAsSelectedToTime = dayjsTime.isSame(selectedToTime);
|
|
1795
1794
|
let isObjTimeBetweenSelectedFromTimeAndToTime = dayjsTime.isBetween(selectedFromTime, selectedToTime);
|
|
@@ -1798,26 +1797,26 @@ class AnnaFilterService {
|
|
|
1798
1797
|
isObjTimeBetweenSelectedFromTimeAndToTime);
|
|
1799
1798
|
}
|
|
1800
1799
|
returnDataForStartAndEndTimeRange(obj, selectedData, key) {
|
|
1801
|
-
let format =
|
|
1802
|
-
let selectedFromTime = dayjs(
|
|
1803
|
-
let selectedToTime = dayjs(
|
|
1804
|
-
if (selectedData.includeMulti && obj[key][0] ==
|
|
1800
|
+
let format = "MM/DD/YYYY HH:mm:ss";
|
|
1801
|
+
let selectedFromTime = dayjs("01/01/2001 " + selectedData.fromTime, format);
|
|
1802
|
+
let selectedToTime = dayjs("01/01/2001 " + selectedData.toTime, format);
|
|
1803
|
+
if (selectedData.includeMulti && obj[key][0] == "<multi>") {
|
|
1805
1804
|
return true;
|
|
1806
1805
|
}
|
|
1807
|
-
if (!selectedData.includeMulti && obj[key][0] ==
|
|
1806
|
+
if (!selectedData.includeMulti && obj[key][0] == "<multi>") {
|
|
1808
1807
|
return false;
|
|
1809
1808
|
}
|
|
1810
|
-
if (selectedData.includeZero && obj[key][0] ==
|
|
1809
|
+
if (selectedData.includeZero && obj[key][0] == "0") {
|
|
1811
1810
|
return true;
|
|
1812
1811
|
}
|
|
1813
|
-
if (!selectedData.includeZero && obj[key][0] ==
|
|
1812
|
+
if (!selectedData.includeZero && obj[key][0] == "0") {
|
|
1814
1813
|
return false;
|
|
1815
1814
|
}
|
|
1816
1815
|
if (!selectedData.includeTimeRange) {
|
|
1817
1816
|
return false;
|
|
1818
1817
|
}
|
|
1819
|
-
let startTime = dayjs(
|
|
1820
|
-
let endTime = dayjs(
|
|
1818
|
+
let startTime = dayjs("01/01/2001 " + obj[key][1], format);
|
|
1819
|
+
let endTime = dayjs("01/01/2001 " + obj[key][2], format);
|
|
1821
1820
|
let isStartTimeSameAsSelectedStartTime = startTime.isSame(selectedFromTime);
|
|
1822
1821
|
let isStartTimeBetweenSelectedStartAndEndTime = startTime.isBetween(selectedFromTime, selectedToTime);
|
|
1823
1822
|
let isEndTimeSameAsSelectedEndTime = endTime.isSame(selectedToTime);
|
|
@@ -1829,8 +1828,8 @@ class AnnaFilterService {
|
|
|
1829
1828
|
}
|
|
1830
1829
|
getDataInTheDateRange(obj, value, key) {
|
|
1831
1830
|
let parsingFormat;
|
|
1832
|
-
if (key ===
|
|
1833
|
-
parsingFormat =
|
|
1831
|
+
if (key === "period") {
|
|
1832
|
+
parsingFormat = "YYYY-MM-DD";
|
|
1834
1833
|
let dayjsStartDate = dayjs(obj.startDate);
|
|
1835
1834
|
let dayjsEndDate = dayjs(obj.endDate);
|
|
1836
1835
|
let startDateIsBetweenSelDate = dayjsStartDate.isBetween(value.fromDate, value.toDate);
|
|
@@ -1840,21 +1839,21 @@ class AnnaFilterService {
|
|
|
1840
1839
|
return ((startDateIsBetweenSelDate || startDateIsSameAsSelStartDate) &&
|
|
1841
1840
|
(endDateIsBetweenSelDate || endDateIsSameAsSelEndDate));
|
|
1842
1841
|
}
|
|
1843
|
-
else if (key ===
|
|
1844
|
-
key ===
|
|
1845
|
-
key ===
|
|
1846
|
-
key ===
|
|
1847
|
-
key ===
|
|
1848
|
-
parsingFormat =
|
|
1842
|
+
else if (key === "AirDate" ||
|
|
1843
|
+
key === "flightStartDate" ||
|
|
1844
|
+
key === "flightEndDate" ||
|
|
1845
|
+
key === "Week" ||
|
|
1846
|
+
key === "timeoutDate") {
|
|
1847
|
+
parsingFormat = "MM/DD/YYYY";
|
|
1849
1848
|
let dateIsBetweenSelDate = dayjs(obj[key], parsingFormat).isBetween(value.minSelectedDate, value.maxSelectedDate);
|
|
1850
1849
|
let dateIsSameAsSelStartDate = dayjs(obj[key], parsingFormat).isSame(value.minSelectedDate);
|
|
1851
1850
|
let dateIsSameAsSelEndDate = dayjs(obj[key], parsingFormat).isSame(value.maxSelectedDate);
|
|
1852
1851
|
return dateIsBetweenSelDate || dateIsSameAsSelStartDate || dateIsSameAsSelEndDate;
|
|
1853
1852
|
}
|
|
1854
1853
|
}
|
|
1855
|
-
initializeTimeFilterData(clonedData, key =
|
|
1856
|
-
let startTimeArr = map(clonedData,
|
|
1857
|
-
let endTimeArr = map(clonedData,
|
|
1854
|
+
initializeTimeFilterData(clonedData, key = "startEndTime") {
|
|
1855
|
+
let startTimeArr = map(clonedData, "startTime");
|
|
1856
|
+
let endTimeArr = map(clonedData, "endTime");
|
|
1858
1857
|
startTimeArr.sort((a, b) => {
|
|
1859
1858
|
return this.dateTimeFormatService.sortByTimeAscending(a, b);
|
|
1860
1859
|
});
|
|
@@ -1868,7 +1867,7 @@ class AnnaFilterService {
|
|
|
1868
1867
|
this.initialValueMap.set(key, initialStartEndTime);
|
|
1869
1868
|
}
|
|
1870
1869
|
returnColumnFilterStatus(data, headerName) {
|
|
1871
|
-
if (headerName ==
|
|
1870
|
+
if (headerName == "startEndTime") {
|
|
1872
1871
|
let time = data.map((u) => u[headerName][0]);
|
|
1873
1872
|
let uniqTime = uniq(time);
|
|
1874
1873
|
return uniqTime.length == 0;
|
|
@@ -1902,37 +1901,37 @@ class AnnaFilterService {
|
|
|
1902
1901
|
if (this.sliderSet.has(key)) {
|
|
1903
1902
|
filteredData = filteredData.filter((obj) => obj[key] >= value.min && obj[key] <= value.max);
|
|
1904
1903
|
}
|
|
1905
|
-
else if (key ===
|
|
1906
|
-
key ===
|
|
1907
|
-
key ===
|
|
1908
|
-
key ===
|
|
1909
|
-
key ===
|
|
1910
|
-
key ===
|
|
1911
|
-
key ==
|
|
1912
|
-
key ==
|
|
1913
|
-
key ==
|
|
1914
|
-
key ==
|
|
1915
|
-
key ===
|
|
1916
|
-
key ===
|
|
1917
|
-
key ===
|
|
1904
|
+
else if (key === "startDate" ||
|
|
1905
|
+
key === "endDate" ||
|
|
1906
|
+
key === "AirDate" ||
|
|
1907
|
+
key === "timeoutDate" ||
|
|
1908
|
+
key === "flightStartDate" ||
|
|
1909
|
+
key === "flightEndDate" ||
|
|
1910
|
+
key == "date" ||
|
|
1911
|
+
key == "Date" ||
|
|
1912
|
+
key == "revisionStartDate" ||
|
|
1913
|
+
key == "GeneratedOn" ||
|
|
1914
|
+
key === "Week" ||
|
|
1915
|
+
key === "ViolatedSpotDate" ||
|
|
1916
|
+
key === "ViolatingSpotDate") {
|
|
1918
1917
|
filteredData = filteredData.filter((obj) => this.isObjectInTheRange(obj, value, key));
|
|
1919
1918
|
}
|
|
1920
|
-
else if (key ===
|
|
1919
|
+
else if (key === "period") {
|
|
1921
1920
|
filteredData = filteredData.filter((obj) => this.getDataInTheDateRange(obj, value, key));
|
|
1922
1921
|
}
|
|
1923
|
-
else if (key ===
|
|
1924
|
-
key ===
|
|
1925
|
-
key ==
|
|
1926
|
-
key ===
|
|
1927
|
-
key ===
|
|
1928
|
-
key ===
|
|
1929
|
-
key ===
|
|
1930
|
-
key ==
|
|
1931
|
-
key ==
|
|
1932
|
-
key ==
|
|
1922
|
+
else if (key === "StartTimeForFilter" ||
|
|
1923
|
+
key === "EndTimeForFilter" ||
|
|
1924
|
+
key == "timeoutTime" ||
|
|
1925
|
+
key === "startTimeForFilter" ||
|
|
1926
|
+
key === "endTimeForFilter" ||
|
|
1927
|
+
key === "start_time_for_filter" ||
|
|
1928
|
+
key === "end_time_for_filter" ||
|
|
1929
|
+
key == "time" ||
|
|
1930
|
+
key == "OtherAvailableSpotsTableStartTime" ||
|
|
1931
|
+
key == "OtherAvailableSpotsTableEndTime") {
|
|
1933
1932
|
filteredData = filteredData.filter((obj) => this.returnDataForFromAndToTimeRange(obj, value, key));
|
|
1934
1933
|
}
|
|
1935
|
-
else if (key ===
|
|
1934
|
+
else if (key === "startEndTimeMulti" || key == "startEndTime" || key === "TimeBand") {
|
|
1936
1935
|
filteredData = filteredData.filter((obj) => this.returnDataForStartAndEndTimeRange(obj, value, key));
|
|
1937
1936
|
}
|
|
1938
1937
|
else if (value.length > 0) {
|
|
@@ -1943,9 +1942,9 @@ class AnnaFilterService {
|
|
|
1943
1942
|
isObjectInTheRange(obj, value, key) {
|
|
1944
1943
|
let objVal = obj[key];
|
|
1945
1944
|
let dayjsDate = dayjs(objVal);
|
|
1946
|
-
if (typeof value.fromDate ===
|
|
1947
|
-
value.fromDate = dayjs(this.dateTimeFormatService.convertNgbDateToMoment(this.dateTimeFormatService.convertToNgbDate(value.fromDate,
|
|
1948
|
-
value.toDate = dayjs(this.dateTimeFormatService.convertNgbDateToMoment(this.dateTimeFormatService.convertToNgbDate(value.toDate,
|
|
1945
|
+
if (typeof value.fromDate === "string" && typeof value.toDate === "string") {
|
|
1946
|
+
value.fromDate = dayjs(this.dateTimeFormatService.convertNgbDateToMoment(this.dateTimeFormatService.convertToNgbDate(value.fromDate, "DD/MM/YYYY")));
|
|
1947
|
+
value.toDate = dayjs(this.dateTimeFormatService.convertNgbDateToMoment(this.dateTimeFormatService.convertToNgbDate(value.toDate, "DD/MM/YYYY")));
|
|
1949
1948
|
}
|
|
1950
1949
|
let isDateSameAsStartOfTheRange = value.fromDate.isSame(objVal);
|
|
1951
1950
|
let isDateSameAsEndOfTheRange = value.toDate.isSame(objVal);
|
|
@@ -1957,19 +1956,19 @@ class AnnaFilterService {
|
|
|
1957
1956
|
let keyArr = [];
|
|
1958
1957
|
Object.keys(this.isFilterSortActive).forEach((key) => {
|
|
1959
1958
|
if (key.includes(activeKey)) {
|
|
1960
|
-
keyArr = key.split(
|
|
1959
|
+
keyArr = key.split(",");
|
|
1961
1960
|
this.isFilterSortActive[key] = this.isTooltipActive(keyArr, sortMap);
|
|
1962
1961
|
}
|
|
1963
1962
|
});
|
|
1964
1963
|
}
|
|
1965
1964
|
updateStateOfAllTheKeys(sortMap) {
|
|
1966
1965
|
Object.keys(this.isFilterSortActive).forEach((key) => {
|
|
1967
|
-
let keyArr = key.split(
|
|
1966
|
+
let keyArr = key.split(",");
|
|
1968
1967
|
this.isFilterSortActive[key] = this.isTooltipActive(keyArr, sortMap);
|
|
1969
1968
|
});
|
|
1970
1969
|
}
|
|
1971
1970
|
incrementHour(value) {
|
|
1972
|
-
if (value ==
|
|
1971
|
+
if (value == "") {
|
|
1973
1972
|
value = 1;
|
|
1974
1973
|
}
|
|
1975
1974
|
else if (parseInt(value) < 12) {
|
|
@@ -1981,7 +1980,7 @@ class AnnaFilterService {
|
|
|
1981
1980
|
return value;
|
|
1982
1981
|
}
|
|
1983
1982
|
decrementHour(value) {
|
|
1984
|
-
if (value ==
|
|
1983
|
+
if (value == "") {
|
|
1985
1984
|
value = 12;
|
|
1986
1985
|
}
|
|
1987
1986
|
else if (parseInt(value) > 1) {
|
|
@@ -1996,32 +1995,32 @@ class AnnaFilterService {
|
|
|
1996
1995
|
// increment to nearest proper interval(15,30,45)
|
|
1997
1996
|
let min = parseInt(value);
|
|
1998
1997
|
if (min <= 14) {
|
|
1999
|
-
value =
|
|
1998
|
+
value = "15";
|
|
2000
1999
|
}
|
|
2001
2000
|
else if (min >= 15 && min <= 29) {
|
|
2002
|
-
value =
|
|
2001
|
+
value = "30";
|
|
2003
2002
|
}
|
|
2004
2003
|
else if (min >= 30 && min <= 44) {
|
|
2005
|
-
value =
|
|
2004
|
+
value = "45";
|
|
2006
2005
|
}
|
|
2007
2006
|
else if (min >= 45) {
|
|
2008
|
-
value =
|
|
2007
|
+
value = "00";
|
|
2009
2008
|
}
|
|
2010
2009
|
return value;
|
|
2011
2010
|
}
|
|
2012
2011
|
decrementMinute(value) {
|
|
2013
2012
|
let min = parseInt(value);
|
|
2014
2013
|
if (min > 0 && min <= 15) {
|
|
2015
|
-
value =
|
|
2014
|
+
value = "00";
|
|
2016
2015
|
}
|
|
2017
2016
|
else if (min >= 16 && min <= 30) {
|
|
2018
|
-
value =
|
|
2017
|
+
value = "15";
|
|
2019
2018
|
}
|
|
2020
2019
|
else if (min >= 31 && min <= 45) {
|
|
2021
|
-
value =
|
|
2020
|
+
value = "30";
|
|
2022
2021
|
}
|
|
2023
2022
|
else if (min > 45 || min == 0) {
|
|
2024
|
-
value =
|
|
2023
|
+
value = "45";
|
|
2025
2024
|
}
|
|
2026
2025
|
return value;
|
|
2027
2026
|
}
|
|
@@ -2044,7 +2043,7 @@ class AnnaFilterService {
|
|
|
2044
2043
|
createListForCheckboxFilter(header, optionData) {
|
|
2045
2044
|
let tooltipOptions = this.getTooltipModelFromOptionData(optionData, header);
|
|
2046
2045
|
this.selectUnselectListCheckbox(tooltipOptions, header);
|
|
2047
|
-
this.formatNullOptionToSpecifiedString(tooltipOptions,
|
|
2046
|
+
this.formatNullOptionToSpecifiedString(tooltipOptions, "-");
|
|
2048
2047
|
return tooltipOptions;
|
|
2049
2048
|
}
|
|
2050
2049
|
getTooltipModelFromOptionData(optionData, header) {
|
|
@@ -2153,7 +2152,7 @@ class AnnaFilterService {
|
|
|
2153
2152
|
let startIndex = item + index * 7; //Multiplying by 7 as there are 7char: <b></b>
|
|
2154
2153
|
let endIndex = startIndex + find.length;
|
|
2155
2154
|
let strToBeReplaced = str.substring(startIndex, endIndex);
|
|
2156
|
-
str = str.replace(strToBeReplaced,
|
|
2155
|
+
str = str.replace(strToBeReplaced, "<b>" + strToBeReplaced + "</b>");
|
|
2157
2156
|
});
|
|
2158
2157
|
return str;
|
|
2159
2158
|
}
|
|
@@ -2181,9 +2180,9 @@ class AnnaFilterService {
|
|
|
2181
2180
|
createRangeForTheDateFilter(optionData) {
|
|
2182
2181
|
let minMaxDate;
|
|
2183
2182
|
//When you want to use startDate and endDate combined as single column then use Period.
|
|
2184
|
-
if (this.selectedRadio ==
|
|
2185
|
-
this.selectedRadio ==
|
|
2186
|
-
this.selectedRadio ==
|
|
2183
|
+
if (this.selectedRadio == "period" ||
|
|
2184
|
+
this.selectedRadio == "buyerFlightDates" ||
|
|
2185
|
+
this.selectedRadio == "trafficFlightDates") {
|
|
2187
2186
|
minMaxDate = this.createStartEndDateRange(optionData);
|
|
2188
2187
|
}
|
|
2189
2188
|
else {
|
|
@@ -2192,8 +2191,8 @@ class AnnaFilterService {
|
|
|
2192
2191
|
return minMaxDate;
|
|
2193
2192
|
}
|
|
2194
2193
|
createStartEndDateRange(optionData) {
|
|
2195
|
-
let minStartDate = this.returnMinAndMaxDate(optionData,
|
|
2196
|
-
let maxEndDate = this.returnMinAndMaxDate(optionData,
|
|
2194
|
+
let minStartDate = this.returnMinAndMaxDate(optionData, "startDate");
|
|
2195
|
+
let maxEndDate = this.returnMinAndMaxDate(optionData, "endDate");
|
|
2197
2196
|
return [minStartDate[0], maxEndDate[1]];
|
|
2198
2197
|
}
|
|
2199
2198
|
getMinAndMaxDateRangeForCalendar(minMaxDate, parsingFormat) {
|
|
@@ -2271,13 +2270,13 @@ class AnnaFilterService {
|
|
|
2271
2270
|
getSliderTranslateFuncVal(header, currencySet) {
|
|
2272
2271
|
let translateFunc;
|
|
2273
2272
|
if (currencySet.has(header)) {
|
|
2274
|
-
translateFunc =
|
|
2273
|
+
translateFunc = "currency";
|
|
2275
2274
|
}
|
|
2276
|
-
else if (header ==
|
|
2277
|
-
translateFunc =
|
|
2275
|
+
else if (header == "postedAudPercent" || header == "parentRowShares" || header == "parentRowPutPercent") {
|
|
2276
|
+
translateFunc = "percent";
|
|
2278
2277
|
}
|
|
2279
2278
|
else {
|
|
2280
|
-
translateFunc =
|
|
2279
|
+
translateFunc = "normal";
|
|
2281
2280
|
}
|
|
2282
2281
|
return translateFunc;
|
|
2283
2282
|
}
|
|
@@ -2285,13 +2284,13 @@ class AnnaFilterService {
|
|
|
2285
2284
|
let minValue = this.returnMaxAndMinValue(optionsData, header, true);
|
|
2286
2285
|
let maxValue = this.returnMaxAndMinValue(optionsData, header, false);
|
|
2287
2286
|
let obj = this.setOptionValues(minValue, maxValue);
|
|
2288
|
-
if (translateFunc ===
|
|
2287
|
+
if (translateFunc === "normal") {
|
|
2289
2288
|
obj.translate = this.normalTranslateFunction;
|
|
2290
2289
|
}
|
|
2291
|
-
else if (translateFunc ===
|
|
2290
|
+
else if (translateFunc === "percent") {
|
|
2292
2291
|
obj.translate = this.percentTranslateFunction;
|
|
2293
2292
|
}
|
|
2294
|
-
else if (translateFunc ===
|
|
2293
|
+
else if (translateFunc === "currency") {
|
|
2295
2294
|
obj.translate = this.currencyTranslateFunction;
|
|
2296
2295
|
}
|
|
2297
2296
|
return obj;
|
|
@@ -2314,7 +2313,7 @@ class AnnaFilterService {
|
|
|
2314
2313
|
return options.floor <= val && val <= options.ceil;
|
|
2315
2314
|
}
|
|
2316
2315
|
getPreviousSelectedValueForSlider(clonedData) {
|
|
2317
|
-
let previousSliderData = { min:
|
|
2316
|
+
let previousSliderData = { min: "", max: "" };
|
|
2318
2317
|
if (this.tooltipSelectedMap.has(this.selectedRadio)) {
|
|
2319
2318
|
previousSliderData = this.tooltipSelectedMap.get(this.selectedRadio);
|
|
2320
2319
|
if (!this.initialValueMap.has(this.selectedRadio)) {
|
|
@@ -2365,13 +2364,13 @@ class AnnaFilterService {
|
|
|
2365
2364
|
selectedToTime = AnnaDateTimeFormatService.formatToTwelveHrs(selectedToTime, true);
|
|
2366
2365
|
}
|
|
2367
2366
|
else {
|
|
2368
|
-
selectedFromTime = [
|
|
2369
|
-
selectedToTime = [
|
|
2367
|
+
selectedFromTime = ["-", "-", "-"];
|
|
2368
|
+
selectedToTime = ["-", "-", "-"];
|
|
2370
2369
|
}
|
|
2371
2370
|
return [selectedFromTime, selectedToTime];
|
|
2372
2371
|
}
|
|
2373
2372
|
setInitialValueMapForTimeFilter(clonedData, key) {
|
|
2374
|
-
if (key ==
|
|
2373
|
+
if (key == "startEndTime" || key == "TimeBand") {
|
|
2375
2374
|
this.setInitialValueForStartAndEndTimeRange(clonedData, key);
|
|
2376
2375
|
}
|
|
2377
2376
|
else {
|
|
@@ -2381,13 +2380,13 @@ class AnnaFilterService {
|
|
|
2381
2380
|
//use for filter where we have start and end time range in one filter
|
|
2382
2381
|
//startEndTime: ["6 - 7A", "06: 00 : 00" , "07:00:00"]
|
|
2383
2382
|
setInitialValueForStartAndEndTimeRange(clonedData, key) {
|
|
2384
|
-
let includeMulti = clonedData.findIndex((obj) => obj[key][0] ==
|
|
2385
|
-
let includeZero = clonedData.findIndex((obj) => obj[key][0] ==
|
|
2386
|
-
let includeTimeRange = clonedData.findIndex((obj) => obj[key][0] !=
|
|
2387
|
-
let filteredStartTime = clonedData.filter((obj) => ![
|
|
2388
|
-
let filteredEndTime = clonedData.filter((obj) => ![
|
|
2389
|
-
let startTimeArr = map(filteredStartTime,
|
|
2390
|
-
let endTimeArr = map(filteredEndTime,
|
|
2383
|
+
let includeMulti = clonedData.findIndex((obj) => obj[key][0] == "<multi>") != -1;
|
|
2384
|
+
let includeZero = clonedData.findIndex((obj) => obj[key][0] == "0") != -1;
|
|
2385
|
+
let includeTimeRange = clonedData.findIndex((obj) => obj[key][0] != "0" && obj[key][0] != "<multi>") != -1;
|
|
2386
|
+
let filteredStartTime = clonedData.filter((obj) => !["", "-", null, "0", "<multi>"].includes(obj["startTime"]));
|
|
2387
|
+
let filteredEndTime = clonedData.filter((obj) => !["", "-", null, "0", "<multi>"].includes(obj["endTime"]));
|
|
2388
|
+
let startTimeArr = map(filteredStartTime, "startTime");
|
|
2389
|
+
let endTimeArr = map(filteredEndTime, "endTime");
|
|
2391
2390
|
startTimeArr.sort((a, b) => {
|
|
2392
2391
|
return this.dateTimeFormatService.sortByTimeAscending(a, b);
|
|
2393
2392
|
});
|
|
@@ -2406,10 +2405,10 @@ class AnnaFilterService {
|
|
|
2406
2405
|
//use for the filters where we have different filter for start and end time
|
|
2407
2406
|
//startTime: "06:00:00"
|
|
2408
2407
|
setInitialValueForStartOrEndTimeRange(clonedData, key) {
|
|
2409
|
-
let includeMulti = clonedData.findIndex((obj) => obj[key] ==
|
|
2410
|
-
let includeZero = clonedData.findIndex((obj) => obj[key] ==
|
|
2411
|
-
let includeTimeRange = clonedData.findIndex((obj) => obj[key] !=
|
|
2412
|
-
let data = clonedData.filter((obj) => ![
|
|
2408
|
+
let includeMulti = clonedData.findIndex((obj) => obj[key] == "<multi>") != -1;
|
|
2409
|
+
let includeZero = clonedData.findIndex((obj) => obj[key] == "0") != -1;
|
|
2410
|
+
let includeTimeRange = clonedData.findIndex((obj) => obj[key] != "0" && obj[key] != "<multi>") != -1;
|
|
2411
|
+
let data = clonedData.filter((obj) => !["", "-", null, "0", "<multi>"].includes(obj[key]));
|
|
2413
2412
|
let timeArr = map(data, key);
|
|
2414
2413
|
timeArr.sort((a, b) => {
|
|
2415
2414
|
return this.dateTimeFormatService.sortByTimeAscending(a, b);
|
|
@@ -2438,24 +2437,24 @@ class AnnaFilterService {
|
|
|
2438
2437
|
selectedTimeObj = this.initialValueMap.get(key);
|
|
2439
2438
|
}
|
|
2440
2439
|
let timeArr;
|
|
2441
|
-
if (key ==
|
|
2440
|
+
if (key == "startEndTime" || key == "TimeBand") {
|
|
2442
2441
|
timeArr = optionsData.map((item) => item[key][0]);
|
|
2443
2442
|
}
|
|
2444
2443
|
else {
|
|
2445
2444
|
timeArr = optionsData.map((item) => item[key]);
|
|
2446
2445
|
}
|
|
2447
|
-
if (timeArr.findIndex((val) => val ==
|
|
2446
|
+
if (timeArr.findIndex((val) => val == "0") != -1) {
|
|
2448
2447
|
showZeroTimeCheckbox = true;
|
|
2449
2448
|
zeroTimeCheckboxChecked = selectedTimeObj.includeZero;
|
|
2450
2449
|
}
|
|
2451
|
-
if (timeArr.findIndex((val) => val ==
|
|
2450
|
+
if (timeArr.findIndex((val) => val == "<multi>") != -1) {
|
|
2452
2451
|
showMultiTimeCheckbox = true;
|
|
2453
2452
|
multiTimeCheckboxChecked = selectedTimeObj.includeMulti;
|
|
2454
2453
|
}
|
|
2455
2454
|
if (showZeroTimeCheckbox || showMultiTimeCheckbox) {
|
|
2456
2455
|
showEnterTimeCheckbox = true;
|
|
2457
2456
|
}
|
|
2458
|
-
if (timeArr.findIndex((val) => val !=
|
|
2457
|
+
if (timeArr.findIndex((val) => val != "<multi>" && val != "0") != -1) {
|
|
2459
2458
|
enterTimeCheckboxChecked = selectedTimeObj?.includeTimeRange;
|
|
2460
2459
|
}
|
|
2461
2460
|
return {
|
|
@@ -2468,11 +2467,11 @@ class AnnaFilterService {
|
|
|
2468
2467
|
};
|
|
2469
2468
|
}
|
|
2470
2469
|
checkIfStartTimeIsAfterEndTime(startTime, endTime) {
|
|
2471
|
-
let timeFormat =
|
|
2472
|
-
let startTime24HrFormatArr = this.dateTimeFormatService.convertTotwentyFourHrsFormat(startTime[0] +
|
|
2473
|
-
let startTime24HrFormat = startTime24HrFormatArr[0] +
|
|
2474
|
-
let endTime24HrFormatArr = this.dateTimeFormatService.convertTotwentyFourHrsFormat(endTime[0] +
|
|
2475
|
-
let endTime24HrFormat = endTime24HrFormatArr[0] +
|
|
2470
|
+
let timeFormat = "HH:mm:ss";
|
|
2471
|
+
let startTime24HrFormatArr = this.dateTimeFormatService.convertTotwentyFourHrsFormat(startTime[0] + ":" + startTime[1] + " " + startTime[2], true);
|
|
2472
|
+
let startTime24HrFormat = startTime24HrFormatArr[0] + ":" + startTime24HrFormatArr[1] + ":00";
|
|
2473
|
+
let endTime24HrFormatArr = this.dateTimeFormatService.convertTotwentyFourHrsFormat(endTime[0] + ":" + endTime[1] + " " + endTime[2], true);
|
|
2474
|
+
let endTime24HrFormat = endTime24HrFormatArr[0] + ":" + endTime24HrFormatArr[1] + ":00";
|
|
2476
2475
|
return dayjs(startTime24HrFormat, timeFormat).isAfter(dayjs(endTime24HrFormat, timeFormat));
|
|
2477
2476
|
}
|
|
2478
2477
|
getPreviousSelectedTimeFilter() {
|
|
@@ -2487,10 +2486,10 @@ class AnnaFilterService {
|
|
|
2487
2486
|
}
|
|
2488
2487
|
getCurrentSelectedTimeFilter(startTime, endTime, includeMulti, includeZero, includeTimeRange) {
|
|
2489
2488
|
let currentSelectedTimeFilter;
|
|
2490
|
-
let fromTime24HrFormatArr = this.dateTimeFormatService.convertTotwentyFourHrsFormat(startTime[0] +
|
|
2491
|
-
let fromTime24HrFormat = fromTime24HrFormatArr[0] +
|
|
2492
|
-
let toTime24HrFormatArr = this.dateTimeFormatService.convertTotwentyFourHrsFormat(endTime[0] +
|
|
2493
|
-
let toTime24HrFormat = toTime24HrFormatArr[0] +
|
|
2489
|
+
let fromTime24HrFormatArr = this.dateTimeFormatService.convertTotwentyFourHrsFormat(startTime[0] + ":" + startTime[1] + " " + startTime[2], true);
|
|
2490
|
+
let fromTime24HrFormat = fromTime24HrFormatArr[0] + ":" + fromTime24HrFormatArr[1] + ":00";
|
|
2491
|
+
let toTime24HrFormatArr = this.dateTimeFormatService.convertTotwentyFourHrsFormat(endTime[0] + ":" + endTime[1] + " " + endTime[2], true);
|
|
2492
|
+
let toTime24HrFormat = toTime24HrFormatArr[0] + ":" + toTime24HrFormatArr[1] + ":00";
|
|
2494
2493
|
currentSelectedTimeFilter = {
|
|
2495
2494
|
fromTime: fromTime24HrFormat,
|
|
2496
2495
|
toTime: toTime24HrFormat,
|
|
@@ -2501,7 +2500,7 @@ class AnnaFilterService {
|
|
|
2501
2500
|
return currentSelectedTimeFilter;
|
|
2502
2501
|
}
|
|
2503
2502
|
incrementHourInput(arr) {
|
|
2504
|
-
if (arr[0] ==
|
|
2503
|
+
if (arr[0] == "") {
|
|
2505
2504
|
arr[0] = 1;
|
|
2506
2505
|
}
|
|
2507
2506
|
else if (parseInt(arr[0]) < 12) {
|
|
@@ -2512,7 +2511,7 @@ class AnnaFilterService {
|
|
|
2512
2511
|
}
|
|
2513
2512
|
}
|
|
2514
2513
|
decrementHourInput(arr) {
|
|
2515
|
-
if (arr[0] ==
|
|
2514
|
+
if (arr[0] == "") {
|
|
2516
2515
|
arr[0] = 12;
|
|
2517
2516
|
}
|
|
2518
2517
|
else if (parseInt(arr[0]) > 1) {
|
|
@@ -2526,31 +2525,31 @@ class AnnaFilterService {
|
|
|
2526
2525
|
// increment to nearest proper interval(15,30,45)
|
|
2527
2526
|
let min = parseInt(arr[1]);
|
|
2528
2527
|
if (min <= 14) {
|
|
2529
|
-
arr[1] =
|
|
2528
|
+
arr[1] = "15";
|
|
2530
2529
|
}
|
|
2531
2530
|
else if (min >= 15 && min <= 29) {
|
|
2532
|
-
arr[1] =
|
|
2531
|
+
arr[1] = "30";
|
|
2533
2532
|
}
|
|
2534
2533
|
else if (min >= 30 && min <= 44) {
|
|
2535
|
-
arr[1] =
|
|
2534
|
+
arr[1] = "45";
|
|
2536
2535
|
}
|
|
2537
2536
|
else if (min >= 45) {
|
|
2538
|
-
arr[1] =
|
|
2537
|
+
arr[1] = "00";
|
|
2539
2538
|
}
|
|
2540
2539
|
}
|
|
2541
2540
|
decrementMinuteInput(arr) {
|
|
2542
2541
|
let min = parseInt(arr[1]);
|
|
2543
2542
|
if (min > 0 && min <= 15) {
|
|
2544
|
-
arr[1] =
|
|
2543
|
+
arr[1] = "00";
|
|
2545
2544
|
}
|
|
2546
2545
|
else if (min >= 16 && min <= 30) {
|
|
2547
|
-
arr[1] =
|
|
2546
|
+
arr[1] = "15";
|
|
2548
2547
|
}
|
|
2549
2548
|
else if (min >= 31 && min <= 45) {
|
|
2550
|
-
arr[1] =
|
|
2549
|
+
arr[1] = "30";
|
|
2551
2550
|
}
|
|
2552
2551
|
else if (min > 45 || min == 0) {
|
|
2553
|
-
arr[1] =
|
|
2552
|
+
arr[1] = "45";
|
|
2554
2553
|
}
|
|
2555
2554
|
}
|
|
2556
2555
|
incrementOrDecrementHour(increment, time) {
|
|
@@ -2570,10 +2569,10 @@ class AnnaFilterService {
|
|
|
2570
2569
|
}
|
|
2571
2570
|
}
|
|
2572
2571
|
isHourValueInvalid(hr) {
|
|
2573
|
-
return hr.length == 0 || !+hr || 1 > parseInt(hr) || parseInt(hr) > 12 || hr.includes(
|
|
2572
|
+
return hr.length == 0 || !+hr || 1 > parseInt(hr) || parseInt(hr) > 12 || hr.includes(".");
|
|
2574
2573
|
}
|
|
2575
2574
|
isMinuteValueInvalid(min) {
|
|
2576
|
-
return (min.length != 2 || (!+min && min !=
|
|
2575
|
+
return (min.length != 2 || (!+min && min != "00") || 0 > parseInt(min) || parseInt(min) > 59 || min.includes("."));
|
|
2577
2576
|
}
|
|
2578
2577
|
//=============================================================SORT======================================================================//
|
|
2579
2578
|
updateSortMap(tempSortOrder, tableData, isLurAndCsrComponent) {
|
|
@@ -2583,12 +2582,12 @@ class AnnaFilterService {
|
|
|
2583
2582
|
return sortedTableData;
|
|
2584
2583
|
}
|
|
2585
2584
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaFilterService, deps: [{ token: AnnaDateTimeFormatService }, { token: AnnaSortService }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
2586
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaFilterService, providedIn:
|
|
2585
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaFilterService, providedIn: "root" }); }
|
|
2587
2586
|
}
|
|
2588
2587
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaFilterService, decorators: [{
|
|
2589
2588
|
type: Injectable,
|
|
2590
2589
|
args: [{
|
|
2591
|
-
providedIn:
|
|
2590
|
+
providedIn: "root",
|
|
2592
2591
|
}]
|
|
2593
2592
|
}], ctorParameters: function () { return [{ type: AnnaDateTimeFormatService }, { type: AnnaSortService }]; } });
|
|
2594
2593
|
|
|
@@ -2602,22 +2601,22 @@ class AnnaSortComponent {
|
|
|
2602
2601
|
{
|
|
2603
2602
|
sortType: SortTypeEnum.ASC,
|
|
2604
2603
|
isOptionActive: false,
|
|
2605
|
-
text:
|
|
2604
|
+
text: "A to Z",
|
|
2606
2605
|
},
|
|
2607
2606
|
{
|
|
2608
2607
|
sortType: SortTypeEnum.DESC,
|
|
2609
2608
|
isOptionActive: false,
|
|
2610
|
-
text:
|
|
2609
|
+
text: "Z to A",
|
|
2611
2610
|
},
|
|
2612
2611
|
{
|
|
2613
2612
|
sortType: SortTypeEnum.DEFAULT,
|
|
2614
2613
|
isOptionActive: false,
|
|
2615
|
-
text:
|
|
2614
|
+
text: "Default",
|
|
2616
2615
|
},
|
|
2617
2616
|
];
|
|
2618
2617
|
}
|
|
2619
2618
|
ngOnChanges(changes) {
|
|
2620
|
-
if (changes[
|
|
2619
|
+
if (changes["sortObjectKey"] && changes["sortObjectKey"].currentValue) {
|
|
2621
2620
|
let sortType = this.annaSortService.columnSortState.get(this.sortObjectKey);
|
|
2622
2621
|
this.setSortType(sortType);
|
|
2623
2622
|
}
|
|
@@ -2643,7 +2642,7 @@ class AnnaSortComponent {
|
|
|
2643
2642
|
}
|
|
2644
2643
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaSortComponent, decorators: [{
|
|
2645
2644
|
type: Component,
|
|
2646
|
-
args: [{ selector:
|
|
2645
|
+
args: [{ selector: "anna-core-sort-lib", changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgFor, NgClass], template: "<p class=\"sort-container\">\r\n <button\r\n class=\"sort-btn\"\r\n *ngFor=\"let option of sortOptions; let i = index\"\r\n (click)=\"sortOptionChanged(i, option.sortType)\"\r\n [ngClass]=\"{ active: option.isOptionActive }\"\r\n >\r\n {{ option.text }}\r\n </button>\r\n</p>\r\n", styles: [".sort-btn{background:#fff;border:none;border-right:1px solid #1b88ff;text-decoration:underline;font-family:Roboto;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.07;letter-spacing:normal;color:#1b88ff;cursor:pointer;flex:1;text-align:center}.sort-btn:last-of-type{border-right:none}.sort-btn.active{color:#202b47;text-decoration:none}p.sort-container{margin-top:8px;padding-bottom:8px;border-bottom:1px solid #e6e6e6;margin-bottom:0;display:flex}\n"] }]
|
|
2647
2646
|
}], ctorParameters: function () { return [{ type: AnnaSortService }]; }, propDecorators: { sortObjectKey: [{
|
|
2648
2647
|
type: Input
|
|
2649
2648
|
}], sortOptionClicked: [{
|
|
@@ -2656,8 +2655,8 @@ class AnnaColumnTimeFilterComponent {
|
|
|
2656
2655
|
this.annaDateTimeFormatService = annaDateTimeFormatService;
|
|
2657
2656
|
this.annaFilterService = annaFilterService;
|
|
2658
2657
|
this.showClearAllFilter = true;
|
|
2659
|
-
this.startFromText =
|
|
2660
|
-
this.endToText =
|
|
2658
|
+
this.startFromText = "From";
|
|
2659
|
+
this.endToText = "To";
|
|
2661
2660
|
this.isSortAndFilterAbsent = false;
|
|
2662
2661
|
this.timeChanges = new EventEmitter();
|
|
2663
2662
|
this.filterAppliedToTable = new EventEmitter();
|
|
@@ -2869,7 +2868,7 @@ class AnnaColumnTimeFilterComponent {
|
|
|
2869
2868
|
let currentSelectedTimeFilter = this.annaFilterService.getCurrentSelectedTimeFilter(this.selectedFromTime, this.selectedToTime, this.multiTimeCheckboxChecked, this.zeroTimeCheckboxChecked, this.enterTimeCheckboxChecked);
|
|
2870
2869
|
let isFiltered = this.annaFilterService.reOrderAppliedFiltersState(this.clonedTableData, currentSelectedTimeFilter);
|
|
2871
2870
|
this.annaFilterService.tooltipSelectedMap.set(this.annaFilterService.selectedRadio, currentSelectedTimeFilter);
|
|
2872
|
-
this.tableData = this.annaFilterService.filterData(this.clonedTableData,
|
|
2871
|
+
this.tableData = this.annaFilterService.filterData(this.clonedTableData, "");
|
|
2873
2872
|
if (!isFiltered) {
|
|
2874
2873
|
this.annaFilterService.tooltipSelectedMap.delete(this.annaFilterService.selectedRadio);
|
|
2875
2874
|
}
|
|
@@ -2883,7 +2882,7 @@ class AnnaColumnTimeFilterComponent {
|
|
|
2883
2882
|
}
|
|
2884
2883
|
clearColumnFilter() {
|
|
2885
2884
|
this.annaFilterService.clearColumnFilter();
|
|
2886
|
-
this.tableData = cloneDeep(this.annaFilterService.filterData(this.clonedTableData,
|
|
2885
|
+
this.tableData = cloneDeep(this.annaFilterService.filterData(this.clonedTableData, ""));
|
|
2887
2886
|
this.annaSortService.noSortingAppliedData = this.tableData;
|
|
2888
2887
|
this.tableData = this.annaSortService.checkIfSortingIsApplied(this.tableData, this.isLurAndCsrComponent);
|
|
2889
2888
|
this.annaFilterService.updateStateOfTheCurrentFilterTab(this.annaSortService.columnSortState);
|
|
@@ -2898,7 +2897,7 @@ class AnnaColumnTimeFilterComponent {
|
|
|
2898
2897
|
}
|
|
2899
2898
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaColumnTimeFilterComponent, decorators: [{
|
|
2900
2899
|
type: Component,
|
|
2901
|
-
args: [{ selector: 'anna-core-anna-column-time-filter', standalone: true, imports: [NgIf, NgFor, NgClass, AnnaSortComponent, FormsModule, MatButtonToggleModule], template: "<div\r\n class=\"radio-container\"\r\n *ngIf=\"showFilterHeaderTabs\"\r\n>\r\n <div *ngFor=\"let data of filterTabObjects\">\r\n <p\r\n class=\"filter-tab\"\r\n [title]=\"data.label\"\r\n (click)=\"populateTooltipDataBasedOnSelectedRadio(data, true)\"\r\n [ngClass]=\"{ active: annaFilterService.selectedRadio == data.key }\"\r\n *ngIf=\"filterTabObjects.length > 0\"\r\n >\r\n {{ data.label }}\r\n </p>\r\n </div>\r\n</div>\r\n\r\n<anna-core-sort-lib\r\n *ngIf=\"showSortComponent\"\r\n [ngClass]=\"{ 'no-bottom-border': !showFilterComponent }\"\r\n (sortOptionClicked)=\"storeSortTypeInTempVariable($event)\"\r\n [sortObjectKey]=\"annaFilterService.selectedRadio\"\r\n></anna-core-sort-lib>\r\n\r\n<ng-container *ngIf=\"showFilterComponent\">\r\n <button\r\n class=\"column-clear-all\"\r\n *ngIf=\"showClearAllFilter\"\r\n [disabled]=\"disableColumnClearAllBtn\"\r\n (click)=\"clearColumnFilter()\"\r\n >\r\n Clear filter\r\n </button>\r\n <div\r\n class=\"time-filter-checkboxes\"\r\n *ngIf=\"showAllTimeRangeCheckboxes\"\r\n >\r\n <!-- Multi time option checkbox -->\r\n <div\r\n class=\"d-flex align-items-center\"\r\n style=\"padding: 0.5rem 0 0.5rem 0.5rem\"\r\n *ngIf=\"showMultiTimeCheckbox\"\r\n >\r\n <span\r\n *ngIf=\"multiTimeCheckboxChecked\"\r\n class=\"material-icons custom-column-checkbox-checked\"\r\n (click)=\"selectOrUnselectMultiTimeCheckbox()\"\r\n >\r\n check_box\r\n </span>\r\n <span\r\n *ngIf=\"!multiTimeCheckboxChecked\"\r\n class=\"material-icons custom-column-checkbox-unchecked\"\r\n (click)=\"selectOrUnselectMultiTimeCheckbox()\"\r\n >\r\n check_box_outline_blank\r\n </span>\r\n <p style=\"margin-left: 2px\">Include Multi</p>\r\n </div>\r\n <!-- Zero time option checkbox -->\r\n <div\r\n class=\"d-flex align-items-center\"\r\n style=\"padding: 0.5rem 0 0.5rem 0.5rem\"\r\n *ngIf=\"showZeroTimeCheckbox\"\r\n >\r\n <span\r\n *ngIf=\"zeroTimeCheckboxChecked\"\r\n class=\"material-icons custom-column-checkbox-checked\"\r\n (click)=\"selectOrUnselectZeroTimeCheckbox()\"\r\n >\r\n check_box\r\n </span>\r\n <span\r\n *ngIf=\"!zeroTimeCheckboxChecked\"\r\n class=\"material-icons custom-column-checkbox-unchecked\"\r\n (click)=\"selectOrUnselectZeroTimeCheckbox()\"\r\n >\r\n check_box_outline_blank\r\n </span>\r\n <p style=\"margin-left: 2px\">Include Zero</p>\r\n </div>\r\n <!-- Enter time range option checkbox -->\r\n <div\r\n class=\"d-flex align-items-center\"\r\n style=\"padding: 0.5rem 0 0.5rem 0.5rem\"\r\n *ngIf=\"showEnterTimeCheckbox\"\r\n >\r\n <span\r\n *ngIf=\"enterTimeCheckboxChecked\"\r\n class=\"material-icons custom-column-checkbox-checked\"\r\n (click)=\"selectOrUnselectEnterTimeCheckbox()\"\r\n >\r\n check_box\r\n </span>\r\n <span\r\n *ngIf=\"!enterTimeCheckboxChecked\"\r\n class=\"material-icons custom-column-checkbox-unchecked\"\r\n (click)=\"selectOrUnselectEnterTimeCheckbox()\"\r\n >\r\n check_box_outline_blank\r\n </span>\r\n <p style=\"margin-left: 2px\">Enter time range</p>\r\n </div>\r\n </div>\r\n <div class=\"time-label-container\">\r\n <label>{{ startFromText }}</label>\r\n </div>\r\n <div class=\"time-container\">\r\n <input\r\n class=\"form-control numberInput\"\r\n [ngClass]=\"{ 'error-border': startTimeHourErr }\"\r\n [(ngModel)]=\"selectedFromTime[0]\"\r\n type=\"text\"\r\n pattern=\"[1-12]*\"\r\n (ngModelChange)=\"startTimeHourChange($event)\"\r\n />\r\n <div class=\"arrow-container\">\r\n <i\r\n class=\"mdi mdi-menu-up upward\"\r\n (click)=\"changeStartTimeHour(true)\"\r\n ></i>\r\n <i\r\n class=\"mdi mdi-menu-down downward\"\r\n (click)=\"changeStartTimeHour(false)\"\r\n ></i>\r\n </div>\r\n <span class=\"dot\">:</span>\r\n <input\r\n class=\"form-control numberInput\"\r\n [ngClass]=\"{ 'error-border': startTimeMinErr }\"\r\n [(ngModel)]=\"selectedFromTime[1]\"\r\n type=\"text\"\r\n pattern=\"[0-59]*\"\r\n (ngModelChange)=\"startTimeMinChange($event)\"\r\n />\r\n <div class=\"arrow-container\">\r\n <i\r\n class=\"mdi mdi-menu-up upward\"\r\n (click)=\"changeStartTimeMinute(true)\"\r\n ></i>\r\n <i\r\n class=\"mdi mdi-menu-down downward\"\r\n style=\"position: relative; left: 0.25px\"\r\n (click)=\"changeStartTimeMinute(false)\"\r\n ></i>\r\n </div>\r\n <div>\r\n <mat-button-toggle-group\r\n [(ngModel)]=\"selectedFromTime[2]\"\r\n (ngModelChange)=\"disableTimeFilterApplyButton()\"\r\n >\r\n <mat-button-toggle value=\"AM\">\r\n <span>AM</span>\r\n </mat-button-toggle>\r\n <mat-button-toggle value=\"PM\">\r\n <span>PM</span>\r\n </mat-button-toggle>\r\n </mat-button-toggle-group>\r\n </div>\r\n </div>\r\n\r\n <div class=\"time-label-container\">\r\n <label>{{ endToText }}</label>\r\n </div>\r\n <div class=\"time-container\">\r\n <input\r\n class=\"form-control numberInput\"\r\n [(ngModel)]=\"selectedToTime[0]\"\r\n [ngClass]=\"{ 'error-border': endTimeHourErr }\"\r\n (ngModelChange)=\"endTimeHourChange($event)\"\r\n type=\"text\"\r\n pattern=\"[1-12]*\"\r\n />\r\n <div class=\"arrow-container\">\r\n <i\r\n class=\"mdi mdi-menu-up upward\"\r\n (click)=\"changeEndTimeHour(true)\"\r\n ></i>\r\n <i\r\n class=\"mdi mdi-menu-down downward\"\r\n (click)=\"changeEndTimeHour(false)\"\r\n ></i>\r\n </div>\r\n <span class=\"dot\">:</span>\r\n <input\r\n class=\"form-control numberInput\"\r\n [ngClass]=\"{ 'error-border': endTimeMinErr }\"\r\n [(ngModel)]=\"selectedToTime[1]\"\r\n (ngModelChange)=\"endTimeMinChange($event)\"\r\n type=\"text\"\r\n pattern=\"[0-59]*\"\r\n />\r\n <div class=\"arrow-container\">\r\n <i\r\n class=\"mdi mdi-menu-up upward\"\r\n (click)=\"changeEndTimeMinute(true)\"\r\n ></i>\r\n <i\r\n class=\"mdi mdi-menu-down downward\"\r\n style=\"position: relative; left: 0.25px\"\r\n (click)=\"changeEndTimeMinute(false)\"\r\n ></i>\r\n </div>\r\n <div>\r\n <mat-button-toggle-group\r\n [(ngModel)]=\"selectedToTime[2]\"\r\n (ngModelChange)=\"disableTimeFilterApplyButton()\"\r\n >\r\n <mat-button-toggle value=\"AM\">\r\n <span>AM</span>\r\n </mat-button-toggle>\r\n <mat-button-toggle value=\"PM\">\r\n <span>PM</span>\r\n </mat-button-toggle>\r\n </mat-button-toggle-group>\r\n </div>\r\n </div>\r\n</ng-container>\r\n\r\n<div class=\"buttons-container\">\r\n <button\r\n class=\"button\"\r\n (click)=\"closeTimeFilter()\"\r\n >\r\n Cancel\r\n </button>\r\n <button\r\n class=\"button\"\r\n [ngClass]=\"{ disabled: disableTimeFilterApplyBtn }\"\r\n (click)=\"applyTimeFilters()\"\r\n [disabled]=\"disableTimeFilterApplyBtn\"\r\n >\r\n Apply\r\n </button>\r\n</div>\r\n", styles: [":host ::ng-deep .mat-button-toggle-appearance-standard .mat-button-toggle-label-content{line-height:30px;width:42px;padding:0 10px}:host ::ng-deep .mat-button-toggle-checked{background-color:#268bff;color:#fff!important}:host ::ng-deep .mat-button-toggle-group-appearance-standard{border-radius:0;border:none!important}::ng-deep .mat-button-toggle-disabled.mat-button-toggle-checked{background:#bdbdbd!important}::ng-deep .mat-button-toggle-disabled.mat-button-toggle-checked button{color:#fff;opacity:1}::ng-deep .mat-button-toggle-appearance-standard{opacity:.5;border:solid 1px #b3b3b3}::ng-deep .mat-button-toggle-appearance-standard button{opacity:1}::ng-deep .mat-button-toggle-appearance-standard.mat-button-toggle-checked{opacity:1}.sort-btn{background:#fff;border:none;border-right:1px solid #1b88ff;text-decoration:underline;font-family:Roboto;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.07;letter-spacing:normal;color:#1b88ff;cursor:pointer;flex:1;text-align:center}.sort-btn:last-of-type{border-right:none}.sort-btn.active{color:#202b47;text-decoration:none}p.sort-container{margin-top:8px;padding-bottom:8px;border-bottom:1px solid #e6e6e6;margin-bottom:0;display:flex}::ng-deep .tooltip-inner{max-height:22rem;background-color:#fff;border:1px solid white;border-radius:5px;box-shadow:0 2px 2px #0000003d,0 0 2px #0000001f;max-width:251px;width:100%;padding:0!important}::ng-deep .tooltip-inner div.radio-container{flex-wrap:wrap}::ng-deep .md-drppicker{box-shadow:unset!important}::ng-deep .available{color:#999}::ng-deep .bs-tooltip-bottom .arrow:before{border-bottom-color:#fff!important}::ng-deep .bs-tooltip-left .arrow:before{border-left-color:#fff!important}::ng-deep .tooltip.show{opacity:1}.input{text-align:left;margin:5px 10px 5px 5px;display:flex;align-items:center;width:230px;white-space:nowrap}.data{color:#000;font-weight:700;margin-left:5px;margin-right:5px}span.data{display:inline-block;text-overflow:ellipsis;white-space:pre;width:100%;overflow:hidden}.check-box{font-size:14px;cursor:pointer;position:relative;top:-1px}span.mdi-filter.active{color:#000;opacity:1!important;pointer-events:all!important}p{margin-bottom:0;line-height:initial}span.mdi-filter{color:#cbcbcb}::ng-deep .ngx-slider-pointer{top:-5px!important;width:12px!important;height:12px!important;background:#bdbdbd!important;border:1px solid #ffffff!important;box-shadow:0 1px 3px #0000004d!important;border-radius:16px!important}input:focus{outline:none}input::placeholder{color:#c8c8c8}.cancel-btn{background:#c7e1ff;color:#268bff}.apply-btn{background:#268bff;color:#fff;margin-left:.3125rem}div.radio-container{display:flex;white-space:nowrap;justify-content:space-between;background-color:#f4f4f4;border-radius:.125rem;margin:.4375rem .4375rem .25rem}div.radio-container div{flex:1;width:50%}div.radio-container div.full-width{width:100%}div.radio-container input{position:relative;top:.125rem;margin-right:.25rem}div.radio-container label{font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.29;letter-spacing:0;color:#4a4a4a;margin:0;padding-left:.125rem}div.radio-container label:first-of-type{margin-right:.188rem}div.radio-container input[type=radio]{appearance:none;display:inline-block;width:.9375rem;height:.9375rem;padding:.125rem;background-clip:content-box;border:.125rem solid #268bff;background-color:transparent;border-radius:50%}div.radio-container input[type=radio]:checked{background-color:#268bff}.checkbox-filter-buttons-container{padding:0 8px!important}.buttons-container{display:flex;margin:0px auto .4375rem;justify-content:center;padding:0 12px}.buttons-container .button{padding:0 10px;width:100%;margin:8px 0 0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.buttons-container button:last-of-type{background-color:#268bff;color:#fff;margin-left:.5rem}.buttons-container button.disabled{background:#bdbdbd;opacity:.5;color:#4a4a4a}.button{display:inline-block;margin:8px 4px 0 8px;padding:0 16px;border-radius:4px;text-align:center;outline:none;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.67;letter-spacing:normal;border:none;color:#268bff;background-color:#e5f1ff}.search-box{display:flex;align-items:center;color:#c8c8c8;border:1px solid #e6e6e6;border-radius:.125rem;margin:.25rem .4375rem .188rem;height:1.5rem;padding:.188rem 8px .188rem .5rem}.search-box .search-bar-close{margin-left:auto;float:right}.search-icon{margin:0 4px 0 0;font-size:1.125rem;color:#9b9b9b}.filter-icon{justify-content:right;margin-left:auto;color:#d4d4d4;color:#a1a1a1;font-size:16px;cursor:pointer}.data{margin:0 13px 0 8px;font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.86;letter-spacing:\"\";color:#4a4a4a}.search-input{margin:1px 0 1px 4px;font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#c8c8c8;width:calc(100% - 38px)}.check-box{color:#268bff}.tooltip-data-container{overflow-y:scroll;max-height:8rem}.searchbar{width:100%;display:flex;justify-content:flex-end;align-items:flex-end}.clear-button{opacity:.5;font-family:Roboto;font-size:.9375rem;font-weight:500;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-decoration:underline;border:none;background-color:#fff;color:#4a4a4a;margin-left:.625rem;padding:0}.clear-button:focus{outline:none;box-shadow:none}.unchecked{color:#268bff}cdk-virtual-scroll-viewport.dropdown-data-container{max-height:12.3rem;width:100%;overflow-y:auto;overflow-x:hidden}cdk-virtual-scroll-viewport.dropdown-data-container p.input{margin-left:0}cdk-virtual-scroll-viewport.dropdown-data-container p.input span.mi{padding-left:.4375rem}cdk-virtual-scroll-viewport.dropdown-data-container p.input:hover{background-color:#ebebeb;cursor:pointer}cdk-virtual-scroll-viewport.dropdown-data-container::-webkit-scrollbar{width:.188rem}cdk-virtual-scroll-viewport.dropdown-data-container::-webkit-scrollbar-thumb{color:#d3d3d3;background:#d3d3d3}section.min-maxContainer{display:flex;justify-content:center;margin-bottom:-.125rem;margin-top:.5rem;width:100%}section.min-maxContainer input{width:30%;height:1.875rem;border:1px solid lightgray;color:gray}section.min-maxContainer span{display:inline-block;padding-left:.5rem;padding-right:.5rem;position:relative;top:.3125rem;color:#666}.time-container{width:100%;display:flex;padding:0 .75rem}.time-container input.form-control:disabled{background-color:#fff;width:2.813rem}.time-container input.numberInput:focus{box-shadow:none;border-color:#c2cfd6}.time-container .dot{color:#cbcbcb;position:relative;left:-7px;font-size:17px}.time-container div.arrow-container{flex-direction:column;display:flex;margin-top:.375rem;width:9px;height:18px;margin-right:1.1875rem}.time-container div.arrow-container i{color:#000;cursor:pointer;max-height:9px;font-size:25px;width:10px}.time-container div.arrow-container i:before{width:0;height:0;pointer-events:none;position:relative;left:-9px;top:-11px}.mdi-filter{cursor:pointer}.time-label-container{display:flex;justify-content:flex-start}.time-label-container label{margin-bottom:0;color:#4a4a4a;margin-top:.125rem;margin-left:.75rem;font-weight:700}.time-heading{color:#000;font-size:.8125rem;text-align:left;padding-left:.625rem;margin-top:.625rem;font-weight:700}.column-clear-all{width:94%;text-align:center;border:none;font-size:14px;background:none;text-decoration:underline;color:#268bff}.checkbox-container{display:flex;padding-inline:.625rem}.checkbox-container .data{text-align:left}.checkbox-container:first-of-type{margin-top:.625rem;font-weight:500}.column-clear-all{width:94%;text-align:center;border:none;background:none;text-decoration:underline;color:#268bff}.column-clear-all:disabled{opacity:.5;color:#4a4a4a;font-weight:400}.column-clear-all.align-center{text-align:center}span.mdi-filter-variant.disabled{pointer-events:none;opacity:.5}.datepicker-container{width:100%}span.mdi-filter-variant{color:#cbcbcb;cursor:pointer;font-size:.875rem}span.mdi-filter-variant.active{color:#000}p.filter-tab{font-family:Roboto;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.29;letter-spacing:normal;color:#1b88ff;border-radius:5px;background-color:#f4f4f4;padding-inline:8px;cursor:pointer;overflow:hidden;text-align:center;text-overflow:ellipsis}p.filter-tab.active{color:#fff;background-color:#1b88ff}button.filter-text-btn{background:#fff;text-decoration:underline;font-family:Roboto;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;border:none;color:#268bff;margin-inline:4px;margin-top:2px}button.filter-text-btn:disabled{color:#b1b1b1;cursor:not-allowed}::ng-deep .non-edit-datepicker-tooltip .tooltip-inner{max-width:310px!important;width:283px!important;overflow-y:initial!important;padding:0!important}input.slider-text::-webkit-outer-spin-button,input.slider-text::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input.slider-text{-moz-appearance:textfield}input.slider-text.red-border{border:1px solid #f44336!important}::ng-deep .checkbox-sort p.sort-container{margin-top:8px!important;padding-bottom:8px!important}i.mdi-close{cursor:pointer}i.mdi-close.disable-close-icon{pointer-events:none;cursor:not-allowed}input.error-border{border:1px solid #f44336!important}::ng-deep .non-edit-checkbox-tooltip .tooltip-inner{width:238px!important;padding:0!important}::ng-deep .non-edit-slider-tooltip .tooltip-inner{width:238px!important;padding:0!important}::ng-deep .non-edit-time-tooltip .tooltip-inner{width:250px!important;padding:0!important}::ng-deep .non-edit-time-tooltip.bs-tooltip-start{padding:.4rem}::ng-deep .non-edit-time-tooltip.bs-tooltip-start .tooltip-arrow{right:0;top:5px!important;width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}::ng-deep .non-edit-time-tooltip.bs-tooltip-start .tooltip-arrow:before{border-left-color:#fff;left:-1px;border-width:calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height)}::ng-deep .no-bottom-border p.sort-container{border-bottom:none!important}::ng-deep .ngx-slider-pointer-min:after{display:none}::ng-deep .ngx-slider-pointer-max:after{display:none}::ng-deep .ngx-slider span.ngx-slider-pointer{width:12px;height:12px;top:-5px;background-color:#bdbdbd}::ng-deep .ngx-slider span.ngx-slider-bar{height:3px;background:#ededed}::ng-deep .ngx-slider span.ngx-slider-selection{background:#bdbdbd}::ng-deep .ngx-slider span.ngx-slider-bubble{bottom:-22px;font-size:12px;color:#333}::ng-deep .show-min.ngx-slider span.ngx-slider-model-value{background:#fff;box-shadow:0 6px 10px #0000004d,0 2px 2px #0003}::ng-deep .show-max.ngx-slider span.ngx-slider-model-high{background:#fff;box-shadow:none}::ng-deep .ngx-slider span.ngx-slider-combined{background:#fff;box-shadow:0 6px 10px #0000004d,0 2px 2px #0003}::ng-deep .ngx-slider{top:10px!important;margin:5px 0 2px!important}::ng-deep .ngx-slider-animate{top:0!important}.sidebar-slider{margin-bottom:35px!important;margin-left:5px;margin-right:5px}.slider-placeholder{height:14px}::ng-deep .filter-calendar select.form-select:focus{border-color:#c2cfd6;box-shadow:none}::ng-deep .filter-calendar select.form-select{background-color:#fff}.no-data-case{padding-left:.4375rem!important;font-size:.875rem!important;margin-top:10px!important;cursor:pointer}.custom-column-checkbox-checked,.custom-column-checkbox-unchecked{font-size:.875rem;cursor:pointer}.custom-column-checkbox-checked{color:#268bff}.custom-column-checkbox-unchecked{color:#4a4a4a}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{opacity:1}.redcolor-status{color:#c62a2a}#no-filter-space{width:.875rem}input.numberInput{margin-right:-.8125rem;padding:0 0 0 .625rem;height:1.875rem}.hidden{display:none}\n"] }]
|
|
2900
|
+
args: [{ selector: "anna-core-anna-column-time-filter", standalone: true, imports: [NgIf, NgFor, NgClass, AnnaSortComponent, FormsModule, MatButtonToggleModule], template: "<div\r\n class=\"radio-container\"\r\n *ngIf=\"showFilterHeaderTabs\"\r\n>\r\n <div *ngFor=\"let data of filterTabObjects\">\r\n <p\r\n class=\"filter-tab\"\r\n [title]=\"data.label\"\r\n (click)=\"populateTooltipDataBasedOnSelectedRadio(data, true)\"\r\n [ngClass]=\"{ active: annaFilterService.selectedRadio == data.key }\"\r\n *ngIf=\"filterTabObjects.length > 0\"\r\n >\r\n {{ data.label }}\r\n </p>\r\n </div>\r\n</div>\r\n\r\n<anna-core-sort-lib\r\n *ngIf=\"showSortComponent\"\r\n [ngClass]=\"{ 'no-bottom-border': !showFilterComponent }\"\r\n (sortOptionClicked)=\"storeSortTypeInTempVariable($event)\"\r\n [sortObjectKey]=\"annaFilterService.selectedRadio\"\r\n></anna-core-sort-lib>\r\n\r\n<ng-container *ngIf=\"showFilterComponent\">\r\n <button\r\n class=\"column-clear-all\"\r\n *ngIf=\"showClearAllFilter\"\r\n [disabled]=\"disableColumnClearAllBtn\"\r\n (click)=\"clearColumnFilter()\"\r\n >\r\n Clear filter\r\n </button>\r\n <div\r\n class=\"time-filter-checkboxes\"\r\n *ngIf=\"showAllTimeRangeCheckboxes\"\r\n >\r\n <!-- Multi time option checkbox -->\r\n <div\r\n class=\"d-flex align-items-center\"\r\n style=\"padding: 0.5rem 0 0.5rem 0.5rem\"\r\n *ngIf=\"showMultiTimeCheckbox\"\r\n >\r\n <span\r\n *ngIf=\"multiTimeCheckboxChecked\"\r\n class=\"material-icons custom-column-checkbox-checked\"\r\n (click)=\"selectOrUnselectMultiTimeCheckbox()\"\r\n >\r\n check_box\r\n </span>\r\n <span\r\n *ngIf=\"!multiTimeCheckboxChecked\"\r\n class=\"material-icons custom-column-checkbox-unchecked\"\r\n (click)=\"selectOrUnselectMultiTimeCheckbox()\"\r\n >\r\n check_box_outline_blank\r\n </span>\r\n <p style=\"margin-left: 2px\">Include Multi</p>\r\n </div>\r\n <!-- Zero time option checkbox -->\r\n <div\r\n class=\"d-flex align-items-center\"\r\n style=\"padding: 0.5rem 0 0.5rem 0.5rem\"\r\n *ngIf=\"showZeroTimeCheckbox\"\r\n >\r\n <span\r\n *ngIf=\"zeroTimeCheckboxChecked\"\r\n class=\"material-icons custom-column-checkbox-checked\"\r\n (click)=\"selectOrUnselectZeroTimeCheckbox()\"\r\n >\r\n check_box\r\n </span>\r\n <span\r\n *ngIf=\"!zeroTimeCheckboxChecked\"\r\n class=\"material-icons custom-column-checkbox-unchecked\"\r\n (click)=\"selectOrUnselectZeroTimeCheckbox()\"\r\n >\r\n check_box_outline_blank\r\n </span>\r\n <p style=\"margin-left: 2px\">Include Zero</p>\r\n </div>\r\n <!-- Enter time range option checkbox -->\r\n <div\r\n class=\"d-flex align-items-center\"\r\n style=\"padding: 0.5rem 0 0.5rem 0.5rem\"\r\n *ngIf=\"showEnterTimeCheckbox\"\r\n >\r\n <span\r\n *ngIf=\"enterTimeCheckboxChecked\"\r\n class=\"material-icons custom-column-checkbox-checked\"\r\n (click)=\"selectOrUnselectEnterTimeCheckbox()\"\r\n >\r\n check_box\r\n </span>\r\n <span\r\n *ngIf=\"!enterTimeCheckboxChecked\"\r\n class=\"material-icons custom-column-checkbox-unchecked\"\r\n (click)=\"selectOrUnselectEnterTimeCheckbox()\"\r\n >\r\n check_box_outline_blank\r\n </span>\r\n <p style=\"margin-left: 2px\">Enter time range</p>\r\n </div>\r\n </div>\r\n <div class=\"time-label-container\">\r\n <label>{{ startFromText }}</label>\r\n </div>\r\n <div class=\"time-container\">\r\n <input\r\n class=\"form-control numberInput\"\r\n [ngClass]=\"{ 'error-border': startTimeHourErr }\"\r\n [(ngModel)]=\"selectedFromTime[0]\"\r\n type=\"text\"\r\n pattern=\"[1-12]*\"\r\n (ngModelChange)=\"startTimeHourChange($event)\"\r\n />\r\n <div class=\"arrow-container\">\r\n <i\r\n class=\"mdi mdi-menu-up upward\"\r\n (click)=\"changeStartTimeHour(true)\"\r\n ></i>\r\n <i\r\n class=\"mdi mdi-menu-down downward\"\r\n (click)=\"changeStartTimeHour(false)\"\r\n ></i>\r\n </div>\r\n <span class=\"dot\">:</span>\r\n <input\r\n class=\"form-control numberInput\"\r\n [ngClass]=\"{ 'error-border': startTimeMinErr }\"\r\n [(ngModel)]=\"selectedFromTime[1]\"\r\n type=\"text\"\r\n pattern=\"[0-59]*\"\r\n (ngModelChange)=\"startTimeMinChange($event)\"\r\n />\r\n <div class=\"arrow-container\">\r\n <i\r\n class=\"mdi mdi-menu-up upward\"\r\n (click)=\"changeStartTimeMinute(true)\"\r\n ></i>\r\n <i\r\n class=\"mdi mdi-menu-down downward\"\r\n style=\"position: relative; left: 0.25px\"\r\n (click)=\"changeStartTimeMinute(false)\"\r\n ></i>\r\n </div>\r\n <div>\r\n <mat-button-toggle-group\r\n [(ngModel)]=\"selectedFromTime[2]\"\r\n (ngModelChange)=\"disableTimeFilterApplyButton()\"\r\n >\r\n <mat-button-toggle value=\"AM\">\r\n <span>AM</span>\r\n </mat-button-toggle>\r\n <mat-button-toggle value=\"PM\">\r\n <span>PM</span>\r\n </mat-button-toggle>\r\n </mat-button-toggle-group>\r\n </div>\r\n </div>\r\n\r\n <div class=\"time-label-container\">\r\n <label>{{ endToText }}</label>\r\n </div>\r\n <div class=\"time-container\">\r\n <input\r\n class=\"form-control numberInput\"\r\n [(ngModel)]=\"selectedToTime[0]\"\r\n [ngClass]=\"{ 'error-border': endTimeHourErr }\"\r\n (ngModelChange)=\"endTimeHourChange($event)\"\r\n type=\"text\"\r\n pattern=\"[1-12]*\"\r\n />\r\n <div class=\"arrow-container\">\r\n <i\r\n class=\"mdi mdi-menu-up upward\"\r\n (click)=\"changeEndTimeHour(true)\"\r\n ></i>\r\n <i\r\n class=\"mdi mdi-menu-down downward\"\r\n (click)=\"changeEndTimeHour(false)\"\r\n ></i>\r\n </div>\r\n <span class=\"dot\">:</span>\r\n <input\r\n class=\"form-control numberInput\"\r\n [ngClass]=\"{ 'error-border': endTimeMinErr }\"\r\n [(ngModel)]=\"selectedToTime[1]\"\r\n (ngModelChange)=\"endTimeMinChange($event)\"\r\n type=\"text\"\r\n pattern=\"[0-59]*\"\r\n />\r\n <div class=\"arrow-container\">\r\n <i\r\n class=\"mdi mdi-menu-up upward\"\r\n (click)=\"changeEndTimeMinute(true)\"\r\n ></i>\r\n <i\r\n class=\"mdi mdi-menu-down downward\"\r\n style=\"position: relative; left: 0.25px\"\r\n (click)=\"changeEndTimeMinute(false)\"\r\n ></i>\r\n </div>\r\n <div>\r\n <mat-button-toggle-group\r\n [(ngModel)]=\"selectedToTime[2]\"\r\n (ngModelChange)=\"disableTimeFilterApplyButton()\"\r\n >\r\n <mat-button-toggle value=\"AM\">\r\n <span>AM</span>\r\n </mat-button-toggle>\r\n <mat-button-toggle value=\"PM\">\r\n <span>PM</span>\r\n </mat-button-toggle>\r\n </mat-button-toggle-group>\r\n </div>\r\n </div>\r\n</ng-container>\r\n\r\n<div class=\"buttons-container\">\r\n <button\r\n class=\"button\"\r\n (click)=\"closeTimeFilter()\"\r\n >\r\n Cancel\r\n </button>\r\n <button\r\n class=\"button\"\r\n [ngClass]=\"{ disabled: disableTimeFilterApplyBtn }\"\r\n (click)=\"applyTimeFilters()\"\r\n [disabled]=\"disableTimeFilterApplyBtn\"\r\n >\r\n Apply\r\n </button>\r\n</div>\r\n", styles: [":host ::ng-deep .mat-button-toggle-appearance-standard .mat-button-toggle-label-content{line-height:30px;width:42px;padding:0 10px}:host ::ng-deep .mat-button-toggle-checked{background-color:#268bff;color:#fff!important}:host ::ng-deep .mat-button-toggle-group-appearance-standard{border-radius:0;border:none!important}::ng-deep .mat-button-toggle-disabled.mat-button-toggle-checked{background:#bdbdbd!important}::ng-deep .mat-button-toggle-disabled.mat-button-toggle-checked button{color:#fff;opacity:1}::ng-deep .mat-button-toggle-appearance-standard{opacity:.5;border:solid 1px #b3b3b3}::ng-deep .mat-button-toggle-appearance-standard button{opacity:1}::ng-deep .mat-button-toggle-appearance-standard.mat-button-toggle-checked{opacity:1}.sort-btn{background:#fff;border:none;border-right:1px solid #1b88ff;text-decoration:underline;font-family:Roboto;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.07;letter-spacing:normal;color:#1b88ff;cursor:pointer;flex:1;text-align:center}.sort-btn:last-of-type{border-right:none}.sort-btn.active{color:#202b47;text-decoration:none}p.sort-container{margin-top:8px;padding-bottom:8px;border-bottom:1px solid #e6e6e6;margin-bottom:0;display:flex}::ng-deep .tooltip-inner{max-height:22rem;background-color:#fff;border:1px solid white;border-radius:5px;box-shadow:0 2px 2px #0000003d,0 0 2px #0000001f;max-width:251px;width:100%;padding:0!important}::ng-deep .tooltip-inner div.radio-container{flex-wrap:wrap}::ng-deep .md-drppicker{box-shadow:unset!important}::ng-deep .available{color:#999}::ng-deep .bs-tooltip-bottom .arrow:before{border-bottom-color:#fff!important}::ng-deep .bs-tooltip-left .arrow:before{border-left-color:#fff!important}::ng-deep .tooltip.show{opacity:1}.input{text-align:left;margin:5px 10px 5px 5px;display:flex;align-items:center;width:230px;white-space:nowrap}.data{color:#000;font-weight:700;margin-left:5px;margin-right:5px}span.data{display:inline-block;text-overflow:ellipsis;white-space:pre;width:100%;overflow:hidden}.check-box{font-size:14px;cursor:pointer;position:relative;top:-1px}span.mdi-filter.active{color:#000;opacity:1!important;pointer-events:all!important}p{margin-bottom:0;line-height:initial}span.mdi-filter{color:#cbcbcb}::ng-deep .ngx-slider-pointer{top:-5px!important;width:12px!important;height:12px!important;background:#bdbdbd!important;border:1px solid #ffffff!important;box-shadow:0 1px 3px #0000004d!important;border-radius:16px!important}input:focus{outline:none}input::placeholder{color:#c8c8c8}.cancel-btn{background:#c7e1ff;color:#268bff}.apply-btn{background:#268bff;color:#fff;margin-left:.3125rem}div.radio-container{display:flex;white-space:nowrap;justify-content:space-between;background-color:#f4f4f4;border-radius:.125rem;margin:.4375rem .4375rem .25rem}div.radio-container div{flex:1;width:50%}div.radio-container div.full-width{width:100%}div.radio-container input{position:relative;top:.125rem;margin-right:.25rem}div.radio-container label{font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.29;letter-spacing:0;color:#4a4a4a;margin:0;padding-left:.125rem}div.radio-container label:first-of-type{margin-right:.188rem}div.radio-container input[type=radio]{appearance:none;display:inline-block;width:.9375rem;height:.9375rem;padding:.125rem;background-clip:content-box;border:.125rem solid #268bff;background-color:transparent;border-radius:50%}div.radio-container input[type=radio]:checked{background-color:#268bff}.checkbox-filter-buttons-container{padding:0 8px!important}.buttons-container{display:flex;margin:0px auto .4375rem;justify-content:center;padding:0 12px}.buttons-container .button{padding:0 10px;width:100%;margin:8px 0 0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.buttons-container button:last-of-type{background-color:#268bff;color:#fff;margin-left:.5rem}.buttons-container button.disabled{background:#bdbdbd;opacity:.5;color:#4a4a4a}.button{display:inline-block;margin:8px 4px 0 8px;padding:0 16px;border-radius:4px;text-align:center;outline:none;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.67;letter-spacing:normal;border:none;color:#268bff;background-color:#e5f1ff}.search-box{display:flex;align-items:center;color:#c8c8c8;border:1px solid #e6e6e6;border-radius:.125rem;margin:.25rem .4375rem .188rem;height:1.5rem;padding:.188rem 8px .188rem .5rem}.search-box .search-bar-close{margin-left:auto;float:right}.search-icon{margin:0 4px 0 0;font-size:1.125rem;color:#9b9b9b}.filter-icon{justify-content:right;margin-left:auto;color:#d4d4d4;color:#a1a1a1;font-size:16px;cursor:pointer}.data{margin:0 13px 0 8px;font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.86;letter-spacing:\"\";color:#4a4a4a}.search-input{margin:1px 0 1px 4px;font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#c8c8c8;width:calc(100% - 38px)}.check-box{color:#268bff}.tooltip-data-container{overflow-y:scroll;max-height:8rem}.searchbar{width:100%;display:flex;justify-content:flex-end;align-items:flex-end}.clear-button{opacity:.5;font-family:Roboto;font-size:.9375rem;font-weight:500;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-decoration:underline;border:none;background-color:#fff;color:#4a4a4a;margin-left:.625rem;padding:0}.clear-button:focus{outline:none;box-shadow:none}.unchecked{color:#268bff}cdk-virtual-scroll-viewport.dropdown-data-container{max-height:12.3rem;width:100%;overflow-y:auto;overflow-x:hidden}cdk-virtual-scroll-viewport.dropdown-data-container p.input{margin-left:0}cdk-virtual-scroll-viewport.dropdown-data-container p.input span.mi{padding-left:.4375rem}cdk-virtual-scroll-viewport.dropdown-data-container p.input:hover{background-color:#ebebeb;cursor:pointer}cdk-virtual-scroll-viewport.dropdown-data-container::-webkit-scrollbar{width:.188rem}cdk-virtual-scroll-viewport.dropdown-data-container::-webkit-scrollbar-thumb{color:#d3d3d3;background:#d3d3d3}section.min-maxContainer{display:flex;justify-content:center;margin-bottom:-.125rem;margin-top:.5rem;width:100%}section.min-maxContainer input{width:30%;height:1.875rem;border:1px solid lightgray;color:gray}section.min-maxContainer span{display:inline-block;padding-left:.5rem;padding-right:.5rem;position:relative;top:.3125rem;color:#666}.time-container{width:100%;display:flex;padding:0 .75rem}.time-container input.form-control:disabled{background-color:#fff;width:2.813rem}.time-container input.numberInput:focus{box-shadow:none;border-color:#c2cfd6}.time-container .dot{color:#cbcbcb;position:relative;left:-7px;font-size:17px}.time-container div.arrow-container{flex-direction:column;display:flex;margin-top:.375rem;width:9px;height:18px;margin-right:1.1875rem}.time-container div.arrow-container i{color:#000;cursor:pointer;max-height:9px;font-size:25px;width:10px}.time-container div.arrow-container i:before{width:0;height:0;pointer-events:none;position:relative;left:-9px;top:-11px}.mdi-filter{cursor:pointer}.time-label-container{display:flex;justify-content:flex-start}.time-label-container label{margin-bottom:0;color:#4a4a4a;margin-top:.125rem;margin-left:.75rem;font-weight:700}.time-heading{color:#000;font-size:.8125rem;text-align:left;padding-left:.625rem;margin-top:.625rem;font-weight:700}.column-clear-all{width:94%;text-align:center;border:none;font-size:14px;background:none;text-decoration:underline;color:#268bff}.checkbox-container{display:flex;padding-inline:.625rem}.checkbox-container .data{text-align:left}.checkbox-container:first-of-type{margin-top:.625rem;font-weight:500}.column-clear-all{width:94%;text-align:center;border:none;background:none;text-decoration:underline;color:#268bff}.column-clear-all:disabled{opacity:.5;color:#4a4a4a;font-weight:400}.column-clear-all.align-center{text-align:center}span.mdi-filter-variant.disabled{pointer-events:none;opacity:.5}.datepicker-container{width:100%}span.mdi-filter-variant{color:#cbcbcb;cursor:pointer;font-size:.875rem}span.mdi-filter-variant.active{color:#000}p.filter-tab{font-family:Roboto;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.29;letter-spacing:normal;color:#1b88ff;border-radius:5px;background-color:#f4f4f4;padding-inline:8px;cursor:pointer;overflow:hidden;text-align:center;text-overflow:ellipsis}p.filter-tab.active{color:#fff;background-color:#1b88ff}button.filter-text-btn{background:#fff;text-decoration:underline;font-family:Roboto;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;border:none;color:#268bff;margin-inline:4px;margin-top:2px}button.filter-text-btn:disabled{color:#b1b1b1;cursor:not-allowed}::ng-deep .non-edit-datepicker-tooltip .tooltip-inner{max-width:310px!important;width:283px!important;overflow-y:initial!important;padding:0!important}input.slider-text::-webkit-outer-spin-button,input.slider-text::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input.slider-text{-moz-appearance:textfield}input.slider-text.red-border{border:1px solid #f44336!important}::ng-deep .checkbox-sort p.sort-container{margin-top:8px!important;padding-bottom:8px!important}i.mdi-close{cursor:pointer}i.mdi-close.disable-close-icon{pointer-events:none;cursor:not-allowed}input.error-border{border:1px solid #f44336!important}::ng-deep .non-edit-checkbox-tooltip .tooltip-inner{width:238px!important;padding:0!important}::ng-deep .non-edit-slider-tooltip .tooltip-inner{width:238px!important;padding:0!important}::ng-deep .non-edit-time-tooltip .tooltip-inner{width:250px!important;padding:0!important}::ng-deep .non-edit-time-tooltip.bs-tooltip-start{padding:.4rem}::ng-deep .non-edit-time-tooltip.bs-tooltip-start .tooltip-arrow{right:0;top:5px!important;width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}::ng-deep .non-edit-time-tooltip.bs-tooltip-start .tooltip-arrow:before{border-left-color:#fff;left:-1px;border-width:calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height)}::ng-deep .no-bottom-border p.sort-container{border-bottom:none!important}::ng-deep .ngx-slider-pointer-min:after{display:none}::ng-deep .ngx-slider-pointer-max:after{display:none}::ng-deep .ngx-slider span.ngx-slider-pointer{width:12px;height:12px;top:-5px;background-color:#bdbdbd}::ng-deep .ngx-slider span.ngx-slider-bar{height:3px;background:#ededed}::ng-deep .ngx-slider span.ngx-slider-selection{background:#bdbdbd}::ng-deep .ngx-slider span.ngx-slider-bubble{bottom:-22px;font-size:12px;color:#333}::ng-deep .show-min.ngx-slider span.ngx-slider-model-value{background:#fff;box-shadow:0 6px 10px #0000004d,0 2px 2px #0003}::ng-deep .show-max.ngx-slider span.ngx-slider-model-high{background:#fff;box-shadow:none}::ng-deep .ngx-slider span.ngx-slider-combined{background:#fff;box-shadow:0 6px 10px #0000004d,0 2px 2px #0003}::ng-deep .ngx-slider{top:10px!important;margin:5px 0 2px!important}::ng-deep .ngx-slider-animate{top:0!important}.sidebar-slider{margin-bottom:35px!important;margin-left:5px;margin-right:5px}.slider-placeholder{height:14px}::ng-deep .filter-calendar select.form-select:focus{border-color:#c2cfd6;box-shadow:none}::ng-deep .filter-calendar select.form-select{background-color:#fff}.no-data-case{padding-left:.4375rem!important;font-size:.875rem!important;margin-top:10px!important;cursor:pointer}.custom-column-checkbox-checked,.custom-column-checkbox-unchecked{font-size:.875rem;cursor:pointer}.custom-column-checkbox-checked{color:#268bff}.custom-column-checkbox-unchecked{color:#4a4a4a}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{opacity:1}.redcolor-status{color:#c62a2a}#no-filter-space{width:.875rem}input.numberInput{margin-right:-.8125rem;padding:0 0 0 .625rem;height:1.875rem}.hidden{display:none}\n"] }]
|
|
2902
2901
|
}], ctorParameters: function () { return [{ type: AnnaSortService }, { type: AnnaDateTimeFormatService }, { type: AnnaFilterService }]; }, propDecorators: { tableData: [{
|
|
2903
2902
|
type: Input
|
|
2904
2903
|
}], clonedTableData: [{
|
|
@@ -2979,7 +2978,7 @@ class AnnaColumnDateRangeFilterComponent {
|
|
|
2979
2978
|
}
|
|
2980
2979
|
}
|
|
2981
2980
|
getCalendarData() {
|
|
2982
|
-
const parsingFormat =
|
|
2981
|
+
const parsingFormat = "MM/DD/YYYY";
|
|
2983
2982
|
let optionData = this.annaFilterService.getFilterOptionsData(this.tableData, this.clonedTableData);
|
|
2984
2983
|
let minMaxDate = this.annaFilterService.createRangeForTheDateFilter(optionData);
|
|
2985
2984
|
this.selectRangeForTheDateFilter(minMaxDate, parsingFormat);
|
|
@@ -3064,13 +3063,13 @@ class AnnaColumnDateRangeFilterComponent {
|
|
|
3064
3063
|
let currentSelectedDate = this.annaFilterService.getCurrentSelectedDatesForCalendar(cloneDeep(this.calendarSelection), this.calendarMinEnabledDate, this.calendarMaxEnabledDate);
|
|
3065
3064
|
this.annaFilterService.reOrderAppliedFiltersState(this.clonedTableData, currentSelectedDate);
|
|
3066
3065
|
this.annaFilterService.tooltipSelectedMap.set(this.annaFilterService.selectedRadio, currentSelectedDate);
|
|
3067
|
-
this.tableData = this.annaFilterService.filterData(this.clonedTableData,
|
|
3066
|
+
this.tableData = this.annaFilterService.filterData(this.clonedTableData, "");
|
|
3068
3067
|
this.annaSortService.noSortingAppliedData = cloneDeep(this.tableData);
|
|
3069
3068
|
}
|
|
3070
3069
|
}
|
|
3071
3070
|
clearColumnFilter() {
|
|
3072
3071
|
this.annaFilterService.clearColumnFilter();
|
|
3073
|
-
this.tableData = cloneDeep(this.annaFilterService.filterData(this.clonedTableData,
|
|
3072
|
+
this.tableData = cloneDeep(this.annaFilterService.filterData(this.clonedTableData, ""));
|
|
3074
3073
|
this.annaSortService.noSortingAppliedData = this.tableData;
|
|
3075
3074
|
this.tableData = this.annaSortService.checkIfSortingIsApplied(this.tableData, this.isLurAndCsrComponent);
|
|
3076
3075
|
this.annaFilterService.updateStateOfTheCurrentFilterTab(this.annaSortService.columnSortState);
|
|
@@ -3085,7 +3084,7 @@ class AnnaColumnDateRangeFilterComponent {
|
|
|
3085
3084
|
}
|
|
3086
3085
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaColumnDateRangeFilterComponent, decorators: [{
|
|
3087
3086
|
type: Component,
|
|
3088
|
-
args: [{ selector: 'anna-core-anna-column-date-range-filter', standalone: true, imports: [NgIf, NgFor, NgClass, AnnaSortComponent, AnnaCalendarFilterComponent], template: "<div\r\n class=\"radio-container\"\r\n *ngIf=\"showFilterHeaderTabs\"\r\n>\r\n <div *ngFor=\"let data of filterTabObjects\">\r\n <p\r\n class=\"filter-tab\"\r\n [title]=\"data.label\"\r\n (click)=\"populateTooltipDataBasedOnSelectedRadio(data, true)\"\r\n [ngClass]=\"{ active: annaFilterService.selectedRadio == data.key }\"\r\n *ngIf=\"filterTabObjects.length > 0\"\r\n >\r\n {{ data.label }}\r\n </p>\r\n </div>\r\n</div>\r\n\r\n<anna-core-sort-lib\r\n *ngIf=\"showSortComponent\"\r\n [ngClass]=\"{ 'no-bottom-border': !showFilterComponent }\"\r\n (sortOptionClicked)=\"storeSortTypeInTempVariable($event)\"\r\n [sortObjectKey]=\"annaFilterService.selectedRadio\"\r\n></anna-core-sort-lib>\r\n\r\n<ng-container *ngIf=\"showFilterComponent\">\r\n <div class=\"datepicker-container\">\r\n <button\r\n class=\"column-clear-all\"\r\n [disabled]=\"disableColumnClearAllBtn\"\r\n (click)=\"clearColumnFilter()\"\r\n >\r\n Clear filter\r\n </button>\r\n <anna-core-calendar-filter-lib\r\n class=\"filter-calendar\"\r\n [minDate]=\"calendarMinEnabledDate\"\r\n [maxDate]=\"calendarMaxEnabledDate\"\r\n [selectedFromDate]=\"selectedMinDate\"\r\n [selectedToDate]=\"selectedMaxDate\"\r\n (selectedDate)=\"calendarDateChanged($event)\"\r\n [label]=\"selectedLabel\"\r\n >\r\n </anna-core-calendar-filter-lib>\r\n </div>\r\n</ng-container>\r\n\r\n<div class=\"buttons-container\">\r\n <button\r\n class=\"button\"\r\n (click)=\"cancelInDateFilter()\"\r\n >\r\n Cancel\r\n </button>\r\n <button\r\n class=\"button\"\r\n (click)=\"applyDateFilter()\"\r\n [ngClass]=\"{ disabled: disableCalendarApplyBtn }\"\r\n [disabled]=\"disableCalendarApplyBtn\"\r\n >\r\n Apply\r\n </button>\r\n</div>\r\n", styles: [".sort-btn{background:#fff;border:none;border-right:1px solid #1b88ff;text-decoration:underline;font-family:Roboto;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.07;letter-spacing:normal;color:#1b88ff;cursor:pointer;flex:1;text-align:center}.sort-btn:last-of-type{border-right:none}.sort-btn.active{color:#202b47;text-decoration:none}p.sort-container{margin-top:8px;padding-bottom:8px;border-bottom:1px solid #e6e6e6;margin-bottom:0;display:flex}::ng-deep .tooltip-inner{max-height:22rem;background-color:#fff;border:1px solid white;border-radius:5px;box-shadow:0 2px 2px #0000003d,0 0 2px #0000001f;max-width:251px;width:100%;padding:0!important}::ng-deep .tooltip-inner div.radio-container{flex-wrap:wrap}::ng-deep .md-drppicker{box-shadow:unset!important}::ng-deep .available{color:#999}::ng-deep .bs-tooltip-bottom .arrow:before{border-bottom-color:#fff!important}::ng-deep .bs-tooltip-left .arrow:before{border-left-color:#fff!important}::ng-deep .tooltip.show{opacity:1}.input{text-align:left;margin:5px 10px 5px 5px;display:flex;align-items:center;width:230px;white-space:nowrap}.data{color:#000;font-weight:700;margin-left:5px;margin-right:5px}span.data{display:inline-block;text-overflow:ellipsis;white-space:pre;width:100%;overflow:hidden}.check-box{font-size:14px;cursor:pointer;position:relative;top:-1px}span.mdi-filter.active{color:#000;opacity:1!important;pointer-events:all!important}p{margin-bottom:0;line-height:initial}span.mdi-filter{color:#cbcbcb}::ng-deep .ngx-slider-pointer{top:-5px!important;width:12px!important;height:12px!important;background:#bdbdbd!important;border:1px solid #ffffff!important;box-shadow:0 1px 3px #0000004d!important;border-radius:16px!important}input:focus{outline:none}input::placeholder{color:#c8c8c8}.cancel-btn{background:#c7e1ff;color:#268bff}.apply-btn{background:#268bff;color:#fff;margin-left:.3125rem}div.radio-container{display:flex;white-space:nowrap;justify-content:space-between;background-color:#f4f4f4;border-radius:.125rem;margin:.4375rem .4375rem .25rem}div.radio-container div{flex:1;width:50%}div.radio-container div.full-width{width:100%}div.radio-container input{position:relative;top:.125rem;margin-right:.25rem}div.radio-container label{font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.29;letter-spacing:0;color:#4a4a4a;margin:0;padding-left:.125rem}div.radio-container label:first-of-type{margin-right:.188rem}div.radio-container input[type=radio]{appearance:none;display:inline-block;width:.9375rem;height:.9375rem;padding:.125rem;background-clip:content-box;border:.125rem solid #268bff;background-color:transparent;border-radius:50%}div.radio-container input[type=radio]:checked{background-color:#268bff}.checkbox-filter-buttons-container{padding:0 8px!important}.buttons-container{display:flex;margin:0px auto .4375rem;justify-content:center;padding:0 12px}.buttons-container .button{padding:0 10px;width:100%;margin:8px 0 0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.buttons-container button:last-of-type{background-color:#268bff;color:#fff;margin-left:.5rem}.buttons-container button.disabled{background:#bdbdbd;opacity:.5;color:#4a4a4a}.button{display:inline-block;margin:8px 4px 0 8px;padding:0 16px;border-radius:4px;text-align:center;outline:none;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.67;letter-spacing:normal;border:none;color:#268bff;background-color:#e5f1ff}.search-box{display:flex;align-items:center;color:#c8c8c8;border:1px solid #e6e6e6;border-radius:.125rem;margin:.25rem .4375rem .188rem;height:1.5rem;padding:.188rem 8px .188rem .5rem}.search-box .search-bar-close{margin-left:auto;float:right}.search-icon{margin:0 4px 0 0;font-size:1.125rem;color:#9b9b9b}.filter-icon{justify-content:right;margin-left:auto;color:#d4d4d4;color:#a1a1a1;font-size:16px;cursor:pointer}.data{margin:0 13px 0 8px;font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.86;letter-spacing:\"\";color:#4a4a4a}.search-input{margin:1px 0 1px 4px;font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#c8c8c8;width:calc(100% - 38px)}.check-box{color:#268bff}.tooltip-data-container{overflow-y:scroll;max-height:8rem}.searchbar{width:100%;display:flex;justify-content:flex-end;align-items:flex-end}.clear-button{opacity:.5;font-family:Roboto;font-size:.9375rem;font-weight:500;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-decoration:underline;border:none;background-color:#fff;color:#4a4a4a;margin-left:.625rem;padding:0}.clear-button:focus{outline:none;box-shadow:none}.unchecked{color:#268bff}cdk-virtual-scroll-viewport.dropdown-data-container{max-height:12.3rem;width:100%;overflow-y:auto;overflow-x:hidden}cdk-virtual-scroll-viewport.dropdown-data-container p.input{margin-left:0}cdk-virtual-scroll-viewport.dropdown-data-container p.input span.mi{padding-left:.4375rem}cdk-virtual-scroll-viewport.dropdown-data-container p.input:hover{background-color:#ebebeb;cursor:pointer}cdk-virtual-scroll-viewport.dropdown-data-container::-webkit-scrollbar{width:.188rem}cdk-virtual-scroll-viewport.dropdown-data-container::-webkit-scrollbar-thumb{color:#d3d3d3;background:#d3d3d3}section.min-maxContainer{display:flex;justify-content:center;margin-bottom:-.125rem;margin-top:.5rem;width:100%}section.min-maxContainer input{width:30%;height:1.875rem;border:1px solid lightgray;color:gray}section.min-maxContainer span{display:inline-block;padding-left:.5rem;padding-right:.5rem;position:relative;top:.3125rem;color:#666}.time-container{width:100%;display:flex;padding:0 .75rem}.time-container input.form-control:disabled{background-color:#fff;width:2.813rem}.time-container input.numberInput:focus{box-shadow:none;border-color:#c2cfd6}.time-container .dot{color:#cbcbcb;position:relative;left:-7px;font-size:17px}.time-container div.arrow-container{flex-direction:column;display:flex;margin-top:.375rem;width:9px;height:18px;margin-right:1.1875rem}.time-container div.arrow-container i{color:#000;cursor:pointer;max-height:9px;font-size:25px;width:10px}.time-container div.arrow-container i:before{width:0;height:0;pointer-events:none;position:relative;left:-9px;top:-11px}.mdi-filter{cursor:pointer}.time-label-container{display:flex;justify-content:flex-start}.time-label-container label{margin-bottom:0;color:#4a4a4a;margin-top:.125rem;margin-left:.75rem;font-weight:700}.time-heading{color:#000;font-size:.8125rem;text-align:left;padding-left:.625rem;margin-top:.625rem;font-weight:700}.column-clear-all{width:94%;text-align:center;border:none;font-size:14px;background:none;text-decoration:underline;color:#268bff}.checkbox-container{display:flex;padding-inline:.625rem}.checkbox-container .data{text-align:left}.checkbox-container:first-of-type{margin-top:.625rem;font-weight:500}.column-clear-all{width:94%;text-align:center;border:none;background:none;text-decoration:underline;color:#268bff}.column-clear-all:disabled{opacity:.5;color:#4a4a4a;font-weight:400}.column-clear-all.align-center{text-align:center}span.mdi-filter-variant.disabled{pointer-events:none;opacity:.5}.datepicker-container{width:100%}span.mdi-filter-variant{color:#cbcbcb;cursor:pointer;font-size:.875rem}span.mdi-filter-variant.active{color:#000}p.filter-tab{font-family:Roboto;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.29;letter-spacing:normal;color:#1b88ff;border-radius:5px;background-color:#f4f4f4;padding-inline:8px;cursor:pointer;overflow:hidden;text-align:center;text-overflow:ellipsis}p.filter-tab.active{color:#fff;background-color:#1b88ff}button.filter-text-btn{background:#fff;text-decoration:underline;font-family:Roboto;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;border:none;color:#268bff;margin-inline:4px;margin-top:2px}button.filter-text-btn:disabled{color:#b1b1b1;cursor:not-allowed}::ng-deep .non-edit-datepicker-tooltip .tooltip-inner{max-width:310px!important;width:283px!important;overflow-y:initial!important;padding:0!important}input.slider-text::-webkit-outer-spin-button,input.slider-text::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input.slider-text{-moz-appearance:textfield}input.slider-text.red-border{border:1px solid #f44336!important}::ng-deep .checkbox-sort p.sort-container{margin-top:8px!important;padding-bottom:8px!important}i.mdi-close{cursor:pointer}i.mdi-close.disable-close-icon{pointer-events:none;cursor:not-allowed}input.error-border{border:1px solid #f44336!important}::ng-deep .non-edit-checkbox-tooltip .tooltip-inner{width:238px!important;padding:0!important}::ng-deep .non-edit-slider-tooltip .tooltip-inner{width:238px!important;padding:0!important}::ng-deep .non-edit-time-tooltip .tooltip-inner{width:250px!important;padding:0!important}::ng-deep .non-edit-time-tooltip.bs-tooltip-start{padding:.4rem}::ng-deep .non-edit-time-tooltip.bs-tooltip-start .tooltip-arrow{right:0;top:5px!important;width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}::ng-deep .non-edit-time-tooltip.bs-tooltip-start .tooltip-arrow:before{border-left-color:#fff;left:-1px;border-width:calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height)}::ng-deep .no-bottom-border p.sort-container{border-bottom:none!important}::ng-deep .ngx-slider-pointer-min:after{display:none}::ng-deep .ngx-slider-pointer-max:after{display:none}::ng-deep .ngx-slider span.ngx-slider-pointer{width:12px;height:12px;top:-5px;background-color:#bdbdbd}::ng-deep .ngx-slider span.ngx-slider-bar{height:3px;background:#ededed}::ng-deep .ngx-slider span.ngx-slider-selection{background:#bdbdbd}::ng-deep .ngx-slider span.ngx-slider-bubble{bottom:-22px;font-size:12px;color:#333}::ng-deep .show-min.ngx-slider span.ngx-slider-model-value{background:#fff;box-shadow:0 6px 10px #0000004d,0 2px 2px #0003}::ng-deep .show-max.ngx-slider span.ngx-slider-model-high{background:#fff;box-shadow:none}::ng-deep .ngx-slider span.ngx-slider-combined{background:#fff;box-shadow:0 6px 10px #0000004d,0 2px 2px #0003}::ng-deep .ngx-slider{top:10px!important;margin:5px 0 2px!important}::ng-deep .ngx-slider-animate{top:0!important}.sidebar-slider{margin-bottom:35px!important;margin-left:5px;margin-right:5px}.slider-placeholder{height:14px}::ng-deep .filter-calendar select.form-select:focus{border-color:#c2cfd6;box-shadow:none}::ng-deep .filter-calendar select.form-select{background-color:#fff}.no-data-case{padding-left:.4375rem!important;font-size:.875rem!important;margin-top:10px!important;cursor:pointer}.custom-column-checkbox-checked,.custom-column-checkbox-unchecked{font-size:.875rem;cursor:pointer}.custom-column-checkbox-checked{color:#268bff}.custom-column-checkbox-unchecked{color:#4a4a4a}\n"] }]
|
|
3087
|
+
args: [{ selector: "anna-core-anna-column-date-range-filter", standalone: true, imports: [NgIf, NgFor, NgClass, AnnaSortComponent, AnnaCalendarFilterComponent], template: "<div\r\n class=\"radio-container\"\r\n *ngIf=\"showFilterHeaderTabs\"\r\n>\r\n <div *ngFor=\"let data of filterTabObjects\">\r\n <p\r\n class=\"filter-tab\"\r\n [title]=\"data.label\"\r\n (click)=\"populateTooltipDataBasedOnSelectedRadio(data, true)\"\r\n [ngClass]=\"{ active: annaFilterService.selectedRadio == data.key }\"\r\n *ngIf=\"filterTabObjects.length > 0\"\r\n >\r\n {{ data.label }}\r\n </p>\r\n </div>\r\n</div>\r\n\r\n<anna-core-sort-lib\r\n *ngIf=\"showSortComponent\"\r\n [ngClass]=\"{ 'no-bottom-border': !showFilterComponent }\"\r\n (sortOptionClicked)=\"storeSortTypeInTempVariable($event)\"\r\n [sortObjectKey]=\"annaFilterService.selectedRadio\"\r\n></anna-core-sort-lib>\r\n\r\n<ng-container *ngIf=\"showFilterComponent\">\r\n <div class=\"datepicker-container\">\r\n <button\r\n class=\"column-clear-all\"\r\n [disabled]=\"disableColumnClearAllBtn\"\r\n (click)=\"clearColumnFilter()\"\r\n >\r\n Clear filter\r\n </button>\r\n <anna-core-calendar-filter-lib\r\n class=\"filter-calendar\"\r\n [minDate]=\"calendarMinEnabledDate\"\r\n [maxDate]=\"calendarMaxEnabledDate\"\r\n [selectedFromDate]=\"selectedMinDate\"\r\n [selectedToDate]=\"selectedMaxDate\"\r\n (selectedDate)=\"calendarDateChanged($event)\"\r\n [label]=\"selectedLabel\"\r\n >\r\n </anna-core-calendar-filter-lib>\r\n </div>\r\n</ng-container>\r\n\r\n<div class=\"buttons-container\">\r\n <button\r\n class=\"button\"\r\n (click)=\"cancelInDateFilter()\"\r\n >\r\n Cancel\r\n </button>\r\n <button\r\n class=\"button\"\r\n (click)=\"applyDateFilter()\"\r\n [ngClass]=\"{ disabled: disableCalendarApplyBtn }\"\r\n [disabled]=\"disableCalendarApplyBtn\"\r\n >\r\n Apply\r\n </button>\r\n</div>\r\n", styles: [".sort-btn{background:#fff;border:none;border-right:1px solid #1b88ff;text-decoration:underline;font-family:Roboto;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.07;letter-spacing:normal;color:#1b88ff;cursor:pointer;flex:1;text-align:center}.sort-btn:last-of-type{border-right:none}.sort-btn.active{color:#202b47;text-decoration:none}p.sort-container{margin-top:8px;padding-bottom:8px;border-bottom:1px solid #e6e6e6;margin-bottom:0;display:flex}::ng-deep .tooltip-inner{max-height:22rem;background-color:#fff;border:1px solid white;border-radius:5px;box-shadow:0 2px 2px #0000003d,0 0 2px #0000001f;max-width:251px;width:100%;padding:0!important}::ng-deep .tooltip-inner div.radio-container{flex-wrap:wrap}::ng-deep .md-drppicker{box-shadow:unset!important}::ng-deep .available{color:#999}::ng-deep .bs-tooltip-bottom .arrow:before{border-bottom-color:#fff!important}::ng-deep .bs-tooltip-left .arrow:before{border-left-color:#fff!important}::ng-deep .tooltip.show{opacity:1}.input{text-align:left;margin:5px 10px 5px 5px;display:flex;align-items:center;width:230px;white-space:nowrap}.data{color:#000;font-weight:700;margin-left:5px;margin-right:5px}span.data{display:inline-block;text-overflow:ellipsis;white-space:pre;width:100%;overflow:hidden}.check-box{font-size:14px;cursor:pointer;position:relative;top:-1px}span.mdi-filter.active{color:#000;opacity:1!important;pointer-events:all!important}p{margin-bottom:0;line-height:initial}span.mdi-filter{color:#cbcbcb}::ng-deep .ngx-slider-pointer{top:-5px!important;width:12px!important;height:12px!important;background:#bdbdbd!important;border:1px solid #ffffff!important;box-shadow:0 1px 3px #0000004d!important;border-radius:16px!important}input:focus{outline:none}input::placeholder{color:#c8c8c8}.cancel-btn{background:#c7e1ff;color:#268bff}.apply-btn{background:#268bff;color:#fff;margin-left:.3125rem}div.radio-container{display:flex;white-space:nowrap;justify-content:space-between;background-color:#f4f4f4;border-radius:.125rem;margin:.4375rem .4375rem .25rem}div.radio-container div{flex:1;width:50%}div.radio-container div.full-width{width:100%}div.radio-container input{position:relative;top:.125rem;margin-right:.25rem}div.radio-container label{font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.29;letter-spacing:0;color:#4a4a4a;margin:0;padding-left:.125rem}div.radio-container label:first-of-type{margin-right:.188rem}div.radio-container input[type=radio]{appearance:none;display:inline-block;width:.9375rem;height:.9375rem;padding:.125rem;background-clip:content-box;border:.125rem solid #268bff;background-color:transparent;border-radius:50%}div.radio-container input[type=radio]:checked{background-color:#268bff}.checkbox-filter-buttons-container{padding:0 8px!important}.buttons-container{display:flex;margin:0px auto .4375rem;justify-content:center;padding:0 12px}.buttons-container .button{padding:0 10px;width:100%;margin:8px 0 0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.buttons-container button:last-of-type{background-color:#268bff;color:#fff;margin-left:.5rem}.buttons-container button.disabled{background:#bdbdbd;opacity:.5;color:#4a4a4a}.button{display:inline-block;margin:8px 4px 0 8px;padding:0 16px;border-radius:4px;text-align:center;outline:none;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.67;letter-spacing:normal;border:none;color:#268bff;background-color:#e5f1ff}.search-box{display:flex;align-items:center;color:#c8c8c8;border:1px solid #e6e6e6;border-radius:.125rem;margin:.25rem .4375rem .188rem;height:1.5rem;padding:.188rem 8px .188rem .5rem}.search-box .search-bar-close{margin-left:auto;float:right}.search-icon{margin:0 4px 0 0;font-size:1.125rem;color:#9b9b9b}.filter-icon{justify-content:right;margin-left:auto;color:#d4d4d4;color:#a1a1a1;font-size:16px;cursor:pointer}.data{margin:0 13px 0 8px;font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.86;letter-spacing:\"\";color:#4a4a4a}.search-input{margin:1px 0 1px 4px;font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#c8c8c8;width:calc(100% - 38px)}.check-box{color:#268bff}.tooltip-data-container{overflow-y:scroll;max-height:8rem}.searchbar{width:100%;display:flex;justify-content:flex-end;align-items:flex-end}.clear-button{opacity:.5;font-family:Roboto;font-size:.9375rem;font-weight:500;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-decoration:underline;border:none;background-color:#fff;color:#4a4a4a;margin-left:.625rem;padding:0}.clear-button:focus{outline:none;box-shadow:none}.unchecked{color:#268bff}cdk-virtual-scroll-viewport.dropdown-data-container{max-height:12.3rem;width:100%;overflow-y:auto;overflow-x:hidden}cdk-virtual-scroll-viewport.dropdown-data-container p.input{margin-left:0}cdk-virtual-scroll-viewport.dropdown-data-container p.input span.mi{padding-left:.4375rem}cdk-virtual-scroll-viewport.dropdown-data-container p.input:hover{background-color:#ebebeb;cursor:pointer}cdk-virtual-scroll-viewport.dropdown-data-container::-webkit-scrollbar{width:.188rem}cdk-virtual-scroll-viewport.dropdown-data-container::-webkit-scrollbar-thumb{color:#d3d3d3;background:#d3d3d3}section.min-maxContainer{display:flex;justify-content:center;margin-bottom:-.125rem;margin-top:.5rem;width:100%}section.min-maxContainer input{width:30%;height:1.875rem;border:1px solid lightgray;color:gray}section.min-maxContainer span{display:inline-block;padding-left:.5rem;padding-right:.5rem;position:relative;top:.3125rem;color:#666}.time-container{width:100%;display:flex;padding:0 .75rem}.time-container input.form-control:disabled{background-color:#fff;width:2.813rem}.time-container input.numberInput:focus{box-shadow:none;border-color:#c2cfd6}.time-container .dot{color:#cbcbcb;position:relative;left:-7px;font-size:17px}.time-container div.arrow-container{flex-direction:column;display:flex;margin-top:.375rem;width:9px;height:18px;margin-right:1.1875rem}.time-container div.arrow-container i{color:#000;cursor:pointer;max-height:9px;font-size:25px;width:10px}.time-container div.arrow-container i:before{width:0;height:0;pointer-events:none;position:relative;left:-9px;top:-11px}.mdi-filter{cursor:pointer}.time-label-container{display:flex;justify-content:flex-start}.time-label-container label{margin-bottom:0;color:#4a4a4a;margin-top:.125rem;margin-left:.75rem;font-weight:700}.time-heading{color:#000;font-size:.8125rem;text-align:left;padding-left:.625rem;margin-top:.625rem;font-weight:700}.column-clear-all{width:94%;text-align:center;border:none;font-size:14px;background:none;text-decoration:underline;color:#268bff}.checkbox-container{display:flex;padding-inline:.625rem}.checkbox-container .data{text-align:left}.checkbox-container:first-of-type{margin-top:.625rem;font-weight:500}.column-clear-all{width:94%;text-align:center;border:none;background:none;text-decoration:underline;color:#268bff}.column-clear-all:disabled{opacity:.5;color:#4a4a4a;font-weight:400}.column-clear-all.align-center{text-align:center}span.mdi-filter-variant.disabled{pointer-events:none;opacity:.5}.datepicker-container{width:100%}span.mdi-filter-variant{color:#cbcbcb;cursor:pointer;font-size:.875rem}span.mdi-filter-variant.active{color:#000}p.filter-tab{font-family:Roboto;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.29;letter-spacing:normal;color:#1b88ff;border-radius:5px;background-color:#f4f4f4;padding-inline:8px;cursor:pointer;overflow:hidden;text-align:center;text-overflow:ellipsis}p.filter-tab.active{color:#fff;background-color:#1b88ff}button.filter-text-btn{background:#fff;text-decoration:underline;font-family:Roboto;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;border:none;color:#268bff;margin-inline:4px;margin-top:2px}button.filter-text-btn:disabled{color:#b1b1b1;cursor:not-allowed}::ng-deep .non-edit-datepicker-tooltip .tooltip-inner{max-width:310px!important;width:283px!important;overflow-y:initial!important;padding:0!important}input.slider-text::-webkit-outer-spin-button,input.slider-text::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input.slider-text{-moz-appearance:textfield}input.slider-text.red-border{border:1px solid #f44336!important}::ng-deep .checkbox-sort p.sort-container{margin-top:8px!important;padding-bottom:8px!important}i.mdi-close{cursor:pointer}i.mdi-close.disable-close-icon{pointer-events:none;cursor:not-allowed}input.error-border{border:1px solid #f44336!important}::ng-deep .non-edit-checkbox-tooltip .tooltip-inner{width:238px!important;padding:0!important}::ng-deep .non-edit-slider-tooltip .tooltip-inner{width:238px!important;padding:0!important}::ng-deep .non-edit-time-tooltip .tooltip-inner{width:250px!important;padding:0!important}::ng-deep .non-edit-time-tooltip.bs-tooltip-start{padding:.4rem}::ng-deep .non-edit-time-tooltip.bs-tooltip-start .tooltip-arrow{right:0;top:5px!important;width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}::ng-deep .non-edit-time-tooltip.bs-tooltip-start .tooltip-arrow:before{border-left-color:#fff;left:-1px;border-width:calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height)}::ng-deep .no-bottom-border p.sort-container{border-bottom:none!important}::ng-deep .ngx-slider-pointer-min:after{display:none}::ng-deep .ngx-slider-pointer-max:after{display:none}::ng-deep .ngx-slider span.ngx-slider-pointer{width:12px;height:12px;top:-5px;background-color:#bdbdbd}::ng-deep .ngx-slider span.ngx-slider-bar{height:3px;background:#ededed}::ng-deep .ngx-slider span.ngx-slider-selection{background:#bdbdbd}::ng-deep .ngx-slider span.ngx-slider-bubble{bottom:-22px;font-size:12px;color:#333}::ng-deep .show-min.ngx-slider span.ngx-slider-model-value{background:#fff;box-shadow:0 6px 10px #0000004d,0 2px 2px #0003}::ng-deep .show-max.ngx-slider span.ngx-slider-model-high{background:#fff;box-shadow:none}::ng-deep .ngx-slider span.ngx-slider-combined{background:#fff;box-shadow:0 6px 10px #0000004d,0 2px 2px #0003}::ng-deep .ngx-slider{top:10px!important;margin:5px 0 2px!important}::ng-deep .ngx-slider-animate{top:0!important}.sidebar-slider{margin-bottom:35px!important;margin-left:5px;margin-right:5px}.slider-placeholder{height:14px}::ng-deep .filter-calendar select.form-select:focus{border-color:#c2cfd6;box-shadow:none}::ng-deep .filter-calendar select.form-select{background-color:#fff}.no-data-case{padding-left:.4375rem!important;font-size:.875rem!important;margin-top:10px!important;cursor:pointer}.custom-column-checkbox-checked,.custom-column-checkbox-unchecked{font-size:.875rem;cursor:pointer}.custom-column-checkbox-checked{color:#268bff}.custom-column-checkbox-unchecked{color:#4a4a4a}\n"] }]
|
|
3089
3088
|
}], ctorParameters: function () { return [{ type: AnnaDateTimeFormatService }, { type: AnnaSortService }, { type: AnnaFilterService }]; }, propDecorators: { tableData: [{
|
|
3090
3089
|
type: Input
|
|
3091
3090
|
}], clonedTableData: [{
|
|
@@ -3169,10 +3168,10 @@ class AnnaColumnSliderFilterComponent {
|
|
|
3169
3168
|
let optionsData = this.annaFilterService.getFilterOptionsData(this.tableData, this.clonedTableData);
|
|
3170
3169
|
this.options = this.annaFilterService.getSliderOptions(optionsData, translateFunc, key);
|
|
3171
3170
|
this.options.step = 1;
|
|
3172
|
-
this.sliderFilterTextBoxStep =
|
|
3173
|
-
if (key !==
|
|
3171
|
+
this.sliderFilterTextBoxStep = "1";
|
|
3172
|
+
if (key !== "WeekNumber") {
|
|
3174
3173
|
this.options.step = 0.01;
|
|
3175
|
-
this.sliderFilterTextBoxStep =
|
|
3174
|
+
this.sliderFilterTextBoxStep = "0.01";
|
|
3176
3175
|
}
|
|
3177
3176
|
}
|
|
3178
3177
|
setSelectedRangeForSlider(key) {
|
|
@@ -3185,7 +3184,7 @@ class AnnaColumnSliderFilterComponent {
|
|
|
3185
3184
|
this.closeTooltip.emit();
|
|
3186
3185
|
}
|
|
3187
3186
|
minValueChanged(val) {
|
|
3188
|
-
if (val || val ==
|
|
3187
|
+
if (val || val == "0") {
|
|
3189
3188
|
this.sliderEnteredMinValue = +val;
|
|
3190
3189
|
this.sliderEnteredMaxValue = this.sliderMaxValue;
|
|
3191
3190
|
this.isMinTextBoxEmpty = false;
|
|
@@ -3239,7 +3238,7 @@ class AnnaColumnSliderFilterComponent {
|
|
|
3239
3238
|
this.sliderEnteredMaxValue = this.sliderMaxValue;
|
|
3240
3239
|
}
|
|
3241
3240
|
maxValueChanged(val) {
|
|
3242
|
-
if (val || val ==
|
|
3241
|
+
if (val || val == "0") {
|
|
3243
3242
|
this.sliderEnteredMaxValue = +val;
|
|
3244
3243
|
this.sliderEnteredMinValue = this.sliderMinValue;
|
|
3245
3244
|
this.isMaxTextBoxEmpty = false;
|
|
@@ -3346,7 +3345,7 @@ class AnnaColumnSliderFilterComponent {
|
|
|
3346
3345
|
let currentSliderData = this.annaFilterService.getCurrentSelectedValueForSlider(this.sliderEnteredMinValue, this.sliderEnteredMaxValue, this.options);
|
|
3347
3346
|
this.annaFilterService.reOrderAppliedFiltersState(this.clonedTableData, currentSliderData);
|
|
3348
3347
|
this.annaFilterService.tooltipSelectedMap.set(this.annaFilterService.selectedRadio, currentSliderData);
|
|
3349
|
-
this.tableData = this.annaFilterService.filterData(this.clonedTableData,
|
|
3348
|
+
this.tableData = this.annaFilterService.filterData(this.clonedTableData, "");
|
|
3350
3349
|
this.annaSortService.noSortingAppliedData = cloneDeep(this.tableData);
|
|
3351
3350
|
}
|
|
3352
3351
|
}
|
|
@@ -3377,7 +3376,7 @@ class AnnaColumnSliderFilterComponent {
|
|
|
3377
3376
|
}
|
|
3378
3377
|
clearColumnFilter() {
|
|
3379
3378
|
this.annaFilterService.clearColumnFilter();
|
|
3380
|
-
this.tableData = cloneDeep(this.annaFilterService.filterData(this.clonedTableData,
|
|
3379
|
+
this.tableData = cloneDeep(this.annaFilterService.filterData(this.clonedTableData, ""));
|
|
3381
3380
|
this.annaSortService.noSortingAppliedData = this.tableData;
|
|
3382
3381
|
this.tableData = this.annaSortService.checkIfSortingIsApplied(this.tableData, this.isLurAndCsrComponent);
|
|
3383
3382
|
this.annaFilterService.updateStateOfTheCurrentFilterTab(this.annaSortService.columnSortState);
|
|
@@ -3388,7 +3387,7 @@ class AnnaColumnSliderFilterComponent {
|
|
|
3388
3387
|
}
|
|
3389
3388
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaColumnSliderFilterComponent, decorators: [{
|
|
3390
3389
|
type: Component,
|
|
3391
|
-
args: [{ selector: 'anna-core-anna-column-slider-filter', standalone: true, imports: [NgIf, NgFor, NgClass, AnnaSortComponent, FormsModule, NgxSliderModule], template: "<div\r\n class=\"radio-container\"\r\n *ngIf=\"showFilterHeaderTabs\"\r\n>\r\n <div *ngFor=\"let data of filterTabObjects\">\r\n <p\r\n class=\"filter-tab\"\r\n [title]=\"data.label\"\r\n (click)=\"populateTooltipDataBasedOnSelectedRadio(data, true)\"\r\n [ngClass]=\"{ active: annaFilterService.selectedRadio == data.key }\"\r\n *ngIf=\"filterTabObjects.length > 0\"\r\n >\r\n {{ data.label }}\r\n </p>\r\n </div>\r\n</div>\r\n\r\n<anna-core-sort-lib\r\n *ngIf=\"showSortComponent\"\r\n [ngClass]=\"{ 'no-bottom-border': !showFilterComponent }\"\r\n (sortOptionClicked)=\"storeSortTypeInTempVariable($event)\"\r\n [sortObjectKey]=\"annaFilterService.selectedRadio\"\r\n></anna-core-sort-lib>\r\n\r\n<ng-container *ngIf=\"showFilterComponent\">\r\n <button\r\n class=\"column-clear-all\"\r\n [disabled]=\"disableColumnClearAllBtn\"\r\n (click)=\"clearColumnFilter()\"\r\n >\r\n Clear filter\r\n </button>\r\n <section class=\"min-maxContainer\">\r\n <input\r\n type=\"number\"\r\n class=\"slider-text\"\r\n step=\"{{ sliderFilterTextBoxStep }}\"\r\n [(ngModel)]=\"sliderMinValue\"\r\n (ngModelChange)=\"minValueChanged($event)\"\r\n [ngClass]=\"{ 'red-border': showSliderMinValueError }\"\r\n placeholder=\"Min\"\r\n />\r\n <span>To</span>\r\n <input\r\n type=\"number\"\r\n class=\"slider-text\"\r\n step=\"{{ sliderFilterTextBoxStep }}\"\r\n [(ngModel)]=\"sliderMaxValue\"\r\n (ngModelChange)=\"maxValueChanged($event)\"\r\n [ngClass]=\"{ 'red-border': showSliderMaxValueError }\"\r\n placeholder=\"Max\"\r\n />\r\n </section>\r\n <div class=\"sidebar-slider\">\r\n <ngx-slider\r\n *ngIf=\"!showEmptySpaceForSlider\"\r\n [ngClass]=\"{\r\n 'show-min': sliderMinValue != options.floor,\r\n 'show-max': sliderMaxValue != options.ceil\r\n }\"\r\n class=\"filter-slider\"\r\n [(value)]=\"sliderEnteredMinValue\"\r\n [(highValue)]=\"sliderEnteredMaxValue\"\r\n [options]=\"options\"\r\n ></ngx-slider>\r\n <div\r\n *ngIf=\"showEmptySpaceForSlider\"\r\n class=\"slider-placeholder\"\r\n ></div>\r\n </div>\r\n</ng-container>\r\n\r\n<div class=\"buttons-container\">\r\n <button\r\n class=\"button\"\r\n (click)=\"cancelSliderFilter()\"\r\n >\r\n Cancel\r\n </button>\r\n <button\r\n class=\"button\"\r\n [ngClass]=\"{ disabled: disableSliderApplyButton }\"\r\n (click)=\"applyFilters()\"\r\n [disabled]=\"disableSliderApplyButton\"\r\n >\r\n Apply\r\n </button>\r\n</div>\r\n", styles: [".sort-btn{background:#fff;border:none;border-right:1px solid #1b88ff;text-decoration:underline;font-family:Roboto;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.07;letter-spacing:normal;color:#1b88ff;cursor:pointer;flex:1;text-align:center}.sort-btn:last-of-type{border-right:none}.sort-btn.active{color:#202b47;text-decoration:none}p.sort-container{margin-top:8px;padding-bottom:8px;border-bottom:1px solid #e6e6e6;margin-bottom:0;display:flex}::ng-deep .tooltip-inner{max-height:22rem;background-color:#fff;border:1px solid white;border-radius:5px;box-shadow:0 2px 2px #0000003d,0 0 2px #0000001f;max-width:251px;width:100%;padding:0!important}::ng-deep .tooltip-inner div.radio-container{flex-wrap:wrap}::ng-deep .md-drppicker{box-shadow:unset!important}::ng-deep .available{color:#999}::ng-deep .bs-tooltip-bottom .arrow:before{border-bottom-color:#fff!important}::ng-deep .bs-tooltip-left .arrow:before{border-left-color:#fff!important}::ng-deep .tooltip.show{opacity:1}.input{text-align:left;margin:5px 10px 5px 5px;display:flex;align-items:center;width:230px;white-space:nowrap}.data{color:#000;font-weight:700;margin-left:5px;margin-right:5px}span.data{display:inline-block;text-overflow:ellipsis;white-space:pre;width:100%;overflow:hidden}.check-box{font-size:14px;cursor:pointer;position:relative;top:-1px}span.mdi-filter.active{color:#000;opacity:1!important;pointer-events:all!important}p{margin-bottom:0;line-height:initial}span.mdi-filter{color:#cbcbcb}::ng-deep .ngx-slider-pointer{top:-5px!important;width:12px!important;height:12px!important;background:#bdbdbd!important;border:1px solid #ffffff!important;box-shadow:0 1px 3px #0000004d!important;border-radius:16px!important}input:focus{outline:none}input::placeholder{color:#c8c8c8}.cancel-btn{background:#c7e1ff;color:#268bff}.apply-btn{background:#268bff;color:#fff;margin-left:.3125rem}div.radio-container{display:flex;white-space:nowrap;justify-content:space-between;background-color:#f4f4f4;border-radius:.125rem;margin:.4375rem .4375rem .25rem}div.radio-container div{flex:1;width:50%}div.radio-container div.full-width{width:100%}div.radio-container input{position:relative;top:.125rem;margin-right:.25rem}div.radio-container label{font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.29;letter-spacing:0;color:#4a4a4a;margin:0;padding-left:.125rem}div.radio-container label:first-of-type{margin-right:.188rem}div.radio-container input[type=radio]{appearance:none;display:inline-block;width:.9375rem;height:.9375rem;padding:.125rem;background-clip:content-box;border:.125rem solid #268bff;background-color:transparent;border-radius:50%}div.radio-container input[type=radio]:checked{background-color:#268bff}.checkbox-filter-buttons-container{padding:0 8px!important}.buttons-container{display:flex;margin:0px auto .4375rem;justify-content:center;padding:0 12px}.buttons-container .button{padding:0 10px;width:100%;margin:8px 0 0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.buttons-container button:last-of-type{background-color:#268bff;color:#fff;margin-left:.5rem}.buttons-container button.disabled{background:#bdbdbd;opacity:.5;color:#4a4a4a}.button{display:inline-block;margin:8px 4px 0 8px;padding:0 16px;border-radius:4px;text-align:center;outline:none;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.67;letter-spacing:normal;border:none;color:#268bff;background-color:#e5f1ff}.search-box{display:flex;align-items:center;color:#c8c8c8;border:1px solid #e6e6e6;border-radius:.125rem;margin:.25rem .4375rem .188rem;height:1.5rem;padding:.188rem 8px .188rem .5rem}.search-box .search-bar-close{margin-left:auto;float:right}.search-icon{margin:0 4px 0 0;font-size:1.125rem;color:#9b9b9b}.filter-icon{justify-content:right;margin-left:auto;color:#d4d4d4;color:#a1a1a1;font-size:16px;cursor:pointer}.data{margin:0 13px 0 8px;font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.86;letter-spacing:\"\";color:#4a4a4a}.search-input{margin:1px 0 1px 4px;font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#c8c8c8;width:calc(100% - 38px)}.check-box{color:#268bff}.tooltip-data-container{overflow-y:scroll;max-height:8rem}.searchbar{width:100%;display:flex;justify-content:flex-end;align-items:flex-end}.clear-button{opacity:.5;font-family:Roboto;font-size:.9375rem;font-weight:500;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-decoration:underline;border:none;background-color:#fff;color:#4a4a4a;margin-left:.625rem;padding:0}.clear-button:focus{outline:none;box-shadow:none}.unchecked{color:#268bff}cdk-virtual-scroll-viewport.dropdown-data-container{max-height:12.3rem;width:100%;overflow-y:auto;overflow-x:hidden}cdk-virtual-scroll-viewport.dropdown-data-container p.input{margin-left:0}cdk-virtual-scroll-viewport.dropdown-data-container p.input span.mi{padding-left:.4375rem}cdk-virtual-scroll-viewport.dropdown-data-container p.input:hover{background-color:#ebebeb;cursor:pointer}cdk-virtual-scroll-viewport.dropdown-data-container::-webkit-scrollbar{width:.188rem}cdk-virtual-scroll-viewport.dropdown-data-container::-webkit-scrollbar-thumb{color:#d3d3d3;background:#d3d3d3}section.min-maxContainer{display:flex;justify-content:center;margin-bottom:-.125rem;margin-top:.5rem;width:100%}section.min-maxContainer input{width:30%;height:1.875rem;border:1px solid lightgray;color:gray}section.min-maxContainer span{display:inline-block;padding-left:.5rem;padding-right:.5rem;position:relative;top:.3125rem;color:#666}.time-container{width:100%;display:flex;padding:0 .75rem}.time-container input.form-control:disabled{background-color:#fff;width:2.813rem}.time-container input.numberInput:focus{box-shadow:none;border-color:#c2cfd6}.time-container .dot{color:#cbcbcb;position:relative;left:-7px;font-size:17px}.time-container div.arrow-container{flex-direction:column;display:flex;margin-top:.375rem;width:9px;height:18px;margin-right:1.1875rem}.time-container div.arrow-container i{color:#000;cursor:pointer;max-height:9px;font-size:25px;width:10px}.time-container div.arrow-container i:before{width:0;height:0;pointer-events:none;position:relative;left:-9px;top:-11px}.mdi-filter{cursor:pointer}.time-label-container{display:flex;justify-content:flex-start}.time-label-container label{margin-bottom:0;color:#4a4a4a;margin-top:.125rem;margin-left:.75rem;font-weight:700}.time-heading{color:#000;font-size:.8125rem;text-align:left;padding-left:.625rem;margin-top:.625rem;font-weight:700}.column-clear-all{width:94%;text-align:center;border:none;font-size:14px;background:none;text-decoration:underline;color:#268bff}.checkbox-container{display:flex;padding-inline:.625rem}.checkbox-container .data{text-align:left}.checkbox-container:first-of-type{margin-top:.625rem;font-weight:500}.column-clear-all{width:94%;text-align:center;border:none;background:none;text-decoration:underline;color:#268bff}.column-clear-all:disabled{opacity:.5;color:#4a4a4a;font-weight:400}.column-clear-all.align-center{text-align:center}span.mdi-filter-variant.disabled{pointer-events:none;opacity:.5}.datepicker-container{width:100%}span.mdi-filter-variant{color:#cbcbcb;cursor:pointer;font-size:.875rem}span.mdi-filter-variant.active{color:#000}p.filter-tab{font-family:Roboto;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.29;letter-spacing:normal;color:#1b88ff;border-radius:5px;background-color:#f4f4f4;padding-inline:8px;cursor:pointer;overflow:hidden;text-align:center;text-overflow:ellipsis}p.filter-tab.active{color:#fff;background-color:#1b88ff}button.filter-text-btn{background:#fff;text-decoration:underline;font-family:Roboto;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;border:none;color:#268bff;margin-inline:4px;margin-top:2px}button.filter-text-btn:disabled{color:#b1b1b1;cursor:not-allowed}::ng-deep .non-edit-datepicker-tooltip .tooltip-inner{max-width:310px!important;width:283px!important;overflow-y:initial!important;padding:0!important}input.slider-text::-webkit-outer-spin-button,input.slider-text::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input.slider-text{-moz-appearance:textfield}input.slider-text.red-border{border:1px solid #f44336!important}::ng-deep .checkbox-sort p.sort-container{margin-top:8px!important;padding-bottom:8px!important}i.mdi-close{cursor:pointer}i.mdi-close.disable-close-icon{pointer-events:none;cursor:not-allowed}input.error-border{border:1px solid #f44336!important}::ng-deep .non-edit-checkbox-tooltip .tooltip-inner{width:238px!important;padding:0!important}::ng-deep .non-edit-slider-tooltip .tooltip-inner{width:238px!important;padding:0!important}::ng-deep .non-edit-time-tooltip .tooltip-inner{width:250px!important;padding:0!important}::ng-deep .non-edit-time-tooltip.bs-tooltip-start{padding:.4rem}::ng-deep .non-edit-time-tooltip.bs-tooltip-start .tooltip-arrow{right:0;top:5px!important;width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}::ng-deep .non-edit-time-tooltip.bs-tooltip-start .tooltip-arrow:before{border-left-color:#fff;left:-1px;border-width:calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height)}::ng-deep .no-bottom-border p.sort-container{border-bottom:none!important}::ng-deep .ngx-slider-pointer-min:after{display:none}::ng-deep .ngx-slider-pointer-max:after{display:none}::ng-deep .ngx-slider span.ngx-slider-pointer{width:12px;height:12px;top:-5px;background-color:#bdbdbd}::ng-deep .ngx-slider span.ngx-slider-bar{height:3px;background:#ededed}::ng-deep .ngx-slider span.ngx-slider-selection{background:#bdbdbd}::ng-deep .ngx-slider span.ngx-slider-bubble{bottom:-22px;font-size:12px;color:#333}::ng-deep .show-min.ngx-slider span.ngx-slider-model-value{background:#fff;box-shadow:0 6px 10px #0000004d,0 2px 2px #0003}::ng-deep .show-max.ngx-slider span.ngx-slider-model-high{background:#fff;box-shadow:none}::ng-deep .ngx-slider span.ngx-slider-combined{background:#fff;box-shadow:0 6px 10px #0000004d,0 2px 2px #0003}::ng-deep .ngx-slider{top:10px!important;margin:5px 0 2px!important}::ng-deep .ngx-slider-animate{top:0!important}.sidebar-slider{margin-bottom:35px!important;margin-left:5px;margin-right:5px}.slider-placeholder{height:14px}::ng-deep .filter-calendar select.form-select:focus{border-color:#c2cfd6;box-shadow:none}::ng-deep .filter-calendar select.form-select{background-color:#fff}.no-data-case{padding-left:.4375rem!important;font-size:.875rem!important;margin-top:10px!important;cursor:pointer}.custom-column-checkbox-checked,.custom-column-checkbox-unchecked{font-size:.875rem;cursor:pointer}.custom-column-checkbox-checked{color:#268bff}.custom-column-checkbox-unchecked{color:#4a4a4a}\n"] }]
|
|
3390
|
+
args: [{ selector: "anna-core-anna-column-slider-filter", standalone: true, imports: [NgIf, NgFor, NgClass, AnnaSortComponent, FormsModule, NgxSliderModule], template: "<div\r\n class=\"radio-container\"\r\n *ngIf=\"showFilterHeaderTabs\"\r\n>\r\n <div *ngFor=\"let data of filterTabObjects\">\r\n <p\r\n class=\"filter-tab\"\r\n [title]=\"data.label\"\r\n (click)=\"populateTooltipDataBasedOnSelectedRadio(data, true)\"\r\n [ngClass]=\"{ active: annaFilterService.selectedRadio == data.key }\"\r\n *ngIf=\"filterTabObjects.length > 0\"\r\n >\r\n {{ data.label }}\r\n </p>\r\n </div>\r\n</div>\r\n\r\n<anna-core-sort-lib\r\n *ngIf=\"showSortComponent\"\r\n [ngClass]=\"{ 'no-bottom-border': !showFilterComponent }\"\r\n (sortOptionClicked)=\"storeSortTypeInTempVariable($event)\"\r\n [sortObjectKey]=\"annaFilterService.selectedRadio\"\r\n></anna-core-sort-lib>\r\n\r\n<ng-container *ngIf=\"showFilterComponent\">\r\n <button\r\n class=\"column-clear-all\"\r\n [disabled]=\"disableColumnClearAllBtn\"\r\n (click)=\"clearColumnFilter()\"\r\n >\r\n Clear filter\r\n </button>\r\n <section class=\"min-maxContainer\">\r\n <input\r\n type=\"number\"\r\n class=\"slider-text\"\r\n step=\"{{ sliderFilterTextBoxStep }}\"\r\n [(ngModel)]=\"sliderMinValue\"\r\n (ngModelChange)=\"minValueChanged($event)\"\r\n [ngClass]=\"{ 'red-border': showSliderMinValueError }\"\r\n placeholder=\"Min\"\r\n />\r\n <span>To</span>\r\n <input\r\n type=\"number\"\r\n class=\"slider-text\"\r\n step=\"{{ sliderFilterTextBoxStep }}\"\r\n [(ngModel)]=\"sliderMaxValue\"\r\n (ngModelChange)=\"maxValueChanged($event)\"\r\n [ngClass]=\"{ 'red-border': showSliderMaxValueError }\"\r\n placeholder=\"Max\"\r\n />\r\n </section>\r\n <div class=\"sidebar-slider\">\r\n <ngx-slider\r\n *ngIf=\"!showEmptySpaceForSlider\"\r\n [ngClass]=\"{\r\n 'show-min': sliderMinValue != options.floor,\r\n 'show-max': sliderMaxValue != options.ceil\r\n }\"\r\n class=\"filter-slider\"\r\n [(value)]=\"sliderEnteredMinValue\"\r\n [(highValue)]=\"sliderEnteredMaxValue\"\r\n [options]=\"options\"\r\n ></ngx-slider>\r\n <div\r\n *ngIf=\"showEmptySpaceForSlider\"\r\n class=\"slider-placeholder\"\r\n ></div>\r\n </div>\r\n</ng-container>\r\n\r\n<div class=\"buttons-container\">\r\n <button\r\n class=\"button\"\r\n (click)=\"cancelSliderFilter()\"\r\n >\r\n Cancel\r\n </button>\r\n <button\r\n class=\"button\"\r\n [ngClass]=\"{ disabled: disableSliderApplyButton }\"\r\n (click)=\"applyFilters()\"\r\n [disabled]=\"disableSliderApplyButton\"\r\n >\r\n Apply\r\n </button>\r\n</div>\r\n", styles: [".sort-btn{background:#fff;border:none;border-right:1px solid #1b88ff;text-decoration:underline;font-family:Roboto;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.07;letter-spacing:normal;color:#1b88ff;cursor:pointer;flex:1;text-align:center}.sort-btn:last-of-type{border-right:none}.sort-btn.active{color:#202b47;text-decoration:none}p.sort-container{margin-top:8px;padding-bottom:8px;border-bottom:1px solid #e6e6e6;margin-bottom:0;display:flex}::ng-deep .tooltip-inner{max-height:22rem;background-color:#fff;border:1px solid white;border-radius:5px;box-shadow:0 2px 2px #0000003d,0 0 2px #0000001f;max-width:251px;width:100%;padding:0!important}::ng-deep .tooltip-inner div.radio-container{flex-wrap:wrap}::ng-deep .md-drppicker{box-shadow:unset!important}::ng-deep .available{color:#999}::ng-deep .bs-tooltip-bottom .arrow:before{border-bottom-color:#fff!important}::ng-deep .bs-tooltip-left .arrow:before{border-left-color:#fff!important}::ng-deep .tooltip.show{opacity:1}.input{text-align:left;margin:5px 10px 5px 5px;display:flex;align-items:center;width:230px;white-space:nowrap}.data{color:#000;font-weight:700;margin-left:5px;margin-right:5px}span.data{display:inline-block;text-overflow:ellipsis;white-space:pre;width:100%;overflow:hidden}.check-box{font-size:14px;cursor:pointer;position:relative;top:-1px}span.mdi-filter.active{color:#000;opacity:1!important;pointer-events:all!important}p{margin-bottom:0;line-height:initial}span.mdi-filter{color:#cbcbcb}::ng-deep .ngx-slider-pointer{top:-5px!important;width:12px!important;height:12px!important;background:#bdbdbd!important;border:1px solid #ffffff!important;box-shadow:0 1px 3px #0000004d!important;border-radius:16px!important}input:focus{outline:none}input::placeholder{color:#c8c8c8}.cancel-btn{background:#c7e1ff;color:#268bff}.apply-btn{background:#268bff;color:#fff;margin-left:.3125rem}div.radio-container{display:flex;white-space:nowrap;justify-content:space-between;background-color:#f4f4f4;border-radius:.125rem;margin:.4375rem .4375rem .25rem}div.radio-container div{flex:1;width:50%}div.radio-container div.full-width{width:100%}div.radio-container input{position:relative;top:.125rem;margin-right:.25rem}div.radio-container label{font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.29;letter-spacing:0;color:#4a4a4a;margin:0;padding-left:.125rem}div.radio-container label:first-of-type{margin-right:.188rem}div.radio-container input[type=radio]{appearance:none;display:inline-block;width:.9375rem;height:.9375rem;padding:.125rem;background-clip:content-box;border:.125rem solid #268bff;background-color:transparent;border-radius:50%}div.radio-container input[type=radio]:checked{background-color:#268bff}.checkbox-filter-buttons-container{padding:0 8px!important}.buttons-container{display:flex;margin:0px auto .4375rem;justify-content:center;padding:0 12px}.buttons-container .button{padding:0 10px;width:100%;margin:8px 0 0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.buttons-container button:last-of-type{background-color:#268bff;color:#fff;margin-left:.5rem}.buttons-container button.disabled{background:#bdbdbd;opacity:.5;color:#4a4a4a}.button{display:inline-block;margin:8px 4px 0 8px;padding:0 16px;border-radius:4px;text-align:center;outline:none;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.67;letter-spacing:normal;border:none;color:#268bff;background-color:#e5f1ff}.search-box{display:flex;align-items:center;color:#c8c8c8;border:1px solid #e6e6e6;border-radius:.125rem;margin:.25rem .4375rem .188rem;height:1.5rem;padding:.188rem 8px .188rem .5rem}.search-box .search-bar-close{margin-left:auto;float:right}.search-icon{margin:0 4px 0 0;font-size:1.125rem;color:#9b9b9b}.filter-icon{justify-content:right;margin-left:auto;color:#d4d4d4;color:#a1a1a1;font-size:16px;cursor:pointer}.data{margin:0 13px 0 8px;font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.86;letter-spacing:\"\";color:#4a4a4a}.search-input{margin:1px 0 1px 4px;font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#c8c8c8;width:calc(100% - 38px)}.check-box{color:#268bff}.tooltip-data-container{overflow-y:scroll;max-height:8rem}.searchbar{width:100%;display:flex;justify-content:flex-end;align-items:flex-end}.clear-button{opacity:.5;font-family:Roboto;font-size:.9375rem;font-weight:500;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-decoration:underline;border:none;background-color:#fff;color:#4a4a4a;margin-left:.625rem;padding:0}.clear-button:focus{outline:none;box-shadow:none}.unchecked{color:#268bff}cdk-virtual-scroll-viewport.dropdown-data-container{max-height:12.3rem;width:100%;overflow-y:auto;overflow-x:hidden}cdk-virtual-scroll-viewport.dropdown-data-container p.input{margin-left:0}cdk-virtual-scroll-viewport.dropdown-data-container p.input span.mi{padding-left:.4375rem}cdk-virtual-scroll-viewport.dropdown-data-container p.input:hover{background-color:#ebebeb;cursor:pointer}cdk-virtual-scroll-viewport.dropdown-data-container::-webkit-scrollbar{width:.188rem}cdk-virtual-scroll-viewport.dropdown-data-container::-webkit-scrollbar-thumb{color:#d3d3d3;background:#d3d3d3}section.min-maxContainer{display:flex;justify-content:center;margin-bottom:-.125rem;margin-top:.5rem;width:100%}section.min-maxContainer input{width:30%;height:1.875rem;border:1px solid lightgray;color:gray}section.min-maxContainer span{display:inline-block;padding-left:.5rem;padding-right:.5rem;position:relative;top:.3125rem;color:#666}.time-container{width:100%;display:flex;padding:0 .75rem}.time-container input.form-control:disabled{background-color:#fff;width:2.813rem}.time-container input.numberInput:focus{box-shadow:none;border-color:#c2cfd6}.time-container .dot{color:#cbcbcb;position:relative;left:-7px;font-size:17px}.time-container div.arrow-container{flex-direction:column;display:flex;margin-top:.375rem;width:9px;height:18px;margin-right:1.1875rem}.time-container div.arrow-container i{color:#000;cursor:pointer;max-height:9px;font-size:25px;width:10px}.time-container div.arrow-container i:before{width:0;height:0;pointer-events:none;position:relative;left:-9px;top:-11px}.mdi-filter{cursor:pointer}.time-label-container{display:flex;justify-content:flex-start}.time-label-container label{margin-bottom:0;color:#4a4a4a;margin-top:.125rem;margin-left:.75rem;font-weight:700}.time-heading{color:#000;font-size:.8125rem;text-align:left;padding-left:.625rem;margin-top:.625rem;font-weight:700}.column-clear-all{width:94%;text-align:center;border:none;font-size:14px;background:none;text-decoration:underline;color:#268bff}.checkbox-container{display:flex;padding-inline:.625rem}.checkbox-container .data{text-align:left}.checkbox-container:first-of-type{margin-top:.625rem;font-weight:500}.column-clear-all{width:94%;text-align:center;border:none;background:none;text-decoration:underline;color:#268bff}.column-clear-all:disabled{opacity:.5;color:#4a4a4a;font-weight:400}.column-clear-all.align-center{text-align:center}span.mdi-filter-variant.disabled{pointer-events:none;opacity:.5}.datepicker-container{width:100%}span.mdi-filter-variant{color:#cbcbcb;cursor:pointer;font-size:.875rem}span.mdi-filter-variant.active{color:#000}p.filter-tab{font-family:Roboto;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.29;letter-spacing:normal;color:#1b88ff;border-radius:5px;background-color:#f4f4f4;padding-inline:8px;cursor:pointer;overflow:hidden;text-align:center;text-overflow:ellipsis}p.filter-tab.active{color:#fff;background-color:#1b88ff}button.filter-text-btn{background:#fff;text-decoration:underline;font-family:Roboto;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;border:none;color:#268bff;margin-inline:4px;margin-top:2px}button.filter-text-btn:disabled{color:#b1b1b1;cursor:not-allowed}::ng-deep .non-edit-datepicker-tooltip .tooltip-inner{max-width:310px!important;width:283px!important;overflow-y:initial!important;padding:0!important}input.slider-text::-webkit-outer-spin-button,input.slider-text::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input.slider-text{-moz-appearance:textfield}input.slider-text.red-border{border:1px solid #f44336!important}::ng-deep .checkbox-sort p.sort-container{margin-top:8px!important;padding-bottom:8px!important}i.mdi-close{cursor:pointer}i.mdi-close.disable-close-icon{pointer-events:none;cursor:not-allowed}input.error-border{border:1px solid #f44336!important}::ng-deep .non-edit-checkbox-tooltip .tooltip-inner{width:238px!important;padding:0!important}::ng-deep .non-edit-slider-tooltip .tooltip-inner{width:238px!important;padding:0!important}::ng-deep .non-edit-time-tooltip .tooltip-inner{width:250px!important;padding:0!important}::ng-deep .non-edit-time-tooltip.bs-tooltip-start{padding:.4rem}::ng-deep .non-edit-time-tooltip.bs-tooltip-start .tooltip-arrow{right:0;top:5px!important;width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}::ng-deep .non-edit-time-tooltip.bs-tooltip-start .tooltip-arrow:before{border-left-color:#fff;left:-1px;border-width:calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height)}::ng-deep .no-bottom-border p.sort-container{border-bottom:none!important}::ng-deep .ngx-slider-pointer-min:after{display:none}::ng-deep .ngx-slider-pointer-max:after{display:none}::ng-deep .ngx-slider span.ngx-slider-pointer{width:12px;height:12px;top:-5px;background-color:#bdbdbd}::ng-deep .ngx-slider span.ngx-slider-bar{height:3px;background:#ededed}::ng-deep .ngx-slider span.ngx-slider-selection{background:#bdbdbd}::ng-deep .ngx-slider span.ngx-slider-bubble{bottom:-22px;font-size:12px;color:#333}::ng-deep .show-min.ngx-slider span.ngx-slider-model-value{background:#fff;box-shadow:0 6px 10px #0000004d,0 2px 2px #0003}::ng-deep .show-max.ngx-slider span.ngx-slider-model-high{background:#fff;box-shadow:none}::ng-deep .ngx-slider span.ngx-slider-combined{background:#fff;box-shadow:0 6px 10px #0000004d,0 2px 2px #0003}::ng-deep .ngx-slider{top:10px!important;margin:5px 0 2px!important}::ng-deep .ngx-slider-animate{top:0!important}.sidebar-slider{margin-bottom:35px!important;margin-left:5px;margin-right:5px}.slider-placeholder{height:14px}::ng-deep .filter-calendar select.form-select:focus{border-color:#c2cfd6;box-shadow:none}::ng-deep .filter-calendar select.form-select{background-color:#fff}.no-data-case{padding-left:.4375rem!important;font-size:.875rem!important;margin-top:10px!important;cursor:pointer}.custom-column-checkbox-checked,.custom-column-checkbox-unchecked{font-size:.875rem;cursor:pointer}.custom-column-checkbox-checked{color:#268bff}.custom-column-checkbox-unchecked{color:#4a4a4a}\n"] }]
|
|
3392
3391
|
}], ctorParameters: function () { return [{ type: AnnaFilterService }, { type: AnnaSortService }]; }, propDecorators: { filterTabObjects: [{
|
|
3393
3392
|
type: Input
|
|
3394
3393
|
}], isLurAndCsrComponent: [{
|
|
@@ -3453,7 +3452,7 @@ class AnnaColumnCheckboxFilterComponent {
|
|
|
3453
3452
|
}
|
|
3454
3453
|
getCheckboxData(header) {
|
|
3455
3454
|
let tooltipOptions = this.createListForCheckboxFilter(header);
|
|
3456
|
-
let [clonedTooltipOptions, updatedTooltipOptions, selectedItems, unselectedItems] = this.annaFilterService.getClonedTooltipAndTooltipOption(tooltipOptions,
|
|
3455
|
+
let [clonedTooltipOptions, updatedTooltipOptions, selectedItems, unselectedItems] = this.annaFilterService.getClonedTooltipAndTooltipOption(tooltipOptions, "label");
|
|
3457
3456
|
this.clonedTooltipOptions = clonedTooltipOptions;
|
|
3458
3457
|
this.tooltipOptions = updatedTooltipOptions;
|
|
3459
3458
|
this.heightOfCheckboxTooltipFilter = this.annaFilterService.getHeightOfCheckboxTooltipFilter(this.tooltipOptions.length, this.margin);
|
|
@@ -3558,7 +3557,7 @@ class AnnaColumnCheckboxFilterComponent {
|
|
|
3558
3557
|
let currentSelectedValue = this.annaFilterService.getCheckboxCurrentSelectedValue(this.searchItem, this.tooltipOptions);
|
|
3559
3558
|
this.annaFilterService.reOrderAppliedFiltersState(this.clonedTableData, currentSelectedValue);
|
|
3560
3559
|
this.annaFilterService.tooltipSelectedMap.set(this.annaFilterService.selectedRadio, currentSelectedValue);
|
|
3561
|
-
this.tableData = this.annaFilterService.filterData(this.clonedTableData,
|
|
3560
|
+
this.tableData = this.annaFilterService.filterData(this.clonedTableData, "");
|
|
3562
3561
|
this.annaSortService.noSortingAppliedData = cloneDeep(this.tableData);
|
|
3563
3562
|
}
|
|
3564
3563
|
}
|
|
@@ -3607,8 +3606,8 @@ class AnnaColumnCheckboxFilterComponent {
|
|
|
3607
3606
|
this.toolTipdata = null;
|
|
3608
3607
|
}
|
|
3609
3608
|
clearSearchedItem() {
|
|
3610
|
-
this.searchItem =
|
|
3611
|
-
this.searchForTheItem(
|
|
3609
|
+
this.searchItem = "";
|
|
3610
|
+
this.searchForTheItem("");
|
|
3612
3611
|
}
|
|
3613
3612
|
storeSortTypeInTempVariable(event) {
|
|
3614
3613
|
this.tempSortOrder = event;
|
|
@@ -3619,7 +3618,7 @@ class AnnaColumnCheckboxFilterComponent {
|
|
|
3619
3618
|
}
|
|
3620
3619
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaColumnCheckboxFilterComponent, decorators: [{
|
|
3621
3620
|
type: Component,
|
|
3622
|
-
args: [{ selector:
|
|
3621
|
+
args: [{ selector: "anna-core-anna-column-checkbox-filter", standalone: true, imports: [
|
|
3623
3622
|
NgIf,
|
|
3624
3623
|
NgFor,
|
|
3625
3624
|
NgClass,
|
|
@@ -4017,7 +4016,6 @@ class AnnaNonEditableGenericTableComponent {
|
|
|
4017
4016
|
this.tooltipRadioTextMap.set("DisplaytSpotStatusBI", "Spot Status");
|
|
4018
4017
|
this.tooltipRadioTextMap.set("LineSpot", "Line.Spot");
|
|
4019
4018
|
this.tooltipRadioTextMap.set("LurWindowName", "Political Window");
|
|
4020
|
-
this.tooltipRadioTextMap.set("lineAndSpotNumber", "Line.Spot#");
|
|
4021
4019
|
this.tooltipRadioTextMap.set("length", "Length");
|
|
4022
4020
|
this.tooltipRadioTextMap.set("revClass", "Rev Class");
|
|
4023
4021
|
// this.tooltipRadioTextMap.set("udValue", "$ UD");
|
|
@@ -4132,7 +4130,7 @@ class AnnaNonEditableGenericTableComponent {
|
|
|
4132
4130
|
//convert key into the header
|
|
4133
4131
|
this.filterTabObjects = header.map((key, index) => {
|
|
4134
4132
|
let value = this.tooltipRadioTextMap.has(key) ? this.tooltipRadioTextMap.get(key) : key; //change to display name
|
|
4135
|
-
return new
|
|
4133
|
+
return new RadioButtonModel(key, value, columnHeader.isSortRequired[index], columnHeader.isFilterRequired[index]);
|
|
4136
4134
|
});
|
|
4137
4135
|
}
|
|
4138
4136
|
disableEnableEachColumnTooltipIcon() {
|
|
@@ -4545,7 +4543,7 @@ class AnnaGtHelperService {
|
|
|
4545
4543
|
this.router.navigate([], {
|
|
4546
4544
|
queryParams: { filters: JSON.stringify(latestQueryParams) },
|
|
4547
4545
|
relativeTo: this.route.parent,
|
|
4548
|
-
queryParamsHandling:
|
|
4546
|
+
queryParamsHandling: "merge",
|
|
4549
4547
|
});
|
|
4550
4548
|
}
|
|
4551
4549
|
else {
|
|
@@ -4557,18 +4555,18 @@ class AnnaGtHelperService {
|
|
|
4557
4555
|
prepareQueryParamsOnFilter() {
|
|
4558
4556
|
let query = {};
|
|
4559
4557
|
if (this.annaFilterService.appliedFiltersArray.length > 0) {
|
|
4560
|
-
query[
|
|
4561
|
-
query[
|
|
4558
|
+
query["appliedFilters"] = this.annaFilterService.appliedFiltersArray;
|
|
4559
|
+
query["selectedFilterData"] = JSON.stringify(Array.from(this.annaFilterService.tooltipSelectedMap));
|
|
4562
4560
|
}
|
|
4563
4561
|
if (this.checkIfSortingIsApplied()) {
|
|
4564
|
-
query[
|
|
4562
|
+
query["sortState"] = JSON.stringify(Array.from(this.annaSortService.columnSortState));
|
|
4565
4563
|
}
|
|
4566
4564
|
return query;
|
|
4567
4565
|
}
|
|
4568
4566
|
checkIfSortingIsApplied() {
|
|
4569
4567
|
let isSortingApplied = false;
|
|
4570
4568
|
for (let val of this.annaSortService.columnSortState.values()) {
|
|
4571
|
-
if (val ==
|
|
4569
|
+
if (val == "ASC" || val == "DESC") {
|
|
4572
4570
|
isSortingApplied = true;
|
|
4573
4571
|
}
|
|
4574
4572
|
}
|
|
@@ -4589,7 +4587,7 @@ class AnnaGtHelperService {
|
|
|
4589
4587
|
setDataAsPerPersistingFilter(isPersistingFilter, clonedTable, filters) {
|
|
4590
4588
|
let usersTable;
|
|
4591
4589
|
if (isPersistingFilter) {
|
|
4592
|
-
usersTable = this.annaFilterService.filterData(clonedTable,
|
|
4590
|
+
usersTable = this.annaFilterService.filterData(clonedTable, "");
|
|
4593
4591
|
this.annaSortService.noSortingAppliedData = cloneDeep(usersTable);
|
|
4594
4592
|
}
|
|
4595
4593
|
else {
|
|
@@ -4605,10 +4603,10 @@ class AnnaGtHelperService {
|
|
|
4605
4603
|
}
|
|
4606
4604
|
callSort(usersTable) {
|
|
4607
4605
|
for (let [key, value] of this.annaSortService.columnSortState) {
|
|
4608
|
-
if (value ==
|
|
4606
|
+
if (value == "ASC") {
|
|
4609
4607
|
usersTable = this.annaSortService.sortDataForComponentOtherThanLurAndCsrPage(true, usersTable, key);
|
|
4610
4608
|
}
|
|
4611
|
-
else if (value ==
|
|
4609
|
+
else if (value == "DESC") {
|
|
4612
4610
|
usersTable = this.annaSortService.sortDataForComponentOtherThanLurAndCsrPage(false, usersTable, key);
|
|
4613
4611
|
}
|
|
4614
4612
|
}
|
|
@@ -4617,28 +4615,28 @@ class AnnaGtHelperService {
|
|
|
4617
4615
|
isSortingAppliedToTable() {
|
|
4618
4616
|
let isSortingApplied = false;
|
|
4619
4617
|
for (let val of this.annaSortService.columnSortState?.values()) {
|
|
4620
|
-
if (val ==
|
|
4618
|
+
if (val == "ASC" || val == "DESC") {
|
|
4621
4619
|
isSortingApplied = true;
|
|
4622
4620
|
}
|
|
4623
4621
|
}
|
|
4624
4622
|
return isSortingApplied;
|
|
4625
4623
|
}
|
|
4626
4624
|
updateQueryParamsFilter(key, value, operation, queryParamObj) {
|
|
4627
|
-
if (operation ==
|
|
4625
|
+
if (operation == "ADD") {
|
|
4628
4626
|
queryParamObj[key] = value;
|
|
4629
4627
|
}
|
|
4630
|
-
else if (operation ==
|
|
4628
|
+
else if (operation == "DELETE") {
|
|
4631
4629
|
delete queryParamObj[key];
|
|
4632
4630
|
}
|
|
4633
4631
|
return queryParamObj;
|
|
4634
4632
|
}
|
|
4635
4633
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaGtHelperService, deps: [{ token: AnnaFilterService }, { token: i2.Router }, { token: i2.ActivatedRoute }, { token: AnnaSortService }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
4636
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaGtHelperService, providedIn:
|
|
4634
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaGtHelperService, providedIn: "root" }); }
|
|
4637
4635
|
}
|
|
4638
4636
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaGtHelperService, decorators: [{
|
|
4639
4637
|
type: Injectable,
|
|
4640
4638
|
args: [{
|
|
4641
|
-
providedIn:
|
|
4639
|
+
providedIn: "root",
|
|
4642
4640
|
}]
|
|
4643
4641
|
}], ctorParameters: function () { return [{ type: AnnaFilterService }, { type: i2.Router }, { type: i2.ActivatedRoute }, { type: AnnaSortService }]; } });
|
|
4644
4642
|
|
|
@@ -4658,7 +4656,7 @@ function rangesEqual(r1, r2) {
|
|
|
4658
4656
|
* something that doesn't rely on requestAnimationFrame on environments
|
|
4659
4657
|
* that don't support it (e.g. server-side rendering).
|
|
4660
4658
|
*/
|
|
4661
|
-
const SCROLL_SCHEDULER = typeof requestAnimationFrame !==
|
|
4659
|
+
const SCROLL_SCHEDULER = typeof requestAnimationFrame !== "undefined" ? animationFrameScheduler : asapScheduler;
|
|
4662
4660
|
/**
|
|
4663
4661
|
* A viewport that virtualizes its scrolling with the help of `CdkVirtualForOf`.
|
|
4664
4662
|
* Uses `top: #px` instead of `transform: translateY(#px)` like the cdk virtual scroll viewport does
|
|
@@ -4685,7 +4683,7 @@ class AnnaTableVirtualScrollViewportComponent extends CdkScrollable {
|
|
|
4685
4683
|
this._detachedSubject = new Subject();
|
|
4686
4684
|
/** Emits when the rendered range changes. */
|
|
4687
4685
|
this._renderedRangeSubject = new Subject();
|
|
4688
|
-
this._orientation =
|
|
4686
|
+
this._orientation = "vertical";
|
|
4689
4687
|
// Note: we don't use the typical EventEmitter here because we need to subscribe to the scroll
|
|
4690
4688
|
// strategy lazily (i.e. only if the user is actually listening to the events). We do this because
|
|
4691
4689
|
// depending on how the strategy calculates the scrolled index, it may come at a cost to
|
|
@@ -4699,9 +4697,9 @@ class AnnaTableVirtualScrollViewportComponent extends CdkScrollable {
|
|
|
4699
4697
|
*/
|
|
4700
4698
|
this._totalContentSize = 0;
|
|
4701
4699
|
/** A string representing the `style.width` property value to be used for the spacer element. */
|
|
4702
|
-
this._totalContentWidth =
|
|
4700
|
+
this._totalContentWidth = "";
|
|
4703
4701
|
/** A string representing the `style.height` property value to be used for the spacer element. */
|
|
4704
|
-
this._totalContentHeight =
|
|
4702
|
+
this._totalContentHeight = "";
|
|
4705
4703
|
/** The currently rendered range of indices. */
|
|
4706
4704
|
this._renderedRange = { start: 0, end: 0 };
|
|
4707
4705
|
/** The length of the data bound to this viewport (in number of items). */
|
|
@@ -4764,7 +4762,7 @@ class AnnaTableVirtualScrollViewportComponent extends CdkScrollable {
|
|
|
4764
4762
|
/** Attaches a `CdkVirtualScrollRepeater` to this viewport. */
|
|
4765
4763
|
attach(forOf) {
|
|
4766
4764
|
if (this._forOf) {
|
|
4767
|
-
throw Error(
|
|
4765
|
+
throw Error("CdkVirtualScrollViewport is already attached.");
|
|
4768
4766
|
}
|
|
4769
4767
|
// Subscribe to the data stream of the CdkVirtualForOf to keep track of when the data length
|
|
4770
4768
|
// changes. Run outside the zone to avoid triggering change detection, since we're managing the
|
|
@@ -4856,7 +4854,7 @@ class AnnaTableVirtualScrollViewportComponent extends CdkScrollable {
|
|
|
4856
4854
|
* @param offset The offset to scroll to.
|
|
4857
4855
|
* @param behavior The ScrollBehavior to use when scrolling. Default is behavior is `auto`.
|
|
4858
4856
|
*/
|
|
4859
|
-
scrollToOffset(offset, behavior =
|
|
4857
|
+
scrollToOffset(offset, behavior = "auto") {
|
|
4860
4858
|
const options = { behavior, top: offset };
|
|
4861
4859
|
this.scrollTo(options);
|
|
4862
4860
|
}
|
|
@@ -4865,7 +4863,7 @@ class AnnaTableVirtualScrollViewportComponent extends CdkScrollable {
|
|
|
4865
4863
|
* @param index The index of the element to scroll to.
|
|
4866
4864
|
* @param behavior The ScrollBehavior to use when scrolling. Default is behavior is `auto`.
|
|
4867
4865
|
*/
|
|
4868
|
-
scrollToIndex(index, behavior =
|
|
4866
|
+
scrollToIndex(index, behavior = "auto") {
|
|
4869
4867
|
this._scrollStrategy.scrollToIndex(index, behavior);
|
|
4870
4868
|
}
|
|
4871
4869
|
/**
|
|
@@ -4875,7 +4873,7 @@ class AnnaTableVirtualScrollViewportComponent extends CdkScrollable {
|
|
|
4875
4873
|
*/
|
|
4876
4874
|
// CHANGES@ANNALIB added override to functions
|
|
4877
4875
|
measureScrollOffset(from) {
|
|
4878
|
-
return from ? super.measureScrollOffset(from) : super.measureScrollOffset(
|
|
4876
|
+
return from ? super.measureScrollOffset(from) : super.measureScrollOffset("top");
|
|
4879
4877
|
}
|
|
4880
4878
|
/** Measure the combined size of all of the rendered items. */
|
|
4881
4879
|
measureRenderedContentSize() {
|
|
@@ -4938,7 +4936,7 @@ class AnnaTableVirtualScrollViewportComponent extends CdkScrollable {
|
|
|
4938
4936
|
/** Calculates the `style.width` and `style.height` for the spacer element. */
|
|
4939
4937
|
_calculateSpacerSize() {
|
|
4940
4938
|
this._totalContentHeight = `${this._totalContentSize}px`;
|
|
4941
|
-
this._totalContentWidth =
|
|
4939
|
+
this._totalContentWidth = "";
|
|
4942
4940
|
}
|
|
4943
4941
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaTableVirtualScrollViewportComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: VIRTUAL_SCROLL_STRATEGY, optional: true }, { token: i1$1.Directionality, optional: true }, { token: i2$1.ScrollDispatcher }, { token: i2$1.ViewportRuler }, { token: AnnaGtHelperService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4944
4942
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AnnaTableVirtualScrollViewportComponent, isStandalone: true, selector: "anna-table-virtual-scroll-viewport", inputs: { orientation: "orientation" }, outputs: { scrolledIndexChange: "scrolledIndexChange" }, host: { properties: { "class.anna-table-virtual-scroll-orientation-horizontal": "orientation === \"horizontal\"", "class.anna-table-virtual-scroll-orientation-vertical": "orientation !== \"horizontal\"" }, classAttribute: "anna-table-virtual-scroll-viewport" }, providers: [
|
|
@@ -4954,10 +4952,10 @@ class AnnaTableVirtualScrollViewportComponent extends CdkScrollable {
|
|
|
4954
4952
|
}
|
|
4955
4953
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaTableVirtualScrollViewportComponent, decorators: [{
|
|
4956
4954
|
type: Component,
|
|
4957
|
-
args: [{ selector:
|
|
4958
|
-
class:
|
|
4959
|
-
|
|
4960
|
-
|
|
4955
|
+
args: [{ selector: "anna-table-virtual-scroll-viewport", host: {
|
|
4956
|
+
class: "anna-table-virtual-scroll-viewport",
|
|
4957
|
+
"[class.anna-table-virtual-scroll-orientation-horizontal]": 'orientation === "horizontal"',
|
|
4958
|
+
"[class.anna-table-virtual-scroll-orientation-vertical]": 'orientation !== "horizontal"',
|
|
4961
4959
|
}, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
|
4962
4960
|
{
|
|
4963
4961
|
provide: CdkScrollable,
|
|
@@ -4981,7 +4979,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
4981
4979
|
type: Output
|
|
4982
4980
|
}], _contentWrapper: [{
|
|
4983
4981
|
type: ViewChild,
|
|
4984
|
-
args: [
|
|
4982
|
+
args: ["contentWrapper", { static: true }]
|
|
4985
4983
|
}] } });
|
|
4986
4984
|
|
|
4987
4985
|
/**
|
|
@@ -5129,7 +5127,7 @@ class AnnaFixedRowSizeTableVirtualScrollStrategyDirective {
|
|
|
5129
5127
|
if (this.headerRows != undefined || this.headerRowsQuery) {
|
|
5130
5128
|
this.handleChange();
|
|
5131
5129
|
}
|
|
5132
|
-
if (change[
|
|
5130
|
+
if (change["buffer"]?.previousValue != change["buffer"]?.currentValue) {
|
|
5133
5131
|
AnnaFilterService.bufferSize = this.buffer;
|
|
5134
5132
|
this.scrollStrategy = new AnnaFixedRowSizeTableVirtualScrollStrategy(this.rowHeight, this.buffer, this.headerRowHeight * this.headerRowCount);
|
|
5135
5133
|
}
|
|
@@ -5157,7 +5155,7 @@ class AnnaFixedRowSizeTableVirtualScrollStrategyDirective {
|
|
|
5157
5155
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaFixedRowSizeTableVirtualScrollStrategyDirective, decorators: [{
|
|
5158
5156
|
type: Directive,
|
|
5159
5157
|
args: [{
|
|
5160
|
-
selector:
|
|
5158
|
+
selector: "cdk-virtual-scroll-viewport[rowHeight], anna-table-virtual-scroll-viewport[rowHeight]",
|
|
5161
5159
|
providers: [
|
|
5162
5160
|
{
|
|
5163
5161
|
provide: VIRTUAL_SCROLL_STRATEGY,
|
|
@@ -5221,7 +5219,7 @@ class AnnaVirtualTableDirective {
|
|
|
5221
5219
|
this.renderedRange = { start: 0, end: 0 };
|
|
5222
5220
|
this.isNativeHtmlTable = false;
|
|
5223
5221
|
table.dataSource = this.virtualizedDataStream;
|
|
5224
|
-
this.isNativeHtmlTable = elementRef.nativeElement.tagName ===
|
|
5222
|
+
this.isNativeHtmlTable = elementRef.nativeElement.tagName === "TABLE";
|
|
5225
5223
|
this.dataStream.subscribe((data) => {
|
|
5226
5224
|
this.data = data;
|
|
5227
5225
|
this.onRenderedDataChange();
|
|
@@ -5306,7 +5304,7 @@ class AnnaVirtualTableDirective {
|
|
|
5306
5304
|
* I'm not actually sure if this works.
|
|
5307
5305
|
*/
|
|
5308
5306
|
measureRangeSize(range, orientation) {
|
|
5309
|
-
if (orientation ===
|
|
5307
|
+
if (orientation === "horizontal" || range.end < range.start) {
|
|
5310
5308
|
// virtual scrolling columns are not supported by this directive
|
|
5311
5309
|
return 0;
|
|
5312
5310
|
}
|
|
@@ -5335,7 +5333,7 @@ class AnnaVirtualTableDirective {
|
|
|
5335
5333
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaVirtualTableDirective, decorators: [{
|
|
5336
5334
|
type: Directive,
|
|
5337
5335
|
args: [{
|
|
5338
|
-
selector:
|
|
5336
|
+
selector: "[mat-table][appVirtualDataSource], mat-table[appVirtualDataSource]",
|
|
5339
5337
|
providers: [{ provide: STICKY_POSITIONING_LISTENER, useExisting: AnnaVirtualTableDirective }],
|
|
5340
5338
|
standalone: true,
|
|
5341
5339
|
}]
|
|
@@ -5344,7 +5342,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
5344
5342
|
args: [_COALESCED_STYLE_SCHEDULER]
|
|
5345
5343
|
}] }]; }, propDecorators: { dataSource: [{
|
|
5346
5344
|
type: Input,
|
|
5347
|
-
args: [
|
|
5345
|
+
args: ["appVirtualDataSource"]
|
|
5348
5346
|
}], headerRowDefs: [{
|
|
5349
5347
|
type: ContentChildren,
|
|
5350
5348
|
args: [CdkHeaderRowDef]
|
|
@@ -5360,7 +5358,7 @@ class AnnaTypeofDataPipe {
|
|
|
5360
5358
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaTypeofDataPipe, decorators: [{
|
|
5361
5359
|
type: Pipe,
|
|
5362
5360
|
args: [{
|
|
5363
|
-
name:
|
|
5361
|
+
name: "AnnatypeofData",
|
|
5364
5362
|
standalone: true,
|
|
5365
5363
|
}]
|
|
5366
5364
|
}] });
|
|
@@ -5375,7 +5373,7 @@ class AnnaReplaceCharPipe {
|
|
|
5375
5373
|
}
|
|
5376
5374
|
}
|
|
5377
5375
|
replace(value, from, to) {
|
|
5378
|
-
return value.replace(new RegExp(from,
|
|
5376
|
+
return value.replace(new RegExp(from, "g"), to);
|
|
5379
5377
|
}
|
|
5380
5378
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaReplaceCharPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
5381
5379
|
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: AnnaReplaceCharPipe, isStandalone: true, name: "annaReplaceChar" }); }
|
|
@@ -5383,7 +5381,7 @@ class AnnaReplaceCharPipe {
|
|
|
5383
5381
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaReplaceCharPipe, decorators: [{
|
|
5384
5382
|
type: Pipe,
|
|
5385
5383
|
args: [{
|
|
5386
|
-
name:
|
|
5384
|
+
name: "annaReplaceChar",
|
|
5387
5385
|
standalone: true,
|
|
5388
5386
|
}]
|
|
5389
5387
|
}] });
|
|
@@ -5394,38 +5392,38 @@ class DigitOnlyDirective {
|
|
|
5394
5392
|
this.hasDecimalPoint = false;
|
|
5395
5393
|
this.hasNegativeSign = false;
|
|
5396
5394
|
this.navigationKeys = [
|
|
5397
|
-
|
|
5398
|
-
|
|
5399
|
-
|
|
5400
|
-
|
|
5401
|
-
|
|
5402
|
-
|
|
5403
|
-
|
|
5404
|
-
|
|
5405
|
-
|
|
5406
|
-
|
|
5407
|
-
|
|
5408
|
-
|
|
5395
|
+
"Backspace",
|
|
5396
|
+
"Delete",
|
|
5397
|
+
"Tab",
|
|
5398
|
+
"Escape",
|
|
5399
|
+
"Enter",
|
|
5400
|
+
"Home",
|
|
5401
|
+
"End",
|
|
5402
|
+
"ArrowLeft",
|
|
5403
|
+
"ArrowRight",
|
|
5404
|
+
"Clear",
|
|
5405
|
+
"Copy",
|
|
5406
|
+
"Paste",
|
|
5409
5407
|
];
|
|
5410
5408
|
this.decimal = false;
|
|
5411
|
-
this.decimalSeparator =
|
|
5409
|
+
this.decimalSeparator = ".";
|
|
5412
5410
|
this.allowNegatives = false;
|
|
5413
5411
|
this.allowPaste = true;
|
|
5414
|
-
this.negativeSign =
|
|
5412
|
+
this.negativeSign = "-";
|
|
5415
5413
|
this.min = -Infinity;
|
|
5416
5414
|
this.max = Infinity;
|
|
5417
5415
|
this.regex = null;
|
|
5418
5416
|
this.inputElement = el.nativeElement;
|
|
5419
5417
|
}
|
|
5420
5418
|
ngOnChanges(changes) {
|
|
5421
|
-
if (changes[
|
|
5419
|
+
if (changes["pattern"]) {
|
|
5422
5420
|
this.regex = this.pattern ? RegExp(this.pattern) : null;
|
|
5423
5421
|
}
|
|
5424
|
-
if (changes[
|
|
5422
|
+
if (changes["min"]) {
|
|
5425
5423
|
const maybeMin = Number(this.min);
|
|
5426
5424
|
this.min = isNaN(maybeMin) ? -Infinity : maybeMin;
|
|
5427
5425
|
}
|
|
5428
|
-
if (changes[
|
|
5426
|
+
if (changes["max"]) {
|
|
5429
5427
|
const maybeMax = Number(this.max);
|
|
5430
5428
|
this.max = isNaN(maybeMax) ? Infinity : maybeMax;
|
|
5431
5429
|
}
|
|
@@ -5441,19 +5439,19 @@ class DigitOnlyDirective {
|
|
|
5441
5439
|
}
|
|
5442
5440
|
onKeyDown(e) {
|
|
5443
5441
|
if (this.navigationKeys.indexOf(e.key) > -1 || // Allow: navigation keys: backspace, delete, arrows etc.
|
|
5444
|
-
((e.key ===
|
|
5445
|
-
((e.key ===
|
|
5446
|
-
((e.key ===
|
|
5447
|
-
((e.key ===
|
|
5448
|
-
((e.key ===
|
|
5449
|
-
((e.key ===
|
|
5450
|
-
((e.key ===
|
|
5451
|
-
((e.key ===
|
|
5442
|
+
((e.key === "a" || e.code === "KeyA") && e.ctrlKey === true) || // Allow: Ctrl+A
|
|
5443
|
+
((e.key === "c" || e.code === "KeyC") && e.ctrlKey === true) || // Allow: Ctrl+C
|
|
5444
|
+
((e.key === "v" || e.code === "KeyV") && e.ctrlKey === true) || // Allow: Ctrl+V
|
|
5445
|
+
((e.key === "x" || e.code === "KeyX") && e.ctrlKey === true) || // Allow: Ctrl+X
|
|
5446
|
+
((e.key === "a" || e.code === "KeyA") && e.metaKey === true) || // Allow: Cmd+A (Mac)
|
|
5447
|
+
((e.key === "c" || e.code === "KeyC") && e.metaKey === true) || // Allow: Cmd+C (Mac)
|
|
5448
|
+
((e.key === "v" || e.code === "KeyV") && e.metaKey === true) || // Allow: Cmd+V (Mac)
|
|
5449
|
+
((e.key === "x" || e.code === "KeyX") && e.metaKey === true) // Allow: Cmd+X (Mac)
|
|
5452
5450
|
) {
|
|
5453
5451
|
// let it happen, don't do anything
|
|
5454
5452
|
return;
|
|
5455
5453
|
}
|
|
5456
|
-
let newValue =
|
|
5454
|
+
let newValue = "";
|
|
5457
5455
|
if (this.decimal && e.key === this.decimalSeparator) {
|
|
5458
5456
|
newValue = this.forecastValue(e.key);
|
|
5459
5457
|
if (newValue.split(this.decimalSeparator).length > 2) {
|
|
@@ -5478,7 +5476,7 @@ class DigitOnlyDirective {
|
|
|
5478
5476
|
}
|
|
5479
5477
|
}
|
|
5480
5478
|
// Ensure that it is a number and stop the keypress
|
|
5481
|
-
if (e.key ===
|
|
5479
|
+
if (e.key === " " || isNaN(Number(e.key))) {
|
|
5482
5480
|
e.preventDefault();
|
|
5483
5481
|
return;
|
|
5484
5482
|
}
|
|
@@ -5497,14 +5495,14 @@ class DigitOnlyDirective {
|
|
|
5497
5495
|
}
|
|
5498
5496
|
onPaste(event) {
|
|
5499
5497
|
if (this.allowPaste === true) {
|
|
5500
|
-
let pastedInput =
|
|
5501
|
-
if (window[
|
|
5498
|
+
let pastedInput = "";
|
|
5499
|
+
if (window["clipboardData"]) {
|
|
5502
5500
|
// Browser is IE
|
|
5503
|
-
pastedInput = window[
|
|
5501
|
+
pastedInput = window["clipboardData"].getData("text");
|
|
5504
5502
|
}
|
|
5505
5503
|
else if (event.clipboardData && event.clipboardData.getData) {
|
|
5506
5504
|
// Other browsers
|
|
5507
|
-
pastedInput = event.clipboardData.getData(
|
|
5505
|
+
pastedInput = event.clipboardData.getData("text/plain");
|
|
5508
5506
|
}
|
|
5509
5507
|
this.pasteData(pastedInput);
|
|
5510
5508
|
event.preventDefault();
|
|
@@ -5516,7 +5514,7 @@ class DigitOnlyDirective {
|
|
|
5516
5514
|
}
|
|
5517
5515
|
}
|
|
5518
5516
|
onDrop(event) {
|
|
5519
|
-
const textData = event.dataTransfer?.getData(
|
|
5517
|
+
const textData = event.dataTransfer?.getData("text") ?? "";
|
|
5520
5518
|
this.inputElement.focus();
|
|
5521
5519
|
this.pasteData(textData);
|
|
5522
5520
|
event.preventDefault();
|
|
@@ -5528,15 +5526,15 @@ class DigitOnlyDirective {
|
|
|
5528
5526
|
!this.getSelection().includes(this.negativeSign)) {
|
|
5529
5527
|
return;
|
|
5530
5528
|
}
|
|
5531
|
-
const pasted = document.execCommand(
|
|
5529
|
+
const pasted = document.execCommand("insertText", false, sanitizedContent);
|
|
5532
5530
|
if (!pasted) {
|
|
5533
5531
|
if (this.inputElement.setRangeText) {
|
|
5534
5532
|
const { selectionStart: start, selectionEnd: end } = this.inputElement;
|
|
5535
|
-
this.inputElement.setRangeText(sanitizedContent, start ?? 0, end ?? 0,
|
|
5533
|
+
this.inputElement.setRangeText(sanitizedContent, start ?? 0, end ?? 0, "end");
|
|
5536
5534
|
// Angular's Reactive Form relies on "input" event, but on Firefox, the setRangeText method doesn't trigger it
|
|
5537
5535
|
// so we have to trigger it ourself.
|
|
5538
|
-
if (typeof window[
|
|
5539
|
-
this.inputElement.dispatchEvent(new Event(
|
|
5536
|
+
if (typeof window["InstallTrigger"] !== "undefined") {
|
|
5537
|
+
this.inputElement.dispatchEvent(new Event("input", { cancelable: true }));
|
|
5540
5538
|
}
|
|
5541
5539
|
}
|
|
5542
5540
|
else {
|
|
@@ -5559,39 +5557,39 @@ class DigitOnlyDirective {
|
|
|
5559
5557
|
const pos = startPos + myValue.length;
|
|
5560
5558
|
myField.focus();
|
|
5561
5559
|
myField.setSelectionRange(pos, pos);
|
|
5562
|
-
this.triggerEvent(myField,
|
|
5560
|
+
this.triggerEvent(myField, "input");
|
|
5563
5561
|
}
|
|
5564
5562
|
triggerEvent(el, type) {
|
|
5565
|
-
if (
|
|
5563
|
+
if ("createEvent" in document) {
|
|
5566
5564
|
// modern browsers, IE9+
|
|
5567
|
-
const e = document.createEvent(
|
|
5565
|
+
const e = document.createEvent("HTMLEvents");
|
|
5568
5566
|
e.initEvent(type, false, true);
|
|
5569
5567
|
el.dispatchEvent(e);
|
|
5570
5568
|
}
|
|
5571
5569
|
}
|
|
5572
5570
|
// end stack overflow code
|
|
5573
5571
|
sanitizeInput(input) {
|
|
5574
|
-
let result =
|
|
5572
|
+
let result = "";
|
|
5575
5573
|
let regex;
|
|
5576
5574
|
if (this.decimal && this.isValidDecimal(input)) {
|
|
5577
|
-
regex = new RegExp(`${this.getNegativeSignRegExp()}[^0-9${this.decimalSeparator}]`,
|
|
5575
|
+
regex = new RegExp(`${this.getNegativeSignRegExp()}[^0-9${this.decimalSeparator}]`, "g");
|
|
5578
5576
|
}
|
|
5579
5577
|
else {
|
|
5580
|
-
regex = new RegExp(`${this.getNegativeSignRegExp()}[^0-9]`,
|
|
5578
|
+
regex = new RegExp(`${this.getNegativeSignRegExp()}[^0-9]`, "g");
|
|
5581
5579
|
}
|
|
5582
|
-
result = input.replace(regex,
|
|
5580
|
+
result = input.replace(regex, "");
|
|
5583
5581
|
const maxLength = this.inputElement.maxLength;
|
|
5584
5582
|
if (maxLength > 0) {
|
|
5585
5583
|
// the input element has maxLength limit
|
|
5586
5584
|
const allowedLength = maxLength - this.inputElement.value.length + (result.includes(`${this.negativeSign}`) ? 1 : 0);
|
|
5587
|
-
result = allowedLength > 0 ? result.substring(0, allowedLength) :
|
|
5585
|
+
result = allowedLength > 0 ? result.substring(0, allowedLength) : "";
|
|
5588
5586
|
}
|
|
5589
5587
|
return result;
|
|
5590
5588
|
}
|
|
5591
5589
|
getNegativeSignRegExp() {
|
|
5592
5590
|
return this.allowNegatives && (!this.hasNegativeSign || this.getSelection().includes(this.negativeSign))
|
|
5593
5591
|
? `(?!^${this.negativeSign})`
|
|
5594
|
-
:
|
|
5592
|
+
: "";
|
|
5595
5593
|
}
|
|
5596
5594
|
isValidDecimal(string) {
|
|
5597
5595
|
if (!this.hasDecimalPoint) {
|
|
@@ -5626,7 +5624,7 @@ class DigitOnlyDirective {
|
|
|
5626
5624
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DigitOnlyDirective, decorators: [{
|
|
5627
5625
|
type: Directive,
|
|
5628
5626
|
args: [{
|
|
5629
|
-
selector:
|
|
5627
|
+
selector: "[digitOnly]",
|
|
5630
5628
|
standalone: true,
|
|
5631
5629
|
}]
|
|
5632
5630
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { decimal: [{
|
|
@@ -5647,16 +5645,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
5647
5645
|
type: Input
|
|
5648
5646
|
}], onBeforeInput: [{
|
|
5649
5647
|
type: HostListener,
|
|
5650
|
-
args: [
|
|
5648
|
+
args: ["beforeinput", ["$event"]]
|
|
5651
5649
|
}], onKeyDown: [{
|
|
5652
5650
|
type: HostListener,
|
|
5653
|
-
args: [
|
|
5651
|
+
args: ["keydown", ["$event"]]
|
|
5654
5652
|
}], onPaste: [{
|
|
5655
5653
|
type: HostListener,
|
|
5656
|
-
args: [
|
|
5654
|
+
args: ["paste", ["$event"]]
|
|
5657
5655
|
}], onDrop: [{
|
|
5658
5656
|
type: HostListener,
|
|
5659
|
-
args: [
|
|
5657
|
+
args: ["drop", ["$event"]]
|
|
5660
5658
|
}] } });
|
|
5661
5659
|
|
|
5662
5660
|
class AnnaDateFormatterPipe {
|
|
@@ -5672,7 +5670,7 @@ class AnnaDateFormatterPipe {
|
|
|
5672
5670
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaDateFormatterPipe, decorators: [{
|
|
5673
5671
|
type: Pipe,
|
|
5674
5672
|
args: [{
|
|
5675
|
-
name:
|
|
5673
|
+
name: "AnnaDateFormatter",
|
|
5676
5674
|
standalone: true,
|
|
5677
5675
|
}]
|
|
5678
5676
|
}], ctorParameters: function () { return []; } });
|
|
@@ -5683,21 +5681,21 @@ class AnnaConvertArrayToCommaSeperatedValue {
|
|
|
5683
5681
|
}
|
|
5684
5682
|
transform(value, textKeyName, selectedKeyName) {
|
|
5685
5683
|
if (value == undefined || value == null) {
|
|
5686
|
-
return
|
|
5684
|
+
return "-";
|
|
5687
5685
|
}
|
|
5688
5686
|
return this.converter(value, textKeyName, selectedKeyName);
|
|
5689
5687
|
}
|
|
5690
5688
|
replace(value, textKeyName, selectedKeyName) {
|
|
5691
|
-
let stringToDisplay =
|
|
5689
|
+
let stringToDisplay = "";
|
|
5692
5690
|
let anyValueSelected = false;
|
|
5693
5691
|
value.forEach((val) => {
|
|
5694
5692
|
if (selectedKeyName && val[selectedKeyName]) {
|
|
5695
|
-
stringToDisplay = stringToDisplay + val[textKeyName] +
|
|
5693
|
+
stringToDisplay = stringToDisplay + val[textKeyName] + ", ";
|
|
5696
5694
|
anyValueSelected = true;
|
|
5697
5695
|
}
|
|
5698
5696
|
});
|
|
5699
5697
|
if (!anyValueSelected)
|
|
5700
|
-
return
|
|
5698
|
+
return "-";
|
|
5701
5699
|
// remove last 2 characters i.e. comma
|
|
5702
5700
|
stringToDisplay = stringToDisplay.slice(0, -2);
|
|
5703
5701
|
return stringToDisplay;
|
|
@@ -5708,7 +5706,7 @@ class AnnaConvertArrayToCommaSeperatedValue {
|
|
|
5708
5706
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaConvertArrayToCommaSeperatedValue, decorators: [{
|
|
5709
5707
|
type: Pipe,
|
|
5710
5708
|
args: [{
|
|
5711
|
-
name:
|
|
5709
|
+
name: "annaConvertArrayToCSV",
|
|
5712
5710
|
standalone: true,
|
|
5713
5711
|
}]
|
|
5714
5712
|
}] });
|
|
@@ -5735,7 +5733,7 @@ class FixedRowsPopupTableDirective {
|
|
|
5735
5733
|
let tableHeightForPopup = this.tableDataLength < this.maxRowsRenderedWithoutScrollForPopup
|
|
5736
5734
|
? this.popupRowHeight * (this.tableDataLength ? this.tableDataLength : 1) + this.popupHeaderHeight
|
|
5737
5735
|
: totalPopupTableHeight;
|
|
5738
|
-
this.renderer.setStyle(this.el.nativeElement,
|
|
5736
|
+
this.renderer.setStyle(this.el.nativeElement, "height", `calc(${tableHeightForPopup}px)`);
|
|
5739
5737
|
}
|
|
5740
5738
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FixedRowsPopupTableDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
5741
5739
|
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: FixedRowsPopupTableDirective, isStandalone: true, selector: "[fixedRowsInPopupTable]", inputs: { popupRowHeight: "popupRowHeight", popupHeaderHeight: "popupHeaderHeight", tableDataLength: "tableDataLength" }, host: { listeners: { "window:resize": "onWindowResize()" } }, ngImport: i0 }); }
|
|
@@ -5743,7 +5741,7 @@ class FixedRowsPopupTableDirective {
|
|
|
5743
5741
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FixedRowsPopupTableDirective, decorators: [{
|
|
5744
5742
|
type: Directive,
|
|
5745
5743
|
args: [{
|
|
5746
|
-
selector:
|
|
5744
|
+
selector: "[fixedRowsInPopupTable]",
|
|
5747
5745
|
standalone: true,
|
|
5748
5746
|
}]
|
|
5749
5747
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { popupRowHeight: [{
|
|
@@ -5754,7 +5752,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
5754
5752
|
type: Input
|
|
5755
5753
|
}], onWindowResize: [{
|
|
5756
5754
|
type: HostListener,
|
|
5757
|
-
args: [
|
|
5755
|
+
args: ["window:resize"]
|
|
5758
5756
|
}] } });
|
|
5759
5757
|
|
|
5760
5758
|
class AnnaEstIconTemplateComponent {
|
|
@@ -5763,7 +5761,7 @@ class AnnaEstIconTemplateComponent {
|
|
|
5763
5761
|
}
|
|
5764
5762
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaEstIconTemplateComponent, decorators: [{
|
|
5765
5763
|
type: Component,
|
|
5766
|
-
args: [{ selector:
|
|
5764
|
+
args: [{ selector: "anna-core-anna-est-icon-template", standalone: true, imports: [], template: "<svg\r\n width=\"12\"\r\n height=\"12\"\r\n viewBox=\"0 0 14 14\"\r\n fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n xmlns:xlink=\"http://www.w3.org/1999/xlink\"\r\n>\r\n <path\r\n d=\"M0 0H14V14H0V0Z\"\r\n fill=\"url(#pattern0)\"\r\n />\r\n <defs>\r\n <pattern\r\n id=\"pattern0\"\r\n patternContentUnits=\"objectBoundingBox\"\r\n width=\"1\"\r\n height=\"1\"\r\n >\r\n <use\r\n xlink:href=\"#image0_866_172\"\r\n transform=\"scale(0.0430107 0.0434783)\"\r\n />\r\n </pattern>\r\n <image\r\n id=\"image0_866_172\"\r\n width=\"93\"\r\n height=\"23\"\r\n xlink:href=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAF0AAAAXCAYAAABpskPJAAAAAXNSR0IArs4c6QAACrxJREFUaAWtWQt0VMUZnrm72WRNSAKWwiELIRwI1ojUHh5hl1rUWlpqC1QbiCgF8jqA2kJ5tGiTLYLUylPwSLKJiVgIBCiUWmhtEduTbIJaFM6hxyLyCAkHKJINeWf33uk3G+7u3Lt3H/Fwz9nM/56Zf/75/5kJJTF8jDHqctt2MEKfgfj7SQOkRfMebGyJQZUw5pRc7oo1sLGcUPZeosla+Ez2+dux6Koyb50aPdjX2V3KKHNIjGwrmNr8CuftPjNiYPttZQcl7HEi0TcL7U0lqk6sbcXJtPGyj1RhbomEsGVFjua/xKxbO3yYjyj7KKX3Q39zkePK+lh0pViEXO7h+YyRJfBgMn6z2tsUZyx6XKbCXTGVMeVlTGggYWROp9z9bo3bZo1Vn8t5u7pWM8JmQ//rjJJ1roa0bE5vb2fPwe7TjJDBTGHFpW7b7zm9P5/PS0sxt29iXmNgv2rX6Qfh/Ng+mTIXJDE/NogwZZ2r3jYtFs2oTudRjgn/UmeswNWQMURHM0QVwsaLDNj7toeR6hr2U5NIjwRTQh9Q+XAQJYqU4ceZMk6l+1uFrSytTVumoUVFWJYg8rUub2uygIcFyz4ckYW5zBAFFIW9JOLh4KhOL6sfMRMRMFZjgDGronj1C6ERiYRgsDNb3O7tkWREHhyNYA5+WEgaxLQQpWQTxpyjpcaOmbuVsLY1VrzKag3OEUYeU3dhCE8gRHU6UdivBPkgqLDF5W7boCChnxAji121aWv6qaUR51tQQwDCdwKTlV1lbtt39Ly7hZfXZaQjcHKN7DGZ/saILtIiOr0vR7HJooIAJymM9XMrC9oAFULWu9xp87XUu4GxeBg/zFPA3bCmt6EQ/y436+kc5ymntD79W0Y8lRbR6Uwh+ij3qYq8RVA9X/rxqBSR1l9YYbTc1TDi8Uh6SBmaLU8VLW6ki02QynrlY2+7bWlG/K9K4ycpbK98nb7GL1SWI+b2sE4vd6c/hFWbLhrH5BcBbw/QGEuhPd7nA3hsQCPEgoNkLI7J8kHeX2zqQSlkdk16wdHtfJDrh4Z3M3KsP4FhlsLXC27R19X1AsJZOH3RFipJRZp+KZtVXjc8UPw1PCBhna4oPl2U09OFjuZ3EHQ7RSOMKL/ozzELjvmIUqlAY4ORAbIiH62sHzlSpPcfplsQGFUaPcbGkZ7eQzVnsywa+ldAYCMJh7mloiqVyPaCKXlV2HufqXReVxSivKji+tbQ6SiQoyH4pCgsEbqB43EW8yY4vjvAY+Te7o6WxQE8BqDQcaWKSFKxVpQN7VW8x4yKs/70oqYb5BxNpHN7Y+xjCrCwf9PYZuwRj6e1CjtXk6Y0MjEgLZ7biGjcN4JfOxy4jVKnQiTT74Jk/8Byyk6OyhRpKmzodJmRlZhN8BxN6ef5jrz9XGnhpEvXcD54SzXgb5myor8XniL7lZcJpeVaO+Q+nHWPVF4cmaCh9wN5hH7gS01NeQqR94moxk8brrrhUS9PvWHSC98pyGbLRZt81+fbm25xWmb2qN3o81KAz4jEvD2Gp7MQp1d+OHIo4udnAWUAEiWv+lfzDlEiFj74QF5GJA7BhUdfXEQThnCmffRiROVRkYnFdnibfXv484FKVyNbxaO1OVln2y1xcTM0ToASiuuK0jrbC9H0jfgtLa3zsXDDVB7f7XzXqzhfbHhKv6jzXCfTM1QZtQ1MTCX09npx/sSR684HpzSlpKS8o+K8zXdcvIxmt0gDvKq/eZMPNCFpUA4i/mPRFpwzu6yu/HWR1l+4b0fG/QDj90diUJ9tKauzaVJnkBcewsJrjra4p1f6+xBULMNMlYTQawLJrPhkXW00KKTURAMFoU+ZbkDk9AqG/KCZWDYgkhSVjiiwtba2LlBxtUVNCeyIO7RWlcfb+ePPdFhJ/A8RORdFOhZ+KZwTeuuDEBbFn5uRogP9+3UZ09gusl/6jJmkmboaJMHAH0obRkzV9teHmaQE47xP2VlVvi/KTRtVXG0XZlzqphINRD+nw9gC3FJtqgxvQyL96uV2642r7Z9D+jiYLxbYG98UFVQ4b+rF/+JGeEDFecvP9SfYNO2lId66H7a+RAriA5BRQKtFHQ7Pd3xxAxX6+1xOy2Mbympt87S0IGaSJH9t6bNNPXGJ5pAXwqLsxlpK2bOwHVggLFoC8SlHXPXp3whaiwxdb+74+/Wr7f/DrnwP+XbWoomNF4w0UlOSd4rzQDBaFJmuFGU1TocAagUrUWSJP3F+lz+hYnvCXcYfNdP12HYBPiaTca7hgsZJRRPO3YyzmCZda2rr7lXYpMIpjf8wslY4+cI5MzH/CJPqUvlwJsWIKoGPU2lim29vPN7dqfzkRnN7S2KyNGrhQ5c8Il+FCxzNBzAPTRFEiAxUZN9f0V8glaryRq3sZWtwxS8qcjRNL7Rf0Z6OBAVeTwiVtgkkDmoeCDVOX7tv4I8hIJfktoREjM6IHy3IbjoDx7wr8nAbw9t5sAhynj8qGPXebO8+L8rq4TzH5Xos4jwxKhEEcWIB4zpiYW1r6zqlMNIW7X0fb+042pHNuj5HcPsizWtwenHuG8hfEy3Fc1sOi7LhYIvVtB2DvB3g6x4IA07nUY5fMbbO2oBwDAAuOngrD34I+0z808LolS/QV1A6FIJzDmHAPw/lRKQEj7cRxArsTSuQ4moiiISwnDyAZKUEgbA20q4XFft2HN0h0vBwuPjtk/fdy2nSKzVDBzurU7c7q1OQ89gDzjmemFZTNYiLDm6YIZeRl/ypCkK8de5JeQOpJ5F45MPOE7qcrxoS2iJ70w4s/msCyRB8/ejoeJ+XLUEfac49yZvUPg2FQeROsw2xzgfwr3AyKt1ZMzjJuTdlI6veLIOW5cxt1dQvVS5sG2/dggXuEPhJ3b4Of4qTenydN7CKTDLRp5AqLFiAaYJgTKAk6aOdZVU0pD/BlX+7N7UcDl9iksgk9JNNrn3yRixGC6dcWQ0nhRRdrqvgiMXbW603/o3ymCmZpEexw5ajr19zeqRvxpjzPZZ7zDOxBP8xkjP13Lm1+nqvIjoHU2p2IHRMa/cmTzSSD0fjtQx96A4hbGlF7dgBuPfQDjIkdVXJnNaDmOT7eDW4P5yhcPT8KY11cOhxkS8ryiI/zkgaUlBe8dzbHyF6n8YEnogWkVyPRyVulgswvg/8dnR/+mz4i+72kjmeE5BbjZL+sE7MEPVv/wQLP8NfNRTgRMqs1GQ64My95cbcvsBr6IqwsmEY1By3EbqdATYeCGXa+SSeVMg+cu3WaWd18i5M5FGr1aK5CAUUogCIiGJRRN1aKF6v4X+kFUgxO/HPhUOUSM9xh4qy4WB+P8AxcDY8cFqUMUvyp9wG+tiJXXQcqWUr2leJmYZcREQ9ES6acKHRZGYzsFjiiedmsn1Ck1+OSnMUWT6CtHseGSArcVBCXxCJRqLABdkXr0NEH+1tEnJVHiawFen9MqWWtNUzb7ZFsWXILrRfduPFbQ0W8UvY+6fZmrCMC5bkth6nkmUs6I2I+EdKcj2HDA2EIfKoTIhLegzsP3MHIUpW5U1u9i8CbFeYqOlh3DZuoc+JzhzPp2HMGJL9dij9HsZ2CgKNJok+m0P38xxOnHM9fzRb4jOxsBuGZY6xrJx+XczPhvaMiJZ74tZhbH/CDzdjaWuho+ng/wFBoBobOBQp5QAAAABJRU5ErkJggg==\"\r\n />\r\n </defs>\r\n</svg>\r\n" }]
|
|
5767
5765
|
}] });
|
|
5768
5766
|
|
|
5769
5767
|
// Angular import statements
|
|
@@ -5848,8 +5846,8 @@ class AnnaCoreModule {
|
|
|
5848
5846
|
radius: 100,
|
|
5849
5847
|
outerStrokeWidth: 16,
|
|
5850
5848
|
innerStrokeWidth: 8,
|
|
5851
|
-
outerStrokeColor:
|
|
5852
|
-
innerStrokeColor:
|
|
5849
|
+
outerStrokeColor: "#78C000",
|
|
5850
|
+
innerStrokeColor: "#C7E596",
|
|
5853
5851
|
animationDuration: 300,
|
|
5854
5852
|
}),
|
|
5855
5853
|
AnnaWeekCalendarComponent,
|
|
@@ -5877,8 +5875,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
5877
5875
|
radius: 100,
|
|
5878
5876
|
outerStrokeWidth: 16,
|
|
5879
5877
|
innerStrokeWidth: 8,
|
|
5880
|
-
outerStrokeColor:
|
|
5881
|
-
innerStrokeColor:
|
|
5878
|
+
outerStrokeColor: "#78C000",
|
|
5879
|
+
innerStrokeColor: "#C7E596",
|
|
5882
5880
|
animationDuration: 300,
|
|
5883
5881
|
}),
|
|
5884
5882
|
AnnaNoDataComponent,
|
|
@@ -5962,38 +5960,38 @@ class AnnaNumberFormatService {
|
|
|
5962
5960
|
if (inputValue < 0) {
|
|
5963
5961
|
value = value * -1;
|
|
5964
5962
|
}
|
|
5965
|
-
if (digitsToRoundDecimalPoint == 0 && (unit ==
|
|
5963
|
+
if (digitsToRoundDecimalPoint == 0 && (unit == "M" || unit == "B" || unit == "K")) {
|
|
5966
5964
|
digitsToRoundDecimalPoint = 2;
|
|
5967
5965
|
}
|
|
5968
5966
|
return Number.isInteger(value) ? value.toString() + unit : value.toFixed(digitsToRoundDecimalPoint) + unit;
|
|
5969
5967
|
// return (Math.round(value, digitsToRoundDecimalPoint, MidpointRounding.AwayFromZero) + unit);
|
|
5970
5968
|
}
|
|
5971
5969
|
static GetValueInUnits(inputValue) {
|
|
5972
|
-
let unit =
|
|
5970
|
+
let unit = "";
|
|
5973
5971
|
let thousand = 1000;
|
|
5974
5972
|
let million = 1000000;
|
|
5975
5973
|
let billion = 1000000000;
|
|
5976
5974
|
if (inputValue >= thousand && inputValue < million) {
|
|
5977
5975
|
inputValue = inputValue / thousand;
|
|
5978
|
-
unit =
|
|
5976
|
+
unit = "K";
|
|
5979
5977
|
}
|
|
5980
5978
|
else if (inputValue >= million && inputValue < billion) {
|
|
5981
5979
|
inputValue = inputValue / million;
|
|
5982
|
-
unit =
|
|
5980
|
+
unit = "M";
|
|
5983
5981
|
}
|
|
5984
5982
|
else if (inputValue >= billion) {
|
|
5985
5983
|
inputValue = inputValue / billion;
|
|
5986
|
-
unit =
|
|
5984
|
+
unit = "B";
|
|
5987
5985
|
}
|
|
5988
5986
|
return [inputValue, unit];
|
|
5989
5987
|
}
|
|
5990
5988
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaNumberFormatService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
5991
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaNumberFormatService, providedIn:
|
|
5989
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaNumberFormatService, providedIn: "root" }); }
|
|
5992
5990
|
}
|
|
5993
5991
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaNumberFormatService, decorators: [{
|
|
5994
5992
|
type: Injectable,
|
|
5995
5993
|
args: [{
|
|
5996
|
-
providedIn:
|
|
5994
|
+
providedIn: "root",
|
|
5997
5995
|
}]
|
|
5998
5996
|
}] });
|
|
5999
5997
|
|
|
@@ -6001,25 +5999,25 @@ class AnnaPersistingFilterService {
|
|
|
6001
5999
|
constructor() { }
|
|
6002
6000
|
storeKeyValueInLocalStorage(val, isFilterKey = true) {
|
|
6003
6001
|
let filterOrdering;
|
|
6004
|
-
if (!localStorage.getItem(
|
|
6002
|
+
if (!localStorage.getItem("filterOrdering")) {
|
|
6005
6003
|
filterOrdering = [];
|
|
6006
6004
|
}
|
|
6007
6005
|
else {
|
|
6008
|
-
filterOrdering = JSON.parse(localStorage.getItem(
|
|
6006
|
+
filterOrdering = JSON.parse(localStorage.getItem("filterOrdering"));
|
|
6009
6007
|
}
|
|
6010
6008
|
let filterOrderingSet = new Set(filterOrdering);
|
|
6011
6009
|
let hashCode = null;
|
|
6012
6010
|
let key = null;
|
|
6013
6011
|
try {
|
|
6014
6012
|
hashCode = hash(val);
|
|
6015
|
-
key = isFilterKey ?
|
|
6013
|
+
key = isFilterKey ? "filter_" + hashCode : hashCode;
|
|
6016
6014
|
localStorage.setItem(key, JSON.stringify(val));
|
|
6017
6015
|
if (isFilterKey) {
|
|
6018
6016
|
if (filterOrderingSet.has(key)) {
|
|
6019
6017
|
filterOrderingSet.delete(key);
|
|
6020
6018
|
}
|
|
6021
6019
|
filterOrderingSet.add(key);
|
|
6022
|
-
localStorage.setItem(
|
|
6020
|
+
localStorage.setItem("filterOrdering", JSON.stringify(Array.from(filterOrderingSet)));
|
|
6023
6021
|
}
|
|
6024
6022
|
}
|
|
6025
6023
|
catch (e) {
|
|
@@ -6029,14 +6027,14 @@ class AnnaPersistingFilterService {
|
|
|
6029
6027
|
}
|
|
6030
6028
|
filterOrdering.splice(0, filterOrdering.length / 2);
|
|
6031
6029
|
hashCode = hash(val);
|
|
6032
|
-
let key = isFilterKey ?
|
|
6030
|
+
let key = isFilterKey ? "filter_" + hashCode : hashCode;
|
|
6033
6031
|
localStorage.setItem(key, JSON.stringify(val));
|
|
6034
6032
|
if (isFilterKey) {
|
|
6035
6033
|
if (filterOrderingSet.has(key)) {
|
|
6036
6034
|
filterOrderingSet.delete(key);
|
|
6037
6035
|
}
|
|
6038
6036
|
filterOrderingSet.add(key);
|
|
6039
|
-
localStorage.setItem(
|
|
6037
|
+
localStorage.setItem("filterOrdering", JSON.stringify(Array.from(filterOrderingSet)));
|
|
6040
6038
|
}
|
|
6041
6039
|
}
|
|
6042
6040
|
return key;
|
|
@@ -6047,15 +6045,15 @@ class AnnaPersistingFilterService {
|
|
|
6047
6045
|
convertObjToQueryString(paramsObject) {
|
|
6048
6046
|
return Object.keys(paramsObject)
|
|
6049
6047
|
.map((key) => `${encodeURIComponent(key)}=${encodeURIComponent(paramsObject[key])}`)
|
|
6050
|
-
.join(
|
|
6048
|
+
.join("&");
|
|
6051
6049
|
}
|
|
6052
6050
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaPersistingFilterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
6053
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaPersistingFilterService, providedIn:
|
|
6051
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaPersistingFilterService, providedIn: "root" }); }
|
|
6054
6052
|
}
|
|
6055
6053
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaPersistingFilterService, decorators: [{
|
|
6056
6054
|
type: Injectable,
|
|
6057
6055
|
args: [{
|
|
6058
|
-
providedIn:
|
|
6056
|
+
providedIn: "root",
|
|
6059
6057
|
}]
|
|
6060
6058
|
}], ctorParameters: function () { return []; } });
|
|
6061
6059
|
|
|
@@ -6082,18 +6080,18 @@ class IconCellActionKey {
|
|
|
6082
6080
|
}
|
|
6083
6081
|
|
|
6084
6082
|
class Constants {
|
|
6085
|
-
static { this.SUCCESS_STRING =
|
|
6086
|
-
static { this.BACKEND_SERVER_URL =
|
|
6087
|
-
static { this.ERROR_MSG =
|
|
6088
|
-
static { this.NO_DATA_MSG =
|
|
6089
|
-
static { this.SERVER_ERROR =
|
|
6090
|
-
static { this.USER_ORIGIN =
|
|
6091
|
-
static { this.ACTIVE_USER_STATUS =
|
|
6092
|
-
static { this.DELETED_USER_STATUS =
|
|
6093
|
-
static { this.INACTIVE_USER_STATUS =
|
|
6094
|
-
static { this.OGAdminRole =
|
|
6095
|
-
static { this.ASARole =
|
|
6096
|
-
static { this.dollars =
|
|
6083
|
+
static { this.SUCCESS_STRING = "success"; }
|
|
6084
|
+
static { this.BACKEND_SERVER_URL = "/server/public/index.php/api"; }
|
|
6085
|
+
static { this.ERROR_MSG = "Error occurred please try again."; }
|
|
6086
|
+
static { this.NO_DATA_MSG = "No Data to display"; }
|
|
6087
|
+
static { this.SERVER_ERROR = "Server error. Please try Again"; }
|
|
6088
|
+
static { this.USER_ORIGIN = "ANNA"; }
|
|
6089
|
+
static { this.ACTIVE_USER_STATUS = "active"; }
|
|
6090
|
+
static { this.DELETED_USER_STATUS = "deleted"; }
|
|
6091
|
+
static { this.INACTIVE_USER_STATUS = "inactive"; }
|
|
6092
|
+
static { this.OGAdminRole = "Ownership Group Admin"; }
|
|
6093
|
+
static { this.ASARole = "Anna Station Admin"; }
|
|
6094
|
+
static { this.dollars = "$"; }
|
|
6097
6095
|
}
|
|
6098
6096
|
class ErrorCodes {
|
|
6099
6097
|
static { this.BAD_REQUEST = 400; }
|
|
@@ -6116,16 +6114,16 @@ var Days;
|
|
|
6116
6114
|
Days[Days["Su"] = 7] = "Su";
|
|
6117
6115
|
})(Days || (Days = {}));
|
|
6118
6116
|
class OrderSources {
|
|
6119
|
-
static { this.Medialine =
|
|
6120
|
-
static { this.Non_electronic =
|
|
6121
|
-
static { this.Others =
|
|
6122
|
-
static { this.WOC_unlinked =
|
|
6123
|
-
static { this.WOC_linked =
|
|
6124
|
-
static { this.WOZ =
|
|
6125
|
-
static { this.Darwin =
|
|
6117
|
+
static { this.Medialine = "Medialine"; }
|
|
6118
|
+
static { this.Non_electronic = "Non electronic"; }
|
|
6119
|
+
static { this.Others = "Others"; }
|
|
6120
|
+
static { this.WOC_unlinked = "WOC Unlinked"; }
|
|
6121
|
+
static { this.WOC_linked = "WOC Linked"; }
|
|
6122
|
+
static { this.WOZ = "WOZ"; }
|
|
6123
|
+
static { this.Darwin = "Darwin"; }
|
|
6126
6124
|
}
|
|
6127
6125
|
class ANNAIconNames {
|
|
6128
|
-
static { this.AutomationActivatedIconName =
|
|
6126
|
+
static { this.AutomationActivatedIconName = "anna-automation-activated-icon mdi mdi-cog-refresh"; }
|
|
6129
6127
|
}
|
|
6130
6128
|
|
|
6131
6129
|
/*
|
|
@@ -6136,5 +6134,5 @@ class ANNAIconNames {
|
|
|
6136
6134
|
* Generated bundle index. Do not edit.
|
|
6137
6135
|
*/
|
|
6138
6136
|
|
|
6139
|
-
export { ANNAIconNames, AllSelectedStatus, AnnaBuyerApprovalIconTemplateComponent, AnnaCalendarFilterComponent, AnnaColumnCheckboxFilterComponent, AnnaColumnDateRangeFilterComponent, AnnaColumnSliderFilterComponent, AnnaColumnTimeFilterComponent, AnnaConvertArrayToCommaSeperatedValue, AnnaConvertZeroOrNullOrUndefinedPipe, AnnaCoreModule, AnnaDateFormatterPipe, AnnaDateTimeFormatService, AnnaDeletedOrderIconTemplateComponent, AnnaFilterSearchedTextPipe, AnnaFilterService, AnnaFixedRowSizeTableVirtualScrollStrategy, AnnaFixedRowSizeTableVirtualScrollStrategyDirective, AnnaGlobalConfigService, AnnaGtHelperService, AnnaIconColumnComponent, AnnaLiveIconTemplateComponent, AnnaNoDataComponent, AnnaNonEditableGenericTableComponent, AnnaNotifyIconTemplateComponent, AnnaNumberFormatService, AnnaPayForPerformanceIconTemplateComponent, AnnaPersistingFilterService, AnnaRejectedIconTemplateComponent, AnnaReplaceCharPipe, AnnaSortComponent, AnnaSortService, AnnaTableVirtualScrollViewportComponent, AnnaTypeofDataPipe, AnnaVirtualTableDirective, AnnaWeekCalendarComponent, ClickableItem, Constants, Days, DigitOnlyDirective, ErrorCodes, FixedRowsPopupTableDirective, IconCellActionKey, OrderSources, SortTypeEnum, TooltipModel, fixedSizeVirtualScrollStrategyFactory,
|
|
6137
|
+
export { ANNAIconNames, AllSelectedStatus, AnnaBuyerApprovalIconTemplateComponent, AnnaCalendarFilterComponent, AnnaColumnCheckboxFilterComponent, AnnaColumnDateRangeFilterComponent, AnnaColumnSliderFilterComponent, AnnaColumnTimeFilterComponent, AnnaConvertArrayToCommaSeperatedValue, AnnaConvertZeroOrNullOrUndefinedPipe, AnnaCoreModule, AnnaDateFormatterPipe, AnnaDateTimeFormatService, AnnaDeletedOrderIconTemplateComponent, AnnaFilterSearchedTextPipe, AnnaFilterService, AnnaFixedRowSizeTableVirtualScrollStrategy, AnnaFixedRowSizeTableVirtualScrollStrategyDirective, AnnaGlobalConfigService, AnnaGtHelperService, AnnaIconColumnComponent, AnnaLiveIconTemplateComponent, AnnaNoDataComponent, AnnaNonEditableGenericTableComponent, AnnaNotifyIconTemplateComponent, AnnaNumberFormatService, AnnaPayForPerformanceIconTemplateComponent, AnnaPersistingFilterService, AnnaRejectedIconTemplateComponent, AnnaReplaceCharPipe, AnnaSortComponent, AnnaSortService, AnnaTableVirtualScrollViewportComponent, AnnaTypeofDataPipe, AnnaVirtualTableDirective, AnnaWeekCalendarComponent, ClickableItem, Constants, Days, DigitOnlyDirective, ErrorCodes, FixedRowsPopupTableDirective, IconCellActionKey, OrderSources, RadioButtonModel, SortTypeEnum, TooltipModel, fixedSizeVirtualScrollStrategyFactory, showEllipsisTextOnHoverDirective, tooltipModelForColumnLevelFiltering };
|
|
6140
6138
|
//# sourceMappingURL=annalib-anna-core.mjs.map
|