@provoly/hypervisor 0.0.4 → 0.0.6
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/public-api.mjs +2 -1
- package/esm2022/src/lib/event/detail/event-detail.component.mjs +5 -5
- package/esm2022/src/lib/event/list/event-list.component.mjs +15 -5
- package/esm2022/src/lib/event/public-api.mjs +1 -2
- package/esm2022/src/lib/event-summary/item/event-summary-item.component.mjs +6 -8
- package/esm2022/src/lib/event-summary/list/event-summary-list.component.mjs +4 -5
- package/esm2022/src/lib/event-summary/page/event-summary-page.component.mjs +48 -0
- package/esm2022/src/lib/event-summary/public-api.mjs +2 -1
- package/esm2022/src/lib/general/i18n/en.translations.mjs +13 -5
- package/esm2022/src/lib/general/i18n/fr.translations.mjs +13 -5
- package/esm2022/src/lib/general/icon-display/icon-display.component.mjs +16 -0
- package/esm2022/src/lib/general/icon-pipe/event-icon.pipe.mjs +25 -0
- package/esm2022/src/lib/general/public-api.mjs +3 -1
- package/esm2022/src/lib/hypervisor.module.mjs +67 -16
- package/esm2022/src/lib/model/hyp-event-category.type.mjs +2 -0
- package/esm2022/src/lib/model/hyp-event-criticality.type.mjs +7 -0
- package/esm2022/src/lib/model/hyp-event-detail.interface.mjs +2 -0
- package/esm2022/src/lib/model/hyp-event-status.type.mjs +2 -0
- package/esm2022/src/lib/model/hyp-event-summary.interface.mjs +2 -0
- package/esm2022/src/lib/model/hyp-event-type.mjs +7 -0
- package/esm2022/src/lib/model/hyp-event.interface.mjs +2 -13
- package/esm2022/src/lib/model/hyp-procedure.interface.mjs +2 -0
- package/esm2022/src/lib/model/public-api.mjs +8 -2
- package/esm2022/src/lib/store/event/event.actions.mjs +2 -4
- package/esm2022/src/lib/store/event/event.effects.mjs +1 -2
- package/esm2022/src/lib/store/event/event.reducer.mjs +6 -13
- package/esm2022/src/lib/store/event/event.selectors.mjs +3 -3
- package/esm2022/src/lib/store/event/event.service.mjs +2 -16
- package/esm2022/src/lib/store/event-summary/event-summary.actions.mjs +7 -0
- package/esm2022/src/lib/store/event-summary/event-summary.const.mjs +6 -0
- package/esm2022/src/lib/store/event-summary/event-summary.effects.mjs +20 -0
- package/esm2022/src/lib/store/event-summary/event-summary.reducer.mjs +23 -0
- package/esm2022/src/lib/store/event-summary/event-summary.selectors.mjs +11 -0
- package/esm2022/src/lib/store/event-summary/event-summary.service.mjs +36 -0
- package/esm2022/src/lib/store/event-summary/public-api.mjs +5 -0
- package/esm2022/src/lib/store/hypervisor/hypervisor.reducer.mjs +3 -3
- package/fesm2022/provoly-hypervisor.mjs +287 -114
- package/fesm2022/provoly-hypervisor.mjs.map +1 -1
- package/package.json +1 -1
- package/public-api.d.ts +1 -0
- package/src/lib/event/detail/event-detail.component.d.ts +3 -3
- package/src/lib/event/list/event-list.component.d.ts +3 -1
- package/src/lib/event/public-api.d.ts +0 -1
- package/src/lib/event-summary/item/event-summary-item.component.d.ts +2 -2
- package/src/lib/event-summary/list/event-summary-list.component.d.ts +2 -2
- package/src/lib/event-summary/page/event-summary-page.component.d.ts +17 -0
- package/src/lib/event-summary/public-api.d.ts +1 -0
- package/src/lib/general/i18n/en.translations.d.ts +10 -2
- package/src/lib/general/i18n/fr.translations.d.ts +10 -2
- package/src/lib/general/icon-display/icon-display.component.d.ts +7 -0
- package/src/lib/{event → general}/icon-pipe/event-icon.pipe.d.ts +3 -2
- package/src/lib/general/public-api.d.ts +2 -0
- package/src/lib/hypervisor.module.d.ts +14 -6
- package/src/lib/model/hyp-event-category.type.d.ts +2 -0
- package/src/lib/model/hyp-event-criticality.type.d.ts +5 -0
- package/src/lib/model/hyp-event-detail.interface.d.ts +14 -0
- package/src/lib/model/hyp-event-status.type.d.ts +1 -0
- package/src/lib/model/hyp-event-summary.interface.d.ts +19 -0
- package/src/lib/model/hyp-event-type.d.ts +5 -0
- package/src/lib/model/hyp-event.interface.d.ts +2 -40
- package/src/lib/model/{hyp-process.interface.d.ts → hyp-procedure.interface.d.ts} +1 -1
- package/src/lib/model/public-api.d.ts +7 -1
- package/src/lib/store/event/event.actions.d.ts +7 -11
- package/src/lib/store/event/event.effects.d.ts +0 -5
- package/src/lib/store/event/event.reducer.d.ts +2 -2
- package/src/lib/store/event/event.selectors.d.ts +1 -1
- package/src/lib/store/event/event.service.d.ts +1 -2
- package/src/lib/store/event-summary/event-summary.actions.d.ts +14 -0
- package/src/lib/store/event-summary/event-summary.const.d.ts +14 -0
- package/src/lib/store/event-summary/event-summary.effects.d.ts +15 -0
- package/src/lib/store/event-summary/event-summary.reducer.d.ts +9 -0
- package/src/lib/store/event-summary/event-summary.selectors.d.ts +6 -0
- package/src/lib/store/event-summary/event-summary.service.d.ts +13 -0
- package/src/lib/store/event-summary/public-api.d.ts +4 -0
- package/src/lib/store/hypervisor/hypervisor.reducer.d.ts +1 -1
- package/styles/components/_index.scss +9 -0
- package/styles/components/_m-hvy-event-summary-item.scss +148 -0
- package/styles/components/_o-hvy-event-summary-list.scss +45 -3
- package/styles/components/_o-hvy-event-summary-page.scss +48 -0
- package/styles/components/_o-hvy-events-table.scss +1 -1
- package/styles/main.scss +1 -4
- package/esm2022/src/lib/event/icon-pipe/event-icon.pipe.mjs +0 -26
- package/esm2022/src/lib/model/hyp-process.interface.mjs +0 -2
- package/styles/components/_o-hvy-event-summary-item.scss +0 -38
|
@@ -1,2 +1,8 @@
|
|
|
1
1
|
export * from './hyp-event.interface';
|
|
2
|
-
export * from './hyp-
|
|
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
|
|
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
|
-
|
|
24
|
-
|
|
25
|
-
|
|
23
|
+
select: import("@ngrx/store").ActionCreator<"[Event Api] Select", (props: {
|
|
24
|
+
cumulative: boolean;
|
|
25
|
+
ids: string[];
|
|
26
26
|
}) => {
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
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
|
|
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
|
-
|
|
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
|
|
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,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
|
+
}
|
|
@@ -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
|
|
6
|
+
export declare const hypInitialState: HypState;
|
|
7
7
|
export declare function hypervisorReducer(state: HypState, action: Action): HypState;
|
|
@@ -0,0 +1,148 @@
|
|
|
1
|
+
@use 'node_modules/@provoly/dashboard/styles/abstracts' as *;
|
|
2
|
+
@use 'node_modules/@provoly/dashboard/styles-theme/abstracts-theme/variables.theme' as *;
|
|
3
|
+
|
|
4
|
+
.m-hvy-event-summary-item {
|
|
5
|
+
gap: toRem(5);
|
|
6
|
+
padding: toRem(10);
|
|
7
|
+
border-radius: toRem(5);
|
|
8
|
+
background-color: themed($theme-map, 'color', 'primary', 'contrast', 50);
|
|
9
|
+
|
|
10
|
+
&:hover {
|
|
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
|
+
}
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
&__content {
|
|
23
|
+
font-size: toRem(14);
|
|
24
|
+
margin-bottom: toRem(10);
|
|
25
|
+
color: themed($theme-map, 'color', 'primary', 700);
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
&__footer {
|
|
29
|
+
display: flex;
|
|
30
|
+
justify-content: space-between;
|
|
31
|
+
align-items: center;
|
|
32
|
+
color: themed($theme-map, 'color', 'primary', 700);
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
&__icons {
|
|
36
|
+
display: flex;
|
|
37
|
+
gap: toRem(10);
|
|
38
|
+
align-items: center;
|
|
39
|
+
|
|
40
|
+
&:has(.-hvy-alert) {
|
|
41
|
+
align-items: flex-end;
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
&__intervention-counter {
|
|
46
|
+
border-radius: toRem(2);
|
|
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);
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
&__event-icon-container {
|
|
54
|
+
display: flex;
|
|
55
|
+
justify-content: center;
|
|
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
|
+
}
|
|
135
|
+
}
|
|
136
|
+
|
|
137
|
+
&__event-icon {
|
|
138
|
+
z-index: 2;
|
|
139
|
+
width: toRem(15);
|
|
140
|
+
height: toRem(15);
|
|
141
|
+
}
|
|
142
|
+
|
|
143
|
+
&__date {
|
|
144
|
+
display: flex;
|
|
145
|
+
justify-content: space-between;
|
|
146
|
+
font-size: toRem(12);
|
|
147
|
+
}
|
|
148
|
+
}
|
|
@@ -1,10 +1,11 @@
|
|
|
1
|
-
@use '
|
|
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(
|
|
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
|
+
}
|
package/styles/main.scss
CHANGED
|
@@ -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=
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
@use '/node_modules/@provoly/dashboard/styles/abstracts' as *;
|
|
2
|
-
|
|
3
|
-
.m-hvy-event-summary-item {
|
|
4
|
-
gap: toRem(5);
|
|
5
|
-
padding: toRem(10);
|
|
6
|
-
border-radius: toRem(5);
|
|
7
|
-
|
|
8
|
-
background-color: #ffffff;
|
|
9
|
-
|
|
10
|
-
&:hover {
|
|
11
|
-
cursor: pointer;
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
&__content {
|
|
15
|
-
margin-bottom: toRem(10);
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
&__footer {
|
|
19
|
-
display: flex;
|
|
20
|
-
justify-content: space-between;
|
|
21
|
-
align-items: center;
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
&__icons {
|
|
25
|
-
display: flex;
|
|
26
|
-
gap: toRem(5);
|
|
27
|
-
align-items: center;
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
&__intervention-counter {
|
|
31
|
-
padding: 0 toRem(5);
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
&__date {
|
|
35
|
-
display: flex;
|
|
36
|
-
justify-content: space-between;
|
|
37
|
-
}
|
|
38
|
-
}
|