@provoly/hypervisor 0.0.5 → 0.0.7

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.
Files changed (83) hide show
  1. package/esm2022/public-api.mjs +2 -1
  2. package/esm2022/src/lib/event/detail/event-detail.component.mjs +5 -5
  3. package/esm2022/src/lib/event/list/event-list.component.mjs +15 -5
  4. package/esm2022/src/lib/event/public-api.mjs +1 -2
  5. package/esm2022/src/lib/event-summary/item/event-summary-item.component.mjs +6 -8
  6. package/esm2022/src/lib/event-summary/list/event-summary-list.component.mjs +4 -5
  7. package/esm2022/src/lib/event-summary/page/event-summary-page.component.mjs +48 -0
  8. package/esm2022/src/lib/event-summary/public-api.mjs +2 -1
  9. package/esm2022/src/lib/general/i18n/en.translations.mjs +12 -4
  10. package/esm2022/src/lib/general/i18n/fr.translations.mjs +12 -4
  11. package/esm2022/src/lib/general/icon-display/icon-display.component.mjs +16 -0
  12. package/esm2022/src/lib/general/icon-pipe/event-icon.pipe.mjs +25 -0
  13. package/esm2022/src/lib/general/public-api.mjs +3 -1
  14. package/esm2022/src/lib/hypervisor.module.mjs +67 -16
  15. package/esm2022/src/lib/model/hyp-event-category.type.mjs +2 -0
  16. package/esm2022/src/lib/model/hyp-event-criticality.type.mjs +7 -0
  17. package/esm2022/src/lib/model/hyp-event-detail.interface.mjs +2 -0
  18. package/esm2022/src/lib/model/hyp-event-status.type.mjs +2 -0
  19. package/esm2022/src/lib/model/hyp-event-summary.interface.mjs +2 -0
  20. package/esm2022/src/lib/model/hyp-event-type.mjs +7 -0
  21. package/esm2022/src/lib/model/hyp-event.interface.mjs +2 -13
  22. package/esm2022/src/lib/model/hyp-procedure.interface.mjs +2 -0
  23. package/esm2022/src/lib/model/public-api.mjs +8 -2
  24. package/esm2022/src/lib/store/event/event.actions.mjs +2 -4
  25. package/esm2022/src/lib/store/event/event.effects.mjs +1 -2
  26. package/esm2022/src/lib/store/event/event.reducer.mjs +6 -13
  27. package/esm2022/src/lib/store/event/event.selectors.mjs +3 -3
  28. package/esm2022/src/lib/store/event/event.service.mjs +2 -16
  29. package/esm2022/src/lib/store/event-summary/event-summary.actions.mjs +7 -0
  30. package/esm2022/src/lib/store/event-summary/event-summary.const.mjs +6 -0
  31. package/esm2022/src/lib/store/event-summary/event-summary.effects.mjs +20 -0
  32. package/esm2022/src/lib/store/event-summary/event-summary.reducer.mjs +23 -0
  33. package/esm2022/src/lib/store/event-summary/event-summary.selectors.mjs +11 -0
  34. package/esm2022/src/lib/store/event-summary/event-summary.service.mjs +36 -0
  35. package/esm2022/src/lib/store/event-summary/public-api.mjs +5 -0
  36. package/esm2022/src/lib/store/hypervisor/hypervisor.reducer.mjs +3 -3
  37. package/fesm2022/provoly-hypervisor.mjs +285 -112
  38. package/fesm2022/provoly-hypervisor.mjs.map +1 -1
  39. package/package.json +1 -1
  40. package/public-api.d.ts +1 -0
  41. package/src/lib/event/detail/event-detail.component.d.ts +3 -3
  42. package/src/lib/event/list/event-list.component.d.ts +3 -1
  43. package/src/lib/event/public-api.d.ts +0 -1
  44. package/src/lib/event-summary/item/event-summary-item.component.d.ts +2 -2
  45. package/src/lib/event-summary/list/event-summary-list.component.d.ts +2 -2
  46. package/src/lib/event-summary/page/event-summary-page.component.d.ts +17 -0
  47. package/src/lib/event-summary/public-api.d.ts +1 -0
  48. package/src/lib/general/i18n/en.translations.d.ts +10 -2
  49. package/src/lib/general/i18n/fr.translations.d.ts +10 -2
  50. package/src/lib/general/icon-display/icon-display.component.d.ts +7 -0
  51. package/src/lib/{event → general}/icon-pipe/event-icon.pipe.d.ts +3 -2
  52. package/src/lib/general/public-api.d.ts +2 -0
  53. package/src/lib/hypervisor.module.d.ts +14 -6
  54. package/src/lib/model/hyp-event-category.type.d.ts +2 -0
  55. package/src/lib/model/hyp-event-criticality.type.d.ts +5 -0
  56. package/src/lib/model/hyp-event-detail.interface.d.ts +14 -0
  57. package/src/lib/model/hyp-event-status.type.d.ts +1 -0
  58. package/src/lib/model/hyp-event-summary.interface.d.ts +19 -0
  59. package/src/lib/model/hyp-event-type.d.ts +5 -0
  60. package/src/lib/model/hyp-event.interface.d.ts +2 -40
  61. package/src/lib/model/{hyp-process.interface.d.ts → hyp-procedure.interface.d.ts} +1 -1
  62. package/src/lib/model/public-api.d.ts +7 -1
  63. package/src/lib/store/event/event.actions.d.ts +7 -11
  64. package/src/lib/store/event/event.effects.d.ts +0 -5
  65. package/src/lib/store/event/event.reducer.d.ts +2 -2
  66. package/src/lib/store/event/event.selectors.d.ts +1 -1
  67. package/src/lib/store/event/event.service.d.ts +1 -2
  68. package/src/lib/store/event-summary/event-summary.actions.d.ts +14 -0
  69. package/src/lib/store/event-summary/event-summary.const.d.ts +14 -0
  70. package/src/lib/store/event-summary/event-summary.effects.d.ts +15 -0
  71. package/src/lib/store/event-summary/event-summary.reducer.d.ts +9 -0
  72. package/src/lib/store/event-summary/event-summary.selectors.d.ts +6 -0
  73. package/src/lib/store/event-summary/event-summary.service.d.ts +13 -0
  74. package/src/lib/store/event-summary/public-api.d.ts +4 -0
  75. package/src/lib/store/hypervisor/hypervisor.reducer.d.ts +1 -1
  76. package/styles/components/_index.scss +9 -0
  77. package/styles/components/_m-hvy-event-summary-item.scss +105 -6
  78. package/styles/components/_o-hvy-event-summary-list.scss +45 -3
  79. package/styles/components/_o-hvy-event-summary-page.scss +48 -0
  80. package/styles/components/_o-hvy-events-table.scss +1 -1
  81. package/styles/main.scss +1 -4
  82. package/esm2022/src/lib/event/icon-pipe/event-icon.pipe.mjs +0 -26
  83. package/esm2022/src/lib/model/hyp-process.interface.mjs +0 -2
