@annalib/anna-core 8.0.28 → 8.0.30
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/esm2020/lib/anna-core-shared-lib/directives/digits-only/digits-only.directive.mjs +1 -2
- package/esm2020/lib/anna-core-shared-lib/services/anna-date-time-format.service.mjs +1 -2
- package/esm2020/lib/anna-core-shared-lib/services/anna-filter.service.mjs +15 -7
- package/esm2020/lib/anna-core-shared-lib/services/anna-global-config.service.mjs +1 -2
- package/esm2020/lib/anna-core-shared-lib/services/anna-sort.service.mjs +7 -3
- package/esm2020/lib/anna-dropdown-lib/components/anna-calendar-filter/anna-calendar-filter.component.mjs +2 -2
- package/esm2020/lib/anna-generic-table-lib/components/anna-non-editable-generic-table/anna-non-editable-generic-table.component.mjs +19 -1
- package/esm2020/lib/anna-generic-table-lib/components/anna-sort/anna-sort.component.mjs +1 -6
- package/fesm2015/annalib-anna-core.mjs +40 -18
- package/fesm2015/annalib-anna-core.mjs.map +1 -1
- package/fesm2020/annalib-anna-core.mjs +40 -18
- package/fesm2020/annalib-anna-core.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -240,7 +240,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImpor
|
|
|
240
240
|
// Angular import statements
|
|
241
241
|
class AnnaDateTimeFormatService {
|
|
242
242
|
constructor() {
|
|
243
|
-
console.log("AnnaDateTimeFormatService service created.");
|
|
244
243
|
}
|
|
245
244
|
convertToNgbDateStandardFormat(date) {
|
|
246
245
|
return {
|
|
@@ -437,7 +436,6 @@ class AnnaGlobalConfigService {
|
|
|
437
436
|
Initializing all default settings
|
|
438
437
|
*/
|
|
439
438
|
constructor() {
|
|
440
|
-
console.log("AnnaGlobalConfigService service created.");
|
|
441
439
|
this.defaultAngular2MultiSelectSettings = {
|
|
442
440
|
text: "Select option",
|
|
443
441
|
selectAllText: "Select All",
|
|
@@ -984,10 +982,10 @@ class AnnaCalendarFilterComponent {
|
|
|
984
982
|
}
|
|
985
983
|
}
|
|
986
984
|
AnnaCalendarFilterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: AnnaCalendarFilterComponent, deps: [{ token: AnnaDateTimeFormatService }, { token: i1.NgbDatepickerConfig }], target: i0.ɵɵFactoryTarget.Component });
|
|
987
|
-
AnnaCalendarFilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: AnnaCalendarFilterComponent, selector: "anna-core-calendar-filter-lib", inputs: { maxDate: "maxDate", label: "label", minDate: "minDate", selectedFromDate: "selectedFromDate", selectedToDate: "selectedToDate" }, outputs: { selectedDate: "selectedDate", apply: "apply", cancel: "cancel" }, usesOnChanges: true, ngImport: i0, template: "<!-- container=\"body\"\r\ndatepickerClass = \"calendar-filter\" -->\r\n \r\n<p class=\"calendar-label\">{{label | titlecase }}</p>\r\n<form>\r\n <div class=\"col-12\">\r\n <div class=\"dp-hidden position-absolute\">\r\n <div class=\"input-group\">\r\n <input 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]=\"'outside'\"\r\n [startDate]=\"fromDate\"\r\n navigation=\"select\"\r\n >\r\n <ng-template #t let-date let-focused=\"focused\">\r\n <span 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 {{ date.day }}\r\n </span>\r\n </ng-template>\r\n </div>\r\n </div>\r\n <div class=\"input-group\">\r\n <input #dpFromDate\r\n id = \"datepicker-input\"\r\n class=\"form-control\" placeholder=\"mm/dd/yyyy\"\r\n readonly\r\n name=\"dpFromDate\"\r\n [value]=\"dateToBeShownInInput\"\r\n >\r\n <button class=\"icon-container\" (click)=\"datepicker.toggle()\" type=\"button\"><i class=\"mdi mdi-calendar-range\"></i></button>\r\n </div>\r\n </div>\r\n</form>\r\n\r\n", styles: [":host::ng-deep div.ngb-dp-arrow.right{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{background-color:#fff!important}:host::ng-deep div.ngb-dp-header{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:2rem}.custom-day.focused{background-color:#e6e6e6}.custom-day.range{background-color:#268bff;color:#fff}.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;color:#000;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:white;border:none}input#datepicker-input{color:#202b47;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:15px}\n"], directives: [{ type: i18.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i18.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i18.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i1.NgbInputDatepicker, selector: "input[ngbDatepicker]", inputs: ["showWeekdays", "weekdays", "disabled", "autoClose", "datepickerClass", "dayTemplate", "dayTemplateData", "displayMonths", "firstDayOfWeek", "footerTemplate", "markDisabled", "minDate", "maxDate", "navigation", "outsideDays", "placement", "restoreFocus", "showWeekNumbers", "startDate", "container", "positionTarget"], outputs: ["dateSelect", "navigate", "closed"], exportAs: ["ngbDatepicker"] }], pipes: { "titlecase": i16.TitleCasePipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
985
|
+
AnnaCalendarFilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: AnnaCalendarFilterComponent, selector: "anna-core-calendar-filter-lib", inputs: { maxDate: "maxDate", label: "label", minDate: "minDate", selectedFromDate: "selectedFromDate", selectedToDate: "selectedToDate" }, outputs: { selectedDate: "selectedDate", apply: "apply", cancel: "cancel" }, usesOnChanges: true, ngImport: i0, template: "<!-- container=\"body\"\r\ndatepickerClass = \"calendar-filter\" -->\r\n \r\n<p class=\"calendar-label\">{{label | titlecase }}</p>\r\n<form>\r\n <div class=\"col-12\">\r\n <div class=\"dp-hidden position-absolute\">\r\n <div class=\"input-group\">\r\n <input 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]=\"'outside'\"\r\n [startDate]=\"fromDate\"\r\n navigation=\"select\"\r\n >\r\n <ng-template #t let-date let-focused=\"focused\">\r\n <span 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 {{ date.day }}\r\n </span>\r\n </ng-template>\r\n </div>\r\n </div>\r\n <div class=\"input-group\">\r\n <input #dpFromDate\r\n id = \"datepicker-input\"\r\n class=\"form-control\" placeholder=\"mm/dd/yyyy\"\r\n readonly\r\n name=\"dpFromDate\"\r\n [value]=\"dateToBeShownInInput\"\r\n >\r\n <button class=\"icon-container\" (click)=\"datepicker.toggle()\" type=\"button\"><i class=\"mdi mdi-calendar-range\"></i></button>\r\n </div>\r\n </div>\r\n</form>\r\n\r\n", styles: [":host::ng-deep div.ngb-dp-arrow.right{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{background-color:#fff!important}:host::ng-deep div.ngb-dp-header{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:2rem}.custom-day.focused{background-color:#e6e6e6}.custom-day.range{background-color:#268bff;color:#fff}.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;color:#000;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:white;border:none}input#datepicker-input{color:#202b47;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;width:94%}.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:15px}\n"], directives: [{ type: i18.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i18.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i18.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i1.NgbInputDatepicker, selector: "input[ngbDatepicker]", inputs: ["showWeekdays", "weekdays", "disabled", "autoClose", "datepickerClass", "dayTemplate", "dayTemplateData", "displayMonths", "firstDayOfWeek", "footerTemplate", "markDisabled", "minDate", "maxDate", "navigation", "outsideDays", "placement", "restoreFocus", "showWeekNumbers", "startDate", "container", "positionTarget"], outputs: ["dateSelect", "navigate", "closed"], exportAs: ["ngbDatepicker"] }], pipes: { "titlecase": i16.TitleCasePipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
988
986
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: AnnaCalendarFilterComponent, decorators: [{
|
|
989
987
|
type: Component,
|
|
990
|
-
args: [{ selector: "anna-core-calendar-filter-lib", changeDetection: ChangeDetectionStrategy.OnPush, template: "<!-- container=\"body\"\r\ndatepickerClass = \"calendar-filter\" -->\r\n \r\n<p class=\"calendar-label\">{{label | titlecase }}</p>\r\n<form>\r\n <div class=\"col-12\">\r\n <div class=\"dp-hidden position-absolute\">\r\n <div class=\"input-group\">\r\n <input 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]=\"'outside'\"\r\n [startDate]=\"fromDate\"\r\n navigation=\"select\"\r\n >\r\n <ng-template #t let-date let-focused=\"focused\">\r\n <span 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 {{ date.day }}\r\n </span>\r\n </ng-template>\r\n </div>\r\n </div>\r\n <div class=\"input-group\">\r\n <input #dpFromDate\r\n id = \"datepicker-input\"\r\n class=\"form-control\" placeholder=\"mm/dd/yyyy\"\r\n readonly\r\n name=\"dpFromDate\"\r\n [value]=\"dateToBeShownInInput\"\r\n >\r\n <button class=\"icon-container\" (click)=\"datepicker.toggle()\" type=\"button\"><i class=\"mdi mdi-calendar-range\"></i></button>\r\n </div>\r\n </div>\r\n</form>\r\n\r\n", styles: [":host::ng-deep div.ngb-dp-arrow.right{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{background-color:#fff!important}:host::ng-deep div.ngb-dp-header{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:2rem}.custom-day.focused{background-color:#e6e6e6}.custom-day.range{background-color:#268bff;color:#fff}.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;color:#000;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:white;border:none}input#datepicker-input{color:#202b47;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:15px}\n"] }]
|
|
988
|
+
args: [{ selector: "anna-core-calendar-filter-lib", changeDetection: ChangeDetectionStrategy.OnPush, template: "<!-- container=\"body\"\r\ndatepickerClass = \"calendar-filter\" -->\r\n \r\n<p class=\"calendar-label\">{{label | titlecase }}</p>\r\n<form>\r\n <div class=\"col-12\">\r\n <div class=\"dp-hidden position-absolute\">\r\n <div class=\"input-group\">\r\n <input 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]=\"'outside'\"\r\n [startDate]=\"fromDate\"\r\n navigation=\"select\"\r\n >\r\n <ng-template #t let-date let-focused=\"focused\">\r\n <span 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 {{ date.day }}\r\n </span>\r\n </ng-template>\r\n </div>\r\n </div>\r\n <div class=\"input-group\">\r\n <input #dpFromDate\r\n id = \"datepicker-input\"\r\n class=\"form-control\" placeholder=\"mm/dd/yyyy\"\r\n readonly\r\n name=\"dpFromDate\"\r\n [value]=\"dateToBeShownInInput\"\r\n >\r\n <button class=\"icon-container\" (click)=\"datepicker.toggle()\" type=\"button\"><i class=\"mdi mdi-calendar-range\"></i></button>\r\n </div>\r\n </div>\r\n</form>\r\n\r\n", styles: [":host::ng-deep div.ngb-dp-arrow.right{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{background-color:#fff!important}:host::ng-deep div.ngb-dp-header{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:2rem}.custom-day.focused{background-color:#e6e6e6}.custom-day.range{background-color:#268bff;color:#fff}.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;color:#000;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:white;border:none}input#datepicker-input{color:#202b47;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;width:94%}.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:15px}\n"] }]
|
|
991
989
|
}], ctorParameters: function () { return [{ type: AnnaDateTimeFormatService }, { type: i1.NgbDatepickerConfig }]; }, propDecorators: { maxDate: [{
|
|
992
990
|
type: Input
|
|
993
991
|
}], label: [{
|
|
@@ -1058,7 +1056,6 @@ class AnnaSortService {
|
|
|
1058
1056
|
'flightStartDate',
|
|
1059
1057
|
'flightEndDate',
|
|
1060
1058
|
]);
|
|
1061
|
-
console.log('AnnaTableColumnSortService sevice created.');
|
|
1062
1059
|
}
|
|
1063
1060
|
sortDataForComponentOtherThanLurAndCsrPage(isAsc, data, key) {
|
|
1064
1061
|
let param1;
|
|
@@ -1104,7 +1101,9 @@ class AnnaSortService {
|
|
|
1104
1101
|
});
|
|
1105
1102
|
}
|
|
1106
1103
|
else {
|
|
1107
|
-
data.
|
|
1104
|
+
let dataWithoutEmptyOrHyphenValues = data.filter(n => n[key] != "-");
|
|
1105
|
+
let rowsWithHyphenOrZeroValues = data.filter(n => n[key] == "-");
|
|
1106
|
+
dataWithoutEmptyOrHyphenValues.sort((a, b) => {
|
|
1108
1107
|
param1 = a[key];
|
|
1109
1108
|
param2 = b[key];
|
|
1110
1109
|
if (param1 !== param2) {
|
|
@@ -1112,7 +1111,10 @@ class AnnaSortService {
|
|
|
1112
1111
|
}
|
|
1113
1112
|
return 0;
|
|
1114
1113
|
});
|
|
1114
|
+
data = isAsc ? [...rowsWithHyphenOrZeroValues, ...dataWithoutEmptyOrHyphenValues] :
|
|
1115
|
+
[...dataWithoutEmptyOrHyphenValues, ...rowsWithHyphenOrZeroValues];
|
|
1115
1116
|
}
|
|
1117
|
+
console.log(data.map(n => n[key]));
|
|
1116
1118
|
return data;
|
|
1117
1119
|
}
|
|
1118
1120
|
sortEnterEditLurAndCsrPage(isAsc, data, key) {
|
|
@@ -1247,7 +1249,6 @@ class AnnaFilterService {
|
|
|
1247
1249
|
};
|
|
1248
1250
|
dayjs.extend(minMax);
|
|
1249
1251
|
dayjs.extend(isBetween);
|
|
1250
|
-
console.log("AnnaFilterService service created.");
|
|
1251
1252
|
const sliderArr = [
|
|
1252
1253
|
"rcvPreempt",
|
|
1253
1254
|
"osPreempt",
|
|
@@ -1289,9 +1290,16 @@ class AnnaFilterService {
|
|
|
1289
1290
|
"userChanges",
|
|
1290
1291
|
"userMG",
|
|
1291
1292
|
"WeeklyAUR",
|
|
1292
|
-
"WeeklyAURatingOrImpressions"
|
|
1293
|
+
"WeeklyAURatingOrImpressions",
|
|
1294
|
+
"BookedRate",
|
|
1295
|
+
"BookedRTG",
|
|
1296
|
+
"BookedIMPS",
|
|
1297
|
+
"AURTG",
|
|
1298
|
+
"AURTG",
|
|
1299
|
+
"PostedRating",
|
|
1300
|
+
"PostedImpressions",
|
|
1293
1301
|
];
|
|
1294
|
-
const calendarArr = ["period", "AirDate", "flightStartDate", "flightEndDate", "date", "startDate", "endDate", "revisionStartDate"];
|
|
1302
|
+
const calendarArr = ["period", "AirDate", "flightStartDate", "flightEndDate", "date", "startDate", "endDate", "revisionStartDate", "Week"];
|
|
1295
1303
|
const timeArr = ["StartTimeForFilter", "EndTimeForFilter", "time",
|
|
1296
1304
|
"start_time_for_filter", "end_time_for_filter", "startEndTimeMulti", "startEndTime"];
|
|
1297
1305
|
this.sliderSet = new Set(sliderArr);
|
|
@@ -1379,6 +1387,7 @@ class AnnaFilterService {
|
|
|
1379
1387
|
this.selectedRadio === "flightStartDate" ||
|
|
1380
1388
|
this.selectedRadio === "flightEndDate" ||
|
|
1381
1389
|
this.selectedRadio == "date" ||
|
|
1390
|
+
this.selectedRadio == "Week" ||
|
|
1382
1391
|
this.selectedRadio == "revisionStartDate") {
|
|
1383
1392
|
isFiltered =
|
|
1384
1393
|
!isEqual(this.initialValueMap.get(this.selectedRadio), this.tooltipSelectedMap.get(this.selectedRadio)) &&
|
|
@@ -1415,7 +1424,8 @@ class AnnaFilterService {
|
|
|
1415
1424
|
if (this.sliderSet.has(key)) {
|
|
1416
1425
|
filteredData = filteredData.filter((obj) => obj[key] >= value.min && obj[key] <= value.max);
|
|
1417
1426
|
}
|
|
1418
|
-
else if (key === "startDate" || key === "endDate" || key === "AirDate" || key === "flightStartDate" || key === "flightEndDate" || key == "date" || key == "revisionStartDate"
|
|
1427
|
+
else if (key === "startDate" || key === "endDate" || key === "AirDate" || key === "flightStartDate" || key === "flightEndDate" || key == "date" || key == "revisionStartDate"
|
|
1428
|
+
|| key == "Week") {
|
|
1419
1429
|
filteredData = filteredData.filter((obj) => this.isObjectInTheRange(obj, value, key));
|
|
1420
1430
|
}
|
|
1421
1431
|
else if (key === "period") {
|
|
@@ -1530,7 +1540,7 @@ class AnnaFilterService {
|
|
|
1530
1540
|
return ((startDateIsBetweenSelDate || startDateIsSameAsSelStartDate) &&
|
|
1531
1541
|
(endDateIsBetweenSelDate || endDateIsSameAsSelEndDate));
|
|
1532
1542
|
}
|
|
1533
|
-
else if (key === "AirDate" || key === "flightStartDate" || key === "flightEndDate") {
|
|
1543
|
+
else if (key === "AirDate" || key === "flightStartDate" || key === "flightEndDate" || key === "Week") {
|
|
1534
1544
|
parsingFormat = "MM/DD/YYYY";
|
|
1535
1545
|
let dateIsBetweenSelDate = dayjs(obj[key], parsingFormat).isBetween(value.minSelectedDate, value.maxSelectedDate);
|
|
1536
1546
|
let dateIsSameAsSelStartDate = dayjs(obj[key], parsingFormat).isSame(value.minSelectedDate);
|
|
@@ -1588,7 +1598,7 @@ class AnnaFilterService {
|
|
|
1588
1598
|
if (this.sliderSet.has(key)) {
|
|
1589
1599
|
filteredData = filteredData.filter((obj) => obj[key] >= value.min && obj[key] <= value.max);
|
|
1590
1600
|
}
|
|
1591
|
-
else if (key === "startDate" || key === "endDate" || key === "AirDate" || key === "flightStartDate" || key === "flightEndDate" || key == "date" || key == "revisionStartDate") {
|
|
1601
|
+
else if (key === "startDate" || key === "endDate" || key === "AirDate" || key === "flightStartDate" || key === "flightEndDate" || key == "date" || key == "revisionStartDate" || key === "Week") {
|
|
1592
1602
|
filteredData = filteredData.filter((obj) => this.isObjectInTheRange(obj, value, key));
|
|
1593
1603
|
}
|
|
1594
1604
|
else if (key === "period") {
|
|
@@ -1674,10 +1684,7 @@ class AnnaSortComponent {
|
|
|
1674
1684
|
];
|
|
1675
1685
|
}
|
|
1676
1686
|
ngOnChanges(changes) {
|
|
1677
|
-
console.log("sort component ngOnChanges");
|
|
1678
|
-
console.log(this.sortObjectKey);
|
|
1679
1687
|
if (changes["sortObjectKey"] && changes["sortObjectKey"].currentValue) {
|
|
1680
|
-
console.log("inside sort active func");
|
|
1681
1688
|
let sortType = this.annaSortService.columnSortState.get(this.sortObjectKey);
|
|
1682
1689
|
this.setSortType(sortType);
|
|
1683
1690
|
}
|
|
@@ -1688,8 +1695,6 @@ class AnnaSortComponent {
|
|
|
1688
1695
|
this.sortOptionClicked.emit(sortType);
|
|
1689
1696
|
}
|
|
1690
1697
|
ngOnInit() {
|
|
1691
|
-
console.log("sort component ngOnInit");
|
|
1692
|
-
console.log(this.annaSortService.columnSortState);
|
|
1693
1698
|
this.annaSortService.updateSortTypeSubject.subscribe((item) => {
|
|
1694
1699
|
this.setSortType(item);
|
|
1695
1700
|
});
|
|
@@ -1930,6 +1935,24 @@ class AnnaNonEditableGenericTableComponent {
|
|
|
1930
1935
|
this.tooltipRadioTextMap.set("udGrpPercent", "UD GRP %");
|
|
1931
1936
|
this.tooltipRadioTextMap.set("odImpsPercent", "OD IMPS %");
|
|
1932
1937
|
this.tooltipRadioTextMap.set("odGrpPercent", "OD GRP %");
|
|
1938
|
+
this.tooltipRadioTextMap.set("SellerLine", "Seller Line #");
|
|
1939
|
+
this.tooltipRadioTextMap.set("BuyerLine", "Buy Line #");
|
|
1940
|
+
this.tooltipRadioTextMap.set("SpotStatus", "Spot Status");
|
|
1941
|
+
this.tooltipRadioTextMap.set("InventoryCode", "Inventory Code");
|
|
1942
|
+
this.tooltipRadioTextMap.set("BuyerProgramName", "Buyer Program Name");
|
|
1943
|
+
this.tooltipRadioTextMap.set("RevenueClass", "Revenue Class");
|
|
1944
|
+
this.tooltipRadioTextMap.set("WeeklyAUR", "AUR");
|
|
1945
|
+
this.tooltipRadioTextMap.set("BookedRate", "Booked Rate");
|
|
1946
|
+
this.tooltipRadioTextMap.set("BookedRTG", "Booked RTG");
|
|
1947
|
+
this.tooltipRadioTextMap.set("BookedIMPS", "Booked IMPS('000)");
|
|
1948
|
+
this.tooltipRadioTextMap.set("AURTG", "AU RTG");
|
|
1949
|
+
this.tooltipRadioTextMap.set("AUIMPS", "AU IMPS('000)");
|
|
1950
|
+
this.tooltipRadioTextMap.set("PostedRatingsOrImpressions", "Posted RTG");
|
|
1951
|
+
this.tooltipRadioTextMap.set("ScheduleFlightWeek", "Schedule Week");
|
|
1952
|
+
this.tooltipRadioTextMap.set("ScheduledDay", "Scheduled Day");
|
|
1953
|
+
this.tooltipRadioTextMap.set("AirStatus", "Aired Status");
|
|
1954
|
+
this.tooltipRadioTextMap.set("AirDateAndTime", "Aired Date & Time");
|
|
1955
|
+
this.tooltipRadioTextMap.set("AdId", "Ad-Id");
|
|
1933
1956
|
}
|
|
1934
1957
|
generateTableDataWrapper() {
|
|
1935
1958
|
this.showSkeletonLoading = true;
|
|
@@ -4411,7 +4434,6 @@ class DigitOnlyDirective {
|
|
|
4411
4434
|
}
|
|
4412
4435
|
}
|
|
4413
4436
|
onKeyDown(e) {
|
|
4414
|
-
console.log("called");
|
|
4415
4437
|
if (this.navigationKeys.indexOf(e.key) > -1 || // Allow: navigation keys: backspace, delete, arrows etc.
|
|
4416
4438
|
((e.key === 'a' || e.code === 'KeyA') && e.ctrlKey === true) || // Allow: Ctrl+A
|
|
4417
4439
|
((e.key === 'c' || e.code === 'KeyC') && e.ctrlKey === true) || // Allow: Ctrl+C
|