@annalib/anna-core 5.0.9 → 5.1.1
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/models/anna-non-editable-gt-models.mjs +1 -1
- package/esm2020/lib/anna-core-shared-lib/services/anna-generic-table.service.mjs +81 -8
- package/esm2020/lib/anna-generic-table-lib/components/anna-non-editable-generic-table/anna-non-editable-generic-table.component.mjs +42 -27
- package/esm2020/lib/anna-generic-table-lib/components/anna-table-virtual-scroll-viewport/anna-table-virtual-scroll-viewport.component.mjs +4 -4
- package/fesm2015/annalib-anna-core.mjs +159 -71
- package/fesm2015/annalib-anna-core.mjs.map +1 -1
- package/fesm2020/annalib-anna-core.mjs +159 -71
- package/fesm2020/annalib-anna-core.mjs.map +1 -1
- package/lib/anna-core-shared-lib/models/anna-non-editable-gt-models.d.ts +1 -1
- package/lib/anna-core-shared-lib/services/anna-generic-table.service.d.ts +18 -4
- package/lib/anna-generic-table-lib/components/anna-non-editable-generic-table/anna-non-editable-generic-table.component.d.ts +11 -5
- package/lib/anna-generic-table-lib/components/anna-table-virtual-scroll-viewport/anna-table-virtual-scroll-viewport.component.d.ts +2 -2
- package/package.json +1 -1
- package/src/lib/anna-common-scss/_bootstrap-tooltip.scss +25 -0
- package/src/lib/anna-common-scss/_generic-table-common.scss +59 -0
|
@@ -20,7 +20,7 @@ export interface IHeaderInfo {
|
|
|
20
20
|
tooltip?: ITooltip;
|
|
21
21
|
joinedFilterSortObjectKeys?: string;
|
|
22
22
|
}
|
|
23
|
-
declare type DATATYPE = "CHECKBOX" | "ICON" | "STRING" | "RADIO" | "" | "SVG_ICON" | "TEXT_ACTIONS" | "CLICKABLE_DATA";
|
|
23
|
+
declare type DATATYPE = "CHECKBOX" | "ICON" | "STRING" | "RADIO" | "" | "SVG_ICON" | "TEXT_ACTIONS" | "CLICKABLE_DATA" | "STRING__TEXT_ACTION";
|
|
24
24
|
declare type FILTERTYPE = "CHECKBOX" | "SLIDER" | "DATE" | "TIME" | "WEEK";
|
|
25
25
|
export interface ITotalRowInfo {
|
|
26
26
|
colspan: number;
|
|
@@ -1,14 +1,28 @@
|
|
|
1
|
+
import { ActivatedRoute, Router } from '@angular/router';
|
|
1
2
|
import { Subject } from "rxjs";
|
|
2
3
|
import { AnnaFilterService } from "./anna-filter.service";
|
|
3
4
|
import { AnnaSortService } from "./anna-sort.service";
|
|
4
5
|
import * as i0 from "@angular/core";
|
|
5
|
-
export declare class
|
|
6
|
+
export declare class AnnaGtHelperService {
|
|
6
7
|
private annaFilterService;
|
|
8
|
+
private router;
|
|
9
|
+
private route;
|
|
7
10
|
private annaSortService;
|
|
8
11
|
virtualScrollSubject: Subject<unknown>;
|
|
9
|
-
constructor(annaFilterService: AnnaFilterService, annaSortService: AnnaSortService);
|
|
12
|
+
constructor(annaFilterService: AnnaFilterService, router: Router, route: ActivatedRoute, annaSortService: AnnaSortService);
|
|
10
13
|
calculateNumberOfSkeletonColumnsForTable(tableHeaders: any[]): number[][];
|
|
11
14
|
initColumnFilterAndSorting(): void;
|
|
12
|
-
|
|
13
|
-
|
|
15
|
+
enableOrDisableClearAllBtn(): boolean;
|
|
16
|
+
updateFiltersInURL(): void;
|
|
17
|
+
prepareQueryParamsOnFilter(): {
|
|
18
|
+
appliedFilters: string[];
|
|
19
|
+
selectedFilterData: string;
|
|
20
|
+
sortState: string;
|
|
21
|
+
};
|
|
22
|
+
initTableFilters(clonedTableData: any): void;
|
|
23
|
+
initFilters(): void;
|
|
24
|
+
setDataAsPerPersistingFilter(isPersistingFilter: boolean, clonedTable: any, filters: any): any;
|
|
25
|
+
callSort(usersTable: any): any;
|
|
26
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<AnnaGtHelperService, never>;
|
|
27
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<AnnaGtHelperService>;
|
|
14
28
|
}
|
|
@@ -9,7 +9,6 @@ import { SortType } from '../../../anna-core-shared-lib/models/anna-sort.model';
|
|
|
9
9
|
import { radioButtonModel, TooltipModel } from '../../../anna-core-shared-lib/models/anna-tooltip.model';
|
|
10
10
|
import { AnnaSortService } from '../../../anna-core-shared-lib/services/anna-sort.service';
|
|
11
11
|
import { AnnaFilterService } from '../../../anna-core-shared-lib/services/anna-filter.service';
|
|
12
|
-
import { AnnaGenericTableService } from '../../../anna-core-shared-lib/services/anna-generic-table.service';
|
|
13
12
|
import { BehaviorSubject } from 'rxjs';
|
|
14
13
|
import * as i0 from "@angular/core";
|
|
15
14
|
export declare class AnnaNonEditableGenericTableComponent implements OnInit, OnChanges, AfterViewChecked {
|
|
@@ -17,12 +16,10 @@ export declare class AnnaNonEditableGenericTableComponent implements OnInit, OnC
|
|
|
17
16
|
private annaSortService;
|
|
18
17
|
annaDateTimeFormatService: AnnaDateTimeFormatService;
|
|
19
18
|
annaFilterService: AnnaFilterService;
|
|
20
|
-
private annaGenericTableService;
|
|
21
19
|
showSkeletonLoading: boolean;
|
|
22
20
|
tableHeaders: IGtTableHeader[];
|
|
23
21
|
tableData: any[];
|
|
24
22
|
clonedTableData: any[];
|
|
25
|
-
numberOfSkeletonRows: number[];
|
|
26
23
|
numberOfSkeletonColumns: number[][];
|
|
27
24
|
gtGeneralConfig: IGtGeneralConfig;
|
|
28
25
|
totalRowInfo?: ITotalRowInfo[];
|
|
@@ -38,6 +35,7 @@ export declare class AnnaNonEditableGenericTableComponent implements OnInit, OnC
|
|
|
38
35
|
downloadInProgress: boolean;
|
|
39
36
|
percentDone: number;
|
|
40
37
|
starredInProgress: boolean;
|
|
38
|
+
clickableRow: boolean;
|
|
41
39
|
toggleCheckbox: EventEmitter<any>;
|
|
42
40
|
toggleRowCheckbox: EventEmitter<any>;
|
|
43
41
|
toggleHeaderCheckbox: EventEmitter<any>;
|
|
@@ -53,6 +51,7 @@ export declare class AnnaNonEditableGenericTableComponent implements OnInit, OnC
|
|
|
53
51
|
gtTextActionClicked: EventEmitter<any>;
|
|
54
52
|
gtViewDetailClicked: EventEmitter<any>;
|
|
55
53
|
downloadSpotDetails: EventEmitter<any>;
|
|
54
|
+
clickableDataClicked: EventEmitter<any>;
|
|
56
55
|
tableDataWrapper: any[];
|
|
57
56
|
rowChecked: boolean;
|
|
58
57
|
isAllRowsChecked: boolean;
|
|
@@ -147,7 +146,12 @@ export declare class AnnaNonEditableGenericTableComponent implements OnInit, OnC
|
|
|
147
146
|
heightOfCheckboxTooltipFilter: number;
|
|
148
147
|
isNoDataToDisplaySubject$: BehaviorSubject<boolean>;
|
|
149
148
|
selectedStarredOrderId: string;
|
|
150
|
-
|
|
149
|
+
userActionTableMetaData: {
|
|
150
|
+
lastEmailResentAt: string;
|
|
151
|
+
passwordValidity: string;
|
|
152
|
+
status: string;
|
|
153
|
+
};
|
|
154
|
+
constructor(cdRef: ChangeDetectorRef, annaSortService: AnnaSortService, annaDateTimeFormatService: AnnaDateTimeFormatService, annaFilterService: AnnaFilterService);
|
|
151
155
|
ngAfterViewChecked(): void;
|
|
152
156
|
ngOnInit(): void;
|
|
153
157
|
ngOnChanges(changes: SimpleChanges): void;
|
|
@@ -266,6 +270,8 @@ export declare class AnnaNonEditableGenericTableComponent implements OnInit, OnC
|
|
|
266
270
|
setInitialRowsForTable(): void;
|
|
267
271
|
spotDetailsDownloadClicked(parentChildOrTotalRow: "DATAROW" | "TOTALROW", rowdata?: any): void;
|
|
268
272
|
tableContainerScrolled(event: any): void;
|
|
273
|
+
mouseEnterOnStringTextActionType(rowData: any): void;
|
|
274
|
+
onClickableDataClicked(Rowdata: any, id: number): void;
|
|
269
275
|
static ɵfac: i0.ɵɵFactoryDeclaration<AnnaNonEditableGenericTableComponent, never>;
|
|
270
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<AnnaNonEditableGenericTableComponent, "anna-core-non-editable-generic-table-lib", never, { "showSkeletonLoading": "showSkeletonLoading"; "tableHeaders": "tableHeaders"; "tableData": "tableData"; "clonedTableData": "clonedTableData"; "
|
|
276
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<AnnaNonEditableGenericTableComponent, "anna-core-non-editable-generic-table-lib", never, { "showSkeletonLoading": "showSkeletonLoading"; "tableHeaders": "tableHeaders"; "tableData": "tableData"; "clonedTableData": "clonedTableData"; "numberOfSkeletonColumns": "numberOfSkeletonColumns"; "gtGeneralConfig": "gtGeneralConfig"; "totalRowInfo": "totalRowInfo"; "gtDimension": "gtDimension"; "tableClass": "tableClass"; "maximumRowsWhichCanBeRenderedWithoutScroll": "maximumRowsWhichCanBeRenderedWithoutScroll"; "limit": "limit"; "includeBorderInTableHeight": "includeBorderInTableHeight"; "downloadInProgress": "downloadInProgress"; "percentDone": "percentDone"; "starredInProgress": "starredInProgress"; "clickableRow": "clickableRow"; }, { "toggleCheckbox": "toggleCheckbox"; "toggleRowCheckbox": "toggleRowCheckbox"; "toggleHeaderCheckbox": "toggleHeaderCheckbox"; "undoIconClicked": "undoIconClicked"; "filterAppliedToTable": "filterAppliedToTable"; "sortingAppliedToTable": "sortingAppliedToTable"; "rowClicked": "rowClicked"; "radioButtonSelected": "radioButtonSelected"; "columnFilterOpened": "columnFilterOpened"; "columnFilterClosed": "columnFilterClosed"; "gtIconClicked": "gtIconClicked"; "gtSVGIconClicked": "gtSVGIconClicked"; "gtTextActionClicked": "gtTextActionClicked"; "gtViewDetailClicked": "gtViewDetailClicked"; "downloadSpotDetails": "downloadSpotDetails"; "clickableDataClicked": "clickableDataClicked"; }, never, never>;
|
|
271
277
|
}
|
|
@@ -10,7 +10,7 @@ import { ListRange } from "@angular/cdk/collections";
|
|
|
10
10
|
import { ChangeDetectorRef, ElementRef, NgZone, OnDestroy, OnInit } from "@angular/core";
|
|
11
11
|
import { Observable } from "rxjs";
|
|
12
12
|
import { CdkScrollable, CdkVirtualScrollRepeater, VirtualScrollStrategy, ScrollDispatcher, ViewportRuler } from "@angular/cdk/scrolling";
|
|
13
|
-
import {
|
|
13
|
+
import { AnnaGtHelperService } from '../../../anna-core-shared-lib/services/anna-generic-table.service';
|
|
14
14
|
import * as i0 from "@angular/core";
|
|
15
15
|
/**
|
|
16
16
|
* A viewport that virtualizes its scrolling with the help of `CdkVirtualForOf`.
|
|
@@ -70,7 +70,7 @@ export declare class AnnaTableVirtualScrollViewportComponent extends CdkScrollab
|
|
|
70
70
|
private _runAfterChangeDetection;
|
|
71
71
|
/** Subscription to changes in the viewport size. */
|
|
72
72
|
private _viewportChanges;
|
|
73
|
-
constructor(elementRef: ElementRef<HTMLElement>, _changeDetectorRef: ChangeDetectorRef, ngZone: NgZone, _scrollStrategy: VirtualScrollStrategy, dir: Directionality, scrollDispatcher: ScrollDispatcher, viewportRuler: ViewportRuler, annaGtService:
|
|
73
|
+
constructor(elementRef: ElementRef<HTMLElement>, _changeDetectorRef: ChangeDetectorRef, ngZone: NgZone, _scrollStrategy: VirtualScrollStrategy, dir: Directionality, scrollDispatcher: ScrollDispatcher, viewportRuler: ViewportRuler, annaGtService: AnnaGtHelperService);
|
|
74
74
|
ngOnInit(): void;
|
|
75
75
|
ngOnDestroy(): void;
|
|
76
76
|
/** Attaches a `CdkVirtualScrollRepeater` to this viewport. */
|
package/package.json
CHANGED
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
@mixin common-bootstrap-tooltip() {
|
|
2
|
+
opacity: 1 !important;
|
|
3
|
+
.tooltip-inner {
|
|
4
|
+
color: #4a4a4a;
|
|
5
|
+
text-align: left;
|
|
6
|
+
padding: 8px !important;
|
|
7
|
+
border-radius: $fs-2;
|
|
8
|
+
background: white !important;
|
|
9
|
+
box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.3), 0 2px 2px 0 rgba(0, 0, 0, 0.2);
|
|
10
|
+
@include fonts(Roboto, 12px, normal, normal, normal, normal, normal);
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
&.bs-tooltip-top .arrow::before {
|
|
14
|
+
border-top: 6px solid white
|
|
15
|
+
}
|
|
16
|
+
&.bs-tooltip-left .arrow::before {
|
|
17
|
+
border-left:6px solid white
|
|
18
|
+
}
|
|
19
|
+
&.bs-tooltip-bottom .arrow::before {
|
|
20
|
+
border-bottom: 6px solid white
|
|
21
|
+
}
|
|
22
|
+
&.bs-tooltip-right .arrow::before {
|
|
23
|
+
border-right:5px solid white
|
|
24
|
+
}
|
|
25
|
+
}
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
@mixin no-data-to-display-gt($tableHeight, $rowHeight, $noDataMarginTop) {
|
|
2
|
+
.table-container {
|
|
3
|
+
height: calc($tableHeight) !important;
|
|
4
|
+
table {
|
|
5
|
+
tbody {
|
|
6
|
+
border-top: none;
|
|
7
|
+
border-left: 1px solid #d3d3d3;
|
|
8
|
+
border-right: 1px solid #d3d3d3;
|
|
9
|
+
border-bottom: 1px solid #d3d3d3;
|
|
10
|
+
|
|
11
|
+
tr.no-border-tr:first-of-type {
|
|
12
|
+
height: $rowHeight !important;
|
|
13
|
+
|
|
14
|
+
td {
|
|
15
|
+
box-shadow: none !important;
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
tr:nth-child(n+1) {
|
|
20
|
+
td {
|
|
21
|
+
box-shadow: none !important;
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
.no-data {
|
|
29
|
+
margin-top: $noDataMarginTop !important;
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
@mixin resetFilterStyle() {
|
|
34
|
+
padding: 0;
|
|
35
|
+
border: none;
|
|
36
|
+
display: block;
|
|
37
|
+
text-align: right;
|
|
38
|
+
margin-left: auto;
|
|
39
|
+
background-color: white;
|
|
40
|
+
text-decoration: underline;
|
|
41
|
+
color: #268bff;
|
|
42
|
+
border: none;
|
|
43
|
+
&:hover:enabled {
|
|
44
|
+
color: #4a4a4a;
|
|
45
|
+
}
|
|
46
|
+
&:disabled {
|
|
47
|
+
color: #4a4a4a;
|
|
48
|
+
opacity: 0.5;
|
|
49
|
+
cursor: not-allowed;
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
@mixin table-ellipses {
|
|
54
|
+
div {
|
|
55
|
+
text-overflow: ellipsis !important;
|
|
56
|
+
overflow: hidden !important;
|
|
57
|
+
white-space:nowrap !important;
|
|
58
|
+
}
|
|
59
|
+
}
|