@annalib/anna-core 14.6.8 → 14.6.10
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-filter.service.mjs +4 -2
- package/esm2020/lib/anna-generic-table-lib/components/anna-non-editable-generic-table/anna-non-editable-generic-table.component.mjs +9 -3
- package/fesm2015/annalib-anna-core.mjs +11 -3
- package/fesm2015/annalib-anna-core.mjs.map +1 -1
- package/fesm2020/annalib-anna-core.mjs +11 -3
- 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-generic-table-lib/components/anna-non-editable-generic-table/anna-non-editable-generic-table.component.d.ts +3 -1
- package/package.json +1 -1
- package/src/lib/anna-common-scss/_advertiser-listing-common.scss +73 -0
- package/src/lib/anna-common-scss/_edit-filter-popup.scss +71 -0
|
@@ -21,7 +21,7 @@ export interface IHeaderInfo {
|
|
|
21
21
|
tooltip?: ITooltip;
|
|
22
22
|
joinedFilterSortObjectKeys?: string;
|
|
23
23
|
}
|
|
24
|
-
declare type DATATYPE = "CHECKBOX" | "ICON" | "STRING" | "RADIO" | "" | "SVG_ICON" | "TEXT_ACTIONS" | "CLICKABLE_DATA" | "STRING__TEXT_ACTION" | "STRING__ICON_ACTION" | "STRING___ICON_OR_TEXT_ACTION" | "HTML" | "HTML_STRING" | "ICON_CELL" | "STRING_OR_INPUT";
|
|
24
|
+
declare type DATATYPE = "CHECKBOX" | "ICON" | "STRING" | "RADIO" | "" | "SVG_ICON" | "TEXT_ACTIONS" | "CLICKABLE_DATA" | "STRING__TEXT_ACTION" | "STRING__ICON_ACTION" | "STRING___ICON_OR_TEXT_ACTION" | "HTML" | "HTML_STRING" | "ICON_CELL" | "STRING_OR_INPUT" | "SINGLE_RADIO";
|
|
25
25
|
declare type FILTERTYPE = "CHECKBOX" | "SLIDER" | "DATE" | "TIME" | "WEEK";
|
|
26
26
|
export interface ITotalRowInfo {
|
|
27
27
|
colspan: number;
|
|
@@ -73,6 +73,7 @@ export declare class AnnaNonEditableGenericTableComponent implements OnInit, OnC
|
|
|
73
73
|
notificationIconHover: EventEmitter<any>;
|
|
74
74
|
notificationIconHoverLeave: EventEmitter<any>;
|
|
75
75
|
editableInputEdited: EventEmitter<any>;
|
|
76
|
+
radioButtonMessageIconClicked: EventEmitter<any>;
|
|
76
77
|
numberOfSkeletonRows: number[][];
|
|
77
78
|
tableDataWrapper: any[];
|
|
78
79
|
rowChecked: boolean;
|
|
@@ -308,7 +309,8 @@ export declare class AnnaNonEditableGenericTableComponent implements OnInit, OnC
|
|
|
308
309
|
removeTooltipOnScroll(): void;
|
|
309
310
|
iconClickedInTotalRow(colName: string): void;
|
|
310
311
|
editableInputValueChanged(value: any, row: any): void;
|
|
312
|
+
radioButtonIconClicked(data: any): void;
|
|
311
313
|
static ɵfac: i0.ɵɵFactoryDeclaration<AnnaNonEditableGenericTableComponent, never>;
|
|
312
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<AnnaNonEditableGenericTableComponent, "anna-core-non-editable-generic-table-lib", never, { "showSkeletonLoading": "showSkeletonLoading"; "tableHeaders": "tableHeaders"; "tableData": "tableData"; "clonedTableData": "clonedTableData"; "gtGeneralConfig": "gtGeneralConfig"; "totalRowInfo": "totalRowInfo"; "gtDimension": "gtDimension"; "tableClass": "tableClass"; "maximumRowsWhichCanBeRenderedWithoutScroll": "maximumRowsWhichCanBeRenderedWithoutScroll"; "limit": "limit"; "includeBorderInTableHeight": "includeBorderInTableHeight"; "downloadInProgress": "downloadInProgress"; "percentDone": "percentDone"; "starredInProgress": "starredInProgress"; "clickableRow": "clickableRow"; "setTableHeightWhenRowSizeIsFixed": "setTableHeightWhenRowSizeIsFixed"; "tableBorderBottomClassRequired": "tableBorderBottomClassRequired"; "hideSomeTds": "hideSomeTds"; "tdsHaveRowSpan": "tdsHaveRowSpan"; }, { "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"; "gtInnerHTMLClicked": "gtInnerHTMLClicked"; "downloadSpotDetails": "downloadSpotDetails"; "clickableDataClicked": "clickableDataClicked"; "totalRowIconClicked": "totalRowIconClicked"; "notificationIconHover": "notificationIconHover"; "notificationIconHoverLeave": "notificationIconHoverLeave"; "editableInputEdited": "editableInputEdited"; }, never, never, false, never>;
|
|
314
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<AnnaNonEditableGenericTableComponent, "anna-core-non-editable-generic-table-lib", never, { "showSkeletonLoading": "showSkeletonLoading"; "tableHeaders": "tableHeaders"; "tableData": "tableData"; "clonedTableData": "clonedTableData"; "gtGeneralConfig": "gtGeneralConfig"; "totalRowInfo": "totalRowInfo"; "gtDimension": "gtDimension"; "tableClass": "tableClass"; "maximumRowsWhichCanBeRenderedWithoutScroll": "maximumRowsWhichCanBeRenderedWithoutScroll"; "limit": "limit"; "includeBorderInTableHeight": "includeBorderInTableHeight"; "downloadInProgress": "downloadInProgress"; "percentDone": "percentDone"; "starredInProgress": "starredInProgress"; "clickableRow": "clickableRow"; "setTableHeightWhenRowSizeIsFixed": "setTableHeightWhenRowSizeIsFixed"; "tableBorderBottomClassRequired": "tableBorderBottomClassRequired"; "hideSomeTds": "hideSomeTds"; "tdsHaveRowSpan": "tdsHaveRowSpan"; }, { "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"; "gtInnerHTMLClicked": "gtInnerHTMLClicked"; "downloadSpotDetails": "downloadSpotDetails"; "clickableDataClicked": "clickableDataClicked"; "totalRowIconClicked": "totalRowIconClicked"; "notificationIconHover": "notificationIconHover"; "notificationIconHoverLeave": "notificationIconHoverLeave"; "editableInputEdited": "editableInputEdited"; "radioButtonMessageIconClicked": "radioButtonMessageIconClicked"; }, never, never, false, never>;
|
|
313
315
|
}
|
|
314
316
|
export {};
|
package/package.json
CHANGED
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
@use "../anna-common-scss/gt-table" as *;
|
|
2
|
+
|
|
3
|
+
$LightBlue: #EEF6FF;
|
|
4
|
+
$LightOrange: #F9EADD;
|
|
5
|
+
$LightYellow: #F7F2D1;
|
|
6
|
+
$LightGreen: #E1FFED;
|
|
7
|
+
$DeepBlue: #1565C0;
|
|
8
|
+
$DeepOrange: #F97B07;
|
|
9
|
+
$DeepYellow: #F3BD18;
|
|
10
|
+
$DeepGreen: #00C853;
|
|
11
|
+
|
|
12
|
+
@mixin rowStyling($backgroundColor, $buttonColor, $color, $shadow-map) {
|
|
13
|
+
@include table-data((), $shadow-map, $backgroundColor);
|
|
14
|
+
|
|
15
|
+
::ng-deep .status-btn {
|
|
16
|
+
background-color: $buttonColor !important;
|
|
17
|
+
color: $color;
|
|
18
|
+
border-radius: 2px !important;
|
|
19
|
+
padding: 2px 6px;
|
|
20
|
+
cursor: default !important;
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
@mixin advertiser-listing-table-styling($advertiser-box-shadow-map, $advertiser-no-data-box-shadow-map, $row-height-map){
|
|
25
|
+
:host ::ng-deep anna-core-non-editable-generic-table-lib {
|
|
26
|
+
@include table-container-scroll-bar(0px, 2.625rem);
|
|
27
|
+
@include table-header((), $advertiser-box-shadow-map);
|
|
28
|
+
@include no-data-table(142px, $advertiser-no-data-box-shadow-map, $row-height-map);
|
|
29
|
+
|
|
30
|
+
.loader {
|
|
31
|
+
margin-bottom: 0;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
tbody{
|
|
35
|
+
tr {
|
|
36
|
+
@include rowStyling(#fff,white, #000, $advertiser-box-shadow-map);
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
tr.AWAITING_BUYER_CONFIRMATION,
|
|
40
|
+
tr.AWAITING_SELLER_CONFIRMATION {
|
|
41
|
+
@include rowStyling($LightBlue, $DeepBlue, white, $advertiser-box-shadow-map);
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
tr.NEED_SELLER_CONFIRMATION,
|
|
45
|
+
tr.NEED_BUYER_CONFIRMATION {
|
|
46
|
+
@include rowStyling($LightOrange, $DeepOrange, white, $advertiser-box-shadow-map);
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
tr.NOTIFY_BUYER {
|
|
50
|
+
@include rowStyling($LightYellow, $DeepYellow, white, $advertiser-box-shadow-map);
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
tr.APPROVED {
|
|
54
|
+
@include rowStyling($LightGreen, $DeepGreen, white, $advertiser-box-shadow-map);
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
td{
|
|
58
|
+
cursor: default !important;
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
th,td{
|
|
63
|
+
padding: 0 12px !important;
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
.no-data{
|
|
67
|
+
margin-top: -63px !important;
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
@include table-bottom-border($advertiser-box-shadow-map);
|
|
71
|
+
|
|
72
|
+
}
|
|
73
|
+
}
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
@use "./colors" as c;
|
|
2
|
+
@use "./fonts" as f;
|
|
3
|
+
|
|
4
|
+
$gap-between-headers-col: 1.5625rem !default;
|
|
5
|
+
|
|
6
|
+
.selected-filters-container{
|
|
7
|
+
border-radius: 2px;
|
|
8
|
+
border: 1px solid c.$primary-color;
|
|
9
|
+
padding: 0.625rem 0.5rem 0.625rem 1.5rem;
|
|
10
|
+
display: flex;
|
|
11
|
+
flex-wrap: nowrap;
|
|
12
|
+
justify-content: space-between;
|
|
13
|
+
height: 3.25rem;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
.filter-view{
|
|
17
|
+
display: flex;
|
|
18
|
+
gap: $gap-between-headers-col;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
.header{
|
|
22
|
+
margin-bottom: 0;
|
|
23
|
+
color: c.$darkCharcoal;
|
|
24
|
+
@include f.fonts(Roboto, 0.75rem, normal, normal, normal, normal, normal);
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
.selected-value{
|
|
28
|
+
margin-bottom: 0;
|
|
29
|
+
color: c.$grey;
|
|
30
|
+
@include f.fonts(Roboto, 0.875rem, normal, bold, normal, 1.14, normal);
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
@mixin filter-popup-modal-header(){
|
|
34
|
+
.modal-header{
|
|
35
|
+
padding: 0.5rem 0.5rem 0.25rem 1.5rem;
|
|
36
|
+
|
|
37
|
+
.modal-title{
|
|
38
|
+
color: white;
|
|
39
|
+
margin-top: auto;
|
|
40
|
+
margin-bottom: 0;
|
|
41
|
+
@include f.fonts(Roboto, 1.125rem, normal, normal, normal, normal, normal);
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
i{
|
|
45
|
+
color: white;
|
|
46
|
+
font-size: 1.5rem;
|
|
47
|
+
&:hover, &:focus {
|
|
48
|
+
opacity: 1 !important;
|
|
49
|
+
color: white;
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
|
|
56
|
+
@mixin filter-popup-modal-body(){
|
|
57
|
+
.modal-body{
|
|
58
|
+
padding: 1.5rem;
|
|
59
|
+
|
|
60
|
+
.popup-filter{
|
|
61
|
+
margin-bottom: 1rem;
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
.btn-group{
|
|
65
|
+
display: flex;
|
|
66
|
+
justify-content: space-between;
|
|
67
|
+
padding-top: 0.5rem;
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
}
|
|
71
|
+
}
|