@annalib/anna-core 22.3.13 → 22.3.15
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 +2 -2
- 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/annaFilterSearchedText.pipe.mjs +6 -6
- 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 -354
- 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 +269 -263
- 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 +959 -948
- 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/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/annaFilterSearchedText.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 +5 -5
- package/lib/anna-generic-table-lib/components/anna-column-filters/anna-column-date-range-filter/anna-column-date-range-filter.component.d.ts +6 -6
- package/lib/anna-generic-table-lib/components/anna-column-filters/anna-column-slider-filter/anna-column-slider-filter.component.d.ts +6 -6
- package/lib/anna-generic-table-lib/components/anna-column-filters/anna-column-time-filter/anna-column-time-filter.component.d.ts +7 -7
- package/lib/anna-generic-table-lib/components/anna-non-editable-generic-table/anna-non-editable-generic-table.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
|
@@ -49,7 +49,7 @@ class AnnaFilterSearchedTextPipe {
|
|
|
49
49
|
return items;
|
|
50
50
|
searchText = searchText.toString().toLowerCase();
|
|
51
51
|
// if keyName is an array then loop through all the keynames
|
|
52
|
-
if (keyName && typeof keyName ==
|
|
52
|
+
if (keyName && typeof keyName == "object") {
|
|
53
53
|
let isFoundAtleastOnce = false;
|
|
54
54
|
let isFound;
|
|
55
55
|
for (const key of keyName) {
|
|
@@ -67,7 +67,7 @@ class AnnaFilterSearchedTextPipe {
|
|
|
67
67
|
if (!keyName)
|
|
68
68
|
searchResult = items.filter((item) => Object.values(item).filter((n) => (n ? n.toString().toLowerCase().includes(searchText) : false))
|
|
69
69
|
.length > 0);
|
|
70
|
-
else if (keyName ==
|
|
70
|
+
else if (keyName == "NoKey") {
|
|
71
71
|
searchResult = items.filter((item) => item.toString().toLowerCase().includes(searchText));
|
|
72
72
|
}
|
|
73
73
|
else {
|
|
@@ -82,25 +82,25 @@ class AnnaFilterSearchedTextPipe {
|
|
|
82
82
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaFilterSearchedTextPipe, decorators: [{
|
|
83
83
|
type: Pipe,
|
|
84
84
|
args: [{
|
|
85
|
-
name:
|
|
85
|
+
name: "AnnafilterSearchedText",
|
|
86
86
|
standalone: true,
|
|
87
87
|
}]
|
|
88
88
|
}] });
|
|
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: [{
|
|
@@ -1128,14 +1128,14 @@ class AnnaSortService {
|
|
|
1128
1128
|
this.annaDateTimeFormatService = annaDateTimeFormatService;
|
|
1129
1129
|
this.updateSortTypeSubject = new Subject();
|
|
1130
1130
|
this.dateSet = new Set([
|
|
1131
|
-
|
|
1132
|
-
|
|
1133
|
-
|
|
1134
|
-
|
|
1135
|
-
|
|
1136
|
-
|
|
1137
|
-
|
|
1138
|
-
|
|
1131
|
+
"endDate",
|
|
1132
|
+
"startDate",
|
|
1133
|
+
"end_date",
|
|
1134
|
+
"start_date",
|
|
1135
|
+
"flightStartDate",
|
|
1136
|
+
"flightEndDate",
|
|
1137
|
+
"date",
|
|
1138
|
+
"GeneratedOn",
|
|
1139
1139
|
]);
|
|
1140
1140
|
}
|
|
1141
1141
|
sortDataForComponentOtherThanLurAndCsrPage(isAsc, data, key) {
|
|
@@ -1146,13 +1146,13 @@ class AnnaSortService {
|
|
|
1146
1146
|
return this.annaDateTimeFormatService.compareDate(a[key], b[key], isAsc);
|
|
1147
1147
|
});
|
|
1148
1148
|
}
|
|
1149
|
-
else if (key ===
|
|
1149
|
+
else if (key === "AirDateAndTime" || key === "Date") {
|
|
1150
1150
|
data.sort((a, b) => {
|
|
1151
1151
|
let first, second;
|
|
1152
|
-
if (a[key] ==
|
|
1152
|
+
if (a[key] == "-") {
|
|
1153
1153
|
return 1;
|
|
1154
1154
|
}
|
|
1155
|
-
if (b[key] ==
|
|
1155
|
+
if (b[key] == "-") {
|
|
1156
1156
|
return -1;
|
|
1157
1157
|
}
|
|
1158
1158
|
else {
|
|
@@ -1163,7 +1163,7 @@ class AnnaSortService {
|
|
|
1163
1163
|
}
|
|
1164
1164
|
});
|
|
1165
1165
|
}
|
|
1166
|
-
else if (key ==
|
|
1166
|
+
else if (key == "startEndTime" || key == "TimeBand") {
|
|
1167
1167
|
data.sort((a, b) => {
|
|
1168
1168
|
if (isAsc) {
|
|
1169
1169
|
param1 = a[key][1];
|
|
@@ -1180,8 +1180,8 @@ class AnnaSortService {
|
|
|
1180
1180
|
});
|
|
1181
1181
|
}
|
|
1182
1182
|
else {
|
|
1183
|
-
let dataWithoutEmptyOrHyphenValues = data.filter((n) => n[key] !=
|
|
1184
|
-
let rowsWithHyphenOrZeroValues = data.filter((n) => n[key] ==
|
|
1183
|
+
let dataWithoutEmptyOrHyphenValues = data.filter((n) => n[key] != "-");
|
|
1184
|
+
let rowsWithHyphenOrZeroValues = data.filter((n) => n[key] == "-");
|
|
1185
1185
|
dataWithoutEmptyOrHyphenValues.sort((a, b) => {
|
|
1186
1186
|
param1 = a[key];
|
|
1187
1187
|
param2 = b[key];
|
|
@@ -1199,16 +1199,16 @@ class AnnaSortService {
|
|
|
1199
1199
|
sortEnterEditLurAndCsrPage(isAsc, data, key) {
|
|
1200
1200
|
let param1;
|
|
1201
1201
|
let param2;
|
|
1202
|
-
if (key.includes(
|
|
1203
|
-
let keys = key.split(
|
|
1202
|
+
if (key.includes("_")) {
|
|
1203
|
+
let keys = key.split("_");
|
|
1204
1204
|
let weekNumber = keys[0];
|
|
1205
1205
|
let sortKey = keys[1];
|
|
1206
1206
|
if (keys.length > 2) {
|
|
1207
|
-
sortKey = keys[2] == true ?
|
|
1207
|
+
sortKey = keys[2] == true ? "BookedAurIncludingNoChargeSpots" : "BookedAurExcludingNoChargeSpots";
|
|
1208
1208
|
}
|
|
1209
1209
|
data.sort((a, b) => {
|
|
1210
|
-
let aInventoryCodeWeekWiseKey = Object.keys(a.WeekWiseInventoryCodeData).filter((key) => key.split(
|
|
1211
|
-
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);
|
|
1212
1212
|
param1 = null;
|
|
1213
1213
|
param2 = null;
|
|
1214
1214
|
if (aInventoryCodeWeekWiseKey.length > 0) {
|
|
@@ -1223,7 +1223,7 @@ class AnnaSortService {
|
|
|
1223
1223
|
return 0;
|
|
1224
1224
|
});
|
|
1225
1225
|
}
|
|
1226
|
-
else if (key ==
|
|
1226
|
+
else if (key == "TimeBand") {
|
|
1227
1227
|
data.sort((a, b) => {
|
|
1228
1228
|
if (isAsc) {
|
|
1229
1229
|
param1 = a[key][1];
|
|
@@ -1253,12 +1253,12 @@ class AnnaSortService {
|
|
|
1253
1253
|
}
|
|
1254
1254
|
checkIfSortingIsApplied(tableData, isLurAndCsrComponent) {
|
|
1255
1255
|
for (let [key, value] of this.columnSortState.entries()) {
|
|
1256
|
-
if (value ==
|
|
1256
|
+
if (value == "ASC") {
|
|
1257
1257
|
tableData = cloneDeep(isLurAndCsrComponent
|
|
1258
1258
|
? this.sortEnterEditLurAndCsrPage(true, tableData, key)
|
|
1259
1259
|
: this.sortDataForComponentOtherThanLurAndCsrPage(true, tableData, key));
|
|
1260
1260
|
}
|
|
1261
|
-
else if (value ==
|
|
1261
|
+
else if (value == "DESC") {
|
|
1262
1262
|
tableData = cloneDeep(isLurAndCsrComponent
|
|
1263
1263
|
? this.sortEnterEditLurAndCsrPage(false, tableData, key)
|
|
1264
1264
|
: this.sortDataForComponentOtherThanLurAndCsrPage(false, tableData, key));
|
|
@@ -1267,28 +1267,28 @@ class AnnaSortService {
|
|
|
1267
1267
|
return tableData;
|
|
1268
1268
|
}
|
|
1269
1269
|
applySorting(key, tempSortOrder, tableData, isLurAndCsrComponent) {
|
|
1270
|
-
if (tempSortOrder ==
|
|
1270
|
+
if (tempSortOrder == "ASC") {
|
|
1271
1271
|
tableData = cloneDeep(isLurAndCsrComponent
|
|
1272
1272
|
? this.sortEnterEditLurAndCsrPage(true, tableData, key)
|
|
1273
1273
|
: this.sortDataForComponentOtherThanLurAndCsrPage(true, tableData, key));
|
|
1274
1274
|
}
|
|
1275
|
-
else if (tempSortOrder ==
|
|
1275
|
+
else if (tempSortOrder == "DESC") {
|
|
1276
1276
|
tableData = cloneDeep(isLurAndCsrComponent
|
|
1277
1277
|
? this.sortEnterEditLurAndCsrPage(false, tableData, key)
|
|
1278
1278
|
: this.sortDataForComponentOtherThanLurAndCsrPage(false, tableData, key));
|
|
1279
1279
|
}
|
|
1280
|
-
else if (tempSortOrder ==
|
|
1280
|
+
else if (tempSortOrder == "DEFAULT") {
|
|
1281
1281
|
tableData = cloneDeep(this.noSortingAppliedData);
|
|
1282
1282
|
}
|
|
1283
1283
|
return tableData;
|
|
1284
1284
|
}
|
|
1285
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 }); }
|
|
1286
|
-
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" }); }
|
|
1287
1287
|
}
|
|
1288
1288
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaSortService, decorators: [{
|
|
1289
1289
|
type: Injectable,
|
|
1290
1290
|
args: [{
|
|
1291
|
-
providedIn:
|
|
1291
|
+
providedIn: "root",
|
|
1292
1292
|
}]
|
|
1293
1293
|
}], ctorParameters: function () { return [{ type: AnnaDateTimeFormatService }]; } });
|
|
1294
1294
|
|
|
@@ -1301,7 +1301,7 @@ var SortTypeEnum;
|
|
|
1301
1301
|
|
|
1302
1302
|
class TooltipModel {
|
|
1303
1303
|
constructor(obj, id) {
|
|
1304
|
-
this.label = obj != null ? obj.toString() :
|
|
1304
|
+
this.label = obj != null ? obj.toString() : "-";
|
|
1305
1305
|
this.value = obj;
|
|
1306
1306
|
this.isSelected = false;
|
|
1307
1307
|
this.id = id;
|
|
@@ -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,161 +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
|
-
|
|
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",
|
|
1512
1517
|
];
|
|
1513
1518
|
const calendarArr = [
|
|
1514
|
-
|
|
1515
|
-
|
|
1516
|
-
|
|
1517
|
-
|
|
1518
|
-
|
|
1519
|
-
|
|
1520
|
-
|
|
1521
|
-
|
|
1522
|
-
|
|
1523
|
-
|
|
1524
|
-
|
|
1525
|
-
|
|
1526
|
-
|
|
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",
|
|
1527
1532
|
];
|
|
1528
1533
|
const timeArr = [
|
|
1529
|
-
|
|
1530
|
-
|
|
1531
|
-
|
|
1532
|
-
|
|
1533
|
-
|
|
1534
|
-
|
|
1535
|
-
|
|
1536
|
-
|
|
1537
|
-
|
|
1538
|
-
|
|
1539
|
-
|
|
1540
|
-
|
|
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",
|
|
1541
1546
|
];
|
|
1542
1547
|
this.sliderSet = new Set(sliderArr);
|
|
1543
1548
|
this.calendarSet = new Set(calendarArr);
|
|
1544
1549
|
this.timeSet = new Set(timeArr);
|
|
1545
1550
|
}
|
|
1546
1551
|
returnMaxAndMinValue(data, key, isMin) {
|
|
1547
|
-
data = data.filter((obj) => ![
|
|
1552
|
+
data = data.filter((obj) => !["", "-", null].includes(obj[key]));
|
|
1548
1553
|
const values = data.map((x) => x[key]);
|
|
1549
1554
|
let valueToReturn = isMin ? min(values) : max(values);
|
|
1550
1555
|
return valueToReturn;
|
|
1551
1556
|
}
|
|
1552
1557
|
returnMinAndMaxDate(data, key) {
|
|
1553
|
-
data = data.filter((obj) => ![
|
|
1558
|
+
data = data.filter((obj) => !["", "-", null].includes(obj[key]));
|
|
1554
1559
|
let DateArr = data.map((obj) => dayjs(obj[key]));
|
|
1555
1560
|
let minDate = dayjs.min(DateArr);
|
|
1556
1561
|
let maxDate = dayjs.max(DateArr);
|
|
@@ -1588,10 +1593,10 @@ class AnnaFilterService {
|
|
|
1588
1593
|
};
|
|
1589
1594
|
}
|
|
1590
1595
|
findUniqueDatesWithData(data) {
|
|
1591
|
-
let uniqueDates = uniq(data.map((u) => u[
|
|
1596
|
+
let uniqueDates = uniq(data.map((u) => u["date"]));
|
|
1592
1597
|
let uniqueDatesInNgbDateFormat = [];
|
|
1593
1598
|
uniqueDates.forEach((date) => {
|
|
1594
|
-
uniqueDatesInNgbDateFormat.push(this.dateTimeFormatService.convertToNgbDateStandardFormat(dayjs(date,
|
|
1599
|
+
uniqueDatesInNgbDateFormat.push(this.dateTimeFormatService.convertToNgbDateStandardFormat(dayjs(date, "MM/DD/YY").format("MM/DD/YYYY")));
|
|
1595
1600
|
});
|
|
1596
1601
|
return uniqueDatesInNgbDateFormat;
|
|
1597
1602
|
}
|
|
@@ -1601,26 +1606,26 @@ class AnnaFilterService {
|
|
|
1601
1606
|
this.removeOrChangeLatestFilterIndex(isFiltered);
|
|
1602
1607
|
}
|
|
1603
1608
|
checkIfDataIsFiltered(isFiltered, isHierarchialUserFiltered, date) {
|
|
1604
|
-
if (this.selectedRadio ==
|
|
1609
|
+
if (this.selectedRadio == "user" && !this.tooltipMap.has("user")) {
|
|
1605
1610
|
isFiltered = cloneDeep(isHierarchialUserFiltered);
|
|
1606
1611
|
}
|
|
1607
|
-
else if (this.selectedRadio ==
|
|
1608
|
-
this.selectedRadio ==
|
|
1609
|
-
this.selectedRadio ==
|
|
1610
|
-
this.selectedRadio ==
|
|
1611
|
-
this.selectedRadio ==
|
|
1612
|
-
this.selectedRadio ==
|
|
1613
|
-
this.selectedRadio ==
|
|
1614
|
-
this.selectedRadio ==
|
|
1615
|
-
this.selectedRadio ==
|
|
1616
|
-
this.selectedRadio ==
|
|
1617
|
-
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") {
|
|
1618
1623
|
isFiltered =
|
|
1619
1624
|
!isEqual(this.initialValueMap.get(this.selectedRadio), this.tooltipSelectedMap.get(this.selectedRadio)) ||
|
|
1620
1625
|
!this.includeZeroTime ||
|
|
1621
1626
|
!this.includeMultiTime;
|
|
1622
1627
|
}
|
|
1623
|
-
else if (this.selectedRadio ==
|
|
1628
|
+
else if (this.selectedRadio == "startEndTime" || this.selectedRadio == "TimeBand") {
|
|
1624
1629
|
isFiltered =
|
|
1625
1630
|
!isEqual(this.initialValueMap.get(this.selectedRadio), this.tooltipSelectedMap.get(this.selectedRadio)) ||
|
|
1626
1631
|
!this.includeZeroTime ||
|
|
@@ -1629,24 +1634,24 @@ class AnnaFilterService {
|
|
|
1629
1634
|
else if (this.sliderSet.has(this.selectedRadio)) {
|
|
1630
1635
|
isFiltered =
|
|
1631
1636
|
!isEqual(this.initialValueMap.get(this.selectedRadio), this.tooltipSelectedMap.get(this.selectedRadio)) && !isEqual(this.tooltipSelectedMap.get(this.selectedRadio), this.sliderData);
|
|
1632
|
-
if (this.selectedRadio ==
|
|
1637
|
+
if (this.selectedRadio == "postedAdu" && this.subRadioButton == "notRequired") {
|
|
1633
1638
|
isFiltered = true;
|
|
1634
1639
|
}
|
|
1635
1640
|
if (!isFiltered && this.tooltipSelectedMap.has(this.selectedRadio)) {
|
|
1636
1641
|
this.tooltipSelectedMap.delete(this.selectedRadio);
|
|
1637
1642
|
}
|
|
1638
1643
|
}
|
|
1639
|
-
else if (this.selectedRadio ==
|
|
1640
|
-
this.selectedRadio ==
|
|
1641
|
-
this.selectedRadio ==
|
|
1642
|
-
this.selectedRadio ==
|
|
1643
|
-
this.selectedRadio ==
|
|
1644
|
-
this.selectedRadio ===
|
|
1645
|
-
this.selectedRadio ===
|
|
1646
|
-
this.selectedRadio ==
|
|
1647
|
-
this.selectedRadio ==
|
|
1648
|
-
this.selectedRadio ==
|
|
1649
|
-
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") {
|
|
1650
1655
|
isFiltered =
|
|
1651
1656
|
!isEqual(this.initialValueMap.get(this.selectedRadio), this.tooltipSelectedMap.get(this.selectedRadio)) && !isEqual(this.tooltipSelectedMap.get(this.selectedRadio), this.flightDateRange);
|
|
1652
1657
|
if (!isFiltered && this.tooltipSelectedMap.has(this.selectedRadio)) {
|
|
@@ -1680,10 +1685,10 @@ class AnnaFilterService {
|
|
|
1680
1685
|
if (!this.annaSortService?.columnSortState)
|
|
1681
1686
|
return originalData;
|
|
1682
1687
|
for (let [key, value] of this.annaSortService.columnSortState.entries()) {
|
|
1683
|
-
if (value ==
|
|
1688
|
+
if (value == "ASC") {
|
|
1684
1689
|
originalData = cloneDeep(this.annaSortService.sortDataForComponentOtherThanLurAndCsrPage(true, originalData, key));
|
|
1685
1690
|
}
|
|
1686
|
-
else if (value ==
|
|
1691
|
+
else if (value == "DESC") {
|
|
1687
1692
|
originalData = cloneDeep(this.annaSortService.sortDataForComponentOtherThanLurAndCsrPage(false, originalData, key));
|
|
1688
1693
|
}
|
|
1689
1694
|
}
|
|
@@ -1699,37 +1704,37 @@ class AnnaFilterService {
|
|
|
1699
1704
|
if (this.sliderSet.has(key)) {
|
|
1700
1705
|
filteredData = filteredData.filter((obj) => obj[key] >= value.min && obj[key] <= value.max);
|
|
1701
1706
|
}
|
|
1702
|
-
else if (key ===
|
|
1703
|
-
key ===
|
|
1704
|
-
key ===
|
|
1705
|
-
key ===
|
|
1706
|
-
key ===
|
|
1707
|
-
key ===
|
|
1708
|
-
key ==
|
|
1709
|
-
key ==
|
|
1710
|
-
key ==
|
|
1711
|
-
key ==
|
|
1712
|
-
key ===
|
|
1713
|
-
key ===
|
|
1714
|
-
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") {
|
|
1715
1720
|
filteredData = filteredData.filter((obj) => this.isObjectInTheRange(obj, value, key));
|
|
1716
1721
|
}
|
|
1717
|
-
else if (key ===
|
|
1722
|
+
else if (key === "period") {
|
|
1718
1723
|
filteredData = filteredData.filter((obj) => this.getDataInTheDateRange(obj, value, key));
|
|
1719
1724
|
}
|
|
1720
|
-
else if (key ===
|
|
1721
|
-
key ===
|
|
1722
|
-
key ==
|
|
1723
|
-
key ===
|
|
1724
|
-
key ===
|
|
1725
|
-
key ===
|
|
1726
|
-
key ==
|
|
1727
|
-
key ===
|
|
1728
|
-
key ===
|
|
1729
|
-
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") {
|
|
1730
1735
|
filteredData = filteredData.filter((obj) => this.returnDataForFromAndToTimeRange(obj, value, key));
|
|
1731
1736
|
}
|
|
1732
|
-
else if (key ===
|
|
1737
|
+
else if (key === "startEndTimeMulti" || key == "startEndTime" || key === "TimeBand") {
|
|
1733
1738
|
filteredData = filteredData.filter((obj) => this.returnDataForStartAndEndTimeRange(obj, value, key));
|
|
1734
1739
|
}
|
|
1735
1740
|
else if (value.length > 0) {
|
|
@@ -1746,7 +1751,7 @@ class AnnaFilterService {
|
|
|
1746
1751
|
return isDateBetweenTheSelectedRange || isDateSameAsTheMinSelectedDate || isDateSameAsTheMaxSelectedDate;
|
|
1747
1752
|
}
|
|
1748
1753
|
returnDataForTimeRange(obj, selectedData) {
|
|
1749
|
-
let format =
|
|
1754
|
+
let format = "HH:mm:ss";
|
|
1750
1755
|
let selectedStartDate = dayjs(selectedData.startTime, format);
|
|
1751
1756
|
let selectedEndDate = dayjs(selectedData.endTime, format);
|
|
1752
1757
|
let startTime = dayjs(obj.startTime, format);
|
|
@@ -1761,29 +1766,29 @@ class AnnaFilterService {
|
|
|
1761
1766
|
(isStartTimeBetweenSelectedStartAndEndTime && isEndTimeSameAsSelectedEndTime));
|
|
1762
1767
|
}
|
|
1763
1768
|
returnDataForFromAndToTimeRange(obj, selectedData, key) {
|
|
1764
|
-
let format =
|
|
1765
|
-
let selectedFromTime = dayjs(
|
|
1766
|
-
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);
|
|
1767
1772
|
let objTime = obj[key];
|
|
1768
|
-
if ([
|
|
1773
|
+
if (["", "-", null].includes(objTime)) {
|
|
1769
1774
|
return false;
|
|
1770
1775
|
}
|
|
1771
|
-
if (selectedData.includeMulti && obj[key] ==
|
|
1776
|
+
if (selectedData.includeMulti && obj[key] == "<multi>") {
|
|
1772
1777
|
return true;
|
|
1773
1778
|
}
|
|
1774
|
-
if (!selectedData.includeMulti && obj[key] ==
|
|
1779
|
+
if (!selectedData.includeMulti && obj[key] == "<multi>") {
|
|
1775
1780
|
return false;
|
|
1776
1781
|
}
|
|
1777
|
-
if (selectedData.includeZero && obj[key] ==
|
|
1782
|
+
if (selectedData.includeZero && obj[key] == "0") {
|
|
1778
1783
|
return true;
|
|
1779
1784
|
}
|
|
1780
|
-
if (!selectedData.includeZero && obj[key] ==
|
|
1785
|
+
if (!selectedData.includeZero && obj[key] == "0") {
|
|
1781
1786
|
return false;
|
|
1782
1787
|
}
|
|
1783
1788
|
if (!selectedData.includeTimeRange) {
|
|
1784
1789
|
return false;
|
|
1785
1790
|
}
|
|
1786
|
-
let dayjsTime = dayjs(
|
|
1791
|
+
let dayjsTime = dayjs("01/01/2001 " + objTime, format);
|
|
1787
1792
|
let isObjTimeSameAsSelectedFromTime = dayjsTime.isSame(selectedFromTime);
|
|
1788
1793
|
let isObjTimeSameAsSelectedToTime = dayjsTime.isSame(selectedToTime);
|
|
1789
1794
|
let isObjTimeBetweenSelectedFromTimeAndToTime = dayjsTime.isBetween(selectedFromTime, selectedToTime);
|
|
@@ -1792,26 +1797,26 @@ class AnnaFilterService {
|
|
|
1792
1797
|
isObjTimeBetweenSelectedFromTimeAndToTime);
|
|
1793
1798
|
}
|
|
1794
1799
|
returnDataForStartAndEndTimeRange(obj, selectedData, key) {
|
|
1795
|
-
let format =
|
|
1796
|
-
let selectedFromTime = dayjs(
|
|
1797
|
-
let selectedToTime = dayjs(
|
|
1798
|
-
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>") {
|
|
1799
1804
|
return true;
|
|
1800
1805
|
}
|
|
1801
|
-
if (!selectedData.includeMulti && obj[key][0] ==
|
|
1806
|
+
if (!selectedData.includeMulti && obj[key][0] == "<multi>") {
|
|
1802
1807
|
return false;
|
|
1803
1808
|
}
|
|
1804
|
-
if (selectedData.includeZero && obj[key][0] ==
|
|
1809
|
+
if (selectedData.includeZero && obj[key][0] == "0") {
|
|
1805
1810
|
return true;
|
|
1806
1811
|
}
|
|
1807
|
-
if (!selectedData.includeZero && obj[key][0] ==
|
|
1812
|
+
if (!selectedData.includeZero && obj[key][0] == "0") {
|
|
1808
1813
|
return false;
|
|
1809
1814
|
}
|
|
1810
1815
|
if (!selectedData.includeTimeRange) {
|
|
1811
1816
|
return false;
|
|
1812
1817
|
}
|
|
1813
|
-
let startTime = dayjs(
|
|
1814
|
-
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);
|
|
1815
1820
|
let isStartTimeSameAsSelectedStartTime = startTime.isSame(selectedFromTime);
|
|
1816
1821
|
let isStartTimeBetweenSelectedStartAndEndTime = startTime.isBetween(selectedFromTime, selectedToTime);
|
|
1817
1822
|
let isEndTimeSameAsSelectedEndTime = endTime.isSame(selectedToTime);
|
|
@@ -1823,8 +1828,8 @@ class AnnaFilterService {
|
|
|
1823
1828
|
}
|
|
1824
1829
|
getDataInTheDateRange(obj, value, key) {
|
|
1825
1830
|
let parsingFormat;
|
|
1826
|
-
if (key ===
|
|
1827
|
-
parsingFormat =
|
|
1831
|
+
if (key === "period") {
|
|
1832
|
+
parsingFormat = "YYYY-MM-DD";
|
|
1828
1833
|
let dayjsStartDate = dayjs(obj.startDate);
|
|
1829
1834
|
let dayjsEndDate = dayjs(obj.endDate);
|
|
1830
1835
|
let startDateIsBetweenSelDate = dayjsStartDate.isBetween(value.fromDate, value.toDate);
|
|
@@ -1834,21 +1839,21 @@ class AnnaFilterService {
|
|
|
1834
1839
|
return ((startDateIsBetweenSelDate || startDateIsSameAsSelStartDate) &&
|
|
1835
1840
|
(endDateIsBetweenSelDate || endDateIsSameAsSelEndDate));
|
|
1836
1841
|
}
|
|
1837
|
-
else if (key ===
|
|
1838
|
-
key ===
|
|
1839
|
-
key ===
|
|
1840
|
-
key ===
|
|
1841
|
-
key ===
|
|
1842
|
-
parsingFormat =
|
|
1842
|
+
else if (key === "AirDate" ||
|
|
1843
|
+
key === "flightStartDate" ||
|
|
1844
|
+
key === "flightEndDate" ||
|
|
1845
|
+
key === "Week" ||
|
|
1846
|
+
key === "timeoutDate") {
|
|
1847
|
+
parsingFormat = "MM/DD/YYYY";
|
|
1843
1848
|
let dateIsBetweenSelDate = dayjs(obj[key], parsingFormat).isBetween(value.minSelectedDate, value.maxSelectedDate);
|
|
1844
1849
|
let dateIsSameAsSelStartDate = dayjs(obj[key], parsingFormat).isSame(value.minSelectedDate);
|
|
1845
1850
|
let dateIsSameAsSelEndDate = dayjs(obj[key], parsingFormat).isSame(value.maxSelectedDate);
|
|
1846
1851
|
return dateIsBetweenSelDate || dateIsSameAsSelStartDate || dateIsSameAsSelEndDate;
|
|
1847
1852
|
}
|
|
1848
1853
|
}
|
|
1849
|
-
initializeTimeFilterData(clonedData, key =
|
|
1850
|
-
let startTimeArr = map(clonedData,
|
|
1851
|
-
let endTimeArr = map(clonedData,
|
|
1854
|
+
initializeTimeFilterData(clonedData, key = "startEndTime") {
|
|
1855
|
+
let startTimeArr = map(clonedData, "startTime");
|
|
1856
|
+
let endTimeArr = map(clonedData, "endTime");
|
|
1852
1857
|
startTimeArr.sort((a, b) => {
|
|
1853
1858
|
return this.dateTimeFormatService.sortByTimeAscending(a, b);
|
|
1854
1859
|
});
|
|
@@ -1862,7 +1867,7 @@ class AnnaFilterService {
|
|
|
1862
1867
|
this.initialValueMap.set(key, initialStartEndTime);
|
|
1863
1868
|
}
|
|
1864
1869
|
returnColumnFilterStatus(data, headerName) {
|
|
1865
|
-
if (headerName ==
|
|
1870
|
+
if (headerName == "startEndTime") {
|
|
1866
1871
|
let time = data.map((u) => u[headerName][0]);
|
|
1867
1872
|
let uniqTime = uniq(time);
|
|
1868
1873
|
return uniqTime.length == 0;
|
|
@@ -1896,37 +1901,37 @@ class AnnaFilterService {
|
|
|
1896
1901
|
if (this.sliderSet.has(key)) {
|
|
1897
1902
|
filteredData = filteredData.filter((obj) => obj[key] >= value.min && obj[key] <= value.max);
|
|
1898
1903
|
}
|
|
1899
|
-
else if (key ===
|
|
1900
|
-
key ===
|
|
1901
|
-
key ===
|
|
1902
|
-
key ===
|
|
1903
|
-
key ===
|
|
1904
|
-
key ===
|
|
1905
|
-
key ==
|
|
1906
|
-
key ==
|
|
1907
|
-
key ==
|
|
1908
|
-
key ==
|
|
1909
|
-
key ===
|
|
1910
|
-
key ===
|
|
1911
|
-
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") {
|
|
1912
1917
|
filteredData = filteredData.filter((obj) => this.isObjectInTheRange(obj, value, key));
|
|
1913
1918
|
}
|
|
1914
|
-
else if (key ===
|
|
1919
|
+
else if (key === "period") {
|
|
1915
1920
|
filteredData = filteredData.filter((obj) => this.getDataInTheDateRange(obj, value, key));
|
|
1916
1921
|
}
|
|
1917
|
-
else if (key ===
|
|
1918
|
-
key ===
|
|
1919
|
-
key ==
|
|
1920
|
-
key ===
|
|
1921
|
-
key ===
|
|
1922
|
-
key ===
|
|
1923
|
-
key ===
|
|
1924
|
-
key ==
|
|
1925
|
-
key ==
|
|
1926
|
-
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") {
|
|
1927
1932
|
filteredData = filteredData.filter((obj) => this.returnDataForFromAndToTimeRange(obj, value, key));
|
|
1928
1933
|
}
|
|
1929
|
-
else if (key ===
|
|
1934
|
+
else if (key === "startEndTimeMulti" || key == "startEndTime" || key === "TimeBand") {
|
|
1930
1935
|
filteredData = filteredData.filter((obj) => this.returnDataForStartAndEndTimeRange(obj, value, key));
|
|
1931
1936
|
}
|
|
1932
1937
|
else if (value.length > 0) {
|
|
@@ -1937,9 +1942,9 @@ class AnnaFilterService {
|
|
|
1937
1942
|
isObjectInTheRange(obj, value, key) {
|
|
1938
1943
|
let objVal = obj[key];
|
|
1939
1944
|
let dayjsDate = dayjs(objVal);
|
|
1940
|
-
if (typeof value.fromDate ===
|
|
1941
|
-
value.fromDate = dayjs(this.dateTimeFormatService.convertNgbDateToMoment(this.dateTimeFormatService.convertToNgbDate(value.fromDate,
|
|
1942
|
-
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")));
|
|
1943
1948
|
}
|
|
1944
1949
|
let isDateSameAsStartOfTheRange = value.fromDate.isSame(objVal);
|
|
1945
1950
|
let isDateSameAsEndOfTheRange = value.toDate.isSame(objVal);
|
|
@@ -1951,19 +1956,19 @@ class AnnaFilterService {
|
|
|
1951
1956
|
let keyArr = [];
|
|
1952
1957
|
Object.keys(this.isFilterSortActive).forEach((key) => {
|
|
1953
1958
|
if (key.includes(activeKey)) {
|
|
1954
|
-
keyArr = key.split(
|
|
1959
|
+
keyArr = key.split(",");
|
|
1955
1960
|
this.isFilterSortActive[key] = this.isTooltipActive(keyArr, sortMap);
|
|
1956
1961
|
}
|
|
1957
1962
|
});
|
|
1958
1963
|
}
|
|
1959
1964
|
updateStateOfAllTheKeys(sortMap) {
|
|
1960
1965
|
Object.keys(this.isFilterSortActive).forEach((key) => {
|
|
1961
|
-
let keyArr = key.split(
|
|
1966
|
+
let keyArr = key.split(",");
|
|
1962
1967
|
this.isFilterSortActive[key] = this.isTooltipActive(keyArr, sortMap);
|
|
1963
1968
|
});
|
|
1964
1969
|
}
|
|
1965
1970
|
incrementHour(value) {
|
|
1966
|
-
if (value ==
|
|
1971
|
+
if (value == "") {
|
|
1967
1972
|
value = 1;
|
|
1968
1973
|
}
|
|
1969
1974
|
else if (parseInt(value) < 12) {
|
|
@@ -1975,7 +1980,7 @@ class AnnaFilterService {
|
|
|
1975
1980
|
return value;
|
|
1976
1981
|
}
|
|
1977
1982
|
decrementHour(value) {
|
|
1978
|
-
if (value ==
|
|
1983
|
+
if (value == "") {
|
|
1979
1984
|
value = 12;
|
|
1980
1985
|
}
|
|
1981
1986
|
else if (parseInt(value) > 1) {
|
|
@@ -1990,32 +1995,32 @@ class AnnaFilterService {
|
|
|
1990
1995
|
// increment to nearest proper interval(15,30,45)
|
|
1991
1996
|
let min = parseInt(value);
|
|
1992
1997
|
if (min <= 14) {
|
|
1993
|
-
value =
|
|
1998
|
+
value = "15";
|
|
1994
1999
|
}
|
|
1995
2000
|
else if (min >= 15 && min <= 29) {
|
|
1996
|
-
value =
|
|
2001
|
+
value = "30";
|
|
1997
2002
|
}
|
|
1998
2003
|
else if (min >= 30 && min <= 44) {
|
|
1999
|
-
value =
|
|
2004
|
+
value = "45";
|
|
2000
2005
|
}
|
|
2001
2006
|
else if (min >= 45) {
|
|
2002
|
-
value =
|
|
2007
|
+
value = "00";
|
|
2003
2008
|
}
|
|
2004
2009
|
return value;
|
|
2005
2010
|
}
|
|
2006
2011
|
decrementMinute(value) {
|
|
2007
2012
|
let min = parseInt(value);
|
|
2008
2013
|
if (min > 0 && min <= 15) {
|
|
2009
|
-
value =
|
|
2014
|
+
value = "00";
|
|
2010
2015
|
}
|
|
2011
2016
|
else if (min >= 16 && min <= 30) {
|
|
2012
|
-
value =
|
|
2017
|
+
value = "15";
|
|
2013
2018
|
}
|
|
2014
2019
|
else if (min >= 31 && min <= 45) {
|
|
2015
|
-
value =
|
|
2020
|
+
value = "30";
|
|
2016
2021
|
}
|
|
2017
2022
|
else if (min > 45 || min == 0) {
|
|
2018
|
-
value =
|
|
2023
|
+
value = "45";
|
|
2019
2024
|
}
|
|
2020
2025
|
return value;
|
|
2021
2026
|
}
|
|
@@ -2038,7 +2043,7 @@ class AnnaFilterService {
|
|
|
2038
2043
|
createListForCheckboxFilter(header, optionData) {
|
|
2039
2044
|
let tooltipOptions = this.getTooltipModelFromOptionData(optionData, header);
|
|
2040
2045
|
this.selectUnselectListCheckbox(tooltipOptions, header);
|
|
2041
|
-
this.formatNullOptionToSpecifiedString(tooltipOptions,
|
|
2046
|
+
this.formatNullOptionToSpecifiedString(tooltipOptions, "-");
|
|
2042
2047
|
return tooltipOptions;
|
|
2043
2048
|
}
|
|
2044
2049
|
getTooltipModelFromOptionData(optionData, header) {
|
|
@@ -2147,7 +2152,7 @@ class AnnaFilterService {
|
|
|
2147
2152
|
let startIndex = item + index * 7; //Multiplying by 7 as there are 7char: <b></b>
|
|
2148
2153
|
let endIndex = startIndex + find.length;
|
|
2149
2154
|
let strToBeReplaced = str.substring(startIndex, endIndex);
|
|
2150
|
-
str = str.replace(strToBeReplaced,
|
|
2155
|
+
str = str.replace(strToBeReplaced, "<b>" + strToBeReplaced + "</b>");
|
|
2151
2156
|
});
|
|
2152
2157
|
return str;
|
|
2153
2158
|
}
|
|
@@ -2175,9 +2180,9 @@ class AnnaFilterService {
|
|
|
2175
2180
|
createRangeForTheDateFilter(optionData) {
|
|
2176
2181
|
let minMaxDate;
|
|
2177
2182
|
//When you want to use startDate and endDate combined as single column then use Period.
|
|
2178
|
-
if (this.selectedRadio ==
|
|
2179
|
-
this.selectedRadio ==
|
|
2180
|
-
this.selectedRadio ==
|
|
2183
|
+
if (this.selectedRadio == "period" ||
|
|
2184
|
+
this.selectedRadio == "buyerFlightDates" ||
|
|
2185
|
+
this.selectedRadio == "trafficFlightDates") {
|
|
2181
2186
|
minMaxDate = this.createStartEndDateRange(optionData);
|
|
2182
2187
|
}
|
|
2183
2188
|
else {
|
|
@@ -2186,8 +2191,8 @@ class AnnaFilterService {
|
|
|
2186
2191
|
return minMaxDate;
|
|
2187
2192
|
}
|
|
2188
2193
|
createStartEndDateRange(optionData) {
|
|
2189
|
-
let minStartDate = this.returnMinAndMaxDate(optionData,
|
|
2190
|
-
let maxEndDate = this.returnMinAndMaxDate(optionData,
|
|
2194
|
+
let minStartDate = this.returnMinAndMaxDate(optionData, "startDate");
|
|
2195
|
+
let maxEndDate = this.returnMinAndMaxDate(optionData, "endDate");
|
|
2191
2196
|
return [minStartDate[0], maxEndDate[1]];
|
|
2192
2197
|
}
|
|
2193
2198
|
getMinAndMaxDateRangeForCalendar(minMaxDate, parsingFormat) {
|
|
@@ -2265,13 +2270,13 @@ class AnnaFilterService {
|
|
|
2265
2270
|
getSliderTranslateFuncVal(header, currencySet) {
|
|
2266
2271
|
let translateFunc;
|
|
2267
2272
|
if (currencySet.has(header)) {
|
|
2268
|
-
translateFunc =
|
|
2273
|
+
translateFunc = "currency";
|
|
2269
2274
|
}
|
|
2270
|
-
else if (header ==
|
|
2271
|
-
translateFunc =
|
|
2275
|
+
else if (header == "postedAudPercent" || header == "parentRowShares" || header == "parentRowPutPercent") {
|
|
2276
|
+
translateFunc = "percent";
|
|
2272
2277
|
}
|
|
2273
2278
|
else {
|
|
2274
|
-
translateFunc =
|
|
2279
|
+
translateFunc = "normal";
|
|
2275
2280
|
}
|
|
2276
2281
|
return translateFunc;
|
|
2277
2282
|
}
|
|
@@ -2279,13 +2284,13 @@ class AnnaFilterService {
|
|
|
2279
2284
|
let minValue = this.returnMaxAndMinValue(optionsData, header, true);
|
|
2280
2285
|
let maxValue = this.returnMaxAndMinValue(optionsData, header, false);
|
|
2281
2286
|
let obj = this.setOptionValues(minValue, maxValue);
|
|
2282
|
-
if (translateFunc ===
|
|
2287
|
+
if (translateFunc === "normal") {
|
|
2283
2288
|
obj.translate = this.normalTranslateFunction;
|
|
2284
2289
|
}
|
|
2285
|
-
else if (translateFunc ===
|
|
2290
|
+
else if (translateFunc === "percent") {
|
|
2286
2291
|
obj.translate = this.percentTranslateFunction;
|
|
2287
2292
|
}
|
|
2288
|
-
else if (translateFunc ===
|
|
2293
|
+
else if (translateFunc === "currency") {
|
|
2289
2294
|
obj.translate = this.currencyTranslateFunction;
|
|
2290
2295
|
}
|
|
2291
2296
|
return obj;
|
|
@@ -2308,7 +2313,7 @@ class AnnaFilterService {
|
|
|
2308
2313
|
return options.floor <= val && val <= options.ceil;
|
|
2309
2314
|
}
|
|
2310
2315
|
getPreviousSelectedValueForSlider(clonedData) {
|
|
2311
|
-
let previousSliderData = { min:
|
|
2316
|
+
let previousSliderData = { min: "", max: "" };
|
|
2312
2317
|
if (this.tooltipSelectedMap.has(this.selectedRadio)) {
|
|
2313
2318
|
previousSliderData = this.tooltipSelectedMap.get(this.selectedRadio);
|
|
2314
2319
|
if (!this.initialValueMap.has(this.selectedRadio)) {
|
|
@@ -2359,13 +2364,13 @@ class AnnaFilterService {
|
|
|
2359
2364
|
selectedToTime = AnnaDateTimeFormatService.formatToTwelveHrs(selectedToTime, true);
|
|
2360
2365
|
}
|
|
2361
2366
|
else {
|
|
2362
|
-
selectedFromTime = [
|
|
2363
|
-
selectedToTime = [
|
|
2367
|
+
selectedFromTime = ["-", "-", "-"];
|
|
2368
|
+
selectedToTime = ["-", "-", "-"];
|
|
2364
2369
|
}
|
|
2365
2370
|
return [selectedFromTime, selectedToTime];
|
|
2366
2371
|
}
|
|
2367
2372
|
setInitialValueMapForTimeFilter(clonedData, key) {
|
|
2368
|
-
if (key ==
|
|
2373
|
+
if (key == "startEndTime" || key == "TimeBand") {
|
|
2369
2374
|
this.setInitialValueForStartAndEndTimeRange(clonedData, key);
|
|
2370
2375
|
}
|
|
2371
2376
|
else {
|
|
@@ -2375,13 +2380,13 @@ class AnnaFilterService {
|
|
|
2375
2380
|
//use for filter where we have start and end time range in one filter
|
|
2376
2381
|
//startEndTime: ["6 - 7A", "06: 00 : 00" , "07:00:00"]
|
|
2377
2382
|
setInitialValueForStartAndEndTimeRange(clonedData, key) {
|
|
2378
|
-
let includeMulti = clonedData.findIndex((obj) => obj[key][0] ==
|
|
2379
|
-
let includeZero = clonedData.findIndex((obj) => obj[key][0] ==
|
|
2380
|
-
let includeTimeRange = clonedData.findIndex((obj) => obj[key][0] !=
|
|
2381
|
-
let filteredStartTime = clonedData.filter((obj) => ![
|
|
2382
|
-
let filteredEndTime = clonedData.filter((obj) => ![
|
|
2383
|
-
let startTimeArr = map(filteredStartTime,
|
|
2384
|
-
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");
|
|
2385
2390
|
startTimeArr.sort((a, b) => {
|
|
2386
2391
|
return this.dateTimeFormatService.sortByTimeAscending(a, b);
|
|
2387
2392
|
});
|
|
@@ -2400,10 +2405,10 @@ class AnnaFilterService {
|
|
|
2400
2405
|
//use for the filters where we have different filter for start and end time
|
|
2401
2406
|
//startTime: "06:00:00"
|
|
2402
2407
|
setInitialValueForStartOrEndTimeRange(clonedData, key) {
|
|
2403
|
-
let includeMulti = clonedData.findIndex((obj) => obj[key] ==
|
|
2404
|
-
let includeZero = clonedData.findIndex((obj) => obj[key] ==
|
|
2405
|
-
let includeTimeRange = clonedData.findIndex((obj) => obj[key] !=
|
|
2406
|
-
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]));
|
|
2407
2412
|
let timeArr = map(data, key);
|
|
2408
2413
|
timeArr.sort((a, b) => {
|
|
2409
2414
|
return this.dateTimeFormatService.sortByTimeAscending(a, b);
|
|
@@ -2432,24 +2437,24 @@ class AnnaFilterService {
|
|
|
2432
2437
|
selectedTimeObj = this.initialValueMap.get(key);
|
|
2433
2438
|
}
|
|
2434
2439
|
let timeArr;
|
|
2435
|
-
if (key ==
|
|
2440
|
+
if (key == "startEndTime" || key == "TimeBand") {
|
|
2436
2441
|
timeArr = optionsData.map((item) => item[key][0]);
|
|
2437
2442
|
}
|
|
2438
2443
|
else {
|
|
2439
2444
|
timeArr = optionsData.map((item) => item[key]);
|
|
2440
2445
|
}
|
|
2441
|
-
if (timeArr.findIndex((val) => val ==
|
|
2446
|
+
if (timeArr.findIndex((val) => val == "0") != -1) {
|
|
2442
2447
|
showZeroTimeCheckbox = true;
|
|
2443
2448
|
zeroTimeCheckboxChecked = selectedTimeObj.includeZero;
|
|
2444
2449
|
}
|
|
2445
|
-
if (timeArr.findIndex((val) => val ==
|
|
2450
|
+
if (timeArr.findIndex((val) => val == "<multi>") != -1) {
|
|
2446
2451
|
showMultiTimeCheckbox = true;
|
|
2447
2452
|
multiTimeCheckboxChecked = selectedTimeObj.includeMulti;
|
|
2448
2453
|
}
|
|
2449
2454
|
if (showZeroTimeCheckbox || showMultiTimeCheckbox) {
|
|
2450
2455
|
showEnterTimeCheckbox = true;
|
|
2451
2456
|
}
|
|
2452
|
-
if (timeArr.findIndex((val) => val !=
|
|
2457
|
+
if (timeArr.findIndex((val) => val != "<multi>" && val != "0") != -1) {
|
|
2453
2458
|
enterTimeCheckboxChecked = selectedTimeObj?.includeTimeRange;
|
|
2454
2459
|
}
|
|
2455
2460
|
return {
|
|
@@ -2462,11 +2467,11 @@ class AnnaFilterService {
|
|
|
2462
2467
|
};
|
|
2463
2468
|
}
|
|
2464
2469
|
checkIfStartTimeIsAfterEndTime(startTime, endTime) {
|
|
2465
|
-
let timeFormat =
|
|
2466
|
-
let startTime24HrFormatArr = this.dateTimeFormatService.convertTotwentyFourHrsFormat(startTime[0] +
|
|
2467
|
-
let startTime24HrFormat = startTime24HrFormatArr[0] +
|
|
2468
|
-
let endTime24HrFormatArr = this.dateTimeFormatService.convertTotwentyFourHrsFormat(endTime[0] +
|
|
2469
|
-
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";
|
|
2470
2475
|
return dayjs(startTime24HrFormat, timeFormat).isAfter(dayjs(endTime24HrFormat, timeFormat));
|
|
2471
2476
|
}
|
|
2472
2477
|
getPreviousSelectedTimeFilter() {
|
|
@@ -2481,10 +2486,10 @@ class AnnaFilterService {
|
|
|
2481
2486
|
}
|
|
2482
2487
|
getCurrentSelectedTimeFilter(startTime, endTime, includeMulti, includeZero, includeTimeRange) {
|
|
2483
2488
|
let currentSelectedTimeFilter;
|
|
2484
|
-
let fromTime24HrFormatArr = this.dateTimeFormatService.convertTotwentyFourHrsFormat(startTime[0] +
|
|
2485
|
-
let fromTime24HrFormat = fromTime24HrFormatArr[0] +
|
|
2486
|
-
let toTime24HrFormatArr = this.dateTimeFormatService.convertTotwentyFourHrsFormat(endTime[0] +
|
|
2487
|
-
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";
|
|
2488
2493
|
currentSelectedTimeFilter = {
|
|
2489
2494
|
fromTime: fromTime24HrFormat,
|
|
2490
2495
|
toTime: toTime24HrFormat,
|
|
@@ -2495,7 +2500,7 @@ class AnnaFilterService {
|
|
|
2495
2500
|
return currentSelectedTimeFilter;
|
|
2496
2501
|
}
|
|
2497
2502
|
incrementHourInput(arr) {
|
|
2498
|
-
if (arr[0] ==
|
|
2503
|
+
if (arr[0] == "") {
|
|
2499
2504
|
arr[0] = 1;
|
|
2500
2505
|
}
|
|
2501
2506
|
else if (parseInt(arr[0]) < 12) {
|
|
@@ -2506,7 +2511,7 @@ class AnnaFilterService {
|
|
|
2506
2511
|
}
|
|
2507
2512
|
}
|
|
2508
2513
|
decrementHourInput(arr) {
|
|
2509
|
-
if (arr[0] ==
|
|
2514
|
+
if (arr[0] == "") {
|
|
2510
2515
|
arr[0] = 12;
|
|
2511
2516
|
}
|
|
2512
2517
|
else if (parseInt(arr[0]) > 1) {
|
|
@@ -2520,31 +2525,31 @@ class AnnaFilterService {
|
|
|
2520
2525
|
// increment to nearest proper interval(15,30,45)
|
|
2521
2526
|
let min = parseInt(arr[1]);
|
|
2522
2527
|
if (min <= 14) {
|
|
2523
|
-
arr[1] =
|
|
2528
|
+
arr[1] = "15";
|
|
2524
2529
|
}
|
|
2525
2530
|
else if (min >= 15 && min <= 29) {
|
|
2526
|
-
arr[1] =
|
|
2531
|
+
arr[1] = "30";
|
|
2527
2532
|
}
|
|
2528
2533
|
else if (min >= 30 && min <= 44) {
|
|
2529
|
-
arr[1] =
|
|
2534
|
+
arr[1] = "45";
|
|
2530
2535
|
}
|
|
2531
2536
|
else if (min >= 45) {
|
|
2532
|
-
arr[1] =
|
|
2537
|
+
arr[1] = "00";
|
|
2533
2538
|
}
|
|
2534
2539
|
}
|
|
2535
2540
|
decrementMinuteInput(arr) {
|
|
2536
2541
|
let min = parseInt(arr[1]);
|
|
2537
2542
|
if (min > 0 && min <= 15) {
|
|
2538
|
-
arr[1] =
|
|
2543
|
+
arr[1] = "00";
|
|
2539
2544
|
}
|
|
2540
2545
|
else if (min >= 16 && min <= 30) {
|
|
2541
|
-
arr[1] =
|
|
2546
|
+
arr[1] = "15";
|
|
2542
2547
|
}
|
|
2543
2548
|
else if (min >= 31 && min <= 45) {
|
|
2544
|
-
arr[1] =
|
|
2549
|
+
arr[1] = "30";
|
|
2545
2550
|
}
|
|
2546
2551
|
else if (min > 45 || min == 0) {
|
|
2547
|
-
arr[1] =
|
|
2552
|
+
arr[1] = "45";
|
|
2548
2553
|
}
|
|
2549
2554
|
}
|
|
2550
2555
|
incrementOrDecrementHour(increment, time) {
|
|
@@ -2564,10 +2569,10 @@ class AnnaFilterService {
|
|
|
2564
2569
|
}
|
|
2565
2570
|
}
|
|
2566
2571
|
isHourValueInvalid(hr) {
|
|
2567
|
-
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(".");
|
|
2568
2573
|
}
|
|
2569
2574
|
isMinuteValueInvalid(min) {
|
|
2570
|
-
return (min.length != 2 || (!+min && min !=
|
|
2575
|
+
return (min.length != 2 || (!+min && min != "00") || 0 > parseInt(min) || parseInt(min) > 59 || min.includes("."));
|
|
2571
2576
|
}
|
|
2572
2577
|
//=============================================================SORT======================================================================//
|
|
2573
2578
|
updateSortMap(tempSortOrder, tableData, isLurAndCsrComponent) {
|
|
@@ -2577,12 +2582,12 @@ class AnnaFilterService {
|
|
|
2577
2582
|
return sortedTableData;
|
|
2578
2583
|
}
|
|
2579
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 }); }
|
|
2580
|
-
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" }); }
|
|
2581
2586
|
}
|
|
2582
2587
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaFilterService, decorators: [{
|
|
2583
2588
|
type: Injectable,
|
|
2584
2589
|
args: [{
|
|
2585
|
-
providedIn:
|
|
2590
|
+
providedIn: "root",
|
|
2586
2591
|
}]
|
|
2587
2592
|
}], ctorParameters: function () { return [{ type: AnnaDateTimeFormatService }, { type: AnnaSortService }]; } });
|
|
2588
2593
|
|
|
@@ -2596,22 +2601,22 @@ class AnnaSortComponent {
|
|
|
2596
2601
|
{
|
|
2597
2602
|
sortType: SortTypeEnum.ASC,
|
|
2598
2603
|
isOptionActive: false,
|
|
2599
|
-
text:
|
|
2604
|
+
text: "A to Z",
|
|
2600
2605
|
},
|
|
2601
2606
|
{
|
|
2602
2607
|
sortType: SortTypeEnum.DESC,
|
|
2603
2608
|
isOptionActive: false,
|
|
2604
|
-
text:
|
|
2609
|
+
text: "Z to A",
|
|
2605
2610
|
},
|
|
2606
2611
|
{
|
|
2607
2612
|
sortType: SortTypeEnum.DEFAULT,
|
|
2608
2613
|
isOptionActive: false,
|
|
2609
|
-
text:
|
|
2614
|
+
text: "Default",
|
|
2610
2615
|
},
|
|
2611
2616
|
];
|
|
2612
2617
|
}
|
|
2613
2618
|
ngOnChanges(changes) {
|
|
2614
|
-
if (changes[
|
|
2619
|
+
if (changes["sortObjectKey"] && changes["sortObjectKey"].currentValue) {
|
|
2615
2620
|
let sortType = this.annaSortService.columnSortState.get(this.sortObjectKey);
|
|
2616
2621
|
this.setSortType(sortType);
|
|
2617
2622
|
}
|
|
@@ -2637,7 +2642,7 @@ class AnnaSortComponent {
|
|
|
2637
2642
|
}
|
|
2638
2643
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaSortComponent, decorators: [{
|
|
2639
2644
|
type: Component,
|
|
2640
|
-
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"] }]
|
|
2641
2646
|
}], ctorParameters: function () { return [{ type: AnnaSortService }]; }, propDecorators: { sortObjectKey: [{
|
|
2642
2647
|
type: Input
|
|
2643
2648
|
}], sortOptionClicked: [{
|
|
@@ -2650,8 +2655,8 @@ class AnnaColumnTimeFilterComponent {
|
|
|
2650
2655
|
this.annaDateTimeFormatService = annaDateTimeFormatService;
|
|
2651
2656
|
this.annaFilterService = annaFilterService;
|
|
2652
2657
|
this.showClearAllFilter = true;
|
|
2653
|
-
this.startFromText =
|
|
2654
|
-
this.endToText =
|
|
2658
|
+
this.startFromText = "From";
|
|
2659
|
+
this.endToText = "To";
|
|
2655
2660
|
this.isSortAndFilterAbsent = false;
|
|
2656
2661
|
this.timeChanges = new EventEmitter();
|
|
2657
2662
|
this.filterAppliedToTable = new EventEmitter();
|
|
@@ -2863,7 +2868,7 @@ class AnnaColumnTimeFilterComponent {
|
|
|
2863
2868
|
let currentSelectedTimeFilter = this.annaFilterService.getCurrentSelectedTimeFilter(this.selectedFromTime, this.selectedToTime, this.multiTimeCheckboxChecked, this.zeroTimeCheckboxChecked, this.enterTimeCheckboxChecked);
|
|
2864
2869
|
let isFiltered = this.annaFilterService.reOrderAppliedFiltersState(this.clonedTableData, currentSelectedTimeFilter);
|
|
2865
2870
|
this.annaFilterService.tooltipSelectedMap.set(this.annaFilterService.selectedRadio, currentSelectedTimeFilter);
|
|
2866
|
-
this.tableData = this.annaFilterService.filterData(this.clonedTableData,
|
|
2871
|
+
this.tableData = this.annaFilterService.filterData(this.clonedTableData, "");
|
|
2867
2872
|
if (!isFiltered) {
|
|
2868
2873
|
this.annaFilterService.tooltipSelectedMap.delete(this.annaFilterService.selectedRadio);
|
|
2869
2874
|
}
|
|
@@ -2877,7 +2882,7 @@ class AnnaColumnTimeFilterComponent {
|
|
|
2877
2882
|
}
|
|
2878
2883
|
clearColumnFilter() {
|
|
2879
2884
|
this.annaFilterService.clearColumnFilter();
|
|
2880
|
-
this.tableData = cloneDeep(this.annaFilterService.filterData(this.clonedTableData,
|
|
2885
|
+
this.tableData = cloneDeep(this.annaFilterService.filterData(this.clonedTableData, ""));
|
|
2881
2886
|
this.annaSortService.noSortingAppliedData = this.tableData;
|
|
2882
2887
|
this.tableData = this.annaSortService.checkIfSortingIsApplied(this.tableData, this.isLurAndCsrComponent);
|
|
2883
2888
|
this.annaFilterService.updateStateOfTheCurrentFilterTab(this.annaSortService.columnSortState);
|
|
@@ -2892,7 +2897,7 @@ class AnnaColumnTimeFilterComponent {
|
|
|
2892
2897
|
}
|
|
2893
2898
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaColumnTimeFilterComponent, decorators: [{
|
|
2894
2899
|
type: Component,
|
|
2895
|
-
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"] }]
|
|
2896
2901
|
}], ctorParameters: function () { return [{ type: AnnaSortService }, { type: AnnaDateTimeFormatService }, { type: AnnaFilterService }]; }, propDecorators: { tableData: [{
|
|
2897
2902
|
type: Input
|
|
2898
2903
|
}], clonedTableData: [{
|
|
@@ -2973,7 +2978,7 @@ class AnnaColumnDateRangeFilterComponent {
|
|
|
2973
2978
|
}
|
|
2974
2979
|
}
|
|
2975
2980
|
getCalendarData() {
|
|
2976
|
-
const parsingFormat =
|
|
2981
|
+
const parsingFormat = "MM/DD/YYYY";
|
|
2977
2982
|
let optionData = this.annaFilterService.getFilterOptionsData(this.tableData, this.clonedTableData);
|
|
2978
2983
|
let minMaxDate = this.annaFilterService.createRangeForTheDateFilter(optionData);
|
|
2979
2984
|
this.selectRangeForTheDateFilter(minMaxDate, parsingFormat);
|
|
@@ -3058,13 +3063,13 @@ class AnnaColumnDateRangeFilterComponent {
|
|
|
3058
3063
|
let currentSelectedDate = this.annaFilterService.getCurrentSelectedDatesForCalendar(cloneDeep(this.calendarSelection), this.calendarMinEnabledDate, this.calendarMaxEnabledDate);
|
|
3059
3064
|
this.annaFilterService.reOrderAppliedFiltersState(this.clonedTableData, currentSelectedDate);
|
|
3060
3065
|
this.annaFilterService.tooltipSelectedMap.set(this.annaFilterService.selectedRadio, currentSelectedDate);
|
|
3061
|
-
this.tableData = this.annaFilterService.filterData(this.clonedTableData,
|
|
3066
|
+
this.tableData = this.annaFilterService.filterData(this.clonedTableData, "");
|
|
3062
3067
|
this.annaSortService.noSortingAppliedData = cloneDeep(this.tableData);
|
|
3063
3068
|
}
|
|
3064
3069
|
}
|
|
3065
3070
|
clearColumnFilter() {
|
|
3066
3071
|
this.annaFilterService.clearColumnFilter();
|
|
3067
|
-
this.tableData = cloneDeep(this.annaFilterService.filterData(this.clonedTableData,
|
|
3072
|
+
this.tableData = cloneDeep(this.annaFilterService.filterData(this.clonedTableData, ""));
|
|
3068
3073
|
this.annaSortService.noSortingAppliedData = this.tableData;
|
|
3069
3074
|
this.tableData = this.annaSortService.checkIfSortingIsApplied(this.tableData, this.isLurAndCsrComponent);
|
|
3070
3075
|
this.annaFilterService.updateStateOfTheCurrentFilterTab(this.annaSortService.columnSortState);
|
|
@@ -3079,7 +3084,7 @@ class AnnaColumnDateRangeFilterComponent {
|
|
|
3079
3084
|
}
|
|
3080
3085
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaColumnDateRangeFilterComponent, decorators: [{
|
|
3081
3086
|
type: Component,
|
|
3082
|
-
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"] }]
|
|
3083
3088
|
}], ctorParameters: function () { return [{ type: AnnaDateTimeFormatService }, { type: AnnaSortService }, { type: AnnaFilterService }]; }, propDecorators: { tableData: [{
|
|
3084
3089
|
type: Input
|
|
3085
3090
|
}], clonedTableData: [{
|
|
@@ -3163,10 +3168,10 @@ class AnnaColumnSliderFilterComponent {
|
|
|
3163
3168
|
let optionsData = this.annaFilterService.getFilterOptionsData(this.tableData, this.clonedTableData);
|
|
3164
3169
|
this.options = this.annaFilterService.getSliderOptions(optionsData, translateFunc, key);
|
|
3165
3170
|
this.options.step = 1;
|
|
3166
|
-
this.sliderFilterTextBoxStep =
|
|
3167
|
-
if (key !==
|
|
3171
|
+
this.sliderFilterTextBoxStep = "1";
|
|
3172
|
+
if (key !== "WeekNumber") {
|
|
3168
3173
|
this.options.step = 0.01;
|
|
3169
|
-
this.sliderFilterTextBoxStep =
|
|
3174
|
+
this.sliderFilterTextBoxStep = "0.01";
|
|
3170
3175
|
}
|
|
3171
3176
|
}
|
|
3172
3177
|
setSelectedRangeForSlider(key) {
|
|
@@ -3179,7 +3184,7 @@ class AnnaColumnSliderFilterComponent {
|
|
|
3179
3184
|
this.closeTooltip.emit();
|
|
3180
3185
|
}
|
|
3181
3186
|
minValueChanged(val) {
|
|
3182
|
-
if (val || val ==
|
|
3187
|
+
if (val || val == "0") {
|
|
3183
3188
|
this.sliderEnteredMinValue = +val;
|
|
3184
3189
|
this.sliderEnteredMaxValue = this.sliderMaxValue;
|
|
3185
3190
|
this.isMinTextBoxEmpty = false;
|
|
@@ -3233,7 +3238,7 @@ class AnnaColumnSliderFilterComponent {
|
|
|
3233
3238
|
this.sliderEnteredMaxValue = this.sliderMaxValue;
|
|
3234
3239
|
}
|
|
3235
3240
|
maxValueChanged(val) {
|
|
3236
|
-
if (val || val ==
|
|
3241
|
+
if (val || val == "0") {
|
|
3237
3242
|
this.sliderEnteredMaxValue = +val;
|
|
3238
3243
|
this.sliderEnteredMinValue = this.sliderMinValue;
|
|
3239
3244
|
this.isMaxTextBoxEmpty = false;
|
|
@@ -3340,7 +3345,7 @@ class AnnaColumnSliderFilterComponent {
|
|
|
3340
3345
|
let currentSliderData = this.annaFilterService.getCurrentSelectedValueForSlider(this.sliderEnteredMinValue, this.sliderEnteredMaxValue, this.options);
|
|
3341
3346
|
this.annaFilterService.reOrderAppliedFiltersState(this.clonedTableData, currentSliderData);
|
|
3342
3347
|
this.annaFilterService.tooltipSelectedMap.set(this.annaFilterService.selectedRadio, currentSliderData);
|
|
3343
|
-
this.tableData = this.annaFilterService.filterData(this.clonedTableData,
|
|
3348
|
+
this.tableData = this.annaFilterService.filterData(this.clonedTableData, "");
|
|
3344
3349
|
this.annaSortService.noSortingAppliedData = cloneDeep(this.tableData);
|
|
3345
3350
|
}
|
|
3346
3351
|
}
|
|
@@ -3371,7 +3376,7 @@ class AnnaColumnSliderFilterComponent {
|
|
|
3371
3376
|
}
|
|
3372
3377
|
clearColumnFilter() {
|
|
3373
3378
|
this.annaFilterService.clearColumnFilter();
|
|
3374
|
-
this.tableData = cloneDeep(this.annaFilterService.filterData(this.clonedTableData,
|
|
3379
|
+
this.tableData = cloneDeep(this.annaFilterService.filterData(this.clonedTableData, ""));
|
|
3375
3380
|
this.annaSortService.noSortingAppliedData = this.tableData;
|
|
3376
3381
|
this.tableData = this.annaSortService.checkIfSortingIsApplied(this.tableData, this.isLurAndCsrComponent);
|
|
3377
3382
|
this.annaFilterService.updateStateOfTheCurrentFilterTab(this.annaSortService.columnSortState);
|
|
@@ -3382,7 +3387,7 @@ class AnnaColumnSliderFilterComponent {
|
|
|
3382
3387
|
}
|
|
3383
3388
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaColumnSliderFilterComponent, decorators: [{
|
|
3384
3389
|
type: Component,
|
|
3385
|
-
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"] }]
|
|
3386
3391
|
}], ctorParameters: function () { return [{ type: AnnaFilterService }, { type: AnnaSortService }]; }, propDecorators: { filterTabObjects: [{
|
|
3387
3392
|
type: Input
|
|
3388
3393
|
}], isLurAndCsrComponent: [{
|
|
@@ -3447,7 +3452,7 @@ class AnnaColumnCheckboxFilterComponent {
|
|
|
3447
3452
|
}
|
|
3448
3453
|
getCheckboxData(header) {
|
|
3449
3454
|
let tooltipOptions = this.createListForCheckboxFilter(header);
|
|
3450
|
-
let [clonedTooltipOptions, updatedTooltipOptions, selectedItems, unselectedItems] = this.annaFilterService.getClonedTooltipAndTooltipOption(tooltipOptions,
|
|
3455
|
+
let [clonedTooltipOptions, updatedTooltipOptions, selectedItems, unselectedItems] = this.annaFilterService.getClonedTooltipAndTooltipOption(tooltipOptions, "label");
|
|
3451
3456
|
this.clonedTooltipOptions = clonedTooltipOptions;
|
|
3452
3457
|
this.tooltipOptions = updatedTooltipOptions;
|
|
3453
3458
|
this.heightOfCheckboxTooltipFilter = this.annaFilterService.getHeightOfCheckboxTooltipFilter(this.tooltipOptions.length, this.margin);
|
|
@@ -3552,7 +3557,7 @@ class AnnaColumnCheckboxFilterComponent {
|
|
|
3552
3557
|
let currentSelectedValue = this.annaFilterService.getCheckboxCurrentSelectedValue(this.searchItem, this.tooltipOptions);
|
|
3553
3558
|
this.annaFilterService.reOrderAppliedFiltersState(this.clonedTableData, currentSelectedValue);
|
|
3554
3559
|
this.annaFilterService.tooltipSelectedMap.set(this.annaFilterService.selectedRadio, currentSelectedValue);
|
|
3555
|
-
this.tableData = this.annaFilterService.filterData(this.clonedTableData,
|
|
3560
|
+
this.tableData = this.annaFilterService.filterData(this.clonedTableData, "");
|
|
3556
3561
|
this.annaSortService.noSortingAppliedData = cloneDeep(this.tableData);
|
|
3557
3562
|
}
|
|
3558
3563
|
}
|
|
@@ -3601,8 +3606,8 @@ class AnnaColumnCheckboxFilterComponent {
|
|
|
3601
3606
|
this.toolTipdata = null;
|
|
3602
3607
|
}
|
|
3603
3608
|
clearSearchedItem() {
|
|
3604
|
-
this.searchItem =
|
|
3605
|
-
this.searchForTheItem(
|
|
3609
|
+
this.searchItem = "";
|
|
3610
|
+
this.searchForTheItem("");
|
|
3606
3611
|
}
|
|
3607
3612
|
storeSortTypeInTempVariable(event) {
|
|
3608
3613
|
this.tempSortOrder = event;
|
|
@@ -3613,7 +3618,7 @@ class AnnaColumnCheckboxFilterComponent {
|
|
|
3613
3618
|
}
|
|
3614
3619
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaColumnCheckboxFilterComponent, decorators: [{
|
|
3615
3620
|
type: Component,
|
|
3616
|
-
args: [{ selector:
|
|
3621
|
+
args: [{ selector: "anna-core-anna-column-checkbox-filter", standalone: true, imports: [
|
|
3617
3622
|
NgIf,
|
|
3618
3623
|
NgFor,
|
|
3619
3624
|
NgClass,
|
|
@@ -3683,8 +3688,8 @@ class AnnaNonEditableGenericTableComponent {
|
|
|
3683
3688
|
this.editableInputEdited = new EventEmitter();
|
|
3684
3689
|
this.radioButtonMessageIconClicked = new EventEmitter();
|
|
3685
3690
|
this.numberOfSkeletonRows = Array(20).fill(0);
|
|
3686
|
-
this.noDataWidth =
|
|
3687
|
-
this.filterAlignment =
|
|
3691
|
+
this.noDataWidth = "50%";
|
|
3692
|
+
this.filterAlignment = "bottom auto";
|
|
3688
3693
|
this.disableColumnClearAllBtn = true;
|
|
3689
3694
|
this.margin = 5;
|
|
3690
3695
|
this.tableColumns = [];
|
|
@@ -3692,7 +3697,7 @@ class AnnaNonEditableGenericTableComponent {
|
|
|
3692
3697
|
this.isScrolledLeft = false;
|
|
3693
3698
|
this.rowBorderWidth = 2;
|
|
3694
3699
|
this.isScrollEnded = true;
|
|
3695
|
-
this.marginTop =
|
|
3700
|
+
this.marginTop = "";
|
|
3696
3701
|
this.start = 0;
|
|
3697
3702
|
this.end = this.limit + this.start;
|
|
3698
3703
|
this.isNoDataToDisplaySubject$ = new BehaviorSubject(false);
|
|
@@ -3713,8 +3718,8 @@ class AnnaNonEditableGenericTableComponent {
|
|
|
3713
3718
|
}
|
|
3714
3719
|
ngOnChanges(changes) {
|
|
3715
3720
|
if (changes &&
|
|
3716
|
-
changes[
|
|
3717
|
-
changes[
|
|
3721
|
+
changes["gtDimension"] &&
|
|
3722
|
+
changes["gtDimension"].currentValue &&
|
|
3718
3723
|
this.setTableHeightWhenRowSizeIsFixed) {
|
|
3719
3724
|
this.setTableHeight();
|
|
3720
3725
|
this.setTableBottomBorder();
|
|
@@ -3725,9 +3730,9 @@ class AnnaNonEditableGenericTableComponent {
|
|
|
3725
3730
|
this.isNoDataToDisplaySubject$.next(false);
|
|
3726
3731
|
this.setTableBottomBorder();
|
|
3727
3732
|
}
|
|
3728
|
-
else if (changes[
|
|
3729
|
-
changes[
|
|
3730
|
-
(changes[
|
|
3733
|
+
else if (changes["percentDone"] ||
|
|
3734
|
+
changes["downloadInProgress"] ||
|
|
3735
|
+
(changes["starredInProgress"] && changes["starredInProgress"].currentValue != undefined)) {
|
|
3731
3736
|
//no task will be performed
|
|
3732
3737
|
}
|
|
3733
3738
|
else {
|
|
@@ -3738,7 +3743,7 @@ class AnnaNonEditableGenericTableComponent {
|
|
|
3738
3743
|
(this.tableData.length == 2 && this.checkIfAllTheElementsAreZero())) {
|
|
3739
3744
|
this.tableData = Array(2).fill(0);
|
|
3740
3745
|
this.renderedData = cloneDeep(this.tableData);
|
|
3741
|
-
this.marginTop = -this.gtDimension.rowHeight - this.gtDimension.rowHeight / 2 +
|
|
3746
|
+
this.marginTop = -this.gtDimension.rowHeight - this.gtDimension.rowHeight / 2 + "px";
|
|
3742
3747
|
this.isNoDataToDisplaySubject$.next(true);
|
|
3743
3748
|
}
|
|
3744
3749
|
else {
|
|
@@ -3748,15 +3753,15 @@ class AnnaNonEditableGenericTableComponent {
|
|
|
3748
3753
|
this.setTableBottomBorder();
|
|
3749
3754
|
}
|
|
3750
3755
|
//setting table column here as well because while showing skeleton loader, we should show table headers.
|
|
3751
|
-
if (changes[
|
|
3752
|
-
!isEqual(changes[
|
|
3756
|
+
if (changes["tableHeaders"] &&
|
|
3757
|
+
!isEqual(changes["tableHeaders"].currentValue, changes["tableHeaders"].previousValue)) {
|
|
3753
3758
|
this.tableColumns = this.tableHeaders.filter((x) => x.visible).map((x) => x.headerInfo[0].objectKey);
|
|
3754
3759
|
this.annaSortService.columnSortState = new Map();
|
|
3755
3760
|
this.annaFilterService.initialValueMap = new Map();
|
|
3756
3761
|
// this.setColumnSortStateMap();
|
|
3757
3762
|
this.setActiveStateObject();
|
|
3758
3763
|
}
|
|
3759
|
-
if (changes[
|
|
3764
|
+
if (changes["totalRowInfo"] && changes["totalRowInfo"].currentValue) {
|
|
3760
3765
|
this.totalRowColumns = this.totalRowInfo.map((x) => x.colName);
|
|
3761
3766
|
}
|
|
3762
3767
|
this.cdRef.detectChanges();
|
|
@@ -3764,10 +3769,10 @@ class AnnaNonEditableGenericTableComponent {
|
|
|
3764
3769
|
setFilterAlignmentBasedOnScreenResolution() {
|
|
3765
3770
|
let viewportHeight = window.innerHeight;
|
|
3766
3771
|
if (viewportHeight < 740) {
|
|
3767
|
-
this.filterAlignment =
|
|
3772
|
+
this.filterAlignment = "left right";
|
|
3768
3773
|
}
|
|
3769
3774
|
else {
|
|
3770
|
-
this.filterAlignment =
|
|
3775
|
+
this.filterAlignment = "bottom left right";
|
|
3771
3776
|
}
|
|
3772
3777
|
}
|
|
3773
3778
|
setTableBottomBorder() {
|
|
@@ -3775,7 +3780,7 @@ class AnnaNonEditableGenericTableComponent {
|
|
|
3775
3780
|
this.tableData &&
|
|
3776
3781
|
this.tableData.length &&
|
|
3777
3782
|
this.maximumRowsWhichCanBeRenderedWithoutScroll < this.tableData.length) {
|
|
3778
|
-
this.tableBottomBorderClass =
|
|
3783
|
+
this.tableBottomBorderClass = "bottom-border";
|
|
3779
3784
|
}
|
|
3780
3785
|
else {
|
|
3781
3786
|
this.tableBottomBorderClass = null;
|
|
@@ -3815,202 +3820,208 @@ class AnnaNonEditableGenericTableComponent {
|
|
|
3815
3820
|
}
|
|
3816
3821
|
setTooltipRadioNames() {
|
|
3817
3822
|
this.tooltipRadioTextMap = new Map();
|
|
3818
|
-
this.tooltipRadioTextMap.set(
|
|
3819
|
-
this.tooltipRadioTextMap.set(
|
|
3820
|
-
this.tooltipRadioTextMap.set(
|
|
3821
|
-
this.tooltipRadioTextMap.set(
|
|
3822
|
-
this.tooltipRadioTextMap.set(
|
|
3823
|
-
this.tooltipRadioTextMap.set(
|
|
3824
|
-
this.tooltipRadioTextMap.set(
|
|
3825
|
-
this.tooltipRadioTextMap.set(
|
|
3826
|
-
this.tooltipRadioTextMap.set(
|
|
3827
|
-
this.tooltipRadioTextMap.set(
|
|
3828
|
-
this.tooltipRadioTextMap.set(
|
|
3829
|
-
this.tooltipRadioTextMap.set(
|
|
3830
|
-
this.tooltipRadioTextMap.set(
|
|
3831
|
-
this.tooltipRadioTextMap.set(
|
|
3832
|
-
this.tooltipRadioTextMap.set(
|
|
3833
|
-
this.tooltipRadioTextMap.set(
|
|
3834
|
-
this.tooltipRadioTextMap.set(
|
|
3835
|
-
this.tooltipRadioTextMap.set(
|
|
3836
|
-
this.tooltipRadioTextMap.set(
|
|
3837
|
-
this.tooltipRadioTextMap.set(
|
|
3838
|
-
this.tooltipRadioTextMap.set(
|
|
3839
|
-
this.tooltipRadioTextMap.set(
|
|
3840
|
-
this.tooltipRadioTextMap.set(
|
|
3841
|
-
this.tooltipRadioTextMap.set(
|
|
3842
|
-
this.tooltipRadioTextMap.set(
|
|
3843
|
-
this.tooltipRadioTextMap.set(
|
|
3844
|
-
this.tooltipRadioTextMap.set(
|
|
3845
|
-
this.tooltipRadioTextMap.set(
|
|
3846
|
-
this.tooltipRadioTextMap.set(
|
|
3847
|
-
this.tooltipRadioTextMap.set(
|
|
3848
|
-
this.tooltipRadioTextMap.set(
|
|
3849
|
-
this.tooltipRadioTextMap.set(
|
|
3850
|
-
this.tooltipRadioTextMap.set(
|
|
3851
|
-
this.tooltipRadioTextMap.set(
|
|
3852
|
-
this.tooltipRadioTextMap.set(
|
|
3853
|
-
this.tooltipRadioTextMap.set(
|
|
3854
|
-
this.tooltipRadioTextMap.set(
|
|
3855
|
-
this.tooltipRadioTextMap.set(
|
|
3856
|
-
this.tooltipRadioTextMap.set(
|
|
3857
|
-
this.tooltipRadioTextMap.set(
|
|
3858
|
-
this.tooltipRadioTextMap.set(
|
|
3859
|
-
this.tooltipRadioTextMap.set(
|
|
3860
|
-
this.tooltipRadioTextMap.set(
|
|
3861
|
-
this.tooltipRadioTextMap.set(
|
|
3862
|
-
this.tooltipRadioTextMap.set(
|
|
3863
|
-
this.tooltipRadioTextMap.set(
|
|
3864
|
-
this.tooltipRadioTextMap.set(
|
|
3865
|
-
this.tooltipRadioTextMap.set(
|
|
3866
|
-
this.tooltipRadioTextMap.set(
|
|
3867
|
-
this.tooltipRadioTextMap.set(
|
|
3868
|
-
this.tooltipRadioTextMap.set(
|
|
3869
|
-
this.tooltipRadioTextMap.set(
|
|
3870
|
-
this.tooltipRadioTextMap.set(
|
|
3871
|
-
this.tooltipRadioTextMap.set(
|
|
3872
|
-
this.tooltipRadioTextMap.set(
|
|
3873
|
-
this.tooltipRadioTextMap.set(
|
|
3874
|
-
this.tooltipRadioTextMap.set(
|
|
3875
|
-
this.tooltipRadioTextMap.set(
|
|
3876
|
-
this.tooltipRadioTextMap.set(
|
|
3877
|
-
this.tooltipRadioTextMap.set(
|
|
3878
|
-
this.tooltipRadioTextMap.set(
|
|
3879
|
-
this.tooltipRadioTextMap.set(
|
|
3880
|
-
this.tooltipRadioTextMap.set(
|
|
3881
|
-
this.tooltipRadioTextMap.set(
|
|
3882
|
-
this.tooltipRadioTextMap.set(
|
|
3883
|
-
this.tooltipRadioTextMap.set(
|
|
3884
|
-
this.tooltipRadioTextMap.set(
|
|
3885
|
-
this.tooltipRadioTextMap.set(
|
|
3886
|
-
this.tooltipRadioTextMap.set(
|
|
3887
|
-
this.tooltipRadioTextMap.set(
|
|
3888
|
-
this.tooltipRadioTextMap.set(
|
|
3889
|
-
this.tooltipRadioTextMap.set(
|
|
3890
|
-
this.tooltipRadioTextMap.set(
|
|
3891
|
-
this.tooltipRadioTextMap.set(
|
|
3892
|
-
this.tooltipRadioTextMap.set(
|
|
3893
|
-
this.tooltipRadioTextMap.set(
|
|
3894
|
-
this.tooltipRadioTextMap.set(
|
|
3895
|
-
this.tooltipRadioTextMap.set(
|
|
3896
|
-
this.tooltipRadioTextMap.set(
|
|
3897
|
-
this.tooltipRadioTextMap.set(
|
|
3898
|
-
this.tooltipRadioTextMap.set(
|
|
3899
|
-
this.tooltipRadioTextMap.set(
|
|
3900
|
-
this.tooltipRadioTextMap.set(
|
|
3901
|
-
this.tooltipRadioTextMap.set(
|
|
3902
|
-
this.tooltipRadioTextMap.set(
|
|
3903
|
-
this.tooltipRadioTextMap.set(
|
|
3904
|
-
this.tooltipRadioTextMap.set(
|
|
3905
|
-
this.tooltipRadioTextMap.set(
|
|
3906
|
-
this.tooltipRadioTextMap.set(
|
|
3907
|
-
this.tooltipRadioTextMap.set(
|
|
3908
|
-
this.tooltipRadioTextMap.set(
|
|
3909
|
-
this.tooltipRadioTextMap.set(
|
|
3910
|
-
this.tooltipRadioTextMap.set(
|
|
3911
|
-
this.tooltipRadioTextMap.set(
|
|
3912
|
-
this.tooltipRadioTextMap.set(
|
|
3913
|
-
this.tooltipRadioTextMap.set(
|
|
3914
|
-
this.tooltipRadioTextMap.set(
|
|
3915
|
-
this.tooltipRadioTextMap.set(
|
|
3916
|
-
this.tooltipRadioTextMap.set(
|
|
3917
|
-
this.tooltipRadioTextMap.set(
|
|
3918
|
-
this.tooltipRadioTextMap.set(
|
|
3919
|
-
this.tooltipRadioTextMap.set(
|
|
3920
|
-
this.tooltipRadioTextMap.set(
|
|
3921
|
-
this.tooltipRadioTextMap.set(
|
|
3922
|
-
this.tooltipRadioTextMap.set(
|
|
3923
|
-
this.tooltipRadioTextMap.set(
|
|
3924
|
-
this.tooltipRadioTextMap.set(
|
|
3925
|
-
this.tooltipRadioTextMap.set(
|
|
3926
|
-
this.tooltipRadioTextMap.set(
|
|
3927
|
-
this.tooltipRadioTextMap.set(
|
|
3928
|
-
this.tooltipRadioTextMap.set(
|
|
3929
|
-
this.tooltipRadioTextMap.set(
|
|
3930
|
-
this.tooltipRadioTextMap.set(
|
|
3931
|
-
this.tooltipRadioTextMap.set(
|
|
3932
|
-
this.tooltipRadioTextMap.set(
|
|
3933
|
-
this.tooltipRadioTextMap.set(
|
|
3934
|
-
this.tooltipRadioTextMap.set(
|
|
3935
|
-
this.tooltipRadioTextMap.set(
|
|
3936
|
-
this.tooltipRadioTextMap.set(
|
|
3937
|
-
this.tooltipRadioTextMap.set(
|
|
3938
|
-
this.tooltipRadioTextMap.set(
|
|
3939
|
-
this.tooltipRadioTextMap.set(
|
|
3940
|
-
this.tooltipRadioTextMap.set(
|
|
3941
|
-
this.tooltipRadioTextMap.set(
|
|
3942
|
-
this.tooltipRadioTextMap.set(
|
|
3943
|
-
this.tooltipRadioTextMap.set(
|
|
3944
|
-
this.tooltipRadioTextMap.set(
|
|
3945
|
-
this.tooltipRadioTextMap.set(
|
|
3946
|
-
this.tooltipRadioTextMap.set(
|
|
3947
|
-
this.tooltipRadioTextMap.set(
|
|
3948
|
-
this.tooltipRadioTextMap.set(
|
|
3949
|
-
this.tooltipRadioTextMap.set(
|
|
3950
|
-
this.tooltipRadioTextMap.set(
|
|
3951
|
-
this.tooltipRadioTextMap.set(
|
|
3952
|
-
this.tooltipRadioTextMap.set(
|
|
3953
|
-
this.tooltipRadioTextMap.set(
|
|
3954
|
-
this.tooltipRadioTextMap.set(
|
|
3955
|
-
this.tooltipRadioTextMap.set(
|
|
3956
|
-
this.tooltipRadioTextMap.set(
|
|
3957
|
-
this.tooltipRadioTextMap.set(
|
|
3958
|
-
this.tooltipRadioTextMap.set(
|
|
3959
|
-
this.tooltipRadioTextMap.set(
|
|
3960
|
-
this.tooltipRadioTextMap.set(
|
|
3961
|
-
this.tooltipRadioTextMap.set(
|
|
3962
|
-
this.tooltipRadioTextMap.set(
|
|
3963
|
-
this.tooltipRadioTextMap.set(
|
|
3964
|
-
this.tooltipRadioTextMap.set(
|
|
3965
|
-
this.tooltipRadioTextMap.set(
|
|
3966
|
-
this.tooltipRadioTextMap.set(
|
|
3967
|
-
this.tooltipRadioTextMap.set(
|
|
3968
|
-
this.tooltipRadioTextMap.set(
|
|
3969
|
-
this.tooltipRadioTextMap.set(
|
|
3970
|
-
this.tooltipRadioTextMap.set(
|
|
3971
|
-
this.tooltipRadioTextMap.set(
|
|
3972
|
-
this.tooltipRadioTextMap.set(
|
|
3973
|
-
this.tooltipRadioTextMap.set(
|
|
3974
|
-
this.tooltipRadioTextMap.set(
|
|
3975
|
-
this.tooltipRadioTextMap.set(
|
|
3976
|
-
this.tooltipRadioTextMap.set(
|
|
3977
|
-
this.tooltipRadioTextMap.set(
|
|
3978
|
-
this.tooltipRadioTextMap.set(
|
|
3979
|
-
this.tooltipRadioTextMap.set(
|
|
3980
|
-
this.tooltipRadioTextMap.set(
|
|
3981
|
-
this.tooltipRadioTextMap.set(
|
|
3982
|
-
this.tooltipRadioTextMap.set(
|
|
3983
|
-
this.tooltipRadioTextMap.set(
|
|
3984
|
-
this.tooltipRadioTextMap.set(
|
|
3985
|
-
this.tooltipRadioTextMap.set(
|
|
3986
|
-
this.tooltipRadioTextMap.set(
|
|
3987
|
-
this.tooltipRadioTextMap.set(
|
|
3988
|
-
this.tooltipRadioTextMap.set(
|
|
3989
|
-
this.tooltipRadioTextMap.set(
|
|
3990
|
-
this.tooltipRadioTextMap.set(
|
|
3991
|
-
this.tooltipRadioTextMap.set(
|
|
3992
|
-
this.tooltipRadioTextMap.set(
|
|
3993
|
-
this.tooltipRadioTextMap.set(
|
|
3994
|
-
this.tooltipRadioTextMap.set(
|
|
3995
|
-
this.tooltipRadioTextMap.set(
|
|
3996
|
-
this.tooltipRadioTextMap.set(
|
|
3997
|
-
this.tooltipRadioTextMap.set(
|
|
3998
|
-
this.tooltipRadioTextMap.set(
|
|
3823
|
+
this.tooltipRadioTextMap.set("StartTimeForFilter", "Start Time");
|
|
3824
|
+
this.tooltipRadioTextMap.set("EndTimeForFilter", "End Time");
|
|
3825
|
+
this.tooltipRadioTextMap.set("startTimeForFilter", "Start Time");
|
|
3826
|
+
this.tooltipRadioTextMap.set("endTimeForFilter", "End Time");
|
|
3827
|
+
this.tooltipRadioTextMap.set("start_time_for_filter", "Start Time");
|
|
3828
|
+
this.tooltipRadioTextMap.set("end_time_for_filter", "End Time");
|
|
3829
|
+
this.tooltipRadioTextMap.set("primaryAEName", "Primary AE");
|
|
3830
|
+
this.tooltipRadioTextMap.set("region", "Region");
|
|
3831
|
+
this.tooltipRadioTextMap.set("agencyName", "Agency");
|
|
3832
|
+
this.tooltipRadioTextMap.set("location", "Location");
|
|
3833
|
+
this.tooltipRadioTextMap.set("advertiserName", "Advertiser");
|
|
3834
|
+
this.tooltipRadioTextMap.set("productCode", "Product Code");
|
|
3835
|
+
this.tooltipRadioTextMap.set("flightStartDate", "Start Date");
|
|
3836
|
+
this.tooltipRadioTextMap.set("flightEndDate", "End Date");
|
|
3837
|
+
this.tooltipRadioTextMap.set("orderIdAndRevNumber", "STN Order#-Rev#");
|
|
3838
|
+
this.tooltipRadioTextMap.set("stationOrderNumber", "STN Order#");
|
|
3839
|
+
this.tooltipRadioTextMap.set("alternateOrderId", "Alt/Rep Order #");
|
|
3840
|
+
this.tooltipRadioTextMap.set("grp", "GRP");
|
|
3841
|
+
this.tooltipRadioTextMap.set("cpp", "CPP");
|
|
3842
|
+
this.tooltipRadioTextMap.set("imps", "IMPS");
|
|
3843
|
+
this.tooltipRadioTextMap.set("cpm", "CPM");
|
|
3844
|
+
this.tooltipRadioTextMap.set("offeredMGs", "Offered MG");
|
|
3845
|
+
this.tooltipRadioTextMap.set("outstandingPE", "O/S PE");
|
|
3846
|
+
this.tooltipRadioTextMap.set("offeredADUs", "Offered ADUs");
|
|
3847
|
+
this.tooltipRadioTextMap.set("udDeficitValue", "O/S Aud Delta");
|
|
3848
|
+
this.tooltipRadioTextMap.set("startEndTimeMulti", "Time");
|
|
3849
|
+
this.tooltipRadioTextMap.set("bookedValue", "Booked");
|
|
3850
|
+
this.tooltipRadioTextMap.set("bookedSpots", "Spots");
|
|
3851
|
+
this.tooltipRadioTextMap.set("UserCreditedValue", "User Credited");
|
|
3852
|
+
this.tooltipRadioTextMap.set("UserUnresolvedValue", "User Unresolved");
|
|
3853
|
+
this.tooltipRadioTextMap.set("BuyerAddedValue", "Buyer Added");
|
|
3854
|
+
this.tooltipRadioTextMap.set("BuyerDeletedValue", "Buyer Deleted");
|
|
3855
|
+
this.tooltipRadioTextMap.set("userChanges", "User Changes");
|
|
3856
|
+
this.tooltipRadioTextMap.set("buyerChanges", "Buyer Changes");
|
|
3857
|
+
this.tooltipRadioTextMap.set("userMG", "User MG");
|
|
3858
|
+
this.tooltipRadioTextMap.set("userADUs", "User ADUs");
|
|
3859
|
+
this.tooltipRadioTextMap.set("inventoryCode", "Inventory Code");
|
|
3860
|
+
this.tooltipRadioTextMap.set("program", "Program");
|
|
3861
|
+
this.tooltipRadioTextMap.set("agency", "Agency");
|
|
3862
|
+
this.tooltipRadioTextMap.set("advertiser", "Advertiser");
|
|
3863
|
+
this.tooltipRadioTextMap.set("startDate", "Start Date");
|
|
3864
|
+
this.tooltipRadioTextMap.set("endDate", "End Date");
|
|
3865
|
+
this.tooltipRadioTextMap.set("date", "Date");
|
|
3866
|
+
this.tooltipRadioTextMap.set("rcvPreempt", "$ Madegood PEs");
|
|
3867
|
+
this.tooltipRadioTextMap.set("osPreempt", "$ O/S PEs");
|
|
3868
|
+
this.tooltipRadioTextMap.set("rcvUnderDly", "Recovered UD");
|
|
3869
|
+
this.tooltipRadioTextMap.set("osUnderDly", "O/s Under Dly");
|
|
3870
|
+
this.tooltipRadioTextMap.set("primaryAe", "Primary AE");
|
|
3871
|
+
this.tooltipRadioTextMap.set("region", "Region");
|
|
3872
|
+
this.tooltipRadioTextMap.set("revCode1", "Rev code 1");
|
|
3873
|
+
this.tooltipRadioTextMap.set("orderNoRevNo", "STN Order#-Rev#");
|
|
3874
|
+
this.tooltipRadioTextMap.set("revCode2", "Rev code 2");
|
|
3875
|
+
this.tooltipRadioTextMap.set("revCode3", "Rev code 3");
|
|
3876
|
+
this.tooltipRadioTextMap.set("booked", "$ Booked");
|
|
3877
|
+
this.tooltipRadioTextMap.set("spots", "Spots");
|
|
3878
|
+
this.tooltipRadioTextMap.set("postedAudPercent", "Posted %");
|
|
3879
|
+
this.tooltipRadioTextMap.set("revision", "Revision");
|
|
3880
|
+
this.tooltipRadioTextMap.set("buyerOrderId", "ALT/REP Order#");
|
|
3881
|
+
this.tooltipRadioTextMap.set("demo", "Demo");
|
|
3882
|
+
this.tooltipRadioTextMap.set("averageRateThisYear", "Avg. Rate (TY)");
|
|
3883
|
+
this.tooltipRadioTextMap.set("averageRateLastYear", "Avg. Rat (LY)");
|
|
3884
|
+
this.tooltipRadioTextMap.set("averageCPP", "Avg. CPP");
|
|
3885
|
+
this.tooltipRadioTextMap.set("averageCPM", "Avg. CPM");
|
|
3886
|
+
this.tooltipRadioTextMap.set("IMPSDiff", "IMPS ('000) Diff.");
|
|
3887
|
+
this.tooltipRadioTextMap.set("RTGDiff", "RTG Diff.");
|
|
3888
|
+
this.tooltipRadioTextMap.set("postedAdu", "$ Posted ADUs");
|
|
3889
|
+
this.tooltipRadioTextMap.set("scheduledAdu", "$ Scheduled ADUs");
|
|
3890
|
+
this.tooltipRadioTextMap.set("audienceDeficit", "$ O/S Audience");
|
|
3891
|
+
this.tooltipRadioTextMap.set("postedAudPercent", "Posted Audience %");
|
|
3892
|
+
this.tooltipRadioTextMap.set("potentialUnitsValue", "POT Units");
|
|
3893
|
+
this.tooltipRadioTextMap.set("bookedUnitsValue", "Booked Eq Units");
|
|
3894
|
+
this.tooltipRadioTextMap.set("bookedAmountWithZeroRatingValue", "Total $ Booked");
|
|
3895
|
+
this.tooltipRadioTextMap.set("bookedAmountPercentageWithZeroRatingValue", "% Against All Demos");
|
|
3896
|
+
this.tooltipRadioTextMap.set("bookedAmountWithoutZeroRatingValue", "$Booked With Imps(’000)");
|
|
3897
|
+
this.tooltipRadioTextMap.set("bookedAmountPercentageWithoutZeroRatingValue", "% Against All Demos");
|
|
3898
|
+
this.tooltipRadioTextMap.set("totalBookedAmountValue", "Total $Booked");
|
|
3899
|
+
this.tooltipRadioTextMap.set("averageUnitRateValue", " AUR");
|
|
3900
|
+
this.tooltipRadioTextMap.set("totalBookedAmountWithRatingValue", "$Booked With Rating");
|
|
3901
|
+
this.tooltipRadioTextMap.set("averageUnitRateWithRatingValue", "AUR With Rating");
|
|
3902
|
+
this.tooltipRadioTextMap.set("totalBookedAmountWithImpressionValue", "$Booked With IMPS");
|
|
3903
|
+
this.tooltipRadioTextMap.set("averageUnitRateWithImpressionValue", "AUR With IMPS");
|
|
3904
|
+
this.tooltipRadioTextMap.set("bookedUnitsWithRatingValue", "Booked Units With Rating");
|
|
3905
|
+
this.tooltipRadioTextMap.set("postedUnitsWithRatingValue", "Posted Units With Rating");
|
|
3906
|
+
this.tooltipRadioTextMap.set("bookedUnitsWithImpressionValue", "Booked Units With IMPS");
|
|
3907
|
+
this.tooltipRadioTextMap.set("postedUnitsWithImpressionValue", "Posted Units With IMPS");
|
|
3908
|
+
this.tooltipRadioTextMap.set("bookedRatings", "Booked Rating");
|
|
3909
|
+
this.tooltipRadioTextMap.set("postedRatings", "POSTED Rating");
|
|
3910
|
+
this.tooltipRadioTextMap.set("PostedRating", "Posted RTG");
|
|
3911
|
+
this.tooltipRadioTextMap.set("bookedImpressions", "Booked IMP('000)");
|
|
3912
|
+
this.tooltipRadioTextMap.set("postedImpressions", "Posted IMP('000)");
|
|
3913
|
+
this.tooltipRadioTextMap.set("PostedImpressions", "Posted IMP('000)");
|
|
3914
|
+
this.tooltipRadioTextMap.set("bookedAverageRating", "Booked AU Rating");
|
|
3915
|
+
this.tooltipRadioTextMap.set("postedAverageRating", "Posted AU Rating");
|
|
3916
|
+
this.tooltipRadioTextMap.set("bookedAverageImpression", "Booked AU IMPS");
|
|
3917
|
+
this.tooltipRadioTextMap.set("postedAverageImpression", "Posted AU IMPS");
|
|
3918
|
+
this.tooltipRadioTextMap.set("bookedCppValue", "Booked CPP");
|
|
3919
|
+
this.tooltipRadioTextMap.set("bookedEffectiveCppValue", "Effective CPP");
|
|
3920
|
+
this.tooltipRadioTextMap.set("bookedCpmValue", "Booked CPM");
|
|
3921
|
+
this.tooltipRadioTextMap.set("bookedEffectiveCpmValue", "Effective CPM");
|
|
3922
|
+
this.tooltipRadioTextMap.set("orderSource", "Order Route");
|
|
3923
|
+
this.tooltipRadioTextMap.set("orderCategory", "Rev Category");
|
|
3924
|
+
this.tooltipRadioTextMap.set("cashOrTrade", "C/T");
|
|
3925
|
+
this.tooltipRadioTextMap.set("revisionStartDate", "Revision Start Date");
|
|
3926
|
+
this.tooltipRadioTextMap.set("name", "name");
|
|
3927
|
+
this.tooltipRadioTextMap.set("role", "role");
|
|
3928
|
+
this.tooltipRadioTextMap.set("stationCount", "stationCount");
|
|
3929
|
+
this.tooltipRadioTextMap.set("stationList", "stationList");
|
|
3930
|
+
this.tooltipRadioTextMap.set("approvedOn", "Approved On");
|
|
3931
|
+
this.tooltipRadioTextMap.set("approvedBy", "Approved By");
|
|
3932
|
+
this.tooltipRadioTextMap.set("ODImps", "Proj. OD IMPS");
|
|
3933
|
+
this.tooltipRadioTextMap.set("UDImps", "Proj. UD IMPS");
|
|
3934
|
+
this.tooltipRadioTextMap.set("ODGrp", "Proj. OD GRP");
|
|
3935
|
+
this.tooltipRadioTextMap.set("UDGrp", "Proj. UD GRP");
|
|
3936
|
+
this.tooltipRadioTextMap.set("udImpsPercent", "Proj. UD %");
|
|
3937
|
+
this.tooltipRadioTextMap.set("udGrpPercent", "Proj. UD GRP %");
|
|
3938
|
+
this.tooltipRadioTextMap.set("odImpsPercent", "Proj. OD %");
|
|
3939
|
+
this.tooltipRadioTextMap.set("odGrpPercent", "Proj. OD GRP %");
|
|
3940
|
+
this.tooltipRadioTextMap.set("RevisionNumber", "Revision #");
|
|
3941
|
+
this.tooltipRadioTextMap.set("RevisionType", "Revision Type");
|
|
3942
|
+
this.tooltipRadioTextMap.set("GeneratedOn", "Generated On");
|
|
3943
|
+
this.tooltipRadioTextMap.set("BookedValueForDisplay", "$ BOOKED");
|
|
3944
|
+
this.tooltipRadioTextMap.set("BookedValue", "$ Booked");
|
|
3945
|
+
this.tooltipRadioTextMap.set("BookedSpots", "Spots");
|
|
3946
|
+
this.tooltipRadioTextMap.set("BookedGRP", "GRP");
|
|
3947
|
+
this.tooltipRadioTextMap.set("BookedIMPSRevTab", "IMPS'(000)");
|
|
3948
|
+
this.tooltipRadioTextMap.set("BookedCPP", "CPP");
|
|
3949
|
+
this.tooltipRadioTextMap.set("BookedCPM", "CPM");
|
|
3950
|
+
this.tooltipRadioTextMap.set("MGsValueForDisplay", "$ MGS");
|
|
3951
|
+
this.tooltipRadioTextMap.set("MGsValue", "$ MGS");
|
|
3952
|
+
this.tooltipRadioTextMap.set("ADUsValueForDisplay", "$ ADUS");
|
|
3953
|
+
this.tooltipRadioTextMap.set("ADUsValue", "$ ADUS");
|
|
3954
|
+
this.tooltipRadioTextMap.set("BuyerChangesValueForDisplay", "$ Buyer Change");
|
|
3955
|
+
this.tooltipRadioTextMap.set("BuyerChangesValue", "$ Buyer Change");
|
|
3956
|
+
this.tooltipRadioTextMap.set("UserChangesValueForDisplay", "$ Seller User Change");
|
|
3957
|
+
this.tooltipRadioTextMap.set("UserChangesValue", "$ Seller User Change");
|
|
3958
|
+
this.tooltipRadioTextMap.set("SellerLine", "Seller Line #");
|
|
3959
|
+
this.tooltipRadioTextMap.set("BuyerLine", "Buy Line #");
|
|
3960
|
+
this.tooltipRadioTextMap.set("SpotStatus", "Spot Status");
|
|
3961
|
+
this.tooltipRadioTextMap.set("InventoryCode", "Inventory Code");
|
|
3962
|
+
this.tooltipRadioTextMap.set("BuyerProgramName", "Buyer Program Name");
|
|
3963
|
+
this.tooltipRadioTextMap.set("RevenueClass", "Revenue Class");
|
|
3964
|
+
this.tooltipRadioTextMap.set("WeeklyAUR", "Booked Avg. Rate");
|
|
3965
|
+
this.tooltipRadioTextMap.set("BookedRate", "Booked Rate");
|
|
3966
|
+
this.tooltipRadioTextMap.set("averageRate", "Average Rate");
|
|
3967
|
+
this.tooltipRadioTextMap.set("bookedAverageRate", "Booked AVG. Rate");
|
|
3968
|
+
this.tooltipRadioTextMap.set("dollarIMPSImpact", "$ IMPS Impact");
|
|
3969
|
+
this.tooltipRadioTextMap.set("dollarRTGImpact", "$ RTG IMPACT");
|
|
3970
|
+
this.tooltipRadioTextMap.set("IMPSImpact", "IMPS ('000) IMPACT");
|
|
3971
|
+
this.tooltipRadioTextMap.set("RTGImpact", "RTG Impact");
|
|
3972
|
+
this.tooltipRadioTextMap.set("inventoryFillPercentageSameWeek", "Inv Fill Same Week (LY)");
|
|
3973
|
+
this.tooltipRadioTextMap.set("inventoryFillPercentageFinal", "Inv Fill Final (LY)");
|
|
3974
|
+
this.tooltipRadioTextMap.set("projectedRTG", "Projected RTG");
|
|
3975
|
+
this.tooltipRadioTextMap.set("projectedIMPS", "Projected IMPS('000)");
|
|
3976
|
+
this.tooltipRadioTextMap.set("desiredCPM", "Desired CPM");
|
|
3977
|
+
this.tooltipRadioTextMap.set("desiredCPP", "Desired CPP");
|
|
3978
|
+
this.tooltipRadioTextMap.set("origin", "Origin");
|
|
3979
|
+
this.tooltipRadioTextMap.set("BookedRTG", "Booked RTG");
|
|
3980
|
+
this.tooltipRadioTextMap.set("BookedIMPS", "Booked IMPS('000)");
|
|
3981
|
+
this.tooltipRadioTextMap.set("IMPS", "IMP('000)");
|
|
3982
|
+
this.tooltipRadioTextMap.set("AURTG", "Avg RTG");
|
|
3983
|
+
this.tooltipRadioTextMap.set("AUIMPS", "Avg IMP('000)");
|
|
3984
|
+
this.tooltipRadioTextMap.set("PostedRatingsOrImpressions", "Posted RTG");
|
|
3985
|
+
this.tooltipRadioTextMap.set("ScheduleFlightWeek", "Schedule Week");
|
|
3986
|
+
this.tooltipRadioTextMap.set("ScheduledDay", "Scheduled Day");
|
|
3987
|
+
this.tooltipRadioTextMap.set("AirStatus", "Air Status");
|
|
3988
|
+
this.tooltipRadioTextMap.set("AirDateAndTime", "Air Date & Time");
|
|
3989
|
+
this.tooltipRadioTextMap.set("AirDate", "Air Date");
|
|
3990
|
+
this.tooltipRadioTextMap.set("NormalizedOrderedRating", "Normalized Booked RTG");
|
|
3991
|
+
this.tooltipRadioTextMap.set("NormalizedOrderedImpressions", "Normalized Booked IMP('000)");
|
|
3992
|
+
this.tooltipRadioTextMap.set("NormalizedPostedRating", "Normalized Posted RTG");
|
|
3993
|
+
this.tooltipRadioTextMap.set("NormalizedPostedImpressions", "Normalized Posted IMP('000)");
|
|
3994
|
+
this.tooltipRadioTextMap.set("AdId", "Ad-Id");
|
|
3995
|
+
this.tooltipRadioTextMap.set("displayimps", "IMPS");
|
|
3996
|
+
this.tooltipRadioTextMap.set("displayGrp", "GRP");
|
|
3997
|
+
this.tooltipRadioTextMap.set("bookedSpotsForDisplay", "Spots");
|
|
3998
|
+
this.tooltipRadioTextMap.set("displaySpots", "Spots");
|
|
3999
|
+
this.tooltipRadioTextMap.set("estimateNo", "Estimate#");
|
|
4000
|
+
this.tooltipRadioTextMap.set("primaryBuyer", "Primary Buyer");
|
|
4001
|
+
this.tooltipRadioTextMap.set("primaryBuyerName", "Primary Buyer");
|
|
4002
|
+
this.tooltipRadioTextMap.set("secondaryBuyerName", "Secondary Buyer");
|
|
4003
|
+
this.tooltipRadioTextMap.set("secondaryBuyer", "Secondary Buyer");
|
|
4004
|
+
this.tooltipRadioTextMap.set("timeoutDate", "Timeout Date");
|
|
4005
|
+
this.tooltipRadioTextMap.set("DisplaytSpotStatusBI", "Spot Status");
|
|
4006
|
+
this.tooltipRadioTextMap.set("LineSpot", "Line.Spot");
|
|
4007
|
+
this.tooltipRadioTextMap.set("LurWindowName", "Political Window");
|
|
4008
|
+
this.tooltipRadioTextMap.set("length", "Length");
|
|
4009
|
+
this.tooltipRadioTextMap.set("revClass", "Rev Class");
|
|
3999
4010
|
// this.tooltipRadioTextMap.set("udValue", "$ UD");
|
|
4000
4011
|
// this.tooltipRadioTextMap.set("odValue", "$ OD");
|
|
4001
|
-
this.tooltipRadioTextMap.set(
|
|
4002
|
-
this.tooltipRadioTextMap.set(
|
|
4003
|
-
this.tooltipRadioTextMap.set(
|
|
4004
|
-
this.tooltipRadioTextMap.set(
|
|
4005
|
-
this.tooltipRadioTextMap.set(
|
|
4006
|
-
this.tooltipRadioTextMap.set(
|
|
4007
|
-
this.tooltipRadioTextMap.set(
|
|
4008
|
-
this.tooltipRadioTextMap.set(
|
|
4009
|
-
this.tooltipRadioTextMap.set(
|
|
4010
|
-
this.tooltipRadioTextMap.set(
|
|
4011
|
-
this.tooltipRadioTextMap.set(
|
|
4012
|
-
this.tooltipRadioTextMap.set(
|
|
4013
|
-
this.tooltipRadioTextMap.set(
|
|
4012
|
+
this.tooltipRadioTextMap.set("udValue", "Proj. $ UD");
|
|
4013
|
+
this.tooltipRadioTextMap.set("odValue", "Proj. $ OD");
|
|
4014
|
+
this.tooltipRadioTextMap.set("OtherAvailableSpotsTableInventoryCode", "Inventory Code");
|
|
4015
|
+
this.tooltipRadioTextMap.set("OtherAvailableSpotsTableBuyerProgramName", "Buyer Program Name");
|
|
4016
|
+
this.tooltipRadioTextMap.set("OtherAvailableSpotsTableStartTime", "Start Time");
|
|
4017
|
+
this.tooltipRadioTextMap.set("OtherAvailableSpotsTableEndTime", "End Time");
|
|
4018
|
+
this.tooltipRadioTextMap.set("OtherAvailableSpotsTableWeeklyAUR", "Booked Avg. Rate");
|
|
4019
|
+
this.tooltipRadioTextMap.set("OtherAvailableSpotsTableDisplayRevenueClass", "Rev Class");
|
|
4020
|
+
this.tooltipRadioTextMap.set("OtherAvailableSpotsTableActualWeekStartDate", "Week");
|
|
4021
|
+
this.tooltipRadioTextMap.set("OtherAvailableSpotsTableWeekDay", "Day");
|
|
4022
|
+
this.tooltipRadioTextMap.set("OtherAvailableSpotsTableDisplayLength", "Length");
|
|
4023
|
+
this.tooltipRadioTextMap.set("ProjectedImpressions", "Projected IMP('000)");
|
|
4024
|
+
this.tooltipRadioTextMap.set("ProjectedRtg", "Projected RTG");
|
|
4014
4025
|
}
|
|
4015
4026
|
selectOrUnselectCheckbox(rowData, columnKeys, isCheckboxSelected) {
|
|
4016
4027
|
rowData[columnKeys] = !rowData[columnKeys];
|
|
@@ -4029,10 +4040,10 @@ class AnnaNonEditableGenericTableComponent {
|
|
|
4029
4040
|
this.toggleRowCheckbox.emit(rowData);
|
|
4030
4041
|
}
|
|
4031
4042
|
undoCreditedSpot(data) {
|
|
4032
|
-
this.undoIconClicked.emit({ data, mgOrCredit:
|
|
4043
|
+
this.undoIconClicked.emit({ data, mgOrCredit: "Credit" });
|
|
4033
4044
|
}
|
|
4034
4045
|
undoMgSpot(data) {
|
|
4035
|
-
this.undoIconClicked.emit({ data, mgOrCredit:
|
|
4046
|
+
this.undoIconClicked.emit({ data, mgOrCredit: "MakeGood" });
|
|
4036
4047
|
}
|
|
4037
4048
|
//Sort and Filter Logic begins!
|
|
4038
4049
|
closeTooltip() {
|
|
@@ -4064,9 +4075,9 @@ class AnnaNonEditableGenericTableComponent {
|
|
|
4064
4075
|
this.columnFilterOpened.emit();
|
|
4065
4076
|
}
|
|
4066
4077
|
this.showCheckboxesForTimeFilter =
|
|
4067
|
-
this.gtGeneralConfig.component ==
|
|
4068
|
-
this.gtGeneralConfig.component ==
|
|
4069
|
-
this.gtGeneralConfig.component ==
|
|
4078
|
+
this.gtGeneralConfig.component == "SPOTDETAILS" ||
|
|
4079
|
+
this.gtGeneralConfig.component == "EXCLUDEINVENTORYPOPUP" ||
|
|
4080
|
+
this.gtGeneralConfig.component == "RATING";
|
|
4070
4081
|
this.showFilterTooltipTabs = header.filterSortObjectKeys.length > 1;
|
|
4071
4082
|
this.bindValueFuncCalled = false;
|
|
4072
4083
|
}
|
|
@@ -4074,9 +4085,9 @@ class AnnaNonEditableGenericTableComponent {
|
|
|
4074
4085
|
checkIfUniqueValuePresentForTheHeader(header, enabledHeaders) {
|
|
4075
4086
|
header.filterSortObjectKeys.forEach((item) => {
|
|
4076
4087
|
let dataToCheck = this.annaFilterService.getFilterOptionsData(this.tableData, this.clonedTableData, item);
|
|
4077
|
-
if (item ==
|
|
4078
|
-
let uniqStartDate = uniq(dataToCheck.map((u) => u[
|
|
4079
|
-
let uniqEndDate = uniq(dataToCheck.map((u) => u[
|
|
4088
|
+
if (item == "period") {
|
|
4089
|
+
let uniqStartDate = uniq(dataToCheck.map((u) => u["startDate"]));
|
|
4090
|
+
let uniqEndDate = uniq(dataToCheck.map((u) => u["endDate"]));
|
|
4080
4091
|
if (uniqStartDate.length > 1 || uniqEndDate.length > 1 || this.isTooltipActive([item])) {
|
|
4081
4092
|
enabledHeaders.push(item);
|
|
4082
4093
|
}
|
|
@@ -4090,12 +4101,12 @@ class AnnaNonEditableGenericTableComponent {
|
|
|
4090
4101
|
item) {
|
|
4091
4102
|
activeAndLastlyAppliedHeader = true;
|
|
4092
4103
|
}
|
|
4093
|
-
if (header.filter ==
|
|
4104
|
+
if (header.filter == "CHECKBOX" &&
|
|
4094
4105
|
(uniq(values).filter((n) => n != null).length > 1 || activeAndLastlyAppliedHeader)) {
|
|
4095
4106
|
enabledHeaders.push(item);
|
|
4096
4107
|
}
|
|
4097
|
-
else if (header.filter !=
|
|
4098
|
-
(uniq(values).filter((n) => n != null && n !=
|
|
4108
|
+
else if (header.filter != "CHECKBOX" &&
|
|
4109
|
+
(uniq(values).filter((n) => n != null && n != "-").length > 1 || activeAndLastlyAppliedHeader)) {
|
|
4099
4110
|
enabledHeaders.push(item);
|
|
4100
4111
|
}
|
|
4101
4112
|
}
|
|
@@ -4125,17 +4136,17 @@ class AnnaNonEditableGenericTableComponent {
|
|
|
4125
4136
|
item.disableTooltipIcon = false;
|
|
4126
4137
|
}
|
|
4127
4138
|
if (item.disableTooltipIcon) {
|
|
4128
|
-
if (key ==
|
|
4129
|
-
let uniqStartDate = uniq(this.tableData.map((u) => u[
|
|
4130
|
-
let uniqEndDate = uniq(this.tableData.map((u) => u[
|
|
4139
|
+
if (key == "period") {
|
|
4140
|
+
let uniqStartDate = uniq(this.tableData.map((u) => u["startDate"]));
|
|
4141
|
+
let uniqEndDate = uniq(this.tableData.map((u) => u["endDate"]));
|
|
4131
4142
|
item.disableTooltipIcon =
|
|
4132
4143
|
uniqStartDate.length > 1 || uniqEndDate.length > 1 ? false : true;
|
|
4133
4144
|
}
|
|
4134
4145
|
else {
|
|
4135
4146
|
values = this.tableData.map((u) => u[key]);
|
|
4136
|
-
if ((item.filter ==
|
|
4137
|
-
(item.filter !=
|
|
4138
|
-
uniq(values).filter((n) => n != null && n !=
|
|
4147
|
+
if ((item.filter == "CHECKBOX" && uniq(values).filter((n) => n != null).length > 1) ||
|
|
4148
|
+
(item.filter != "CHECKBOX" &&
|
|
4149
|
+
uniq(values).filter((n) => n != null && n != "-").length > 1)) {
|
|
4139
4150
|
item.disableTooltipIcon = false;
|
|
4140
4151
|
}
|
|
4141
4152
|
}
|
|
@@ -4159,19 +4170,19 @@ class AnnaNonEditableGenericTableComponent {
|
|
|
4159
4170
|
if (firstParagraphOffsetWidth > secondParagraphOffsetWidth) {
|
|
4160
4171
|
let diff = firstParagraphOffsetWidth - secondParagraphOffsetWidth;
|
|
4161
4172
|
if (childDivElements[0].children.length == 2) {
|
|
4162
|
-
childDivElements[0].children[1].style.marginLeft = 4 +
|
|
4173
|
+
childDivElements[0].children[1].style.marginLeft = 4 + "px";
|
|
4163
4174
|
}
|
|
4164
4175
|
if (childDivElements[1].children.length == 2) {
|
|
4165
|
-
childDivElements[1].children[1].style.marginLeft = diff + 4 +
|
|
4176
|
+
childDivElements[1].children[1].style.marginLeft = diff + 4 + "px";
|
|
4166
4177
|
}
|
|
4167
4178
|
}
|
|
4168
4179
|
else {
|
|
4169
4180
|
let diff = secondParagraphOffsetWidth - firstParagraphOffsetWidth;
|
|
4170
4181
|
if (childDivElements[0].children.length == 2) {
|
|
4171
|
-
childDivElements[0].children[1].style.marginLeft = diff + 4 +
|
|
4182
|
+
childDivElements[0].children[1].style.marginLeft = diff + 4 + "px";
|
|
4172
4183
|
}
|
|
4173
4184
|
if (childDivElements[1].children.length == 2) {
|
|
4174
|
-
childDivElements[1].children[1].style.marginLeft = 4 +
|
|
4185
|
+
childDivElements[1].children[1].style.marginLeft = 4 + "px";
|
|
4175
4186
|
}
|
|
4176
4187
|
}
|
|
4177
4188
|
}
|
|
@@ -4194,7 +4205,7 @@ class AnnaNonEditableGenericTableComponent {
|
|
|
4194
4205
|
this.hierarchyTooltip.open();
|
|
4195
4206
|
}
|
|
4196
4207
|
iconClicked(rowData, iconClass) {
|
|
4197
|
-
if (
|
|
4208
|
+
if ("orderId" in rowData && iconClass.includes("mdi-star")) {
|
|
4198
4209
|
this.selectedStarredOrderId = rowData.orderId;
|
|
4199
4210
|
}
|
|
4200
4211
|
this.gtIconClicked.emit({ data: rowData, iconClass: iconClass });
|
|
@@ -4222,7 +4233,7 @@ class AnnaNonEditableGenericTableComponent {
|
|
|
4222
4233
|
this.tableHeaders.forEach((item) => {
|
|
4223
4234
|
item.headerInfo.forEach((header) => {
|
|
4224
4235
|
if (header.showTooltipIcon) {
|
|
4225
|
-
let key = header.filterSortObjectKeys.join(
|
|
4236
|
+
let key = header.filterSortObjectKeys.join(",");
|
|
4226
4237
|
header.joinedFilterSortObjectKeys = key;
|
|
4227
4238
|
// ANNA-4113 fix
|
|
4228
4239
|
if (this.annaFilterService.resetFilterSortActiveStatus) {
|
|
@@ -4290,13 +4301,13 @@ class AnnaNonEditableGenericTableComponent {
|
|
|
4290
4301
|
}
|
|
4291
4302
|
mouseEnterOnStringTextActionType(rowData, tooltipKey) {
|
|
4292
4303
|
this.textActionTooltip = rowData[tooltipKey];
|
|
4293
|
-
this.notificationIconHover.emit({ rowData: rowData, type:
|
|
4304
|
+
this.notificationIconHover.emit({ rowData: rowData, type: "on-enter" });
|
|
4294
4305
|
}
|
|
4295
4306
|
mouseEnterOnStringTextActionTypeContainingTable(rowData, tooltipKey) {
|
|
4296
4307
|
this.tooltipContainingTable = rowData[tooltipKey];
|
|
4297
4308
|
}
|
|
4298
4309
|
mouseLeaveTextActionType(rowData) {
|
|
4299
|
-
this.notificationIconHoverLeave.emit({ rowData: rowData, type:
|
|
4310
|
+
this.notificationIconHoverLeave.emit({ rowData: rowData, type: "on-leave" });
|
|
4300
4311
|
}
|
|
4301
4312
|
mouseEnterOnTextActionType(rowData, tooltipKey) {
|
|
4302
4313
|
this.textActionTooltip = rowData[tooltipKey];
|
|
@@ -4305,10 +4316,10 @@ class AnnaNonEditableGenericTableComponent {
|
|
|
4305
4316
|
this.clickableDataClicked.emit({ data: Rowdata, id: id });
|
|
4306
4317
|
}
|
|
4307
4318
|
removeTooltipOnScroll() {
|
|
4308
|
-
const elements = document.getElementsByClassName(
|
|
4319
|
+
const elements = document.getElementsByClassName("remarks-info-tooltip");
|
|
4309
4320
|
// const tooltipElements = document.getElementsByClassName("tooltip");
|
|
4310
|
-
const gtTooltip = document.getElementsByClassName(
|
|
4311
|
-
document.querySelectorAll(
|
|
4321
|
+
const gtTooltip = document.getElementsByClassName("remove-on-scroll-class");
|
|
4322
|
+
document.querySelectorAll(".tooltip:not(.keep-on-scroll-tooltip)").forEach((e) => {
|
|
4312
4323
|
e.remove();
|
|
4313
4324
|
this.tooltip = null;
|
|
4314
4325
|
});
|
|
@@ -4323,8 +4334,8 @@ class AnnaNonEditableGenericTableComponent {
|
|
|
4323
4334
|
this.totalRowIconClicked.emit(colName);
|
|
4324
4335
|
}
|
|
4325
4336
|
changesMadeInEditableInputBox(event, editedObject, pasteEvent) {
|
|
4326
|
-
let enteredValue = pasteEvent ? event.clipboardData.getData(
|
|
4327
|
-
let dotIndex = editedObject.value.indexOf(
|
|
4337
|
+
let enteredValue = pasteEvent ? event.clipboardData.getData("text") : event.key;
|
|
4338
|
+
let dotIndex = editedObject.value.indexOf(".");
|
|
4328
4339
|
if (event.keyCode != 8 &&
|
|
4329
4340
|
event.keyCode != 46 &&
|
|
4330
4341
|
!(event.keyCode >= 37 && event.keyCode <= 40) &&
|
|
@@ -4362,7 +4373,7 @@ class AnnaNonEditableGenericTableComponent {
|
|
|
4362
4373
|
}
|
|
4363
4374
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaNonEditableGenericTableComponent, decorators: [{
|
|
4364
4375
|
type: Component,
|
|
4365
|
-
args: [{ selector:
|
|
4376
|
+
args: [{ selector: "anna-core-non-editable-generic-table-lib", changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
|
|
4366
4377
|
NgClass,
|
|
4367
4378
|
NgStyle,
|
|
4368
4379
|
MatTableModule,
|
|
@@ -4474,7 +4485,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
4474
4485
|
type: Output
|
|
4475
4486
|
}], viewChildTableHeaders: [{
|
|
4476
4487
|
type: ViewChildren,
|
|
4477
|
-
args: [
|
|
4488
|
+
args: ["tableHeader"]
|
|
4478
4489
|
}] } });
|
|
4479
4490
|
|
|
4480
4491
|
// Angular import statements
|
|
@@ -4519,7 +4530,7 @@ class AnnaGtHelperService {
|
|
|
4519
4530
|
this.router.navigate([], {
|
|
4520
4531
|
queryParams: { filters: JSON.stringify(latestQueryParams) },
|
|
4521
4532
|
relativeTo: this.route.parent,
|
|
4522
|
-
queryParamsHandling:
|
|
4533
|
+
queryParamsHandling: "merge",
|
|
4523
4534
|
});
|
|
4524
4535
|
}
|
|
4525
4536
|
else {
|
|
@@ -4531,18 +4542,18 @@ class AnnaGtHelperService {
|
|
|
4531
4542
|
prepareQueryParamsOnFilter() {
|
|
4532
4543
|
let query = {};
|
|
4533
4544
|
if (this.annaFilterService.appliedFiltersArray.length > 0) {
|
|
4534
|
-
query[
|
|
4535
|
-
query[
|
|
4545
|
+
query["appliedFilters"] = this.annaFilterService.appliedFiltersArray;
|
|
4546
|
+
query["selectedFilterData"] = JSON.stringify(Array.from(this.annaFilterService.tooltipSelectedMap));
|
|
4536
4547
|
}
|
|
4537
4548
|
if (this.checkIfSortingIsApplied()) {
|
|
4538
|
-
query[
|
|
4549
|
+
query["sortState"] = JSON.stringify(Array.from(this.annaSortService.columnSortState));
|
|
4539
4550
|
}
|
|
4540
4551
|
return query;
|
|
4541
4552
|
}
|
|
4542
4553
|
checkIfSortingIsApplied() {
|
|
4543
4554
|
let isSortingApplied = false;
|
|
4544
4555
|
for (let val of this.annaSortService.columnSortState.values()) {
|
|
4545
|
-
if (val ==
|
|
4556
|
+
if (val == "ASC" || val == "DESC") {
|
|
4546
4557
|
isSortingApplied = true;
|
|
4547
4558
|
}
|
|
4548
4559
|
}
|
|
@@ -4563,7 +4574,7 @@ class AnnaGtHelperService {
|
|
|
4563
4574
|
setDataAsPerPersistingFilter(isPersistingFilter, clonedTable, filters) {
|
|
4564
4575
|
let usersTable;
|
|
4565
4576
|
if (isPersistingFilter) {
|
|
4566
|
-
usersTable = this.annaFilterService.filterData(clonedTable,
|
|
4577
|
+
usersTable = this.annaFilterService.filterData(clonedTable, "");
|
|
4567
4578
|
this.annaSortService.noSortingAppliedData = cloneDeep(usersTable);
|
|
4568
4579
|
}
|
|
4569
4580
|
else {
|
|
@@ -4579,10 +4590,10 @@ class AnnaGtHelperService {
|
|
|
4579
4590
|
}
|
|
4580
4591
|
callSort(usersTable) {
|
|
4581
4592
|
for (let [key, value] of this.annaSortService.columnSortState) {
|
|
4582
|
-
if (value ==
|
|
4593
|
+
if (value == "ASC") {
|
|
4583
4594
|
usersTable = this.annaSortService.sortDataForComponentOtherThanLurAndCsrPage(true, usersTable, key);
|
|
4584
4595
|
}
|
|
4585
|
-
else if (value ==
|
|
4596
|
+
else if (value == "DESC") {
|
|
4586
4597
|
usersTable = this.annaSortService.sortDataForComponentOtherThanLurAndCsrPage(false, usersTable, key);
|
|
4587
4598
|
}
|
|
4588
4599
|
}
|
|
@@ -4591,28 +4602,28 @@ class AnnaGtHelperService {
|
|
|
4591
4602
|
isSortingAppliedToTable() {
|
|
4592
4603
|
let isSortingApplied = false;
|
|
4593
4604
|
for (let val of this.annaSortService.columnSortState?.values()) {
|
|
4594
|
-
if (val ==
|
|
4605
|
+
if (val == "ASC" || val == "DESC") {
|
|
4595
4606
|
isSortingApplied = true;
|
|
4596
4607
|
}
|
|
4597
4608
|
}
|
|
4598
4609
|
return isSortingApplied;
|
|
4599
4610
|
}
|
|
4600
4611
|
updateQueryParamsFilter(key, value, operation, queryParamObj) {
|
|
4601
|
-
if (operation ==
|
|
4612
|
+
if (operation == "ADD") {
|
|
4602
4613
|
queryParamObj[key] = value;
|
|
4603
4614
|
}
|
|
4604
|
-
else if (operation ==
|
|
4615
|
+
else if (operation == "DELETE") {
|
|
4605
4616
|
delete queryParamObj[key];
|
|
4606
4617
|
}
|
|
4607
4618
|
return queryParamObj;
|
|
4608
4619
|
}
|
|
4609
4620
|
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 }); }
|
|
4610
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaGtHelperService, providedIn:
|
|
4621
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaGtHelperService, providedIn: "root" }); }
|
|
4611
4622
|
}
|
|
4612
4623
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaGtHelperService, decorators: [{
|
|
4613
4624
|
type: Injectable,
|
|
4614
4625
|
args: [{
|
|
4615
|
-
providedIn:
|
|
4626
|
+
providedIn: "root",
|
|
4616
4627
|
}]
|
|
4617
4628
|
}], ctorParameters: function () { return [{ type: AnnaFilterService }, { type: i2.Router }, { type: i2.ActivatedRoute }, { type: AnnaSortService }]; } });
|
|
4618
4629
|
|
|
@@ -4632,7 +4643,7 @@ function rangesEqual(r1, r2) {
|
|
|
4632
4643
|
* something that doesn't rely on requestAnimationFrame on environments
|
|
4633
4644
|
* that don't support it (e.g. server-side rendering).
|
|
4634
4645
|
*/
|
|
4635
|
-
const SCROLL_SCHEDULER = typeof requestAnimationFrame !==
|
|
4646
|
+
const SCROLL_SCHEDULER = typeof requestAnimationFrame !== "undefined" ? animationFrameScheduler : asapScheduler;
|
|
4636
4647
|
/**
|
|
4637
4648
|
* A viewport that virtualizes its scrolling with the help of `CdkVirtualForOf`.
|
|
4638
4649
|
* Uses `top: #px` instead of `transform: translateY(#px)` like the cdk virtual scroll viewport does
|
|
@@ -4659,7 +4670,7 @@ class AnnaTableVirtualScrollViewportComponent extends CdkScrollable {
|
|
|
4659
4670
|
this._detachedSubject = new Subject();
|
|
4660
4671
|
/** Emits when the rendered range changes. */
|
|
4661
4672
|
this._renderedRangeSubject = new Subject();
|
|
4662
|
-
this._orientation =
|
|
4673
|
+
this._orientation = "vertical";
|
|
4663
4674
|
// Note: we don't use the typical EventEmitter here because we need to subscribe to the scroll
|
|
4664
4675
|
// strategy lazily (i.e. only if the user is actually listening to the events). We do this because
|
|
4665
4676
|
// depending on how the strategy calculates the scrolled index, it may come at a cost to
|
|
@@ -4673,9 +4684,9 @@ class AnnaTableVirtualScrollViewportComponent extends CdkScrollable {
|
|
|
4673
4684
|
*/
|
|
4674
4685
|
this._totalContentSize = 0;
|
|
4675
4686
|
/** A string representing the `style.width` property value to be used for the spacer element. */
|
|
4676
|
-
this._totalContentWidth =
|
|
4687
|
+
this._totalContentWidth = "";
|
|
4677
4688
|
/** A string representing the `style.height` property value to be used for the spacer element. */
|
|
4678
|
-
this._totalContentHeight =
|
|
4689
|
+
this._totalContentHeight = "";
|
|
4679
4690
|
/** The currently rendered range of indices. */
|
|
4680
4691
|
this._renderedRange = { start: 0, end: 0 };
|
|
4681
4692
|
/** The length of the data bound to this viewport (in number of items). */
|
|
@@ -4738,7 +4749,7 @@ class AnnaTableVirtualScrollViewportComponent extends CdkScrollable {
|
|
|
4738
4749
|
/** Attaches a `CdkVirtualScrollRepeater` to this viewport. */
|
|
4739
4750
|
attach(forOf) {
|
|
4740
4751
|
if (this._forOf) {
|
|
4741
|
-
throw Error(
|
|
4752
|
+
throw Error("CdkVirtualScrollViewport is already attached.");
|
|
4742
4753
|
}
|
|
4743
4754
|
// Subscribe to the data stream of the CdkVirtualForOf to keep track of when the data length
|
|
4744
4755
|
// changes. Run outside the zone to avoid triggering change detection, since we're managing the
|
|
@@ -4830,7 +4841,7 @@ class AnnaTableVirtualScrollViewportComponent extends CdkScrollable {
|
|
|
4830
4841
|
* @param offset The offset to scroll to.
|
|
4831
4842
|
* @param behavior The ScrollBehavior to use when scrolling. Default is behavior is `auto`.
|
|
4832
4843
|
*/
|
|
4833
|
-
scrollToOffset(offset, behavior =
|
|
4844
|
+
scrollToOffset(offset, behavior = "auto") {
|
|
4834
4845
|
const options = { behavior, top: offset };
|
|
4835
4846
|
this.scrollTo(options);
|
|
4836
4847
|
}
|
|
@@ -4839,7 +4850,7 @@ class AnnaTableVirtualScrollViewportComponent extends CdkScrollable {
|
|
|
4839
4850
|
* @param index The index of the element to scroll to.
|
|
4840
4851
|
* @param behavior The ScrollBehavior to use when scrolling. Default is behavior is `auto`.
|
|
4841
4852
|
*/
|
|
4842
|
-
scrollToIndex(index, behavior =
|
|
4853
|
+
scrollToIndex(index, behavior = "auto") {
|
|
4843
4854
|
this._scrollStrategy.scrollToIndex(index, behavior);
|
|
4844
4855
|
}
|
|
4845
4856
|
/**
|
|
@@ -4849,7 +4860,7 @@ class AnnaTableVirtualScrollViewportComponent extends CdkScrollable {
|
|
|
4849
4860
|
*/
|
|
4850
4861
|
// CHANGES@ANNALIB added override to functions
|
|
4851
4862
|
measureScrollOffset(from) {
|
|
4852
|
-
return from ? super.measureScrollOffset(from) : super.measureScrollOffset(
|
|
4863
|
+
return from ? super.measureScrollOffset(from) : super.measureScrollOffset("top");
|
|
4853
4864
|
}
|
|
4854
4865
|
/** Measure the combined size of all of the rendered items. */
|
|
4855
4866
|
measureRenderedContentSize() {
|
|
@@ -4912,7 +4923,7 @@ class AnnaTableVirtualScrollViewportComponent extends CdkScrollable {
|
|
|
4912
4923
|
/** Calculates the `style.width` and `style.height` for the spacer element. */
|
|
4913
4924
|
_calculateSpacerSize() {
|
|
4914
4925
|
this._totalContentHeight = `${this._totalContentSize}px`;
|
|
4915
|
-
this._totalContentWidth =
|
|
4926
|
+
this._totalContentWidth = "";
|
|
4916
4927
|
}
|
|
4917
4928
|
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 }); }
|
|
4918
4929
|
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: [
|
|
@@ -4928,10 +4939,10 @@ class AnnaTableVirtualScrollViewportComponent extends CdkScrollable {
|
|
|
4928
4939
|
}
|
|
4929
4940
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaTableVirtualScrollViewportComponent, decorators: [{
|
|
4930
4941
|
type: Component,
|
|
4931
|
-
args: [{ selector:
|
|
4932
|
-
class:
|
|
4933
|
-
|
|
4934
|
-
|
|
4942
|
+
args: [{ selector: "anna-table-virtual-scroll-viewport", host: {
|
|
4943
|
+
class: "anna-table-virtual-scroll-viewport",
|
|
4944
|
+
"[class.anna-table-virtual-scroll-orientation-horizontal]": 'orientation === "horizontal"',
|
|
4945
|
+
"[class.anna-table-virtual-scroll-orientation-vertical]": 'orientation !== "horizontal"',
|
|
4935
4946
|
}, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
|
4936
4947
|
{
|
|
4937
4948
|
provide: CdkScrollable,
|
|
@@ -4955,7 +4966,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
4955
4966
|
type: Output
|
|
4956
4967
|
}], _contentWrapper: [{
|
|
4957
4968
|
type: ViewChild,
|
|
4958
|
-
args: [
|
|
4969
|
+
args: ["contentWrapper", { static: true }]
|
|
4959
4970
|
}] } });
|
|
4960
4971
|
|
|
4961
4972
|
/**
|
|
@@ -5103,7 +5114,7 @@ class AnnaFixedRowSizeTableVirtualScrollStrategyDirective {
|
|
|
5103
5114
|
if (this.headerRows != undefined || this.headerRowsQuery) {
|
|
5104
5115
|
this.handleChange();
|
|
5105
5116
|
}
|
|
5106
|
-
if (change[
|
|
5117
|
+
if (change["buffer"]?.previousValue != change["buffer"]?.currentValue) {
|
|
5107
5118
|
AnnaFilterService.bufferSize = this.buffer;
|
|
5108
5119
|
this.scrollStrategy = new AnnaFixedRowSizeTableVirtualScrollStrategy(this.rowHeight, this.buffer, this.headerRowHeight * this.headerRowCount);
|
|
5109
5120
|
}
|
|
@@ -5131,7 +5142,7 @@ class AnnaFixedRowSizeTableVirtualScrollStrategyDirective {
|
|
|
5131
5142
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaFixedRowSizeTableVirtualScrollStrategyDirective, decorators: [{
|
|
5132
5143
|
type: Directive,
|
|
5133
5144
|
args: [{
|
|
5134
|
-
selector:
|
|
5145
|
+
selector: "cdk-virtual-scroll-viewport[rowHeight], anna-table-virtual-scroll-viewport[rowHeight]",
|
|
5135
5146
|
providers: [
|
|
5136
5147
|
{
|
|
5137
5148
|
provide: VIRTUAL_SCROLL_STRATEGY,
|
|
@@ -5195,7 +5206,7 @@ class AnnaVirtualTableDirective {
|
|
|
5195
5206
|
this.renderedRange = { start: 0, end: 0 };
|
|
5196
5207
|
this.isNativeHtmlTable = false;
|
|
5197
5208
|
table.dataSource = this.virtualizedDataStream;
|
|
5198
|
-
this.isNativeHtmlTable = elementRef.nativeElement.tagName ===
|
|
5209
|
+
this.isNativeHtmlTable = elementRef.nativeElement.tagName === "TABLE";
|
|
5199
5210
|
this.dataStream.subscribe((data) => {
|
|
5200
5211
|
this.data = data;
|
|
5201
5212
|
this.onRenderedDataChange();
|
|
@@ -5280,7 +5291,7 @@ class AnnaVirtualTableDirective {
|
|
|
5280
5291
|
* I'm not actually sure if this works.
|
|
5281
5292
|
*/
|
|
5282
5293
|
measureRangeSize(range, orientation) {
|
|
5283
|
-
if (orientation ===
|
|
5294
|
+
if (orientation === "horizontal" || range.end < range.start) {
|
|
5284
5295
|
// virtual scrolling columns are not supported by this directive
|
|
5285
5296
|
return 0;
|
|
5286
5297
|
}
|
|
@@ -5309,7 +5320,7 @@ class AnnaVirtualTableDirective {
|
|
|
5309
5320
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaVirtualTableDirective, decorators: [{
|
|
5310
5321
|
type: Directive,
|
|
5311
5322
|
args: [{
|
|
5312
|
-
selector:
|
|
5323
|
+
selector: "[mat-table][appVirtualDataSource], mat-table[appVirtualDataSource]",
|
|
5313
5324
|
providers: [{ provide: STICKY_POSITIONING_LISTENER, useExisting: AnnaVirtualTableDirective }],
|
|
5314
5325
|
standalone: true,
|
|
5315
5326
|
}]
|
|
@@ -5318,7 +5329,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
5318
5329
|
args: [_COALESCED_STYLE_SCHEDULER]
|
|
5319
5330
|
}] }]; }, propDecorators: { dataSource: [{
|
|
5320
5331
|
type: Input,
|
|
5321
|
-
args: [
|
|
5332
|
+
args: ["appVirtualDataSource"]
|
|
5322
5333
|
}], headerRowDefs: [{
|
|
5323
5334
|
type: ContentChildren,
|
|
5324
5335
|
args: [CdkHeaderRowDef]
|
|
@@ -5334,7 +5345,7 @@ class AnnaTypeofDataPipe {
|
|
|
5334
5345
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaTypeofDataPipe, decorators: [{
|
|
5335
5346
|
type: Pipe,
|
|
5336
5347
|
args: [{
|
|
5337
|
-
name:
|
|
5348
|
+
name: "AnnatypeofData",
|
|
5338
5349
|
standalone: true,
|
|
5339
5350
|
}]
|
|
5340
5351
|
}] });
|
|
@@ -5349,7 +5360,7 @@ class AnnaReplaceCharPipe {
|
|
|
5349
5360
|
}
|
|
5350
5361
|
}
|
|
5351
5362
|
replace(value, from, to) {
|
|
5352
|
-
return value.replace(new RegExp(from,
|
|
5363
|
+
return value.replace(new RegExp(from, "g"), to);
|
|
5353
5364
|
}
|
|
5354
5365
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaReplaceCharPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
5355
5366
|
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: AnnaReplaceCharPipe, isStandalone: true, name: "annaReplaceChar" }); }
|
|
@@ -5357,7 +5368,7 @@ class AnnaReplaceCharPipe {
|
|
|
5357
5368
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaReplaceCharPipe, decorators: [{
|
|
5358
5369
|
type: Pipe,
|
|
5359
5370
|
args: [{
|
|
5360
|
-
name:
|
|
5371
|
+
name: "annaReplaceChar",
|
|
5361
5372
|
standalone: true,
|
|
5362
5373
|
}]
|
|
5363
5374
|
}] });
|
|
@@ -5368,38 +5379,38 @@ class DigitOnlyDirective {
|
|
|
5368
5379
|
this.hasDecimalPoint = false;
|
|
5369
5380
|
this.hasNegativeSign = false;
|
|
5370
5381
|
this.navigationKeys = [
|
|
5371
|
-
|
|
5372
|
-
|
|
5373
|
-
|
|
5374
|
-
|
|
5375
|
-
|
|
5376
|
-
|
|
5377
|
-
|
|
5378
|
-
|
|
5379
|
-
|
|
5380
|
-
|
|
5381
|
-
|
|
5382
|
-
|
|
5382
|
+
"Backspace",
|
|
5383
|
+
"Delete",
|
|
5384
|
+
"Tab",
|
|
5385
|
+
"Escape",
|
|
5386
|
+
"Enter",
|
|
5387
|
+
"Home",
|
|
5388
|
+
"End",
|
|
5389
|
+
"ArrowLeft",
|
|
5390
|
+
"ArrowRight",
|
|
5391
|
+
"Clear",
|
|
5392
|
+
"Copy",
|
|
5393
|
+
"Paste",
|
|
5383
5394
|
];
|
|
5384
5395
|
this.decimal = false;
|
|
5385
|
-
this.decimalSeparator =
|
|
5396
|
+
this.decimalSeparator = ".";
|
|
5386
5397
|
this.allowNegatives = false;
|
|
5387
5398
|
this.allowPaste = true;
|
|
5388
|
-
this.negativeSign =
|
|
5399
|
+
this.negativeSign = "-";
|
|
5389
5400
|
this.min = -Infinity;
|
|
5390
5401
|
this.max = Infinity;
|
|
5391
5402
|
this.regex = null;
|
|
5392
5403
|
this.inputElement = el.nativeElement;
|
|
5393
5404
|
}
|
|
5394
5405
|
ngOnChanges(changes) {
|
|
5395
|
-
if (changes[
|
|
5406
|
+
if (changes["pattern"]) {
|
|
5396
5407
|
this.regex = this.pattern ? RegExp(this.pattern) : null;
|
|
5397
5408
|
}
|
|
5398
|
-
if (changes[
|
|
5409
|
+
if (changes["min"]) {
|
|
5399
5410
|
const maybeMin = Number(this.min);
|
|
5400
5411
|
this.min = isNaN(maybeMin) ? -Infinity : maybeMin;
|
|
5401
5412
|
}
|
|
5402
|
-
if (changes[
|
|
5413
|
+
if (changes["max"]) {
|
|
5403
5414
|
const maybeMax = Number(this.max);
|
|
5404
5415
|
this.max = isNaN(maybeMax) ? Infinity : maybeMax;
|
|
5405
5416
|
}
|
|
@@ -5415,19 +5426,19 @@ class DigitOnlyDirective {
|
|
|
5415
5426
|
}
|
|
5416
5427
|
onKeyDown(e) {
|
|
5417
5428
|
if (this.navigationKeys.indexOf(e.key) > -1 || // Allow: navigation keys: backspace, delete, arrows etc.
|
|
5418
|
-
((e.key ===
|
|
5419
|
-
((e.key ===
|
|
5420
|
-
((e.key ===
|
|
5421
|
-
((e.key ===
|
|
5422
|
-
((e.key ===
|
|
5423
|
-
((e.key ===
|
|
5424
|
-
((e.key ===
|
|
5425
|
-
((e.key ===
|
|
5429
|
+
((e.key === "a" || e.code === "KeyA") && e.ctrlKey === true) || // Allow: Ctrl+A
|
|
5430
|
+
((e.key === "c" || e.code === "KeyC") && e.ctrlKey === true) || // Allow: Ctrl+C
|
|
5431
|
+
((e.key === "v" || e.code === "KeyV") && e.ctrlKey === true) || // Allow: Ctrl+V
|
|
5432
|
+
((e.key === "x" || e.code === "KeyX") && e.ctrlKey === true) || // Allow: Ctrl+X
|
|
5433
|
+
((e.key === "a" || e.code === "KeyA") && e.metaKey === true) || // Allow: Cmd+A (Mac)
|
|
5434
|
+
((e.key === "c" || e.code === "KeyC") && e.metaKey === true) || // Allow: Cmd+C (Mac)
|
|
5435
|
+
((e.key === "v" || e.code === "KeyV") && e.metaKey === true) || // Allow: Cmd+V (Mac)
|
|
5436
|
+
((e.key === "x" || e.code === "KeyX") && e.metaKey === true) // Allow: Cmd+X (Mac)
|
|
5426
5437
|
) {
|
|
5427
5438
|
// let it happen, don't do anything
|
|
5428
5439
|
return;
|
|
5429
5440
|
}
|
|
5430
|
-
let newValue =
|
|
5441
|
+
let newValue = "";
|
|
5431
5442
|
if (this.decimal && e.key === this.decimalSeparator) {
|
|
5432
5443
|
newValue = this.forecastValue(e.key);
|
|
5433
5444
|
if (newValue.split(this.decimalSeparator).length > 2) {
|
|
@@ -5452,7 +5463,7 @@ class DigitOnlyDirective {
|
|
|
5452
5463
|
}
|
|
5453
5464
|
}
|
|
5454
5465
|
// Ensure that it is a number and stop the keypress
|
|
5455
|
-
if (e.key ===
|
|
5466
|
+
if (e.key === " " || isNaN(Number(e.key))) {
|
|
5456
5467
|
e.preventDefault();
|
|
5457
5468
|
return;
|
|
5458
5469
|
}
|
|
@@ -5471,14 +5482,14 @@ class DigitOnlyDirective {
|
|
|
5471
5482
|
}
|
|
5472
5483
|
onPaste(event) {
|
|
5473
5484
|
if (this.allowPaste === true) {
|
|
5474
|
-
let pastedInput =
|
|
5475
|
-
if (window[
|
|
5485
|
+
let pastedInput = "";
|
|
5486
|
+
if (window["clipboardData"]) {
|
|
5476
5487
|
// Browser is IE
|
|
5477
|
-
pastedInput = window[
|
|
5488
|
+
pastedInput = window["clipboardData"].getData("text");
|
|
5478
5489
|
}
|
|
5479
5490
|
else if (event.clipboardData && event.clipboardData.getData) {
|
|
5480
5491
|
// Other browsers
|
|
5481
|
-
pastedInput = event.clipboardData.getData(
|
|
5492
|
+
pastedInput = event.clipboardData.getData("text/plain");
|
|
5482
5493
|
}
|
|
5483
5494
|
this.pasteData(pastedInput);
|
|
5484
5495
|
event.preventDefault();
|
|
@@ -5490,7 +5501,7 @@ class DigitOnlyDirective {
|
|
|
5490
5501
|
}
|
|
5491
5502
|
}
|
|
5492
5503
|
onDrop(event) {
|
|
5493
|
-
const textData = event.dataTransfer?.getData(
|
|
5504
|
+
const textData = event.dataTransfer?.getData("text") ?? "";
|
|
5494
5505
|
this.inputElement.focus();
|
|
5495
5506
|
this.pasteData(textData);
|
|
5496
5507
|
event.preventDefault();
|
|
@@ -5502,15 +5513,15 @@ class DigitOnlyDirective {
|
|
|
5502
5513
|
!this.getSelection().includes(this.negativeSign)) {
|
|
5503
5514
|
return;
|
|
5504
5515
|
}
|
|
5505
|
-
const pasted = document.execCommand(
|
|
5516
|
+
const pasted = document.execCommand("insertText", false, sanitizedContent);
|
|
5506
5517
|
if (!pasted) {
|
|
5507
5518
|
if (this.inputElement.setRangeText) {
|
|
5508
5519
|
const { selectionStart: start, selectionEnd: end } = this.inputElement;
|
|
5509
|
-
this.inputElement.setRangeText(sanitizedContent, start ?? 0, end ?? 0,
|
|
5520
|
+
this.inputElement.setRangeText(sanitizedContent, start ?? 0, end ?? 0, "end");
|
|
5510
5521
|
// Angular's Reactive Form relies on "input" event, but on Firefox, the setRangeText method doesn't trigger it
|
|
5511
5522
|
// so we have to trigger it ourself.
|
|
5512
|
-
if (typeof window[
|
|
5513
|
-
this.inputElement.dispatchEvent(new Event(
|
|
5523
|
+
if (typeof window["InstallTrigger"] !== "undefined") {
|
|
5524
|
+
this.inputElement.dispatchEvent(new Event("input", { cancelable: true }));
|
|
5514
5525
|
}
|
|
5515
5526
|
}
|
|
5516
5527
|
else {
|
|
@@ -5533,39 +5544,39 @@ class DigitOnlyDirective {
|
|
|
5533
5544
|
const pos = startPos + myValue.length;
|
|
5534
5545
|
myField.focus();
|
|
5535
5546
|
myField.setSelectionRange(pos, pos);
|
|
5536
|
-
this.triggerEvent(myField,
|
|
5547
|
+
this.triggerEvent(myField, "input");
|
|
5537
5548
|
}
|
|
5538
5549
|
triggerEvent(el, type) {
|
|
5539
|
-
if (
|
|
5550
|
+
if ("createEvent" in document) {
|
|
5540
5551
|
// modern browsers, IE9+
|
|
5541
|
-
const e = document.createEvent(
|
|
5552
|
+
const e = document.createEvent("HTMLEvents");
|
|
5542
5553
|
e.initEvent(type, false, true);
|
|
5543
5554
|
el.dispatchEvent(e);
|
|
5544
5555
|
}
|
|
5545
5556
|
}
|
|
5546
5557
|
// end stack overflow code
|
|
5547
5558
|
sanitizeInput(input) {
|
|
5548
|
-
let result =
|
|
5559
|
+
let result = "";
|
|
5549
5560
|
let regex;
|
|
5550
5561
|
if (this.decimal && this.isValidDecimal(input)) {
|
|
5551
|
-
regex = new RegExp(`${this.getNegativeSignRegExp()}[^0-9${this.decimalSeparator}]`,
|
|
5562
|
+
regex = new RegExp(`${this.getNegativeSignRegExp()}[^0-9${this.decimalSeparator}]`, "g");
|
|
5552
5563
|
}
|
|
5553
5564
|
else {
|
|
5554
|
-
regex = new RegExp(`${this.getNegativeSignRegExp()}[^0-9]`,
|
|
5565
|
+
regex = new RegExp(`${this.getNegativeSignRegExp()}[^0-9]`, "g");
|
|
5555
5566
|
}
|
|
5556
|
-
result = input.replace(regex,
|
|
5567
|
+
result = input.replace(regex, "");
|
|
5557
5568
|
const maxLength = this.inputElement.maxLength;
|
|
5558
5569
|
if (maxLength > 0) {
|
|
5559
5570
|
// the input element has maxLength limit
|
|
5560
5571
|
const allowedLength = maxLength - this.inputElement.value.length + (result.includes(`${this.negativeSign}`) ? 1 : 0);
|
|
5561
|
-
result = allowedLength > 0 ? result.substring(0, allowedLength) :
|
|
5572
|
+
result = allowedLength > 0 ? result.substring(0, allowedLength) : "";
|
|
5562
5573
|
}
|
|
5563
5574
|
return result;
|
|
5564
5575
|
}
|
|
5565
5576
|
getNegativeSignRegExp() {
|
|
5566
5577
|
return this.allowNegatives && (!this.hasNegativeSign || this.getSelection().includes(this.negativeSign))
|
|
5567
5578
|
? `(?!^${this.negativeSign})`
|
|
5568
|
-
:
|
|
5579
|
+
: "";
|
|
5569
5580
|
}
|
|
5570
5581
|
isValidDecimal(string) {
|
|
5571
5582
|
if (!this.hasDecimalPoint) {
|
|
@@ -5600,7 +5611,7 @@ class DigitOnlyDirective {
|
|
|
5600
5611
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DigitOnlyDirective, decorators: [{
|
|
5601
5612
|
type: Directive,
|
|
5602
5613
|
args: [{
|
|
5603
|
-
selector:
|
|
5614
|
+
selector: "[digitOnly]",
|
|
5604
5615
|
standalone: true,
|
|
5605
5616
|
}]
|
|
5606
5617
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { decimal: [{
|
|
@@ -5621,16 +5632,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
5621
5632
|
type: Input
|
|
5622
5633
|
}], onBeforeInput: [{
|
|
5623
5634
|
type: HostListener,
|
|
5624
|
-
args: [
|
|
5635
|
+
args: ["beforeinput", ["$event"]]
|
|
5625
5636
|
}], onKeyDown: [{
|
|
5626
5637
|
type: HostListener,
|
|
5627
|
-
args: [
|
|
5638
|
+
args: ["keydown", ["$event"]]
|
|
5628
5639
|
}], onPaste: [{
|
|
5629
5640
|
type: HostListener,
|
|
5630
|
-
args: [
|
|
5641
|
+
args: ["paste", ["$event"]]
|
|
5631
5642
|
}], onDrop: [{
|
|
5632
5643
|
type: HostListener,
|
|
5633
|
-
args: [
|
|
5644
|
+
args: ["drop", ["$event"]]
|
|
5634
5645
|
}] } });
|
|
5635
5646
|
|
|
5636
5647
|
class AnnaDateFormatterPipe {
|
|
@@ -5646,7 +5657,7 @@ class AnnaDateFormatterPipe {
|
|
|
5646
5657
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaDateFormatterPipe, decorators: [{
|
|
5647
5658
|
type: Pipe,
|
|
5648
5659
|
args: [{
|
|
5649
|
-
name:
|
|
5660
|
+
name: "AnnaDateFormatter",
|
|
5650
5661
|
standalone: true,
|
|
5651
5662
|
}]
|
|
5652
5663
|
}], ctorParameters: function () { return []; } });
|
|
@@ -5657,21 +5668,21 @@ class AnnaConvertArrayToCommaSeperatedValue {
|
|
|
5657
5668
|
}
|
|
5658
5669
|
transform(value, textKeyName, selectedKeyName) {
|
|
5659
5670
|
if (value == undefined || value == null) {
|
|
5660
|
-
return
|
|
5671
|
+
return "-";
|
|
5661
5672
|
}
|
|
5662
5673
|
return this.converter(value, textKeyName, selectedKeyName);
|
|
5663
5674
|
}
|
|
5664
5675
|
replace(value, textKeyName, selectedKeyName) {
|
|
5665
|
-
let stringToDisplay =
|
|
5676
|
+
let stringToDisplay = "";
|
|
5666
5677
|
let anyValueSelected = false;
|
|
5667
5678
|
value.forEach((val) => {
|
|
5668
5679
|
if (selectedKeyName && val[selectedKeyName]) {
|
|
5669
|
-
stringToDisplay = stringToDisplay + val[textKeyName] +
|
|
5680
|
+
stringToDisplay = stringToDisplay + val[textKeyName] + ", ";
|
|
5670
5681
|
anyValueSelected = true;
|
|
5671
5682
|
}
|
|
5672
5683
|
});
|
|
5673
5684
|
if (!anyValueSelected)
|
|
5674
|
-
return
|
|
5685
|
+
return "-";
|
|
5675
5686
|
// remove last 2 characters i.e. comma
|
|
5676
5687
|
stringToDisplay = stringToDisplay.slice(0, -2);
|
|
5677
5688
|
return stringToDisplay;
|
|
@@ -5682,7 +5693,7 @@ class AnnaConvertArrayToCommaSeperatedValue {
|
|
|
5682
5693
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaConvertArrayToCommaSeperatedValue, decorators: [{
|
|
5683
5694
|
type: Pipe,
|
|
5684
5695
|
args: [{
|
|
5685
|
-
name:
|
|
5696
|
+
name: "annaConvertArrayToCSV",
|
|
5686
5697
|
standalone: true,
|
|
5687
5698
|
}]
|
|
5688
5699
|
}] });
|
|
@@ -5709,7 +5720,7 @@ class FixedRowsPopupTableDirective {
|
|
|
5709
5720
|
let tableHeightForPopup = this.tableDataLength < this.maxRowsRenderedWithoutScrollForPopup
|
|
5710
5721
|
? this.popupRowHeight * (this.tableDataLength ? this.tableDataLength : 1) + this.popupHeaderHeight
|
|
5711
5722
|
: totalPopupTableHeight;
|
|
5712
|
-
this.renderer.setStyle(this.el.nativeElement,
|
|
5723
|
+
this.renderer.setStyle(this.el.nativeElement, "height", `calc(${tableHeightForPopup}px)`);
|
|
5713
5724
|
}
|
|
5714
5725
|
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 }); }
|
|
5715
5726
|
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 }); }
|
|
@@ -5717,7 +5728,7 @@ class FixedRowsPopupTableDirective {
|
|
|
5717
5728
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FixedRowsPopupTableDirective, decorators: [{
|
|
5718
5729
|
type: Directive,
|
|
5719
5730
|
args: [{
|
|
5720
|
-
selector:
|
|
5731
|
+
selector: "[fixedRowsInPopupTable]",
|
|
5721
5732
|
standalone: true,
|
|
5722
5733
|
}]
|
|
5723
5734
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { popupRowHeight: [{
|
|
@@ -5728,7 +5739,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
5728
5739
|
type: Input
|
|
5729
5740
|
}], onWindowResize: [{
|
|
5730
5741
|
type: HostListener,
|
|
5731
|
-
args: [
|
|
5742
|
+
args: ["window:resize"]
|
|
5732
5743
|
}] } });
|
|
5733
5744
|
|
|
5734
5745
|
class AnnaEstIconTemplateComponent {
|
|
@@ -5737,7 +5748,7 @@ class AnnaEstIconTemplateComponent {
|
|
|
5737
5748
|
}
|
|
5738
5749
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaEstIconTemplateComponent, decorators: [{
|
|
5739
5750
|
type: Component,
|
|
5740
|
-
args: [{ selector:
|
|
5751
|
+
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" }]
|
|
5741
5752
|
}] });
|
|
5742
5753
|
|
|
5743
5754
|
// Angular import statements
|
|
@@ -5822,8 +5833,8 @@ class AnnaCoreModule {
|
|
|
5822
5833
|
radius: 100,
|
|
5823
5834
|
outerStrokeWidth: 16,
|
|
5824
5835
|
innerStrokeWidth: 8,
|
|
5825
|
-
outerStrokeColor:
|
|
5826
|
-
innerStrokeColor:
|
|
5836
|
+
outerStrokeColor: "#78C000",
|
|
5837
|
+
innerStrokeColor: "#C7E596",
|
|
5827
5838
|
animationDuration: 300,
|
|
5828
5839
|
}),
|
|
5829
5840
|
AnnaWeekCalendarComponent,
|
|
@@ -5851,8 +5862,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
5851
5862
|
radius: 100,
|
|
5852
5863
|
outerStrokeWidth: 16,
|
|
5853
5864
|
innerStrokeWidth: 8,
|
|
5854
|
-
outerStrokeColor:
|
|
5855
|
-
innerStrokeColor:
|
|
5865
|
+
outerStrokeColor: "#78C000",
|
|
5866
|
+
innerStrokeColor: "#C7E596",
|
|
5856
5867
|
animationDuration: 300,
|
|
5857
5868
|
}),
|
|
5858
5869
|
AnnaNoDataComponent,
|
|
@@ -5936,38 +5947,38 @@ class AnnaNumberFormatService {
|
|
|
5936
5947
|
if (inputValue < 0) {
|
|
5937
5948
|
value = value * -1;
|
|
5938
5949
|
}
|
|
5939
|
-
if (digitsToRoundDecimalPoint == 0 && (unit ==
|
|
5950
|
+
if (digitsToRoundDecimalPoint == 0 && (unit == "M" || unit == "B" || unit == "K")) {
|
|
5940
5951
|
digitsToRoundDecimalPoint = 2;
|
|
5941
5952
|
}
|
|
5942
5953
|
return Number.isInteger(value) ? value.toString() + unit : value.toFixed(digitsToRoundDecimalPoint) + unit;
|
|
5943
5954
|
// return (Math.round(value, digitsToRoundDecimalPoint, MidpointRounding.AwayFromZero) + unit);
|
|
5944
5955
|
}
|
|
5945
5956
|
static GetValueInUnits(inputValue) {
|
|
5946
|
-
let unit =
|
|
5957
|
+
let unit = "";
|
|
5947
5958
|
let thousand = 1000;
|
|
5948
5959
|
let million = 1000000;
|
|
5949
5960
|
let billion = 1000000000;
|
|
5950
5961
|
if (inputValue >= thousand && inputValue < million) {
|
|
5951
5962
|
inputValue = inputValue / thousand;
|
|
5952
|
-
unit =
|
|
5963
|
+
unit = "K";
|
|
5953
5964
|
}
|
|
5954
5965
|
else if (inputValue >= million && inputValue < billion) {
|
|
5955
5966
|
inputValue = inputValue / million;
|
|
5956
|
-
unit =
|
|
5967
|
+
unit = "M";
|
|
5957
5968
|
}
|
|
5958
5969
|
else if (inputValue >= billion) {
|
|
5959
5970
|
inputValue = inputValue / billion;
|
|
5960
|
-
unit =
|
|
5971
|
+
unit = "B";
|
|
5961
5972
|
}
|
|
5962
5973
|
return [inputValue, unit];
|
|
5963
5974
|
}
|
|
5964
5975
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaNumberFormatService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
5965
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaNumberFormatService, providedIn:
|
|
5976
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaNumberFormatService, providedIn: "root" }); }
|
|
5966
5977
|
}
|
|
5967
5978
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaNumberFormatService, decorators: [{
|
|
5968
5979
|
type: Injectable,
|
|
5969
5980
|
args: [{
|
|
5970
|
-
providedIn:
|
|
5981
|
+
providedIn: "root",
|
|
5971
5982
|
}]
|
|
5972
5983
|
}] });
|
|
5973
5984
|
|
|
@@ -5975,25 +5986,25 @@ class AnnaPersistingFilterService {
|
|
|
5975
5986
|
constructor() { }
|
|
5976
5987
|
storeKeyValueInLocalStorage(val, isFilterKey = true) {
|
|
5977
5988
|
let filterOrdering;
|
|
5978
|
-
if (!localStorage.getItem(
|
|
5989
|
+
if (!localStorage.getItem("filterOrdering")) {
|
|
5979
5990
|
filterOrdering = [];
|
|
5980
5991
|
}
|
|
5981
5992
|
else {
|
|
5982
|
-
filterOrdering = JSON.parse(localStorage.getItem(
|
|
5993
|
+
filterOrdering = JSON.parse(localStorage.getItem("filterOrdering"));
|
|
5983
5994
|
}
|
|
5984
5995
|
let filterOrderingSet = new Set(filterOrdering);
|
|
5985
5996
|
let hashCode = null;
|
|
5986
5997
|
let key = null;
|
|
5987
5998
|
try {
|
|
5988
5999
|
hashCode = hash(val);
|
|
5989
|
-
key = isFilterKey ?
|
|
6000
|
+
key = isFilterKey ? "filter_" + hashCode : hashCode;
|
|
5990
6001
|
localStorage.setItem(key, JSON.stringify(val));
|
|
5991
6002
|
if (isFilterKey) {
|
|
5992
6003
|
if (filterOrderingSet.has(key)) {
|
|
5993
6004
|
filterOrderingSet.delete(key);
|
|
5994
6005
|
}
|
|
5995
6006
|
filterOrderingSet.add(key);
|
|
5996
|
-
localStorage.setItem(
|
|
6007
|
+
localStorage.setItem("filterOrdering", JSON.stringify(Array.from(filterOrderingSet)));
|
|
5997
6008
|
}
|
|
5998
6009
|
}
|
|
5999
6010
|
catch (e) {
|
|
@@ -6003,14 +6014,14 @@ class AnnaPersistingFilterService {
|
|
|
6003
6014
|
}
|
|
6004
6015
|
filterOrdering.splice(0, filterOrdering.length / 2);
|
|
6005
6016
|
hashCode = hash(val);
|
|
6006
|
-
let key = isFilterKey ?
|
|
6017
|
+
let key = isFilterKey ? "filter_" + hashCode : hashCode;
|
|
6007
6018
|
localStorage.setItem(key, JSON.stringify(val));
|
|
6008
6019
|
if (isFilterKey) {
|
|
6009
6020
|
if (filterOrderingSet.has(key)) {
|
|
6010
6021
|
filterOrderingSet.delete(key);
|
|
6011
6022
|
}
|
|
6012
6023
|
filterOrderingSet.add(key);
|
|
6013
|
-
localStorage.setItem(
|
|
6024
|
+
localStorage.setItem("filterOrdering", JSON.stringify(Array.from(filterOrderingSet)));
|
|
6014
6025
|
}
|
|
6015
6026
|
}
|
|
6016
6027
|
return key;
|
|
@@ -6021,15 +6032,15 @@ class AnnaPersistingFilterService {
|
|
|
6021
6032
|
convertObjToQueryString(paramsObject) {
|
|
6022
6033
|
return Object.keys(paramsObject)
|
|
6023
6034
|
.map((key) => `${encodeURIComponent(key)}=${encodeURIComponent(paramsObject[key])}`)
|
|
6024
|
-
.join(
|
|
6035
|
+
.join("&");
|
|
6025
6036
|
}
|
|
6026
6037
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaPersistingFilterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
6027
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaPersistingFilterService, providedIn:
|
|
6038
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaPersistingFilterService, providedIn: "root" }); }
|
|
6028
6039
|
}
|
|
6029
6040
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaPersistingFilterService, decorators: [{
|
|
6030
6041
|
type: Injectable,
|
|
6031
6042
|
args: [{
|
|
6032
|
-
providedIn:
|
|
6043
|
+
providedIn: "root",
|
|
6033
6044
|
}]
|
|
6034
6045
|
}], ctorParameters: function () { return []; } });
|
|
6035
6046
|
|
|
@@ -6056,18 +6067,18 @@ class IconCellActionKey {
|
|
|
6056
6067
|
}
|
|
6057
6068
|
|
|
6058
6069
|
class Constants {
|
|
6059
|
-
static { this.SUCCESS_STRING =
|
|
6060
|
-
static { this.BACKEND_SERVER_URL =
|
|
6061
|
-
static { this.ERROR_MSG =
|
|
6062
|
-
static { this.NO_DATA_MSG =
|
|
6063
|
-
static { this.SERVER_ERROR =
|
|
6064
|
-
static { this.USER_ORIGIN =
|
|
6065
|
-
static { this.ACTIVE_USER_STATUS =
|
|
6066
|
-
static { this.DELETED_USER_STATUS =
|
|
6067
|
-
static { this.INACTIVE_USER_STATUS =
|
|
6068
|
-
static { this.OGAdminRole =
|
|
6069
|
-
static { this.ASARole =
|
|
6070
|
-
static { this.dollars =
|
|
6070
|
+
static { this.SUCCESS_STRING = "success"; }
|
|
6071
|
+
static { this.BACKEND_SERVER_URL = "/server/public/index.php/api"; }
|
|
6072
|
+
static { this.ERROR_MSG = "Error occurred please try again."; }
|
|
6073
|
+
static { this.NO_DATA_MSG = "No Data to display"; }
|
|
6074
|
+
static { this.SERVER_ERROR = "Server error. Please try Again"; }
|
|
6075
|
+
static { this.USER_ORIGIN = "ANNA"; }
|
|
6076
|
+
static { this.ACTIVE_USER_STATUS = "active"; }
|
|
6077
|
+
static { this.DELETED_USER_STATUS = "deleted"; }
|
|
6078
|
+
static { this.INACTIVE_USER_STATUS = "inactive"; }
|
|
6079
|
+
static { this.OGAdminRole = "Ownership Group Admin"; }
|
|
6080
|
+
static { this.ASARole = "Anna Station Admin"; }
|
|
6081
|
+
static { this.dollars = "$"; }
|
|
6071
6082
|
}
|
|
6072
6083
|
class ErrorCodes {
|
|
6073
6084
|
static { this.BAD_REQUEST = 400; }
|
|
@@ -6090,16 +6101,16 @@ var Days;
|
|
|
6090
6101
|
Days[Days["Su"] = 7] = "Su";
|
|
6091
6102
|
})(Days || (Days = {}));
|
|
6092
6103
|
class OrderSources {
|
|
6093
|
-
static { this.Medialine =
|
|
6094
|
-
static { this.Non_electronic =
|
|
6095
|
-
static { this.Others =
|
|
6096
|
-
static { this.WOC_unlinked =
|
|
6097
|
-
static { this.WOC_linked =
|
|
6098
|
-
static { this.WOZ =
|
|
6099
|
-
static { this.Darwin =
|
|
6104
|
+
static { this.Medialine = "Medialine"; }
|
|
6105
|
+
static { this.Non_electronic = "Non electronic"; }
|
|
6106
|
+
static { this.Others = "Others"; }
|
|
6107
|
+
static { this.WOC_unlinked = "WOC Unlinked"; }
|
|
6108
|
+
static { this.WOC_linked = "WOC Linked"; }
|
|
6109
|
+
static { this.WOZ = "WOZ"; }
|
|
6110
|
+
static { this.Darwin = "Darwin"; }
|
|
6100
6111
|
}
|
|
6101
6112
|
class ANNAIconNames {
|
|
6102
|
-
static { this.AutomationActivatedIconName =
|
|
6113
|
+
static { this.AutomationActivatedIconName = "anna-automation-activated-icon mdi mdi-cog-refresh"; }
|
|
6103
6114
|
}
|
|
6104
6115
|
|
|
6105
6116
|
/*
|