@@ -1,2 +1,8 @@
1
1
  export * from './hyp-event.interface';
2
- export * from './hyp-process.interface';
2
+ export * from './hyp-event-category.type';
3
+ export * from './hyp-event-criticality.type';
4
+ export * from './hyp-event-detail.interface';
5
+ export * from './hyp-event-status.type';
6
+ export * from './hyp-event-summary.interface';
7
+ export * from './hyp-event-type';
8
+ export * from './hyp-procedure.interface';
@@ -1,4 +1,4 @@
1
- import { HypEventDetails, HypEventSummaries } from '../../model/hyp-event.interface';
1
+ import { HypEventDetails } from '../../model/hyp-event-detail.interface';
2
2
  export declare const EventActions: {
3
3
  load: import("@ngrx/store").ActionCreator<"[Event] Load Events", () => import("@ngrx/store/src/models").TypedAction<"[Event] Load Events">>;
4
4
  loadSuccess: import("@ngrx/store").ActionCreator<"[Event Api] (bus) Load Events Success", (props: {
@@ -20,15 +20,11 @@ export declare const EventActions: {
20
20
  [key: string]: string[];
21
21
  };
22
22
  } & import("@ngrx/store/src/models").TypedAction<"[Event Api] Set filters">>;
23
- loadSummaries: import("@ngrx/store").ActionCreator<"[Event] Load Summaries", () => import("@ngrx/store/src/models").TypedAction<"[Event] Load Summaries">>;
24
- loadSummariesSuccess: import("@ngrx/store").ActionCreator<"[Event Api] Load Summaries Success", (props: {
25
- summaries: HypEventSummaries;
23
+ select: import("@ngrx/store").ActionCreator<"[Event Api] Select", (props: {
24
+ cumulative: boolean;
25
+ ids: string[];
26
26
  }) => {
27
- summaries: HypEventSummaries;
28
- } & import("@ngrx/store/src/models").TypedAction<"[Event Api] Load Summaries Success">>;
29
- loadSummariesFailure: import("@ngrx/store").ActionCreator<"[Event Api] Load Summaries Failure", (props: {
30
- error: string;
31
- }) => {
32
- error: string;
33
- } & import("@ngrx/store/src/models").TypedAction<"[Event Api] Load Summaries Failure">>;
27
+ cumulative: boolean;
28
+ ids: string[];
29
+ } & import("@ngrx/store/src/models").TypedAction<"[Event Api] Select">>;
34
30
  };
@@ -9,11 +9,6 @@ export declare class EventEffects {
9
9
  } & import("@ngrx/store/src/models").TypedAction<"[Event Api] (bus) Load Events Success">) | ({
10
10
  error: string;
11
11
  } & import("@ngrx/store/src/models").TypedAction<"[Event Api] Load Events Failure">)> & import("@ngrx/effects").CreateEffectMetadata;
12
- loadSummaries$: import("rxjs").Observable<({
13
- summaries: import("@provoly/hypervisor").HypEventSummaries;
14
- } & import("@ngrx/store/src/models").TypedAction<"[Event Api] Load Summaries Success">) | ({
15
- error: string;
16
- } & import("@ngrx/store/src/models").TypedAction<"[Event Api] Load Summaries Failure">)> & import("@ngrx/effects").CreateEffectMetadata;
17
12
  constructor(actions$: Actions, eventService: EventService);
18
13
  static ɵfac: i0.ɵɵFactoryDeclaration<EventEffects, never>;
19
14
  static ɵprov: i0.ɵɵInjectableDeclaration<EventEffects>;
@@ -1,13 +1,13 @@
1
1
  import { Action } from '@ngrx/store';
2
- import { HypEventDetails, HypEventSummaries } from '../../model/hyp-event.interface';
2
+ import { HypEventDetails } from '../../model/hyp-event-detail.interface';
3
3
  export declare const eventFeatureKey = "@hvy/event";
4
4
  export interface EventState {
5
5
  events: HypEventDetails[];
6
- summaries: HypEventSummaries;
7
6
  loading: boolean;
8
7
  filters: {
9
8
  [key: string]: string[];
10
9
  };
10
+ selectedIds: string[];
11
11
  }
12
12
  export declare const eventInitialState: EventState;
13
13
  export declare function eventReducer(state: EventState, action: Action): EventState;
@@ -2,7 +2,7 @@ import { EventState } from './event.reducer';
2
2
  export declare const EventSelectors: {
3
3
  feature: import("@ngrx/store").MemoizedSelector<object, EventState, import("@ngrx/store").DefaultProjectorFn<EventState>>;
4
4
  events: import("@ngrx/store").MemoizedSelector<object, import("@provoly/hypervisor").HypEventDetails[], (s1: EventState) => import("@provoly/hypervisor").HypEventDetails[]>;
5
- summaries: import("@ngrx/store").MemoizedSelector<object, import("@provoly/hypervisor").HypEventSummaries, (s1: EventState) => import("@provoly/hypervisor").HypEventSummaries>;
5
+ selectedIds: import("@ngrx/store").MemoizedSelector<object, string[], (s1: EventState) => string[]>;
6
6
  loading: import("@ngrx/store").MemoizedSelector<object, boolean, (s1: EventState) => boolean>;
7
7
  filters: import("@ngrx/store").MemoizedSelector<object, {
8
8
  [key: string]: string[];
@@ -1,14 +1,13 @@
1
1
  import { HttpClient } from '@angular/common/http';
2
2
  import { Observable } from 'rxjs';
3
3
  import { Store } from '@ngrx/store';
4
- import { HypEventDetails, HypEventSummaries } from '../../model/hyp-event.interface';
4
+ import { HypEventDetails } from '../../model/hyp-event-detail.interface';
5
5
  import * as i0 from "@angular/core";
6
6
  export declare class EventService {
7
7
  private httpClient;
8
8
  private store;
9
9
  constructor(httpClient: HttpClient, store: Store<any>);
10
10
  list(): Observable<Array<HypEventDetails>>;
11
- listSummaries(): Observable<HypEventSummaries>;
12
11
  static ɵfac: i0.ɵɵFactoryDeclaration<EventService, never>;
13
12
  static ɵprov: i0.ɵɵInjectableDeclaration<EventService>;
14
13
  }
@@ -0,0 +1,14 @@
1
+ import { HypEventSummaries } from '../../model/hyp-event-summary.interface';
2
+ export declare const EventSummaryActions: {
3
+ load: import("@ngrx/store").ActionCreator<"[Event] Load Summaries", () => import("@ngrx/store/src/models").TypedAction<"[Event] Load Summaries">>;
4
+ loadSuccess: import("@ngrx/store").ActionCreator<"[Event Api] Load Summaries Success", (props: {
5
+ summaries: HypEventSummaries;
6
+ }) => {
7
+ summaries: HypEventSummaries;
8
+ } & import("@ngrx/store/src/models").TypedAction<"[Event Api] Load Summaries Success">>;
9
+ loadFailure: import("@ngrx/store").ActionCreator<"[Event Api] Load Summaries Failure", (props: {
10
+ error: string;
11
+ }) => {
12
+ error: string;
13
+ } & import("@ngrx/store/src/models").TypedAction<"[Event Api] Load Summaries Failure">>;
14
+ };
@@ -0,0 +1,14 @@
1
+ export declare const emptySummaries: {
2
+ NEW: {
3
+ events: never[];
4
+ count: number;
5
+ };
6
+ IN_PROGRESS: {
7
+ events: never[];
8
+ count: number;
9
+ };
10
+ DONE: {
11
+ events: never[];
12
+ count: number;
13
+ };
14
+ };
@@ -0,0 +1,15 @@
1
+ import { Actions } from '@ngrx/effects';
2
+ import { EventSummaryService } from './event-summary.service';
3
+ import * as i0 from "@angular/core";
4
+ export declare class EventSummaryEffects {
5
+ private actions$;
6
+ private eventSummaryService;
7
+ loadSummaries$: import("rxjs").Observable<({
8
+ summaries: import("@provoly/hypervisor").HypEventSummaries;
9
+ } & import("@ngrx/store/src/models").TypedAction<"[Event Api] Load Summaries Success">) | ({
10
+ error: string;
11
+ } & import("@ngrx/store/src/models").TypedAction<"[Event Api] Load Summaries Failure">)> & import("@ngrx/effects").CreateEffectMetadata;
12
+ constructor(actions$: Actions, eventSummaryService: EventSummaryService);
13
+ static ɵfac: i0.ɵɵFactoryDeclaration<EventSummaryEffects, never>;
14
+ static ɵprov: i0.ɵɵInjectableDeclaration<EventSummaryEffects>;
15
+ }
@@ -0,0 +1,9 @@
1
+ import { Action } from '@ngrx/store';
2
+ import { HypEventSummaries } from '../../model/hyp-event-summary.interface';
3
+ export declare const eventSummaryFeatureKey = "@hvy/event-summary";
4
+ export interface EventSummaryState {
5
+ summaries: HypEventSummaries;
6
+ loading: boolean;
7
+ }
8
+ export declare const eventSummaryInitialState: EventSummaryState;
9
+ export declare function eventSummaryReducer(state: EventSummaryState, action: Action): EventSummaryState;
@@ -0,0 +1,6 @@
1
+ import { EventSummaryState } from './event-summary.reducer';
2
+ export declare const EventSummarySelectors: {
3
+ feature: import("@ngrx/store").MemoizedSelector<object, EventSummaryState, import("@ngrx/store").DefaultProjectorFn<EventSummaryState>>;
4
+ summaries: import("@ngrx/store").MemoizedSelector<object, import("@provoly/hypervisor").HypEventSummaries, (s1: EventSummaryState) => import("@provoly/hypervisor").HypEventSummaries>;
5
+ loading: import("@ngrx/store").MemoizedSelector<object, boolean, (s1: EventSummaryState) => boolean>;
6
+ };
@@ -0,0 +1,13 @@
1
+ import { HttpClient } from '@angular/common/http';
2
+ import { Observable } from 'rxjs';
3
+ import { Store } from '@ngrx/store';
4
+ import { HypEventSummaries } from '../../model/public-api';
5
+ import * as i0 from "@angular/core";
6
+ export declare class EventSummaryService {
7
+ private httpClient;
8
+ private store;
9
+ constructor(httpClient: HttpClient, store: Store<any>);
10
+ list(): Observable<HypEventSummaries>;
11
+ static ɵfac: i0.ɵɵFactoryDeclaration<EventSummaryService, never>;
12
+ static ɵprov: i0.ɵɵInjectableDeclaration<EventSummaryService>;
13
+ }
@@ -0,0 +1,4 @@
1
+ export * from './event-summary.actions';
2
+ export * from './event-summary.effects';
3
+ export * from './event-summary.reducer';
4
+ export * from './event-summary.selectors';
@@ -3,5 +3,5 @@ export declare const hypFeatureKey = "@hvy/general";
3
3
  export interface HypState {
4
4
  url: string;
5
5
  }
6
- export declare const eventInitialState: HypState;
6
+ export declare const hypInitialState: HypState;
7
7
  export declare function hypervisorReducer(state: HypState, action: Action): HypState;
@@ -0,0 +1,9 @@
1
+ /* Atoms */
2
+
3
+ /* Molecules */
4
+ @use "./m-hvy-event-summary-item" as *;
5
+
6
+ /* Organisms */
7
+ @use "./o-hvy-event-summary-list" as *;
8
+ @use "./o-hvy-event-summary-page" as *;
9
+ @use "./o-hvy-events-table" as *;
@@ -1,49 +1,148 @@
1
- @use '/node_modules/@provoly/dashboard/styles/abstracts' as *;
1
+ @use 'node_modules/@provoly/dashboard/styles/abstracts' as *;
2
+ @use 'node_modules/@provoly/dashboard/styles-theme/abstracts-theme/variables.theme' as *;
2
3
 
3
4
  .m-hvy-event-summary-item {
4
5
  gap: toRem(5);
5
6
  padding: toRem(10);
6
7
  border-radius: toRem(5);
7
-
8
- background-color: #ffffff;
8
+ background-color: themed($theme-map, 'color', 'primary', 'contrast', 50);
9
9
 
10
10
  &:hover {
11
11
  cursor: pointer;
12
+ background-color: #f2f5f8;
13
+ transition: background-color 0.3s ease-in-out;
14
+ }
15
+
16
+ &__title {
17
+ h4 {
18
+ color: themed($theme-map, 'color', 'primary', 700);
19
+ }
12
20
  }
13
21
 
14
22
  &__content {
23
+ font-size: toRem(14);
15
24
  margin-bottom: toRem(10);
25
+ color: themed($theme-map, 'color', 'primary', 700);
16
26
  }
17
27
 
18
28
  &__footer {
19
29
  display: flex;
20
30
  justify-content: space-between;
21
31
  align-items: center;
32
+ color: themed($theme-map, 'color', 'primary', 700);
22
33
  }
23
34
 
24
35
  &__icons {
25
36
  display: flex;
26
- gap: toRem(5);
37
+ gap: toRem(10);
27
38
  align-items: center;
39
+
40
+ &:has(.-hvy-alert) {
41
+ align-items: flex-end;
42
+ }
28
43
  }
29
44
 
30
45
  &__intervention-counter {
46
+ border-radius: toRem(2);
31
47
  padding: 0 toRem(5);
48
+ background-color: themed($theme-map, 'color', 'graph', 02);
49
+ color: themed($theme-map, 'color', 'primary', 200);
50
+ font-size: toRem(12);
32
51
  }
33
52
 
34
53
  &__event-icon-container {
35
54
  display: flex;
36
55
  justify-content: center;
37
56
  align-items: center;
57
+ height: toRem(25);
58
+ width: toRem(25);
59
+ z-index: 1;
60
+ position: relative;
61
+
62
+ //colors
63
+ &.-hvy-high {
64
+ background-color: themed($theme-map, 'color', 'graph', 08);
65
+
66
+ .a-icon {
67
+ color: #ffffff;
68
+ }
69
+ }
70
+
71
+ &.-hvy-medium {
72
+ background-color: themed($theme-map, 'color', 'graph', 07);
73
+
74
+ .a-icon {
75
+ color: themed($theme-map, 'color', 'graph', 02);
76
+ }
77
+ }
78
+
79
+ &.-hvy-low {
80
+ background-color: themed($theme-map, 'color', 'graph', 06);
81
+
82
+ .a-icon {
83
+ color: themed($theme-map, 'color', 'graph', 02);
84
+ }
85
+ }
86
+
87
+ // shapes
88
+ &.-hvy-report, &.-hvy-operator {
89
+ border-radius: 50%;
90
+ }
91
+
92
+ &.-hvy-alert {
93
+ background-color: transparent;
94
+ align-items: flex-end;
95
+
96
+ &:after {
97
+ // equilateral triangle background
98
+ --side: 28px;
99
+ position: absolute;
100
+ content: '';
101
+ border-bottom: calc(0.866 * var(--side)) solid themed($theme-map, 'color', 'graph', 06);
102
+ border-left: calc(var(--side) / 2) solid transparent;
103
+ border-right: calc(var(--side) / 2) solid transparent;
104
+ border-top: 0;
105
+ height: 0;
106
+ width: 0;
107
+ }
108
+
109
+ &.-hvy-high {
110
+ &:after {
111
+ border-bottom-color: themed($theme-map, 'color', 'graph', 08);
112
+ }
113
+ }
114
+
115
+ &.-hvy-medium {
116
+ &:after {
117
+ border-bottom-color: themed($theme-map, 'color', 'graph', 07);
118
+ }
119
+ }
120
+ }
121
+
122
+ &.-hvy-operator.-hvy-high {
123
+ background-color: transparent;
124
+
125
+ // hexagon background
126
+ &:after {
127
+ position: absolute;
128
+ content: '';
129
+ width: 25px;
130
+ height: 25px;
131
+ background-color: themed($theme-map, 'color', 'graph', 08);
132
+ clip-path: polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%);
133
+ }
134
+ }
38
135
  }
39
136
 
40
137
  &__event-icon {
41
- width: 20px;
42
- height: 20px;
138
+ z-index: 2;
139
+ width: toRem(15);
140
+ height: toRem(15);
43
141
  }
44
142
 
45
143
  &__date {
46
144
  display: flex;
47
145
  justify-content: space-between;
146
+ font-size: toRem(12);
48
147
  }
49
148
  }
@@ -1,10 +1,11 @@
1
- @use '/node_modules/@provoly/dashboard/styles/abstracts' as *;
1
+ @use 'node_modules/@provoly/dashboard/styles/abstracts' as *;
2
+ @use 'node_modules/@provoly/dashboard/styles-theme/abstracts-theme/variables.theme' as *;
2
3
 
3
4
  .o-hvy-event-summary-list {
4
5
  display: flex;
5
6
  flex-direction: column;
6
7
  gap: toRem(10);
7
-
8
+ background-color: #ecf0f8;
8
9
  height: 100%;
9
10
  padding: toRem(10);
10
11
  border-radius: toRem(5);
@@ -18,13 +19,18 @@
18
19
 
19
20
  &__title {
20
21
  padding: 0;
22
+ color: themed($theme-map, 'color', 'primary', 700);
23
+ font-size: toRem(14);
24
+ line-height: toRem(24);
21
25
  }
22
26
 
23
27
  &__counter {
24
28
  height: toRem(20);
25
- padding: 0 toRem(5);
29
+ padding: 0 toRem(7);
26
30
  border-radius: toRem(10);
27
31
  text-align: center;
32
+ background-color: themed($theme-map, 'color', 'primary', 600);
33
+ color: themed($theme-map, 'color', 'primary', 'contrast', 50);
28
34
  }
29
35
 
30
36
  &__content {
@@ -33,6 +39,13 @@
33
39
  gap: toRem(10);
34
40
  flex: 1;
35
41
  overflow-y: auto;
42
+ font-size: toRem(14);
43
+ }
44
+
45
+ &__no-content {
46
+ color: #6f7f93;
47
+ font-size: toRem(14);
48
+ line-height: toRem(24);
36
49
  }
37
50
 
38
51
  &__footer {
@@ -42,4 +55,33 @@
42
55
  text-decoration: underline;
43
56
  text-underline-offset: toRem(2);
44
57
  }
58
+
59
+ &__footer-button {
60
+ color: themed($theme-map, 'color', 'primary', 700);
61
+ font-size: toRem(16);
62
+ line-height: toRem(24);
63
+ }
64
+
65
+ &.-hvy-new {
66
+ background-color: themed($theme-map, 'color', 'primary', 600);
67
+
68
+ .o-hvy-event-summary-list__counter {
69
+ background-color: themed($theme-map, 'color', 'primary', 'contrast', 50);
70
+ color: themed($theme-map, 'color', 'primary', 600);
71
+ }
72
+
73
+ .o-hvy-event-summary-list__title {
74
+ color: themed($theme-map, 'color', 'primary', 'contrast', 50);
75
+ }
76
+
77
+ .o-hvy-event-summary-list__footer-button {
78
+ color: themed($theme-map, 'color', 'primary', 'contrast', 50);
79
+ text-decoration: underline;
80
+ text-underline-offset: toRem(2);
81
+ }
82
+
83
+ .o-hvy-event-summary-list__no-content {
84
+ color: themed($theme-map, 'color', 'primary', 300);
85
+ }
86
+ }
45
87
  }
@@ -0,0 +1,48 @@
1
+ @use 'node_modules/@provoly/dashboard/styles/abstracts' as *;
2
+ @use 'node_modules/@provoly/dashboard/styles-theme/abstracts-theme/variables.theme' as *;
3
+
4
+ .o-hvy-event-summary-page {
5
+ display: flex;
6
+ flex-direction: column;
7
+ gap: 10px;
8
+ height: 100%;
9
+ width: 100%;
10
+ padding-bottom: 10px;
11
+
12
+ &__header {
13
+ display: flex;
14
+ justify-content: space-between;
15
+ align-items: center;
16
+ margin-bottom: toRem(20);
17
+ width: 100%;
18
+ }
19
+
20
+ &__title {
21
+ padding: 0;
22
+ color: themed($theme-map, 'color', 'primary', 600);
23
+ font-size: toRem(30);
24
+ }
25
+
26
+ .m-filter__input-wrapper {
27
+ min-width: toRem(180);
28
+ margin-left: auto;
29
+ }
30
+
31
+ &__filter {
32
+ align-self: flex-end;
33
+ flex: 0;
34
+ min-width: 200px;
35
+ margin-bottom: toRem(2);
36
+ }
37
+
38
+ &__content {
39
+ display: flex;
40
+ flex-wrap: nowrap;
41
+ gap: toRem(20);
42
+ height: calc(100% - 60px);
43
+ }
44
+
45
+ &__summary-list {
46
+ flex: 1;
47
+ }
48
+ }
@@ -1,4 +1,4 @@
1
- @use '/node_modules/@provoly/dashboard/styles/abstracts' as *;
1
+ @use 'node_modules/@provoly/dashboard/styles/abstracts' as *;
2
2
 
3
3
  .o-hvy-events-table {
4
4
  border-collapse: collapse;
package/styles/main.scss CHANGED
@@ -1,4 +1 @@
1
- @use './components/o-hvy-events-table' as *;
2
- @use './components/o-hvy-event-summary-list' as *;
3
- @use './components/m-hvy-event-summary-item' as *;
4
-
1
+ @use './components' as *;
@@ -1,26 +0,0 @@
1
- import { Pipe } from '@angular/core';
2
- import { of } from 'rxjs';
3
- import { DEFAULT_ICON_URL } from '@provoly/dashboard';
4
- import * as i0 from "@angular/core";
5
- import * as i1 from "@ngrx/store";
6
- export const EVENT_TO_ICON = {
7
- fn: (event, store) => of(DEFAULT_ICON_URL),
8
- };
9
- export class EventIconPipe {
10
- constructor(store) {
11
- this.store = store;
12
- }
13
- transform(value, ...args) {
14
- return EVENT_TO_ICON.fn(value, this.store);
15
- }
16
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: EventIconPipe, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Pipe }); }
17
- static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.1.3", ngImport: i0, type: EventIconPipe, isStandalone: true, name: "eventIcon" }); }
18
- }
19
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: EventIconPipe, decorators: [{
20
- type: Pipe,
21
- args: [{
22
- name: 'eventIcon',
23
- standalone: true
24
- }]
25
- }], ctorParameters: () => [{ type: i1.Store }] });
26
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXZlbnQtaWNvbi5waXBlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHJvdm9seS9oeXBlcnZpc29yL3NyYy9saWIvZXZlbnQvaWNvbi1waXBlL2V2ZW50LWljb24ucGlwZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsSUFBSSxFQUFpQixNQUFNLGVBQWUsQ0FBQztBQUNwRCxPQUFPLEVBQWMsRUFBRSxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBR3RDLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLG9CQUFvQixDQUFDOzs7QUFFdEQsTUFBTSxDQUFDLE1BQU0sYUFBYSxHQUFHO0lBQzNCLEVBQUUsRUFBRSxDQUFDLEtBQWlDLEVBQUUsS0FBaUIsRUFBRSxFQUFFLENBQUMsRUFBRSxDQUFDLGdCQUFnQixDQUFDO0NBQ25GLENBQUM7QUFNRixNQUFNLE9BQU8sYUFBYTtJQUN4QixZQUFvQixLQUFpQjtRQUFqQixVQUFLLEdBQUwsS0FBSyxDQUFZO0lBQ3JDLENBQUM7SUFFRCxTQUFTLENBQUMsS0FBaUMsRUFBRSxHQUFHLElBQWU7UUFDN0QsT0FBTyxhQUFhLENBQUMsRUFBRSxDQUFDLEtBQUssRUFBRSxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDN0MsQ0FBQzs4R0FOVSxhQUFhOzRHQUFiLGFBQWE7OzJGQUFiLGFBQWE7a0JBSnpCLElBQUk7bUJBQUM7b0JBQ0osSUFBSSxFQUFFLFdBQVc7b0JBQ2pCLFVBQVUsRUFBRSxJQUFJO2lCQUNqQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFBpcGUsIFBpcGVUcmFuc2Zvcm0gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE9ic2VydmFibGUsIG9mIH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBIeXBFdmVudCwgSHlwRXZlbnRTdW1tYXJ5IH0gZnJvbSAnLi4vLi4vbW9kZWwvaHlwLWV2ZW50LmludGVyZmFjZSc7XG5pbXBvcnQgeyBTdG9yZSB9IGZyb20gJ0BuZ3J4L3N0b3JlJztcbmltcG9ydCB7IERFRkFVTFRfSUNPTl9VUkwgfSBmcm9tICdAcHJvdm9seS9kYXNoYm9hcmQnO1xuXG5leHBvcnQgY29uc3QgRVZFTlRfVE9fSUNPTiA9IHtcbiAgZm46IChldmVudDogSHlwRXZlbnQgfCBIeXBFdmVudFN1bW1hcnksIHN0b3JlOiBTdG9yZTxhbnk+KSA9PiBvZihERUZBVUxUX0lDT05fVVJMKSxcbn07XG5cbkBQaXBlKHtcbiAgbmFtZTogJ2V2ZW50SWNvbicsXG4gIHN0YW5kYWxvbmU6IHRydWVcbn0pXG5leHBvcnQgY2xhc3MgRXZlbnRJY29uUGlwZSBpbXBsZW1lbnRzIFBpcGVUcmFuc2Zvcm0ge1xuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHN0b3JlOiBTdG9yZTxhbnk+KSB7XG4gIH1cblxuICB0cmFuc2Zvcm0odmFsdWU6IEh5cEV2ZW50IHwgSHlwRXZlbnRTdW1tYXJ5LCAuLi5hcmdzOiB1bmtub3duW10pOiBPYnNlcnZhYmxlPHN0cmluZz4ge1xuICAgIHJldHVybiBFVkVOVF9UT19JQ09OLmZuKHZhbHVlLCB0aGlzLnN0b3JlKTtcbiAgfVxufVxuIl19
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaHlwLXByb2Nlc3MuaW50ZXJmYWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHJvdm9seS9oeXBlcnZpc29yL3NyYy9saWIvbW9kZWwvaHlwLXByb2Nlc3MuaW50ZXJmYWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgaW50ZXJmYWNlIEh5cFByb2Nlc3Mge1xuICBpZDogc3RyaW5nO1xuICBuYW1lOiBzdHJpbmc7XG59XG4iXX0=