tango-app-ui-shared 3.0.15-dev → 3.0.17-dev
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/modules/common/common-shared.module.mjs +6 -5
- package/esm2022/lib/modules/layout/toolbar/classic/classic.component.mjs +2 -21
- package/esm2022/lib/modules/layout/toolbar/date-single-select/date-single-select.component.mjs +41 -53
- package/esm2022/lib/modules/layout/toolbar/datepicker/datepicker.component.mjs +12 -22
- package/esm2022/lib/modules/layout/toolbar/single-store/single-store.component.mjs +1 -15
- package/esm2022/lib/pipes/customDate.pipe.mjs +22 -0
- package/esm2022/public-api.mjs +3 -1
- package/fesm2022/tango-app-ui-shared.mjs +75 -111
- package/fesm2022/tango-app-ui-shared.mjs.map +1 -1
- package/lib/modules/common/common-shared.module.d.ts +5 -4
- package/lib/modules/layout/toolbar/date-single-select/date-single-select.component.d.ts +5 -5
- package/lib/pipes/customDate.pipe.d.ts +7 -0
- package/package.json +1 -1
- package/public-api.d.ts +1 -0
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { Pipe } from '@angular/core';
|
|
2
|
+
import { DatePipe } from '@angular/common';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export class CustomDateFormatPipe {
|
|
5
|
+
transform(value, ...args) {
|
|
6
|
+
if (value) {
|
|
7
|
+
const datePipe = new DatePipe('en-US');
|
|
8
|
+
const formattedDate = datePipe.transform(value, 'dd MMM, yyyy');
|
|
9
|
+
return formattedDate;
|
|
10
|
+
}
|
|
11
|
+
return null;
|
|
12
|
+
}
|
|
13
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: CustomDateFormatPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
|
|
14
|
+
static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.0.8", ngImport: i0, type: CustomDateFormatPipe, name: "customDateFormat" });
|
|
15
|
+
}
|
|
16
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: CustomDateFormatPipe, decorators: [{
|
|
17
|
+
type: Pipe,
|
|
18
|
+
args: [{
|
|
19
|
+
name: 'customDateFormat'
|
|
20
|
+
}]
|
|
21
|
+
}] });
|
|
22
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3VzdG9tRGF0ZS5waXBlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdGFuZ28tYXBwLXNoYXJlZC9zcmMvbGliL3BpcGVzL2N1c3RvbURhdGUucGlwZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsSUFBSSxFQUFpQixNQUFNLGVBQWUsQ0FBQztBQUNwRCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0saUJBQWlCLENBQUM7O0FBSzNDLE1BQU0sT0FBTyxvQkFBb0I7SUFFL0IsU0FBUyxDQUFDLEtBQVUsRUFBRSxHQUFHLElBQVc7UUFDbEMsSUFBSSxLQUFLLEVBQUU7WUFDVCxNQUFNLFFBQVEsR0FBRyxJQUFJLFFBQVEsQ0FBQyxPQUFPLENBQUMsQ0FBQztZQUN2QyxNQUFNLGFBQWEsR0FBRyxRQUFRLENBQUMsU0FBUyxDQUFDLEtBQUssRUFBRSxjQUFjLENBQUMsQ0FBQztZQUNoRSxPQUFPLGFBQWEsQ0FBQztTQUN0QjtRQUNELE9BQU8sSUFBSSxDQUFDO0lBQ2QsQ0FBQzt1R0FUVSxvQkFBb0I7cUdBQXBCLG9CQUFvQjs7MkZBQXBCLG9CQUFvQjtrQkFIaEMsSUFBSTttQkFBQztvQkFDSixJQUFJLEVBQUUsa0JBQWtCO2lCQUN6QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFBpcGUsIFBpcGVUcmFuc2Zvcm0gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgRGF0ZVBpcGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG4gXHJcbkBQaXBlKHtcclxuICBuYW1lOiAnY3VzdG9tRGF0ZUZvcm1hdCdcclxufSlcclxuZXhwb3J0IGNsYXNzIEN1c3RvbURhdGVGb3JtYXRQaXBlIGltcGxlbWVudHMgUGlwZVRyYW5zZm9ybSB7XHJcbiBcclxuICB0cmFuc2Zvcm0odmFsdWU6IGFueSwgLi4uYXJnczogYW55W10pOiBhbnkge1xyXG4gICAgaWYgKHZhbHVlKSB7XHJcbiAgICAgIGNvbnN0IGRhdGVQaXBlID0gbmV3IERhdGVQaXBlKCdlbi1VUycpO1xyXG4gICAgICBjb25zdCBmb3JtYXR0ZWREYXRlID0gZGF0ZVBpcGUudHJhbnNmb3JtKHZhbHVlLCAnZGQgTU1NLCB5eXl5Jyk7XHJcbiAgICAgIHJldHVybiBmb3JtYXR0ZWREYXRlO1xyXG4gICAgfVxyXG4gICAgcmV0dXJuIG51bGw7XHJcbiAgfVxyXG4gXHJcbn0iXX0=
|
package/esm2022/public-api.mjs
CHANGED
|
@@ -49,6 +49,8 @@ export * from './lib/interfaces/global-state';
|
|
|
49
49
|
export * from './lib/services/global-state.service';
|
|
50
50
|
export * from './lib/services/auth.service';
|
|
51
51
|
export * from './lib/services/toast.service';
|
|
52
|
+
// pipe
|
|
53
|
+
export * from './lib/pipes/customDate.pipe';
|
|
52
54
|
// interceptors
|
|
53
55
|
export * from './lib/interceptors/http-auth-interceptor';
|
|
54
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
56
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL3RhbmdvLWFwcC1zaGFyZWQvc3JjL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxhQUFhO0FBQ2IsY0FBYyw4Q0FBOEMsQ0FBQztBQUM3RCxjQUFjLGdEQUFnRCxDQUFDO0FBQy9ELGNBQWMsOENBQThDLENBQUM7QUFDN0QsY0FBYyw4Q0FBOEMsQ0FBQztBQUM3RCxjQUFjLCtEQUErRCxDQUFDO0FBQzlFLGNBQWMscURBQXFELENBQUM7QUFDcEUsY0FBYyw2REFBNkQsQ0FBQztBQUM1RSxjQUFjLDBEQUEwRCxDQUFDO0FBQ3pFLGNBQWMsc0VBQXNFLENBQUM7QUFDckYsY0FBYyxrRUFBa0UsQ0FBQztBQUNqRixjQUFjLGtFQUFrRSxDQUFDO0FBQ2pGLGNBQWMsZ0RBQWdELENBQUM7QUFDL0QsY0FBYyw4REFBOEQsQ0FBQztBQUM3RSxjQUFjLHdEQUF3RCxDQUFDO0FBQ3ZFLGNBQWMsd0VBQXdFLENBQUM7QUFDdkYsY0FBYywwREFBMEQsQ0FBQztBQUN6RSxjQUFjLHdEQUF3RCxDQUFDO0FBQ3ZFLGNBQWMsa0RBQWtELENBQUM7QUFDakUsY0FBYyxnREFBZ0QsQ0FBQztBQUMvRCxjQUFjLHNEQUFzRCxDQUFDO0FBRXJFLGNBQWMsdUNBQXVDLENBQUM7QUFDdEQsY0FBYyxrREFBa0QsQ0FBQztBQUNqRSxjQUFjLGtEQUFrRCxDQUFDO0FBQ2pFLGNBQWMsc0RBQXNELENBQUE7QUFDcEUsY0FBYyxnREFBZ0QsQ0FBQTtBQUM5RCxjQUFjLDREQUE0RCxDQUFBO0FBRTFFLE9BQU87QUFDUCxjQUFjLCtCQUErQixDQUFDO0FBQzlDLGNBQWMsZ0NBQWdDLENBQUM7QUFDL0MsT0FBTyxLQUFLLE1BQU0sTUFBTSxzQkFBc0IsQ0FBQztBQUMvQyxPQUFPLEtBQUssTUFBTSxNQUFNLHNCQUFzQixDQUFDO0FBQy9DLE9BQU8sS0FBSyxNQUFNLE1BQU0sc0JBQXNCLENBQUM7QUFDL0MsT0FBTyxLQUFLLE1BQU0sTUFBTSxzQkFBc0IsQ0FBQztBQUMvQyxPQUFPLEtBQUssTUFBTSxNQUFNLHNCQUFzQixDQUFDO0FBQy9DLE9BQU8sS0FBSyxNQUFNLE1BQU0sc0JBQXNCLENBQUM7QUFFL0MsVUFBVTtBQUNWLGNBQWMsb0NBQW9DLENBQUM7QUFDbkQsY0FBYyxvQ0FBb0MsQ0FBQztBQUNuRCxjQUFjLDJDQUEyQyxDQUFBO0FBRXpELFNBQVM7QUFDVCxjQUFjLHlCQUF5QixDQUFDO0FBRXhDLGFBQWE7QUFDYixjQUFjLCtCQUErQixDQUFDO0FBRzlDLFdBQVc7QUFDWCxjQUFjLHFDQUFxQyxDQUFDO0FBQ3BELGNBQWMsNkJBQTZCLENBQUM7QUFDNUMsY0FBYyw4QkFBOEIsQ0FBQztBQUU3QyxPQUFPO0FBQ1AsY0FBYyw2QkFBNkIsQ0FBQTtBQUUzQyxlQUFlO0FBQ2YsY0FBYywwQ0FBMEMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qXHJcbiAqIFB1YmxpYyBBUEkgU3VyZmFjZSBvZiB0YW5nby1hcHAtc2hhcmVkXHJcbiAqL1xyXG5cclxuLy8gQ29tcG9uZW50c1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2R1bGVzL2xheW91dC9sYXlvdXQvbGF5b3V0LmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZHVsZXMvbGF5b3V0L2NvbnRlbnQvY29udGVudC5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2R1bGVzL2xheW91dC9mb290ZXIvZm9vdGVyLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZHVsZXMvbGF5b3V0L2hlYWRlci9oZWFkZXIuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kdWxlcy9sYXlvdXQvaGVhZGVyL2hlYWRlci1tZW51L2hlYWRlci1tZW51LmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZHVsZXMvbGF5b3V0L2hlYWRlci9uYXZiYXIvbmF2YmFyLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZHVsZXMvbGF5b3V0L2hlYWRlci9wYWdlLXRpdGxlL3BhZ2UtdGl0bGUuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kdWxlcy9sYXlvdXQvc2NyaXB0cy1pbml0L3NjcmlwdHMtaW5pdC5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2R1bGVzL2xheW91dC9zaWRlYmFyL3NpZGViYXItZm9vdGVyL3NpZGViYXItZm9vdGVyLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZHVsZXMvbGF5b3V0L3NpZGViYXIvc2lkZWJhci1sb2dvL3NpZGViYXItbG9nby5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2R1bGVzL2xheW91dC9zaWRlYmFyL3NpZGViYXItbWVudS9zaWRlYmFyLW1lbnUuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kdWxlcy9sYXlvdXQvc2lkZWJhci9zaWRlYmFyLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZHVsZXMvbGF5b3V0L3Rvb2xiYXIvYWNjb3VudGluZy9hY2NvdW50aW5nLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZHVsZXMvbGF5b3V0L3Rvb2xiYXIvY2xhc3NpYy9jbGFzc2ljLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZHVsZXMvbGF5b3V0L3Rvb2xiYXIvY2xpZW50LXNldHRpbmdzL2NsaWVudC1zZXR0aW5ncy5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2R1bGVzL2xheW91dC90b29sYmFyL2V4dGVuZGVkL2V4dGVuZGVkLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZHVsZXMvbGF5b3V0L3Rvb2xiYXIvcmVwb3J0cy9yZXBvcnRzLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZHVsZXMvbGF5b3V0L3Rvb2xiYXIvc2Fhcy9zYWFzLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZHVsZXMvbGF5b3V0L3Rvb2xiYXIvdG9vbGJhci5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2R1bGVzL2xheW91dC9zY3JvbGwtdG9wL3Njcm9sbC10b3AuY29tcG9uZW50JztcclxuXHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZHVsZXMvZXJyb3JzL2Vycm9ycy5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2R1bGVzL2Vycm9ycy9lcnJvcjQwNC9lcnJvcjQwNC5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2R1bGVzL2Vycm9ycy9lcnJvcjUwMC9lcnJvcjUwMC5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2R1bGVzL2NvbW1vbi9wYWdpbmF0aW9uL3BhZ2luYXRpb24uY29tcG9uZW50J1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2R1bGVzL2NvbW1vbi9maWx0ZXJzL2ZpbHRlcnMuY29tcG9uZW50J1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2R1bGVzL2NvbW1vbi9jdXN0b20tc2VsZWN0L2N1c3RvbS1zZWxlY3QuY29tcG9uZW50J1xyXG5cclxuLy8gaTE4blxyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9pMThuL3RyYW5zbGF0aW9uLm1vZHVsZSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2kxOG4vdHJhbnNsYXRpb24uc2VydmljZSc7XHJcbmV4cG9ydCAqIGFzIGVuTGFuZyBmcm9tICcuL2xpYi9pMThuL3ZvY2Ficy9lbic7XHJcbmV4cG9ydCAqIGFzIGNoTGFuZyBmcm9tICcuL2xpYi9pMThuL3ZvY2Ficy9jaCc7XHJcbmV4cG9ydCAqIGFzIGRlTGFuZyBmcm9tICcuL2xpYi9pMThuL3ZvY2Ficy9kZSc7XHJcbmV4cG9ydCAqIGFzIGVzTGFuZyBmcm9tICcuL2xpYi9pMThuL3ZvY2Ficy9lcyc7XHJcbmV4cG9ydCAqIGFzIGZyTGFuZyBmcm9tICcuL2xpYi9pMThuL3ZvY2Ficy9mcic7XHJcbmV4cG9ydCAqIGFzIGpwTGFuZyBmcm9tICcuL2xpYi9pMThuL3ZvY2Ficy9qcCc7XHJcblxyXG4vLyBtb2R1bGVzXHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZHVsZXMvbGF5b3V0L2xheW91dC5tb2R1bGUnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2R1bGVzL2Vycm9ycy9lcnJvcnMubW9kdWxlJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kdWxlcy9jb21tb24vY29tbW9uLXNoYXJlZC5tb2R1bGUnXHJcblxyXG4vLyBndWFyZHNcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvZ3VhcmRzL2F1dGguZ3VhcmQnO1xyXG5cclxuLy8gaW50ZXJmYWNlc1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9pbnRlcmZhY2VzL2dsb2JhbC1zdGF0ZSc7XHJcblxyXG5cclxuLy8gc2VydmljZXNcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvc2VydmljZXMvZ2xvYmFsLXN0YXRlLnNlcnZpY2UnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9zZXJ2aWNlcy9hdXRoLnNlcnZpY2UnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9zZXJ2aWNlcy90b2FzdC5zZXJ2aWNlJztcclxuXHJcbi8vIHBpcGVcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvcGlwZXMvY3VzdG9tRGF0ZS5waXBlJ1xyXG5cclxuLy8gaW50ZXJjZXB0b3JzXHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2ludGVyY2VwdG9ycy9odHRwLWF1dGgtaW50ZXJjZXB0b3InO1xyXG5cclxuXHJcblxyXG5cclxuXHJcblxyXG5cclxuIl19
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { Component, Input, HostBinding, Injectable, HostListener, EventEmitter, ChangeDetectionStrategy, Output, ViewChild, NgModule } from '@angular/core';
|
|
2
|
+
import { Component, Input, HostBinding, Injectable, HostListener, EventEmitter, ChangeDetectionStrategy, Output, ViewChild, NgModule, Pipe } from '@angular/core';
|
|
3
3
|
import * as i1$1 from '@angular/router';
|
|
4
4
|
import { NavigationEnd, NavigationCancel, ResolveEnd, RouterModule } from '@angular/router';
|
|
5
5
|
import * as i1 from 'tango-app-ui-metronics';
|
|
6
6
|
import { MenuComponent, ToggleComponent, ScrollTopComponent, DrawerComponent, StickyComponent, ScrollComponent } from 'tango-app-ui-metronics';
|
|
7
7
|
import * as i2 from '@angular/common';
|
|
8
|
-
import { CommonModule } from '@angular/common';
|
|
8
|
+
import { CommonModule, DatePipe } from '@angular/common';
|
|
9
9
|
import { filter } from 'rxjs/operators';
|
|
10
10
|
import * as i3 from '@angular/platform-browser';
|
|
11
11
|
import { BehaviorSubject, throwError, map, catchError } from 'rxjs';
|
|
@@ -1694,15 +1694,10 @@ class ClassicComponent {
|
|
|
1694
1694
|
next: (res) => {
|
|
1695
1695
|
this.getClientList = res?.data?.result;
|
|
1696
1696
|
if ("header-filters" in localStorage) {
|
|
1697
|
-
// debugger
|
|
1698
1697
|
const headerFilters = JSON.parse(localStorage.getItem("header-filters") || "{}");
|
|
1699
|
-
// debugger
|
|
1700
|
-
// if(headerFilters.date){
|
|
1701
1698
|
this.selectedFilters.date = headerFilters.date;
|
|
1702
1699
|
this.selectedDateRange.startDate = headerFilters.date.startDate;
|
|
1703
1700
|
this.selectedDateRange.endDate = headerFilters.date.endDate;
|
|
1704
|
-
// }
|
|
1705
|
-
console.log(this.selectedDateRange);
|
|
1706
1701
|
this.dataObject[0].Issues = this.getClientList;
|
|
1707
1702
|
this.toggleCheckbox("Select All", 0);
|
|
1708
1703
|
this.dummyArray = JSON.parse(JSON.stringify(this.dataObject));
|
|
@@ -1710,7 +1705,6 @@ class ClassicComponent {
|
|
|
1710
1705
|
const currentIssues = this.dummyArray[0].Issues.map((item) => item.clientId);
|
|
1711
1706
|
this.selectedFilters.clients = currentIssues;
|
|
1712
1707
|
this.selectedFilters.client = headerFilters.client;
|
|
1713
|
-
// }
|
|
1714
1708
|
this.globalService.dataRangeValue.next(this.selectedFilters);
|
|
1715
1709
|
this.cd.detectChanges();
|
|
1716
1710
|
}
|
|
@@ -1727,14 +1721,11 @@ class ClassicComponent {
|
|
|
1727
1721
|
localStorage.setItem("header-filters", JSON.stringify(this.selectedFilters));
|
|
1728
1722
|
this.cd.detectChanges();
|
|
1729
1723
|
}
|
|
1730
|
-
console.log(this.selectedDateRange);
|
|
1731
1724
|
},
|
|
1732
1725
|
});
|
|
1733
|
-
// this.updateProps();
|
|
1734
1726
|
const subscr = this.layout.layoutConfigSubject
|
|
1735
1727
|
.asObservable()
|
|
1736
1728
|
.subscribe(() => {
|
|
1737
|
-
// this.updateProps();
|
|
1738
1729
|
});
|
|
1739
1730
|
this.unsubscribe.push(subscr);
|
|
1740
1731
|
}
|
|
@@ -1759,9 +1750,6 @@ class ClassicComponent {
|
|
|
1759
1750
|
});
|
|
1760
1751
|
}
|
|
1761
1752
|
}
|
|
1762
|
-
// ngOnInit() {
|
|
1763
|
-
// console.log(this.dataObject,'obj');
|
|
1764
|
-
// }
|
|
1765
1753
|
opendropdown(e) {
|
|
1766
1754
|
console.log(687);
|
|
1767
1755
|
e.stopPropagation();
|
|
@@ -1771,7 +1759,7 @@ class ClassicComponent {
|
|
|
1771
1759
|
event.stopPropagation();
|
|
1772
1760
|
this.dataObject.forEach((item, i) => {
|
|
1773
1761
|
if (i !== index) {
|
|
1774
|
-
item.isOpen = false;
|
|
1762
|
+
item.isOpen = false;
|
|
1775
1763
|
}
|
|
1776
1764
|
});
|
|
1777
1765
|
this.dataObject[index].isOpen = !this.dataObject[index].isOpen;
|
|
@@ -1856,7 +1844,6 @@ class ClassicComponent {
|
|
|
1856
1844
|
}
|
|
1857
1845
|
}
|
|
1858
1846
|
this.globalService.dataRangeValue.next(this.selectedFilters);
|
|
1859
|
-
this.cd.detectChanges();
|
|
1860
1847
|
this.Opendropdown = false;
|
|
1861
1848
|
this.selectedValuesArray.forEach((item, index) => {
|
|
1862
1849
|
item = item.map((ele) => ele.clientId);
|
|
@@ -1867,11 +1854,9 @@ class ClassicComponent {
|
|
|
1867
1854
|
? this.selectedValuesArray[index]
|
|
1868
1855
|
: [];
|
|
1869
1856
|
});
|
|
1870
|
-
// this.selectedFilters.stores=this.responseArray
|
|
1871
1857
|
this.selectedFilters.clients = this.responseArray[0].Issues;
|
|
1872
1858
|
this.selectedFilters.date = this.selectedDateRange;
|
|
1873
1859
|
localStorage.setItem("header-filters", JSON.stringify(this.selectedFilters));
|
|
1874
|
-
this.cd.detectChanges();
|
|
1875
1860
|
}
|
|
1876
1861
|
ranges = {
|
|
1877
1862
|
"Today": [this.dayjs(), this.dayjs()],
|
|
@@ -1898,7 +1883,6 @@ class ClassicComponent {
|
|
|
1898
1883
|
datechange(event) {
|
|
1899
1884
|
if (event && event.startDate && event.endDate) {
|
|
1900
1885
|
if (this.dayjs(event.startDate).isValid() && this.dayjs(event.endDate).isValid()) {
|
|
1901
|
-
// Dates are valid, proceed with formatting
|
|
1902
1886
|
this.selectedDateRange.startDate = this.dayjs(event.startDate)
|
|
1903
1887
|
.utc()
|
|
1904
1888
|
.format("YYYY-MM-DD");
|
|
@@ -1908,8 +1892,6 @@ class ClassicComponent {
|
|
|
1908
1892
|
console.log(this.selectedDateRange);
|
|
1909
1893
|
}
|
|
1910
1894
|
else {
|
|
1911
|
-
// Dates are not valid, handle the scenario accordingly
|
|
1912
|
-
console.error("Invalid dates provided:", event.startDate, event.endDate);
|
|
1913
1895
|
}
|
|
1914
1896
|
}
|
|
1915
1897
|
else {
|
|
@@ -1926,7 +1908,6 @@ class ClassicComponent {
|
|
|
1926
1908
|
}
|
|
1927
1909
|
}
|
|
1928
1910
|
this.selectedFilters.date = this.selectedDateRange;
|
|
1929
|
-
this.cd.detectChanges();
|
|
1930
1911
|
}
|
|
1931
1912
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: ClassicComponent, deps: [{ token: i1.LayoutService }, { token: GlobalStateService }, { token: AuthService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
1932
1913
|
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.8", type: ClassicComponent, selector: "lib-classic", host: { listeners: { "document:click": "onClick($event)" } }, ngImport: i0, template: "<div class=\"py-3 dropdown1 cursor-pointer\" *ngFor=\"let item of dataObject; let i = index\">\r\n <div class=\"dropdown form-select\" (click)=\"Dropdown('Clients',i,$event)\">\r\n <span class=\"\">{{ selectedValuesArray[i]?.length !== null && selectedValuesArray[i]?.length !== undefined ?\r\n selectedValuesArray[i]?.length + ' ' + 'Clients'.split(' ').pop() : 'Clients' }}</span>\r\n </div>\r\n <div *ngIf=\"item.isOpen\" class=\"dropdown-content position-absolute\">\r\n <div class=\"form-check d-flex align-items-center pt-3 px-5\">\r\n <input class=\"form-check-input\" type=\"checkbox\" value=\"Select All\" id=\"selectall{{i}}\"\r\n [checked]=\"selectedValuesArray[i]?.length === item.Issues.length\"\r\n (change)=\"toggleCheckbox('Select All', i)\">\r\n <label class=\"form-check-label px-3\" for=\"selectall{{i}}\">\r\n Select All\r\n </label>\r\n </div>\r\n\r\n <div class=\"border border-gray mt-3\"></div>\r\n <div class=\"mt-3 d-flex align-items-center mx-2\">\r\n <span class=\"svg-icon svg-icon-1 position-absolute ms-3 mt-2\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"17\" viewBox=\"0 0 16 17\" fill=\"none\">\r\n <path\r\n d=\"M14 14.5L11.1 11.6M12.6667 7.83333C12.6667 10.7789 10.2789 13.1667 7.33333 13.1667C4.38781 13.1667 2 10.7789 2 7.83333C2 4.88781 4.38781 2.5 7.33333 2.5C10.2789 2.5 12.6667 4.88781 12.6667 7.83333Z\"\r\n stroke=\"#667085\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg>\r\n </span>\r\n <input type=\"text\" [(ngModel)]=\"searchValue\" (input)=\"searchData($event,i)\"\r\n class=\"form-control searchinput ps-14 py-2 mt-2\" placeholder=\"Search\" autocomplete=\"off\" />\r\n </div>\r\n <div *ngFor=\"let issue of item.Issues\" class=\"form-check d-flex align-items-center py-3 px-5\">\r\n <input class=\"form-check-input cursor-pointer\" type=\"checkbox\" [value]=\"issue.clientName\" id=\"option{{issue.clientId}}\"\r\n [checked]=\"selectedValuesArray[i]?.includes(issue.clientId)\" (change)=\"toggleCheckbox(issue.clientId,i)\">\r\n <label class=\"form-check-label px-3 cursor-pointer\" for=\"option{{issue.clientId}}\">\r\n {{ issue.clientName }}\r\n </label>\r\n </div>\r\n <div class=\"mt-5 d-flex justify-content-center\">\r\n <span class=\"form-check-label\" *ngIf=\"noFilter\"> No filters available</span>\r\n </div>\r\n </div>\r\n</div>\r\n<div class=\"d-flex align-items-center position-relative my-1\">\r\n <span class=\"svg-icon svg-icon-1 position-absolute ms-3\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n <path\r\n d=\"M13.3333 1.66663V4.99996M6.66667 1.66663V4.99996M2.5 8.33329H17.5M4.16667 3.33329H15.8333C16.7538 3.33329 17.5 4.07948 17.5 4.99996V16.6666C17.5 17.5871 16.7538 18.3333 15.8333 18.3333H4.16667C3.24619 18.3333 2.5 17.5871 2.5 16.6666V4.99996C2.5 4.07948 3.24619 3.33329 4.16667 3.33329Z\"\r\n stroke=\"#344054\" stroke-width=\"1.67\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg>\r\n </span>\r\n <input class=\"fx-date-range form-control ps-14\" type=\"text\" matInput ngxDaterangepickerMd [drops]=\"'down'\"\r\n [opens]=\"'right'\" [ranges]=\"ranges\" [showCustomRangeLabel]=\"true\" [alwaysShowCalendars]=\"false\"\r\n [keepCalendarOpeningWithRange]=\"true\" [showCancel]=\"true\" autocomplete=\"off\" [(ngModel)]=\"selectedDateRange\"\r\n [locale]=\"{ format: 'DD-MM-YYYY', firstDay: 1, monthNames: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'] }\"\r\n (datesUpdated)=\"datechange($event)\" name=\"daterange\" />\r\n</div>\r\n\r\n\r\n<!-- <input class=\"fx-date-range form-control ps-14\" type=\"text\" matInput ngxDaterangepickerMd \r\n [singleDatePicker]=\"true\"\r\n [drops]=\"'down'\"\r\n [opens]=\"'right'\"\r\n [alwaysShowCalendars]=\"false\"\r\n [keepCalendarOpeningWithRange]=\"true\"\r\n [showCancel]=\"true\"\r\n autocomplete=\"off\"\r\n [(ngModel)]=\"selectedDate\"\r\n [locale]=\"{ format: 'DD-MM-YYYY', firstDay: 1, monthNames: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'] }\"\r\n (selected)=\"onDateSelect($event)\"\r\n name=\"daterange\" /> -->\r\n\r\n<div class=\"btn btn-primary\" (click)=\"Apply()\">Apply</div>", styles: [".dropdown1 .dropdown-title{color:var(--Gray-900, #101828);font-size:16px;font-weight:600;line-height:24px}.dropdown1 .dropdown{position:relative;display:inline-block}.dropdown1 .dropdown span{color:var(--Gray-700, #344054);font-size:14px;font-weight:600;line-height:20px}.dropdown1 .dropdown-content{z-index:1;padding:0;background-color:#fff;border-radius:8px;box-shadow:0 8px 16px #0003;height:250px;overflow:auto}.dropdown1 .dropdown-content label{color:var(--Gray-700, #344054);font-size:14px;font-weight:500;line-height:20px}.dropdown1 .dropdown-content a{color:#000;padding:12px 16px;text-decoration:none;display:block}.dropdown1 .dropdown button{padding:10px;font-size:16px;cursor:pointer}.dropdown1 input[type=checkbox]{width:16px!important;height:16px!important;margin:-3px 5px;border-radius:4px!important;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;appearance:none;outline:1px solid var(--gray-300, #D0D5DD);box-shadow:none;font-size:.8em;text-align:center;line-height:1em;background:#fff}.dropdown1 input[type=checkbox]:checked{outline:1px solid var(--primary-600, #00A3FF);background-color:var(--primary-50, #EAF8FF)}.dropdown1 input[type=checkbox]:checked:after{content:\"\";transform:rotate(45deg);border-bottom:2px solid #00A3FF;border-right:2px solid #00A3FF;display:inline-block;width:.2em;padding-left:0;padding-top:9px;padding-right:4px}.daterangepicker{display:block!important;top:153.85px!important;left:900px!important;right:0}.form-control{color:var(--Gray-700, #344054)!important;font-size:14px!important;font-weight:600;line-height:20px;text-transform:capitalize}::ng-deep .applyBtn{display:none!important}:host::ng-deep .md-drppicker .btn{line-height:10px!important}:host::ng-deep .daterangepicker-input+.ngx-daterangepicker-material .applyBtn{display:none}:host::ng-deep .md-drppicker.drops-down-right.ltr.double.show-ranges.shown{top:65px!important;left:-470px!important;height:400px!important}:host::ng-deep .md-drppicker .btn{border-radius:8px!important;border:1px solid var(--Primary-600, #00A3FF)!important;background:var(--Primary-600, #00A3FF)!important;box-shadow:0 1px 2px #1018280d!important;color:var(--White, #FFF)!important;font-size:14px!important;font-weight:600!important;line-height:20px;text-transform:capitalize}:host::ng-deep .md-drppicker .ranges ul li button{padding:12px 16px;width:160px;color:var(--Gray-700, #344054);font-size:14px;font-weight:400;line-height:20px;background:none;border:none;text-align:left;cursor:pointer}:host::ng-deep .md-drppicker td.active,:host::ng-deep .md-drppicker td.active:hover{background-color:#029cf4!important;border-radius:20px!important;color:var(--White, #FFF)!important;text-align:center!important;font-size:14px!important;font-weight:500!important;line-height:20px}:host::ng-deep .md-drppicker.ltr .ranges{float:left;margin-top:10px!important}:host::ng-deep .md-drppicker td.in-range{background:var(--Primary-50, #EAF8FF)}:host::ng-deep .md-drppicker .ranges ul li button.active{background:var(--Primary-50, #EAF8FF)!important;border-radius:8px!important;color:var(--Primary-700, #009BF3);font-size:14px!important;font-weight:500!important;line-height:20px!important}:host::ng-deep table th,:host::ng-deep table td{width:40px!important;height:40px!important;padding:10px 8px!important}:host::ng-deep .md-drppicker td.available.prev,:host::ng-deep .md-drppicker th.available.prev{background-image:url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMy43IDYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMuNyA2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGQ9Ik0zLjcsMC43TDEuNCwzbDIuMywyLjNMMyw2TDAsM2wzLTNMMy43LDAuN3oiLz4NCjwvZz4NCjwvc3ZnPg0K)!important;background-repeat:no-repeat!important;background-size:.5em!important;background-position:center!important}:host::ng-deep .md-drppicker td.available.next,:host::ng-deep .md-drppicker th.available.next{background-image:url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMy43IDYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMuNyA2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGQ9Ik0zLjcsMC43TDEuNCwzbDIuMywyLjNMMyw2TDAsM2wzLTNMMy43LDAuN3oiLz4NCjwvZz4NCjwvc3ZnPg0K)!important;background-repeat:no-repeat!important;background-size:.5em!important;background-position:center!important}:host::ng-deep table th{border-bottom:0px solid var(--Gray-200, #EAECF0)!important;background:transparent!important;color:var(--Gray-700, #344054)!important;text-align:center;font-size:16px!important;font-weight:500!important;line-height:24px}:host::ng-deep .md-drppicker td.available.invalid-date{text-decoration:line-through;pointer-events:none;color:#a9a9a9}:host::ng-deep .md-drppicker td.available.today:not(.invalid-date){text-decoration:unset;pointer-events:unset;color:unset}:host::ng-deep .md-drppicker .btn.btn-default{border-radius:8px!important;border:1px solid var(--Gray-300, #D0D5DD)!important;background:var(--White, #FFF)!important;box-shadow:0 1px 2px #1018280d!important;color:var(--Gray-700, #344054)!important;font-size:14px!important;font-weight:600!important;line-height:20px;text-transform:capitalize;margin-right:10px!important}.btn-primary{line-height:18px!important}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i5.DaterangepickerDirective, selector: "input[ngxDaterangepickerMd]", inputs: ["minDate", "maxDate", "autoApply", "alwaysShowCalendars", "showCustomRangeLabel", "linkedCalendars", "dateLimit", "singleDatePicker", "showWeekNumbers", "showISOWeekNumbers", "showDropdowns", "isInvalidDate", "isCustomDate", "isTooltipDate", "showClearButton", "customRangeDirection", "ranges", "opens", "drops", "firstMonthDayClass", "lastMonthDayClass", "emptyWeekRowClass", "emptyWeekColumnClass", "firstDayOfNextMonthClass", "lastDayOfPreviousMonthClass", "keepCalendarOpeningWithRange", "showRangeLabelOnInput", "showCancel", "lockStartDate", "timePicker", "timePicker24Hour", "timePickerIncrement", "timePickerSeconds", "closeOnAutoApply", "endKeyHolder", "startKey", "locale", "endKey"], outputs: ["change", "rangeClicked", "datesUpdated", "startDateChanged", "endDateChanged", "clearClicked"] }] });
|
|
@@ -2167,17 +2148,14 @@ class DatepickerComponent {
|
|
|
2167
2148
|
ngOnInit() {
|
|
2168
2149
|
if ("header-filters" in localStorage) {
|
|
2169
2150
|
const headerFilters = JSON.parse(localStorage.getItem('header-filters') || '{}');
|
|
2170
|
-
// if (headerFilters.date) {
|
|
2171
2151
|
this.selectedFilters.date = headerFilters.date;
|
|
2172
2152
|
this.selectedDateRange.startDate = headerFilters.date.startDate;
|
|
2173
2153
|
this.selectedDateRange.endDate = headerFilters.date.endDate;
|
|
2174
|
-
|
|
2175
|
-
this.cd.detectChanges();
|
|
2176
|
-
// }
|
|
2154
|
+
this.gs.dataRangeValue.next(this.selectedFilters);
|
|
2177
2155
|
}
|
|
2178
2156
|
else {
|
|
2179
|
-
this.selectedDateRange.startDate = this.dayjs().format("MM-DD
|
|
2180
|
-
this.selectedDateRange.endDate = this.dayjs().format("MM-DD
|
|
2157
|
+
this.selectedDateRange.startDate = this.dayjs().format("YYYY-MM-DD");
|
|
2158
|
+
this.selectedDateRange.endDate = this.dayjs().format("YYYY-MM-DD");
|
|
2181
2159
|
}
|
|
2182
2160
|
}
|
|
2183
2161
|
ranges = {
|
|
@@ -2200,22 +2178,17 @@ class DatepickerComponent {
|
|
|
2200
2178
|
}
|
|
2201
2179
|
}
|
|
2202
2180
|
datechange(event) {
|
|
2203
|
-
// debugger
|
|
2204
2181
|
if (event && event.startDate && event.endDate) {
|
|
2205
2182
|
if (this.dayjs(event.startDate).isValid() && this.dayjs(event.endDate).isValid()) {
|
|
2206
|
-
|
|
2207
|
-
this.selectedDateRange.
|
|
2208
|
-
this.selectedDateRange.endDate = this.dayjs(event.endDate).utc().format('DD-MM-YYYY');
|
|
2183
|
+
this.selectedDateRange.startDate = this.dayjs(event.startDate).utc().format('YYYY-MM-DD');
|
|
2184
|
+
this.selectedDateRange.endDate = this.dayjs(event.endDate).utc().format('YYYY-MM-DD');
|
|
2209
2185
|
}
|
|
2210
2186
|
else {
|
|
2211
|
-
//
|
|
2212
|
-
|
|
2213
|
-
//
|
|
2214
|
-
|
|
2215
|
-
|
|
2216
|
-
this.selectedDateRange.startDate = this.dayjs(storedFilters.startDate).format('DD-MM-YYYY');
|
|
2217
|
-
this.selectedDateRange.endDate = this.dayjs(storedFilters.endDate).format('DD-MM-YYYY');
|
|
2218
|
-
}
|
|
2187
|
+
// const storedFilters = JSON.parse(localStorage.getItem('header-filters') || '{}');
|
|
2188
|
+
// if (storedFilters.startDate && storedFilters.endDate) {
|
|
2189
|
+
// this.selectedDateRange.startDate = this.dayjs(storedFilters.startDate).format('YYYY-MM-DD');
|
|
2190
|
+
// this.selectedDateRange.endDate = this.dayjs(storedFilters.endDate).format('YYYY-MM-DD');
|
|
2191
|
+
// }
|
|
2219
2192
|
}
|
|
2220
2193
|
}
|
|
2221
2194
|
else {
|
|
@@ -2224,11 +2197,9 @@ class DatepickerComponent {
|
|
|
2224
2197
|
}
|
|
2225
2198
|
const headerFilters = JSON.parse(localStorage.getItem("header-filters") || "{}");
|
|
2226
2199
|
this.selectedFilters = headerFilters;
|
|
2227
|
-
this.gs.dataRangeValue.next(this.selectedFilters);
|
|
2228
2200
|
this.selectedFilters.date = this.selectedDateRange;
|
|
2201
|
+
this.gs.dataRangeValue.next(this.selectedFilters);
|
|
2229
2202
|
localStorage.setItem('header-filters', JSON.stringify(this.selectedFilters));
|
|
2230
|
-
this.cd.detectChanges();
|
|
2231
|
-
// this.globalService.sendData(this.selectedDateRange);
|
|
2232
2203
|
}
|
|
2233
2204
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: DatepickerComponent, deps: [{ token: i1.LayoutService }, { token: GlobalStateService }, { token: AuthService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
2234
2205
|
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.8", type: DatepickerComponent, selector: "lib-datepicker", ngImport: i0, template: "<div class=\"d-flex align-items-center position-relative my-1\">\r\n <span class=\"svg-icon svg-icon-1 position-absolute ms-3\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n <path\r\n d=\"M13.3333 1.66663V4.99996M6.66667 1.66663V4.99996M2.5 8.33329H17.5M4.16667 3.33329H15.8333C16.7538 3.33329 17.5 4.07948 17.5 4.99996V16.6666C17.5 17.5871 16.7538 18.3333 15.8333 18.3333H4.16667C3.24619 18.3333 2.5 17.5871 2.5 16.6666V4.99996C2.5 4.07948 3.24619 3.33329 4.16667 3.33329Z\"\r\n stroke=\"#344054\" stroke-width=\"1.67\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg>\r\n </span>\r\n <input class=\"fx-date-range form-control ps-14\" type=\"text\" matInput ngxDaterangepickerMd [drops]=\"'down'\"\r\n [opens]=\"'right'\" [ranges]=\"ranges\" [showCustomRangeLabel]=\"true\" [alwaysShowCalendars]=\"false\"\r\n [keepCalendarOpeningWithRange]=\"true\" [showCancel]=\"true\" autocomplete=\"off\" [(ngModel)]=\"selectedDateRange\"\r\n [locale]=\"{ format: 'DD-MM-YYYY', firstDay: 1, monthNames: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'] }\"\r\n (datesUpdated)=\"datechange($event)\" name=\"daterange\" />\r\n</div>", styles: [".daterangepicker{display:block!important;top:153.85px!important;left:900px!important;right:0}.form-control{color:var(--Gray-700, #344054)!important;font-size:14px!important;font-weight:600;line-height:20px;text-transform:capitalize}::ng-deep .applyBtn{display:none!important}:host::ng-deep .md-drppicker .btn{line-height:10px!important}:host::ng-deep .daterangepicker-input+.ngx-daterangepicker-material .applyBtn{display:none}:host::ng-deep .md-drppicker.drops-down-right.ltr.double.show-ranges.shown{top:65px!important;left:-470px!important;height:400px!important}:host::ng-deep .md-drppicker .btn{border-radius:8px!important;border:1px solid var(--Primary-600, #00A3FF)!important;background:var(--Primary-600, #00A3FF)!important;box-shadow:0 1px 2px #1018280d!important;color:var(--White, #FFF)!important;font-size:14px!important;font-weight:600!important;line-height:20px;text-transform:capitalize}:host::ng-deep .md-drppicker .ranges ul li button{padding:12px 16px;width:160px;color:var(--Gray-700, #344054);font-size:14px;font-weight:400;line-height:20px;background:none;border:none;text-align:left;cursor:pointer}:host::ng-deep .md-drppicker td.active,:host::ng-deep .md-drppicker td.active:hover{background-color:#029cf4!important;border-radius:20px!important;color:var(--White, #FFF)!important;text-align:center!important;font-size:14px!important;font-weight:500!important;line-height:20px}:host::ng-deep .md-drppicker.ltr .ranges{float:left;margin-top:10px!important}:host::ng-deep .md-drppicker td.in-range{background:var(--Primary-50, #EAF8FF)}:host::ng-deep .md-drppicker .ranges ul li button.active{background:var(--Primary-50, #EAF8FF)!important;border-radius:8px!important;color:var(--Primary-700, #009BF3);font-size:14px!important;font-weight:500!important;line-height:20px!important}:host::ng-deep table th,:host::ng-deep table td{width:40px!important;height:40px!important;padding:10px 8px!important}:host::ng-deep .md-drppicker td.available.prev,:host::ng-deep .md-drppicker th.available.prev{background-image:url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMy43IDYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMuNyA2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGQ9Ik0zLjcsMC43TDEuNCwzbDIuMywyLjNMMyw2TDAsM2wzLTNMMy43LDAuN3oiLz4NCjwvZz4NCjwvc3ZnPg0K)!important;background-repeat:no-repeat!important;background-size:.5em!important;background-position:center!important}:host::ng-deep .md-drppicker td.available.next,:host::ng-deep .md-drppicker th.available.next{background-image:url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMy43IDYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMuNyA2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGQ9Ik0zLjcsMC43TDEuNCwzbDIuMywyLjNMMyw2TDAsM2wzLTNMMy43LDAuN3oiLz4NCjwvZz4NCjwvc3ZnPg0K)!important;background-repeat:no-repeat!important;background-size:.5em!important;background-position:center!important}:host::ng-deep table th{border-bottom:0px solid var(--Gray-200, #EAECF0)!important;background:transparent!important;color:var(--Gray-700, #344054)!important;text-align:center;font-size:16px!important;font-weight:500!important;line-height:24px}:host::ng-deep .md-drppicker td.available.invalid-date{text-decoration:line-through;pointer-events:none;color:#a9a9a9}:host::ng-deep .md-drppicker td.available.today:not(.invalid-date){text-decoration:unset;pointer-events:unset;color:unset}:host::ng-deep .md-drppicker .btn.btn-default{border-radius:8px!important;border:1px solid var(--Gray-300, #D0D5DD)!important;background:var(--White, #FFF)!important;box-shadow:0 1px 2px #1018280d!important;color:var(--Gray-700, #344054)!important;font-size:14px!important;font-weight:600!important;line-height:20px;text-transform:capitalize;margin-right:10px!important}\n"], dependencies: [{ kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i5.DaterangepickerDirective, selector: "input[ngxDaterangepickerMd]", inputs: ["minDate", "maxDate", "autoApply", "alwaysShowCalendars", "showCustomRangeLabel", "linkedCalendars", "dateLimit", "singleDatePicker", "showWeekNumbers", "showISOWeekNumbers", "showDropdowns", "isInvalidDate", "isCustomDate", "isTooltipDate", "showClearButton", "customRangeDirection", "ranges", "opens", "drops", "firstMonthDayClass", "lastMonthDayClass", "emptyWeekRowClass", "emptyWeekColumnClass", "firstDayOfNextMonthClass", "lastDayOfPreviousMonthClass", "keepCalendarOpeningWithRange", "showRangeLabelOnInput", "showCancel", "lockStartDate", "timePicker", "timePicker24Hour", "timePickerIncrement", "timePickerSeconds", "closeOnAutoApply", "endKeyHolder", "startKey", "locale", "endKey"], outputs: ["change", "rangeClicked", "datesUpdated", "startDateChanged", "endDateChanged", "clearClicked"] }] });
|
|
@@ -2268,13 +2239,21 @@ class DateSingleSelectComponent {
|
|
|
2268
2239
|
this.clientList.find((obj) => {
|
|
2269
2240
|
if (obj.clientId === headerFilters.client) {
|
|
2270
2241
|
this.selectedClient = obj;
|
|
2271
|
-
this.gs.dataRangeValue.next(this.selectedFilters);
|
|
2272
2242
|
this.cd.detectChanges();
|
|
2273
2243
|
}
|
|
2244
|
+
this.selectedFilters.client = headerFilters.client;
|
|
2245
|
+
this.selectedFilters.clients = [headerFilters.clients];
|
|
2246
|
+
this.selectedFilters.date = headerFilters.date;
|
|
2247
|
+
this.selectedDateRange.startDate = headerFilters.date.startDate;
|
|
2248
|
+
this.selectedDateRange.endDate = headerFilters.date.endDate;
|
|
2249
|
+
this.gs.dataRangeValue.next(this.selectedFilters);
|
|
2274
2250
|
});
|
|
2275
2251
|
}
|
|
2276
2252
|
else {
|
|
2277
2253
|
this.selectedClient = this.clientList[0];
|
|
2254
|
+
this.selectedDateRange.startDate =
|
|
2255
|
+
this.dayjs().format("YYYY-MM-DD");
|
|
2256
|
+
this.selectedDateRange.endDate = this.dayjs().format("YYYY-MM-DD");
|
|
2278
2257
|
this.selectedFilters.client = this.selectedClient.clientId;
|
|
2279
2258
|
this.gs.dataRangeValue.next(this.selectedFilters);
|
|
2280
2259
|
this.cd.detectChanges();
|
|
@@ -2283,64 +2262,48 @@ class DateSingleSelectComponent {
|
|
|
2283
2262
|
},
|
|
2284
2263
|
});
|
|
2285
2264
|
}
|
|
2286
|
-
ngOnInit() {
|
|
2287
|
-
if ("header-filters" in localStorage) {
|
|
2288
|
-
const headerFilters = JSON.parse(localStorage.getItem('header-filters') || '{}');
|
|
2289
|
-
this.cd.detectChanges();
|
|
2290
|
-
if (headerFilters.client) {
|
|
2291
|
-
this.clientList.find((obj) => {
|
|
2292
|
-
if (obj.clientId === headerFilters.client) {
|
|
2293
|
-
this.selectedClient = obj;
|
|
2294
|
-
}
|
|
2295
|
-
});
|
|
2296
|
-
}
|
|
2297
|
-
this.gs.dataRangeValue.next(this.selectedFilters);
|
|
2298
|
-
this.selectedFilters.client = headerFilters.client;
|
|
2299
|
-
this.selectedFilters.clients = [headerFilters.clients];
|
|
2300
|
-
this.selectedFilters.date = headerFilters.date;
|
|
2301
|
-
this.selectedDateRange.startDate = headerFilters.date.startDate;
|
|
2302
|
-
this.selectedDateRange.endDate = headerFilters.date.endDate;
|
|
2303
|
-
}
|
|
2304
|
-
else {
|
|
2305
|
-
this.selectedDateRange.startDate = this.dayjs().format('MM-DD-YYYY');
|
|
2306
|
-
this.selectedDateRange.endDate = this.dayjs().format('MM-DD-YYYY');
|
|
2307
|
-
}
|
|
2308
|
-
}
|
|
2265
|
+
ngOnInit() { }
|
|
2309
2266
|
onClientSelect(event) {
|
|
2310
2267
|
this.selectedClient = event;
|
|
2311
2268
|
this.gs.selectedClient.next(this.selectedClient);
|
|
2312
|
-
this.cd.detectChanges();
|
|
2313
2269
|
}
|
|
2314
2270
|
ranges = {
|
|
2315
|
-
|
|
2316
|
-
|
|
2317
|
-
|
|
2318
|
-
|
|
2319
|
-
|
|
2320
|
-
|
|
2321
|
-
|
|
2322
|
-
this.dayjs().subtract(
|
|
2323
|
-
|
|
2271
|
+
Today: [this.dayjs(), this.dayjs()],
|
|
2272
|
+
Yesterday: [
|
|
2273
|
+
this.dayjs().subtract(1, "days"),
|
|
2274
|
+
this.dayjs().subtract(1, "days"),
|
|
2275
|
+
],
|
|
2276
|
+
"This Week": [this.dayjs().subtract(6, "days"), this.dayjs()],
|
|
2277
|
+
"Last Week": [
|
|
2278
|
+
this.dayjs().subtract(14, "days").startOf("days"),
|
|
2279
|
+
this.dayjs().subtract(8, "days").endOf("days"),
|
|
2280
|
+
],
|
|
2281
|
+
"This Month": [this.dayjs().startOf("month"), this.dayjs().endOf("month")],
|
|
2282
|
+
"Last Month": [
|
|
2283
|
+
this.dayjs().subtract(1, "month").startOf("month"),
|
|
2284
|
+
this.dayjs().subtract(1, "month").endOf("month"),
|
|
2285
|
+
],
|
|
2324
2286
|
};
|
|
2325
2287
|
onStartDateChange(event) {
|
|
2326
2288
|
if (this.dayjs(event.startDate).isValid()) {
|
|
2327
2289
|
this.isCustomDate = (m) => {
|
|
2328
|
-
const isValidDate = m > this.dayjs() || m > this.dayjs(event.startDate.add(90,
|
|
2329
|
-
return isValidDate ?
|
|
2290
|
+
const isValidDate = m > this.dayjs() || m > this.dayjs(event.startDate.add(90, "days"));
|
|
2291
|
+
return isValidDate ? "invalid-date" : false;
|
|
2330
2292
|
};
|
|
2331
2293
|
}
|
|
2332
2294
|
}
|
|
2333
2295
|
datechange(event) {
|
|
2334
2296
|
if (event && event.startDate && event.endDate) {
|
|
2335
|
-
if (this.dayjs(event.startDate).isValid() &&
|
|
2336
|
-
|
|
2337
|
-
this.selectedDateRange.startDate = this.dayjs(event.startDate)
|
|
2338
|
-
|
|
2297
|
+
if (this.dayjs(event.startDate).isValid() &&
|
|
2298
|
+
this.dayjs(event.endDate).isValid()) {
|
|
2299
|
+
this.selectedDateRange.startDate = this.dayjs(event.startDate)
|
|
2300
|
+
.utc()
|
|
2301
|
+
.format("YYYY-MM-DD");
|
|
2302
|
+
this.selectedDateRange.endDate = this.dayjs(event.endDate)
|
|
2303
|
+
.utc()
|
|
2304
|
+
.format("YYYY-MM-DD");
|
|
2339
2305
|
}
|
|
2340
2306
|
else {
|
|
2341
|
-
// Dates are not valid, handle the scenario accordingly
|
|
2342
|
-
console.error('Invalid dates provided:', event.startDate, event.endDate);
|
|
2343
|
-
// If you want to fallback to stored filters when the dates are invalid, you can keep the existing logic
|
|
2344
2307
|
// const storedFilters = JSON.parse(localStorage.getItem('dateRangeFilters') || '{}');
|
|
2345
2308
|
// if (storedFilters.startDate && storedFilters.endDate) {
|
|
2346
2309
|
// this.selectedDateRange.startDate = dayjs(storedFilters.startDate).format('DD-MM-YYYY');
|
|
@@ -2353,10 +2316,6 @@ class DateSingleSelectComponent {
|
|
|
2353
2316
|
this.selectedFilters.date = headerFilters.date;
|
|
2354
2317
|
}
|
|
2355
2318
|
this.selectedFilters.date = this.selectedDateRange;
|
|
2356
|
-
this.cd.detectChanges();
|
|
2357
|
-
// this.globalService.sendData(JSON.stringify(this.selectedFilters.date));
|
|
2358
|
-
// localStorage.setItem('dateRangeFilters', JSON.stringify(this.selectedDateRange));
|
|
2359
|
-
// this.globalService.sendData(this.selectedDateRange);
|
|
2360
2319
|
}
|
|
2361
2320
|
Apply() {
|
|
2362
2321
|
const headerFilters = JSON.parse(localStorage.getItem("header-filters") || "{}");
|
|
@@ -2364,14 +2323,14 @@ class DateSingleSelectComponent {
|
|
|
2364
2323
|
this.selectedFilters.client = this.selectedClient.clientId;
|
|
2365
2324
|
this.selectedFilters.date = this.selectedDateRange;
|
|
2366
2325
|
this.gs.dataRangeValue.next(this.selectedFilters);
|
|
2367
|
-
localStorage.setItem(
|
|
2326
|
+
localStorage.setItem("header-filters", JSON.stringify(this.selectedFilters));
|
|
2368
2327
|
}
|
|
2369
2328
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: DateSingleSelectComponent, deps: [{ token: AuthService }, { token: GlobalStateService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
2370
2329
|
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.8", type: DateSingleSelectComponent, selector: "lib-date-single-select", ngImport: i0, template: "<div class=\"wrapper mx-2\" >\r\n <lib-select [items]=\"clientList\" [multi]=\"false\" [searchField]=\"'clientName'\" [disabled]=\"false\" [idField]=\"'clientId'\"\r\n (selected)=\"onClientSelect($event)\" [selectedValues]=\"[selectedClient]\"></lib-select>\r\n\r\n \r\n</div>\r\n<div class=\"d-flex align-items-center position-relative my-1\">\r\n <span class=\"svg-icon svg-icon-1 position-absolute ms-3\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n <path\r\n d=\"M13.3333 1.66663V4.99996M6.66667 1.66663V4.99996M2.5 8.33329H17.5M4.16667 3.33329H15.8333C16.7538 3.33329 17.5 4.07948 17.5 4.99996V16.6666C17.5 17.5871 16.7538 18.3333 15.8333 18.3333H4.16667C3.24619 18.3333 2.5 17.5871 2.5 16.6666V4.99996C2.5 4.07948 3.24619 3.33329 4.16667 3.33329Z\"\r\n stroke=\"#344054\" stroke-width=\"1.67\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg>\r\n </span>\r\n <input class=\"fx-date-range form-control ps-14\" type=\"text\" matInput ngxDaterangepickerMd [drops]=\"'down'\"\r\n [opens]=\"'right'\" [ranges]=\"ranges\" [showCustomRangeLabel]=\"true\" [alwaysShowCalendars]=\"false\"\r\n [keepCalendarOpeningWithRange]=\"true\" [showCancel]=\"true\" autocomplete=\"off\" [(ngModel)]=\"selectedDateRange\"\r\n [locale]=\"{ format: 'DD-MM-YYYY', firstDay: 1, monthNames: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'] }\"\r\n (datesUpdated)=\"datechange($event)\" name=\"daterange\" />\r\n</div>\r\n\r\n<div class=\"btn btn-primary ms-2\" (click)=\"Apply()\">Apply</div>\r\n", styles: [".daterangepicker{display:block!important;top:153.85px!important;left:900px!important;right:0}.form-control{color:var(--Gray-700, #344054)!important;font-size:14px!important;font-weight:600;line-height:20px;text-transform:capitalize}::ng-deep .applyBtn{display:none!important}:host::ng-deep .md-drppicker .btn{line-height:10px!important}:host::ng-deep .daterangepicker-input+.ngx-daterangepicker-material .applyBtn{display:none}:host::ng-deep .md-drppicker.drops-down-right.ltr.double.show-ranges.shown{top:65px!important;left:-470px!important;height:400px!important}:host::ng-deep .md-drppicker .btn{border-radius:8px!important;border:1px solid var(--Primary-600, #00A3FF)!important;background:var(--Primary-600, #00A3FF)!important;box-shadow:0 1px 2px #1018280d!important;color:var(--White, #FFF)!important;font-size:14px!important;font-weight:600!important;line-height:20px;text-transform:capitalize}:host::ng-deep .md-drppicker .ranges ul li button{padding:12px 16px;width:160px;color:var(--Gray-700, #344054);font-size:14px;font-weight:400;line-height:20px;background:none;border:none;text-align:left;cursor:pointer}:host::ng-deep .md-drppicker td.active,:host::ng-deep .md-drppicker td.active:hover{background-color:#029cf4!important;border-radius:20px!important;color:var(--White, #FFF)!important;text-align:center!important;font-size:14px!important;font-weight:500!important;line-height:20px}:host::ng-deep .md-drppicker.ltr .ranges{float:left;margin-top:10px!important}:host::ng-deep .md-drppicker td.in-range{background:var(--Primary-50, #EAF8FF)}:host::ng-deep .md-drppicker .ranges ul li button.active{background:var(--Primary-50, #EAF8FF)!important;border-radius:8px!important;color:var(--Primary-700, #009BF3);font-size:14px!important;font-weight:500!important;line-height:20px!important}:host::ng-deep table th,:host::ng-deep table td{width:40px!important;height:40px!important;padding:10px 8px!important}:host::ng-deep .md-drppicker td.available.prev,:host::ng-deep .md-drppicker th.available.prev{background-image:url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMy43IDYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMuNyA2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGQ9Ik0zLjcsMC43TDEuNCwzbDIuMywyLjNMMyw2TDAsM2wzLTNMMy43LDAuN3oiLz4NCjwvZz4NCjwvc3ZnPg0K)!important;background-repeat:no-repeat!important;background-size:.5em!important;background-position:center!important}:host::ng-deep .md-drppicker td.available.next,:host::ng-deep .md-drppicker th.available.next{background-image:url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMy43IDYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMuNyA2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGQ9Ik0zLjcsMC43TDEuNCwzbDIuMywyLjNMMyw2TDAsM2wzLTNMMy43LDAuN3oiLz4NCjwvZz4NCjwvc3ZnPg0K)!important;background-repeat:no-repeat!important;background-size:.5em!important;background-position:center!important}:host::ng-deep table th{border-bottom:0px solid var(--Gray-200, #EAECF0)!important;background:transparent!important;color:var(--Gray-700, #344054)!important;text-align:center;font-size:16px!important;font-weight:500!important;line-height:24px}:host::ng-deep .md-drppicker td.available.invalid-date{text-decoration:line-through;pointer-events:none;color:#a9a9a9}:host::ng-deep .md-drppicker td.available.today:not(.invalid-date){text-decoration:unset;pointer-events:unset;color:unset}:host::ng-deep .md-drppicker .btn.btn-default{border-radius:8px!important;border:1px solid var(--Gray-300, #D0D5DD)!important;background:var(--White, #FFF)!important;box-shadow:0 1px 2px #1018280d!important;color:var(--Gray-700, #344054)!important;font-size:14px!important;font-weight:600!important;line-height:20px;text-transform:capitalize;margin-right:10px!important}.wrapper{min-width:200px}.btn-primary{line-height:18px!important}\n"], dependencies: [{ kind: "component", type: CustomSelectComponent, selector: "lib-select", inputs: ["items", "searchField", "multi", "idField", "selectedValues", "disabled", "label"], outputs: ["selected"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i5.DaterangepickerDirective, selector: "input[ngxDaterangepickerMd]", inputs: ["minDate", "maxDate", "autoApply", "alwaysShowCalendars", "showCustomRangeLabel", "linkedCalendars", "dateLimit", "singleDatePicker", "showWeekNumbers", "showISOWeekNumbers", "showDropdowns", "isInvalidDate", "isCustomDate", "isTooltipDate", "showClearButton", "customRangeDirection", "ranges", "opens", "drops", "firstMonthDayClass", "lastMonthDayClass", "emptyWeekRowClass", "emptyWeekColumnClass", "firstDayOfNextMonthClass", "lastDayOfPreviousMonthClass", "keepCalendarOpeningWithRange", "showRangeLabelOnInput", "showCancel", "lockStartDate", "timePicker", "timePicker24Hour", "timePickerIncrement", "timePickerSeconds", "closeOnAutoApply", "endKeyHolder", "startKey", "locale", "endKey"], outputs: ["change", "rangeClicked", "datesUpdated", "startDateChanged", "endDateChanged", "clearClicked"] }] });
|
|
2371
2330
|
}
|
|
2372
2331
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: DateSingleSelectComponent, decorators: [{
|
|
2373
2332
|
type: Component,
|
|
2374
|
-
args: [{ selector:
|
|
2333
|
+
args: [{ selector: "lib-date-single-select", template: "<div class=\"wrapper mx-2\" >\r\n <lib-select [items]=\"clientList\" [multi]=\"false\" [searchField]=\"'clientName'\" [disabled]=\"false\" [idField]=\"'clientId'\"\r\n (selected)=\"onClientSelect($event)\" [selectedValues]=\"[selectedClient]\"></lib-select>\r\n\r\n \r\n</div>\r\n<div class=\"d-flex align-items-center position-relative my-1\">\r\n <span class=\"svg-icon svg-icon-1 position-absolute ms-3\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n <path\r\n d=\"M13.3333 1.66663V4.99996M6.66667 1.66663V4.99996M2.5 8.33329H17.5M4.16667 3.33329H15.8333C16.7538 3.33329 17.5 4.07948 17.5 4.99996V16.6666C17.5 17.5871 16.7538 18.3333 15.8333 18.3333H4.16667C3.24619 18.3333 2.5 17.5871 2.5 16.6666V4.99996C2.5 4.07948 3.24619 3.33329 4.16667 3.33329Z\"\r\n stroke=\"#344054\" stroke-width=\"1.67\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg>\r\n </span>\r\n <input class=\"fx-date-range form-control ps-14\" type=\"text\" matInput ngxDaterangepickerMd [drops]=\"'down'\"\r\n [opens]=\"'right'\" [ranges]=\"ranges\" [showCustomRangeLabel]=\"true\" [alwaysShowCalendars]=\"false\"\r\n [keepCalendarOpeningWithRange]=\"true\" [showCancel]=\"true\" autocomplete=\"off\" [(ngModel)]=\"selectedDateRange\"\r\n [locale]=\"{ format: 'DD-MM-YYYY', firstDay: 1, monthNames: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'] }\"\r\n (datesUpdated)=\"datechange($event)\" name=\"daterange\" />\r\n</div>\r\n\r\n<div class=\"btn btn-primary ms-2\" (click)=\"Apply()\">Apply</div>\r\n", styles: [".daterangepicker{display:block!important;top:153.85px!important;left:900px!important;right:0}.form-control{color:var(--Gray-700, #344054)!important;font-size:14px!important;font-weight:600;line-height:20px;text-transform:capitalize}::ng-deep .applyBtn{display:none!important}:host::ng-deep .md-drppicker .btn{line-height:10px!important}:host::ng-deep .daterangepicker-input+.ngx-daterangepicker-material .applyBtn{display:none}:host::ng-deep .md-drppicker.drops-down-right.ltr.double.show-ranges.shown{top:65px!important;left:-470px!important;height:400px!important}:host::ng-deep .md-drppicker .btn{border-radius:8px!important;border:1px solid var(--Primary-600, #00A3FF)!important;background:var(--Primary-600, #00A3FF)!important;box-shadow:0 1px 2px #1018280d!important;color:var(--White, #FFF)!important;font-size:14px!important;font-weight:600!important;line-height:20px;text-transform:capitalize}:host::ng-deep .md-drppicker .ranges ul li button{padding:12px 16px;width:160px;color:var(--Gray-700, #344054);font-size:14px;font-weight:400;line-height:20px;background:none;border:none;text-align:left;cursor:pointer}:host::ng-deep .md-drppicker td.active,:host::ng-deep .md-drppicker td.active:hover{background-color:#029cf4!important;border-radius:20px!important;color:var(--White, #FFF)!important;text-align:center!important;font-size:14px!important;font-weight:500!important;line-height:20px}:host::ng-deep .md-drppicker.ltr .ranges{float:left;margin-top:10px!important}:host::ng-deep .md-drppicker td.in-range{background:var(--Primary-50, #EAF8FF)}:host::ng-deep .md-drppicker .ranges ul li button.active{background:var(--Primary-50, #EAF8FF)!important;border-radius:8px!important;color:var(--Primary-700, #009BF3);font-size:14px!important;font-weight:500!important;line-height:20px!important}:host::ng-deep table th,:host::ng-deep table td{width:40px!important;height:40px!important;padding:10px 8px!important}:host::ng-deep .md-drppicker td.available.prev,:host::ng-deep .md-drppicker th.available.prev{background-image:url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMy43IDYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMuNyA2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGQ9Ik0zLjcsMC43TDEuNCwzbDIuMywyLjNMMyw2TDAsM2wzLTNMMy43LDAuN3oiLz4NCjwvZz4NCjwvc3ZnPg0K)!important;background-repeat:no-repeat!important;background-size:.5em!important;background-position:center!important}:host::ng-deep .md-drppicker td.available.next,:host::ng-deep .md-drppicker th.available.next{background-image:url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMy43IDYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMuNyA2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGQ9Ik0zLjcsMC43TDEuNCwzbDIuMywyLjNMMyw2TDAsM2wzLTNMMy43LDAuN3oiLz4NCjwvZz4NCjwvc3ZnPg0K)!important;background-repeat:no-repeat!important;background-size:.5em!important;background-position:center!important}:host::ng-deep table th{border-bottom:0px solid var(--Gray-200, #EAECF0)!important;background:transparent!important;color:var(--Gray-700, #344054)!important;text-align:center;font-size:16px!important;font-weight:500!important;line-height:24px}:host::ng-deep .md-drppicker td.available.invalid-date{text-decoration:line-through;pointer-events:none;color:#a9a9a9}:host::ng-deep .md-drppicker td.available.today:not(.invalid-date){text-decoration:unset;pointer-events:unset;color:unset}:host::ng-deep .md-drppicker .btn.btn-default{border-radius:8px!important;border:1px solid var(--Gray-300, #D0D5DD)!important;background:var(--White, #FFF)!important;box-shadow:0 1px 2px #1018280d!important;color:var(--Gray-700, #344054)!important;font-size:14px!important;font-weight:600!important;line-height:20px;text-transform:capitalize;margin-right:10px!important}.wrapper{min-width:200px}.btn-primary{line-height:18px!important}\n"] }]
|
|
2375
2334
|
}], ctorParameters: () => [{ type: AuthService }, { type: GlobalStateService }, { type: i0.ChangeDetectorRef }] });
|
|
2376
2335
|
|
|
2377
2336
|
class SingleStoreComponent {
|
|
@@ -2403,7 +2362,6 @@ class SingleStoreComponent {
|
|
|
2403
2362
|
if (e) {
|
|
2404
2363
|
this.storeList = e.data.result;
|
|
2405
2364
|
const headerFilters = JSON.parse(localStorage.getItem("header-filters") || "{}");
|
|
2406
|
-
this.cd.detectChanges();
|
|
2407
2365
|
if (headerFilters.store) {
|
|
2408
2366
|
this.storeList.find((obj) => {
|
|
2409
2367
|
if (obj.storeId === headerFilters.store) {
|
|
@@ -2460,19 +2418,10 @@ class SingleStoreComponent {
|
|
|
2460
2418
|
datechange(event) {
|
|
2461
2419
|
if (event && event.startDate && event.endDate) {
|
|
2462
2420
|
if (this.dayjs(event.startDate).isValid() && this.dayjs(event.endDate).isValid()) {
|
|
2463
|
-
// Dates are valid, proceed with formatting
|
|
2464
2421
|
this.selectedDateRange.startDate = this.dayjs(event.startDate).utc().format('YYYY-MM-DD');
|
|
2465
2422
|
this.selectedDateRange.endDate = this.dayjs(event.endDate).utc().format('YYYY-MM-DD');
|
|
2466
2423
|
}
|
|
2467
2424
|
else {
|
|
2468
|
-
// Dates are not valid, handle the scenario accordingly
|
|
2469
|
-
console.error('Invalid dates provided:', event.startDate, event.endDate);
|
|
2470
|
-
// If you want to fallback to stored filters when the dates are invalid, you can keep the existing logic
|
|
2471
|
-
// const storedFilters = JSON.parse(localStorage.getItem('dateRangeFilters') || '{}');
|
|
2472
|
-
// if (storedFilters.startDate && storedFilters.endDate) {
|
|
2473
|
-
// this.selectedDateRange.startDate = dayjs(storedFilters.startDate).format('DD-MM-YYYY');
|
|
2474
|
-
// this.selectedDateRange.endDate = dayjs(storedFilters.endDate).format('DD-MM-YYYY');
|
|
2475
|
-
// }
|
|
2476
2425
|
}
|
|
2477
2426
|
}
|
|
2478
2427
|
else {
|
|
@@ -2480,9 +2429,6 @@ class SingleStoreComponent {
|
|
|
2480
2429
|
this.selectedFilters.date = headerFilters.date;
|
|
2481
2430
|
}
|
|
2482
2431
|
this.selectedFilters.date = this.selectedDateRange;
|
|
2483
|
-
// this.globalService.sendData(JSON.stringify(this.selectedFilters.date));
|
|
2484
|
-
// localStorage.setItem('dateRangeFilters', JSON.stringify(this.selectedDateRange));
|
|
2485
|
-
// this.globalService.sendData(this.selectedDateRange);
|
|
2486
2432
|
}
|
|
2487
2433
|
Apply() {
|
|
2488
2434
|
const headerFilters = JSON.parse(localStorage.getItem("header-filters") || "{}");
|
|
@@ -2491,7 +2437,6 @@ class SingleStoreComponent {
|
|
|
2491
2437
|
this.selectedFilters.date = this.selectedDateRange;
|
|
2492
2438
|
this.gs.dataRangeValue.next(this.selectedFilters);
|
|
2493
2439
|
localStorage.setItem('header-filters', JSON.stringify(this.selectedFilters));
|
|
2494
|
-
this.cd.detectChanges();
|
|
2495
2440
|
}
|
|
2496
2441
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: SingleStoreComponent, deps: [{ token: AuthService }, { token: GlobalStateService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
2497
2442
|
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.8", type: SingleStoreComponent, selector: "lib-single-store", ngImport: i0, template: "<div class=\"wrapper mx-2\" >\r\n <lib-select [items]=\"storeList\" [multi]=\"false\" [searchField]=\"'storeName'\" [disabled]=\"false\" [idField]=\"'storeId'\"\r\n (selected)=\"onClientSelect($event)\" [selectedValues]=\"[selectedClient]\"></lib-select>\r\n\r\n \r\n</div>\r\n<div class=\"d-flex align-items-center position-relative my-1\">\r\n <span class=\"svg-icon svg-icon-1 position-absolute ms-3\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n <path\r\n d=\"M13.3333 1.66663V4.99996M6.66667 1.66663V4.99996M2.5 8.33329H17.5M4.16667 3.33329H15.8333C16.7538 3.33329 17.5 4.07948 17.5 4.99996V16.6666C17.5 17.5871 16.7538 18.3333 15.8333 18.3333H4.16667C3.24619 18.3333 2.5 17.5871 2.5 16.6666V4.99996C2.5 4.07948 3.24619 3.33329 4.16667 3.33329Z\"\r\n stroke=\"#344054\" stroke-width=\"1.67\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg>\r\n </span>\r\n <input class=\"fx-date-range form-control ps-14\" type=\"text\" matInput ngxDaterangepickerMd [drops]=\"'down'\"\r\n [opens]=\"'right'\" [ranges]=\"ranges\" [showCustomRangeLabel]=\"true\" [alwaysShowCalendars]=\"false\"\r\n [keepCalendarOpeningWithRange]=\"true\" [showCancel]=\"true\" autocomplete=\"off\" [(ngModel)]=\"selectedDateRange\"\r\n [locale]=\"{ format: 'DD-MM-YYYY', firstDay: 1, monthNames: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'] }\"\r\n (datesUpdated)=\"datechange($event)\" name=\"daterange\" />\r\n</div>\r\n\r\n<div class=\"btn btn-primary ms-2\" (click)=\"Apply()\">Apply</div>\r\n", styles: [".daterangepicker{display:block!important;top:153.85px!important;left:900px!important;right:0}.form-control{color:var(--Gray-700, #344054)!important;font-size:14px!important;font-weight:600;line-height:20px;text-transform:capitalize}::ng-deep .applyBtn{display:none!important}:host::ng-deep .md-drppicker .btn{line-height:10px!important}:host::ng-deep .daterangepicker-input+.ngx-daterangepicker-material .applyBtn{display:none}:host::ng-deep .md-drppicker.drops-down-right.ltr.double.show-ranges.shown{top:65px!important;left:-470px!important;height:400px!important}:host::ng-deep .md-drppicker .btn{border-radius:8px!important;border:1px solid var(--Primary-600, #00A3FF)!important;background:var(--Primary-600, #00A3FF)!important;box-shadow:0 1px 2px #1018280d!important;color:var(--White, #FFF)!important;font-size:14px!important;font-weight:600!important;line-height:20px;text-transform:capitalize}:host::ng-deep .md-drppicker .ranges ul li button{padding:12px 16px;width:160px;color:var(--Gray-700, #344054);font-size:14px;font-weight:400;line-height:20px;background:none;border:none;text-align:left;cursor:pointer}:host::ng-deep .md-drppicker td.active,:host::ng-deep .md-drppicker td.active:hover{background-color:#029cf4!important;border-radius:20px!important;color:var(--White, #FFF)!important;text-align:center!important;font-size:14px!important;font-weight:500!important;line-height:20px}:host::ng-deep .md-drppicker.ltr .ranges{float:left;margin-top:10px!important}:host::ng-deep .md-drppicker td.in-range{background:var(--Primary-50, #EAF8FF)}:host::ng-deep .md-drppicker .ranges ul li button.active{background:var(--Primary-50, #EAF8FF)!important;border-radius:8px!important;color:var(--Primary-700, #009BF3);font-size:14px!important;font-weight:500!important;line-height:20px!important}:host::ng-deep table th,:host::ng-deep table td{width:40px!important;height:40px!important;padding:10px 8px!important}:host::ng-deep .md-drppicker td.available.prev,:host::ng-deep .md-drppicker th.available.prev{background-image:url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMy43IDYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMuNyA2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGQ9Ik0zLjcsMC43TDEuNCwzbDIuMywyLjNMMyw2TDAsM2wzLTNMMy43LDAuN3oiLz4NCjwvZz4NCjwvc3ZnPg0K)!important;background-repeat:no-repeat!important;background-size:.5em!important;background-position:center!important}:host::ng-deep .md-drppicker td.available.next,:host::ng-deep .md-drppicker th.available.next{background-image:url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMy43IDYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMuNyA2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGQ9Ik0zLjcsMC43TDEuNCwzbDIuMywyLjNMMyw2TDAsM2wzLTNMMy43LDAuN3oiLz4NCjwvZz4NCjwvc3ZnPg0K)!important;background-repeat:no-repeat!important;background-size:.5em!important;background-position:center!important}:host::ng-deep table th{border-bottom:0px solid var(--Gray-200, #EAECF0)!important;background:transparent!important;color:var(--Gray-700, #344054)!important;text-align:center;font-size:16px!important;font-weight:500!important;line-height:24px}:host::ng-deep .md-drppicker td.available.invalid-date{text-decoration:line-through;pointer-events:none;color:#a9a9a9}:host::ng-deep .md-drppicker td.available.today:not(.invalid-date){text-decoration:unset;pointer-events:unset;color:unset}:host::ng-deep .md-drppicker .btn.btn-default{border-radius:8px!important;border:1px solid var(--Gray-300, #D0D5DD)!important;background:var(--White, #FFF)!important;box-shadow:0 1px 2px #1018280d!important;color:var(--Gray-700, #344054)!important;font-size:14px!important;font-weight:600!important;line-height:20px;text-transform:capitalize;margin-right:10px!important}.wrapper{min-width:200px}.btn-primary{line-height:18px!important}\n"], dependencies: [{ kind: "component", type: CustomSelectComponent, selector: "lib-select", inputs: ["items", "searchField", "multi", "idField", "selectedValues", "disabled", "label"], outputs: ["selected"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i5.DaterangepickerDirective, selector: "input[ngxDaterangepickerMd]", inputs: ["minDate", "maxDate", "autoApply", "alwaysShowCalendars", "showCustomRangeLabel", "linkedCalendars", "dateLimit", "singleDatePicker", "showWeekNumbers", "showISOWeekNumbers", "showDropdowns", "isInvalidDate", "isCustomDate", "isTooltipDate", "showClearButton", "customRangeDirection", "ranges", "opens", "drops", "firstMonthDayClass", "lastMonthDayClass", "emptyWeekRowClass", "emptyWeekColumnClass", "firstDayOfNextMonthClass", "lastDayOfPreviousMonthClass", "keepCalendarOpeningWithRange", "showRangeLabelOnInput", "showCancel", "lockStartDate", "timePicker", "timePicker24Hour", "timePickerIncrement", "timePickerSeconds", "closeOnAutoApply", "endKeyHolder", "startKey", "locale", "endKey"], outputs: ["change", "rangeClicked", "datesUpdated", "startDateChanged", "endDateChanged", "clearClicked"] }] });
|
|
@@ -4338,11 +4283,30 @@ const Routing = [
|
|
|
4338
4283
|
},
|
|
4339
4284
|
];
|
|
4340
4285
|
|
|
4286
|
+
class CustomDateFormatPipe {
|
|
4287
|
+
transform(value, ...args) {
|
|
4288
|
+
if (value) {
|
|
4289
|
+
const datePipe = new DatePipe('en-US');
|
|
4290
|
+
const formattedDate = datePipe.transform(value, 'dd MMM, yyyy');
|
|
4291
|
+
return formattedDate;
|
|
4292
|
+
}
|
|
4293
|
+
return null;
|
|
4294
|
+
}
|
|
4295
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: CustomDateFormatPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
|
|
4296
|
+
static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.0.8", ngImport: i0, type: CustomDateFormatPipe, name: "customDateFormat" });
|
|
4297
|
+
}
|
|
4298
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: CustomDateFormatPipe, decorators: [{
|
|
4299
|
+
type: Pipe,
|
|
4300
|
+
args: [{
|
|
4301
|
+
name: 'customDateFormat'
|
|
4302
|
+
}]
|
|
4303
|
+
}] });
|
|
4304
|
+
|
|
4341
4305
|
class CommonSharedModule {
|
|
4342
4306
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: CommonSharedModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
4343
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.8", ngImport: i0, type: CommonSharedModule, declarations: [PaginationComponent, FiltersComponent, CustomSelectComponent], imports: [CommonModule,
|
|
4307
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.8", ngImport: i0, type: CommonSharedModule, declarations: [PaginationComponent, FiltersComponent, CustomSelectComponent, CustomDateFormatPipe], imports: [CommonModule,
|
|
4344
4308
|
FormsModule,
|
|
4345
|
-
NgxPaginationModule], exports: [PaginationComponent, FiltersComponent, CustomSelectComponent] });
|
|
4309
|
+
NgxPaginationModule], exports: [PaginationComponent, FiltersComponent, CustomSelectComponent, CustomDateFormatPipe] });
|
|
4346
4310
|
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: CommonSharedModule, imports: [CommonModule,
|
|
4347
4311
|
FormsModule,
|
|
4348
4312
|
NgxPaginationModule] });
|
|
@@ -4350,13 +4314,13 @@ class CommonSharedModule {
|
|
|
4350
4314
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: CommonSharedModule, decorators: [{
|
|
4351
4315
|
type: NgModule,
|
|
4352
4316
|
args: [{
|
|
4353
|
-
declarations: [PaginationComponent, FiltersComponent, CustomSelectComponent],
|
|
4317
|
+
declarations: [PaginationComponent, FiltersComponent, CustomSelectComponent, CustomDateFormatPipe],
|
|
4354
4318
|
imports: [
|
|
4355
4319
|
CommonModule,
|
|
4356
4320
|
FormsModule,
|
|
4357
4321
|
NgxPaginationModule
|
|
4358
4322
|
],
|
|
4359
|
-
exports: [PaginationComponent, FiltersComponent, CustomSelectComponent]
|
|
4323
|
+
exports: [PaginationComponent, FiltersComponent, CustomSelectComponent, CustomDateFormatPipe]
|
|
4360
4324
|
}]
|
|
4361
4325
|
}] });
|
|
4362
4326
|
|
|
@@ -4655,5 +4619,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImpor
|
|
|
4655
4619
|
* Generated bundle index. Do not edit.
|
|
4656
4620
|
*/
|
|
4657
4621
|
|
|
4658
|
-
export { AccountingComponent, AuthGuard, AuthService, ClassicComponent, ClientSettingsComponent, CommonSharedModule, ContentComponent, CustomSelectComponent, Error404Component, Error500Component, ErrorsComponent, ErrorsModule, ExtendedComponent, FiltersComponent, FooterComponent, GlobalStateService, HeaderComponent, HeaderMenuComponent, HttpAuthInterceptor, LayoutComponent, LayoutModule, LayoutScrollTopComponent, NavbarComponent, PageTitleComponent, PaginationComponent, ReportsComponent, SaasComponent, ScriptsInitComponent, SidebarComponent, SidebarFooterComponent, SidebarLogoComponent, SidebarMenuComponent, ToastService, ToolbarComponent, TranslationModule, TranslationService, ch as chLang, de as deLang, en as enLang, es as esLang, fr as frLang, jp as jpLang };
|
|
4622
|
+
export { AccountingComponent, AuthGuard, AuthService, ClassicComponent, ClientSettingsComponent, CommonSharedModule, ContentComponent, CustomDateFormatPipe, CustomSelectComponent, Error404Component, Error500Component, ErrorsComponent, ErrorsModule, ExtendedComponent, FiltersComponent, FooterComponent, GlobalStateService, HeaderComponent, HeaderMenuComponent, HttpAuthInterceptor, LayoutComponent, LayoutModule, LayoutScrollTopComponent, NavbarComponent, PageTitleComponent, PaginationComponent, ReportsComponent, SaasComponent, ScriptsInitComponent, SidebarComponent, SidebarFooterComponent, SidebarLogoComponent, SidebarMenuComponent, ToastService, ToolbarComponent, TranslationModule, TranslationService, ch as chLang, de as deLang, en as enLang, es as esLang, fr as frLang, jp as jpLang };
|
|
4659
4623
|
//# sourceMappingURL=tango-app-ui-shared.mjs.map
|