@annalib/anna-core 5.0.8 → 5.1.0
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 +80 -8
- package/esm2020/lib/anna-generic-table-lib/components/anna-non-editable-generic-table/anna-non-editable-generic-table.component.mjs +42 -25
- 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 +158 -69
- package/fesm2015/annalib-anna-core.mjs.map +1 -1
- package/fesm2020/annalib-anna-core.mjs +158 -69
- 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 -4
- 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
- package/src/lib/anna-common-scss/_modal.scss +1 -1
|
@@ -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,7 +16,6 @@ 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[];
|
|
@@ -38,6 +36,7 @@ export declare class AnnaNonEditableGenericTableComponent implements OnInit, OnC
|
|
|
38
36
|
downloadInProgress: boolean;
|
|
39
37
|
percentDone: number;
|
|
40
38
|
starredInProgress: boolean;
|
|
39
|
+
clickableRow: boolean;
|
|
41
40
|
toggleCheckbox: EventEmitter<any>;
|
|
42
41
|
toggleRowCheckbox: EventEmitter<any>;
|
|
43
42
|
toggleHeaderCheckbox: EventEmitter<any>;
|
|
@@ -53,6 +52,7 @@ export declare class AnnaNonEditableGenericTableComponent implements OnInit, OnC
|
|
|
53
52
|
gtTextActionClicked: EventEmitter<any>;
|
|
54
53
|
gtViewDetailClicked: EventEmitter<any>;
|
|
55
54
|
downloadSpotDetails: EventEmitter<any>;
|
|
55
|
+
clickableDataClicked: EventEmitter<any>;
|
|
56
56
|
tableDataWrapper: any[];
|
|
57
57
|
rowChecked: boolean;
|
|
58
58
|
isAllRowsChecked: boolean;
|
|
@@ -147,7 +147,12 @@ export declare class AnnaNonEditableGenericTableComponent implements OnInit, OnC
|
|
|
147
147
|
heightOfCheckboxTooltipFilter: number;
|
|
148
148
|
isNoDataToDisplaySubject$: BehaviorSubject<boolean>;
|
|
149
149
|
selectedStarredOrderId: string;
|
|
150
|
-
|
|
150
|
+
userActionTableMetaData: {
|
|
151
|
+
lastEmailResentAt: string;
|
|
152
|
+
passwordValidity: string;
|
|
153
|
+
status: string;
|
|
154
|
+
};
|
|
155
|
+
constructor(cdRef: ChangeDetectorRef, annaSortService: AnnaSortService, annaDateTimeFormatService: AnnaDateTimeFormatService, annaFilterService: AnnaFilterService);
|
|
151
156
|
ngAfterViewChecked(): void;
|
|
152
157
|
ngOnInit(): void;
|
|
153
158
|
ngOnChanges(changes: SimpleChanges): void;
|
|
@@ -266,6 +271,8 @@ export declare class AnnaNonEditableGenericTableComponent implements OnInit, OnC
|
|
|
266
271
|
setInitialRowsForTable(): void;
|
|
267
272
|
spotDetailsDownloadClicked(parentChildOrTotalRow: "DATAROW" | "TOTALROW", rowdata?: any): void;
|
|
268
273
|
tableContainerScrolled(event: any): void;
|
|
274
|
+
mouseEnterOnStringTextActionType(rowData: any): void;
|
|
275
|
+
onClickableDataClicked(Rowdata: any, id: number): void;
|
|
269
276
|
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"; "numberOfSkeletonRows": "numberOfSkeletonRows"; "numberOfSkeletonColumns": "numberOfSkeletonColumns"; "gtGeneralConfig": "gtGeneralConfig"; "totalRowInfo": "totalRowInfo"; "gtDimension": "gtDimension"; "tableClass": "tableClass"; "maximumRowsWhichCanBeRenderedWithoutScroll": "maximumRowsWhichCanBeRenderedWithoutScroll"; "limit": "limit"; "includeBorderInTableHeight": "includeBorderInTableHeight"; "downloadInProgress": "downloadInProgress"; "percentDone": "percentDone"; "starredInProgress": "starredInProgress"; }, { "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"; }, never, never>;
|
|
277
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<AnnaNonEditableGenericTableComponent, "anna-core-non-editable-generic-table-lib", never, { "showSkeletonLoading": "showSkeletonLoading"; "tableHeaders": "tableHeaders"; "tableData": "tableData"; "clonedTableData": "clonedTableData"; "numberOfSkeletonRows": "numberOfSkeletonRows"; "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
278
|
}
|
|
@@ -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
|
+
}
|