@provoly/hypervisor 0.0.5 → 0.0.7

package/fesm2022/provoly-hypervisor.mjs

@@ -1,76 +1,59 @@
 import * as i0 from '@angular/core';
 import { Component, Input, Pipe, InjectionToken, Injectable, NgModule, Inject } from '@angular/core';
-import { of, withLatestFrom, mergeMap } from 'rxjs';
-import * as i3 from '@provoly/dashboard';
-import { DEFAULT_ICON_URL, PryCoreModule, PryIconModule, PryI18nModule } from '@provoly/dashboard';
 import * as i1 from '@ngrx/store';
 import { createAction, props, createReducer, on, createFeatureSelector, createSelector, StoreModule } from '@ngrx/store';
-import * as i2 from '@angular/common';
-import { DatePipe, AsyncPipe, NgStyle, NgForOf } from '@angular/common';
-import * as i2$1 from '@angular/router';
+import * as i1$1 from '@angular/common';
+import { NgForOf, AsyncPipe, NgStyle, DatePipe, KeyValuePipe } from '@angular/common';
+import * as i3$1 from '@provoly/dashboard/components/checkbox';
+import { PryCheckboxModule } from '@provoly/dashboard/components/checkbox';
+import * as i4 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import * as i2 from '@angular/router';
 import { RouterLink } from '@angular/router';
-import * as i1$2 from '@ngrx/effects';
+import * as i3 from '@provoly/dashboard';
+import { DEFAULT_ICON_URL, SubscriptionnerDirective, PryI18nModule, PryCoreModule, PryIconModule, PrySelectModule } from '@provoly/dashboard';
+import { of, withLatestFrom, mergeMap } from 'rxjs';
+import * as i8 from '@provoly/dashboard/components/sinceDate';
+import { PrySinceDateModule } from '@provoly/dashboard/components/sinceDate';
+import { map, debounceTime, mergeMap as mergeMap$1, catchError } from 'rxjs/operators';
+import * as i1$3 from '@ngrx/effects';
 import { createEffect, ofType, EffectsModule } from '@ngrx/effects';
-import { debounceTime, mergeMap as mergeMap$1, map, catchError } from 'rxjs/operators';
-import * as i1$1 from '@angular/common/http';
+import * as i1$2 from '@angular/common/http';
 import { HttpParams } from '@angular/common/http';
 
 class EventDetailComponent {
     constructor() {
         this.events = [];
-        this.process = undefined;
+        this.procedure = undefined;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: EventDetailComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: EventDetailComponent, selector: "hvy-event-detail", inputs: { events: "events", process: "process" }, ngImport: i0, template: "<h1> TODO </h1>\n<p>Events: {{ events.length }}</p>\n<p>Process: {{ process }}</p>\n" }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: EventDetailComponent, selector: "hvy-event-detail", inputs: { events: "events", procedure: "procedure" }, ngImport: i0, template: "<h1> TODO </h1>\n<p>Events: {{ events.length }}</p>\n<p>Procedure: {{ procedure }}</p>\n" }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: EventDetailComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'hvy-event-detail', template: "<h1> TODO </h1>\n<p>Events: {{ events.length }}</p>\n<p>Process: {{ process }}</p>\n" }]
+            args: [{ selector: 'hvy-event-detail', template: "<h1> TODO </h1>\n<p>Events: {{ events.length }}</p>\n<p>Procedure: {{ procedure }}</p>\n" }]
         }], propDecorators: { events: [{
                 type: Input
-            }], process: [{
+            }], procedure: [{
                 type: Input
             }] } });
 
-const EVENT_TO_ICON = {
-    fn: (event, store) => of(DEFAULT_ICON_URL),
-};
-class EventIconPipe {
-    constructor(store) {
-        this.store = store;
-    }
-    transform(value, ...args) {
-        return EVENT_TO_ICON.fn(value, this.store);
-    }
-    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 }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.1.3", ngImport: i0, type: EventIconPipe, isStandalone: true, name: "eventIcon" }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: EventIconPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'eventIcon',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i1.Store }] });
-
 const EventActions = {
     load: createAction('[Event] Load Events'),
     loadSuccess: createAction('[Event Api] (bus) Load Events Success', props()),
     loadFailure: createAction('[Event Api] Load Events Failure', props()),
     filter: createAction('[Event Api] Set filters', props()),
-    loadSummaries: createAction('[Event] Load Summaries'),
-    loadSummariesSuccess: createAction('[Event Api] Load Summaries Success', props()),
-    loadSummariesFailure: createAction('[Event Api] Load Summaries Failure', props())
+    select: createAction('[Event Api] Select', props()),
 };
 
 const eventFeatureKey = '@hvy/event';
-const eventInitialState$1 = {
+const eventInitialState = {
     events: [],
-    summaries: { NEW: { events: [], count: 0 }, IN_PROGRESS: { events: [], count: 0 }, DONE: { events: [], count: 0 } },
     loading: false,
-    filters: {}
+    filters: {},
+    selectedIds: []
 };
-const internalReducer$1 = createReducer(eventInitialState$1, on(EventActions.load, (state, action) => ({
+const internalReducer$2 = createReducer(eventInitialState, on(EventActions.load, (state, action) => ({
     ...state,
     loading: true
 })), on(EventActions.loadSuccess, (state, { events }) => ({
@@ -81,51 +64,122 @@ const internalReducer$1 = createReducer(eventInitialState$1, on(EventActions.loa
     ...state,
     loading: false,
     events: []
-})), on(EventActions.loadSummaries, (state, action) => ({
-    ...state,
-    loading: true
-})), on(EventActions.loadSummariesSuccess, (state, { summaries }) => ({
-    ...state,
-    loading: false,
-    summaries
-})), on(EventActions.loadSummariesFailure, (state, action) => ({
-    ...state,
-    loading: false
 })), on(EventActions.filter, (state, { filters }) => ({
     ...state,
     filters
+})), on(EventActions.select, (state, { ids, cumulative }) => ({
+    ...state,
+    selectedIds: !cumulative ? ids : [...state.selectedIds, ...ids].reduce((p, c) => p.indexOf(c) === -1 ? [...p, c] : p.filter(p1 => p1 !== c), [])
 })));
 function eventReducer(state, action) {
-    return internalReducer$1(state, action);
+    return internalReducer$2(state, action);
 }
 
-const feature$1 = createFeatureSelector(eventFeatureKey);
-const events = createSelector(feature$1, (state) => state.events);
-const summaries = createSelector(feature$1, (state) => state.summaries);
-const loading = createSelector(feature$1, (state) => state.loading);
-const filters = createSelector(feature$1, (state) => state.filters);
+const feature$2 = createFeatureSelector(eventFeatureKey);
+const events = createSelector(feature$2, (state) => state.events);
+const selectedIds = createSelector(feature$2, (state) => state.selectedIds);
+const loading$1 = createSelector(feature$2, (state) => state.loading);
+const filters = createSelector(feature$2, (state) => state.filters);
 const EventSelectors = {
-    feature: feature$1,
+    feature: feature$2,
     events,
-    summaries,
-    loading,
+    selectedIds,
+    loading: loading$1,
     filters
 };
 
+const EVENT_TO_ICON = {
+    fn: (event, store) => of(DEFAULT_ICON_URL),
+};
+class EventIconPipe {
+    constructor(store) {
+        this.store = store;
+    }
+    transform(value, ...args) {
+        return EVENT_TO_ICON.fn(value, this.store);
+    }
+    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 }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.1.3", ngImport: i0, type: EventIconPipe, name: "eventIcon" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: EventIconPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'eventIcon'
+                }]
+        }], ctorParameters: () => [{ type: i1.Store }] });
+
+class IconDisplayComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: IconDisplayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: IconDisplayComponent, selector: "hvy-icon-display", inputs: { event: "event" }, ngImport: i0, template: "<div class=\"\n        m-hvy-event-summary-item__event-icon-container\n        -hvy-{{ event.criticality.toString().toLowerCase()}}\n        -hvy-{{event.type.toString().toLowerCase()}}\n      \">\n        <span\n          class=\"m-hvy-event-summary-item__event-icon a-icon\"\n          [ngStyle]=\"{\n          'mask-image': 'url(' + (event | eventIcon | async | getSecuredImage | async) + ')',\n          '-webkit-mask-image': 'url(' + (event | eventIcon | async | getSecuredImage | async) + ')'\n          }\"\n          aria-hidden=\"true\"\n          focusable=\"false\"\n        ></span>\n</div>\n", dependencies: [{ kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.GetSecuredImagePipe, name: "getSecuredImage" }, { kind: "pipe", type: EventIconPipe, name: "eventIcon" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: IconDisplayComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'hvy-icon-display', template: "<div class=\"\n        m-hvy-event-summary-item__event-icon-container\n        -hvy-{{ event.criticality.toString().toLowerCase()}}\n        -hvy-{{event.type.toString().toLowerCase()}}\n      \">\n        <span\n          class=\"m-hvy-event-summary-item__event-icon a-icon\"\n          [ngStyle]=\"{\n          'mask-image': 'url(' + (event | eventIcon | async | getSecuredImage | async) + ')',\n          '-webkit-mask-image': 'url(' + (event | eventIcon | async | getSecuredImage | async) + ')'\n          }\"\n          aria-hidden=\"true\"\n          focusable=\"false\"\n        ></span>\n</div>\n" }]
+        }], propDecorators: { event: [{
+                type: Input
+            }] } });
+
 class EventListComponent {
     constructor(store) {
         this.store = store;
         this.store.dispatch(EventActions.load());
         this.events$ = this.store.select(EventSelectors.events);
+        this.selectedIds$ = this.store.select(EventSelectors.selectedIds);
+    }
+    select(event, $event) {
+        this.store.dispatch(EventActions.select({ ids: [event.id], cumulative: true }));
+        $event.preventDefault();
+        $event.stopPropagation();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: EventListComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: EventListComponent, selector: "hvy-event-list", ngImport: i0, template: "<table class=\"o-hvy-events-table\">\n  <thead>\n  <tr class=\"o-hvy-events-table__header\">\n    <th></th>\n    <th>{{ '@hvy.event.criticality' | i18n }}</th>\n    <th>{{ '@hvy.event.name' | i18n }}</th>\n    <th>{{ '@hvy.event.type.name' | i18n }}</th>\n    <th>{{ '@hvy.event.address' | i18n }}</th>\n    <th>{{ '@hvy.event.date' | i18n }}</th>\n    <th>{{ '@hvy.event.dateM' | i18n }}</th>\n    <th>{{ '@hvy.event.status' | i18n }}</th>\n    <th>{{ '@hvy.process.name' | i18n }}</th>\n    <th></th>\n  </tr>\n  </thead>\n  <tbody>\n  <tr class=\"o-hvy-events-table__line\" *ngFor=\"let event of events$|async\">\n    <td class=\"o-hvy-events-table__line__cell\"></td>\n    <td class=\"o-hvy-events-table__line__cell -centered\"><img [alt]=\"event.name\" [height]=\"32\" [width]=\"32\"\n                                                    [src]=\"event | eventIcon | async | getSecuredImage | async\" /></td>\n    <td class=\"o-hvy-events-table__line__cell\">\n      <div class=\"o-hvy-events-table__line__name__main\">{{ event.name }}</div>\n      <div>{{ event.equipment ? event.equipment.name : '' }}</div>\n    </td>\n    <td class=\"o-hvy-events-table__line__cell -centered\">{{ '@hvy.event.type.' + event.type | i18n }}</td>\n    <td class=\"o-hvy-events-table__line__cell\">-</td>\n    <td class=\"o-hvy-events-table__line__cell\">--</td>\n    <td class=\"o-hvy-events-table__line__cell\">---</td>\n    <td class=\"o-hvy-events-table__line__cell -centered\">----</td>\n    <td class=\"o-hvy-events-table__line__cell\">-----</td>\n    <td class=\"o-hvy-events-table__line__cell\"></td>\n  </tr>\n  </tbody>\n</table>\n", dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.I18nPipe, name: "i18n" }, { kind: "pipe", type: i3.GetSecuredImagePipe, name: "getSecuredImage" }, { kind: "pipe", type: EventIconPipe, name: "eventIcon" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: EventListComponent, selector: "hvy-event-list", ngImport: i0, template: "<table class=\"o-hvy-events-table\">\n  <thead>\n  <tr class=\"o-hvy-events-table__header\">\n    <th></th>\n    <th>{{ '@hvy.event.criticality.name' | i18n }}</th>\n    <th>{{ '@hvy.event.name' | i18n }}</th>\n    <th>{{ '@hvy.event.type.name' | i18n }}</th>\n    <th>{{ '@hvy.event.address' | i18n }}</th>\n    <th>{{ '@hvy.event.date' | i18n }}</th>\n    <th>{{ '@hvy.event.dateM' | i18n }}</th>\n    <th>{{ '@hvy.event.status.name' | i18n }}</th>\n    <th>{{ '@hvy.procedure.name' | i18n }}</th>\n    <th></th>\n  </tr>\n  </thead>\n  <tbody>\n  <tr class=\"o-hvy-events-table__line\" *ngFor=\"let event of events$|async\">\n    <td class=\"o-hvy-events-table__line__cell\" (click)=\"select(event, $event)\">\n      <pry-checkbox [ngModel]=\"(selectedIds$|async)!.includes(event.id)\"></pry-checkbox>\n    </td>\n    <td class=\"o-hvy-events-table__line__cell -centered\">\n      <hvy-icon-display [event]=\"event\"></hvy-icon-display>\n    </td>\n    <td class=\"o-hvy-events-table__line__cell\">\n      <div class=\"o-hvy-events-table__line__name__main\">{{ event.name }}</div>\n      <div>{{ event.equipmentReference ? event.equipmentReference : '' }}</div>\n    </td>\n    <td class=\"o-hvy-events-table__line__cell -centered\">{{ '@hvy.event.type.' + event.type | i18n }}</td>\n    <td class=\"o-hvy-events-table__line__cell\">{{ event.address }}</td>\n    <td class=\"o-hvy-events-table__line__cell\">{{ event.creationDate| sinceDate: { onlyLocale: true } }}</td>\n    <td class=\"o-hvy-events-table__line__cell\">{{ event.lastModificationDate | sinceDate: { onlyLocale: true } }}</td>\n    <td class=\"o-hvy-events-table__line__cell -centered\">{{ '@hvy.event.status.' + event.status | i18n }}</td>\n    <td class=\"o-hvy-events-table__line__cell\">{{ event.procedureProgress }} %</td>\n    <td class=\"o-hvy-events-table__line__cell\">\n      <a [routerLink]=\"[event.id]\"><th>{{ '@hvy.action.consult' | i18n }}</th></a>\n    </td>\n  </tr>\n  </tbody>\n</table>\n", dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i3$1.PryCheckboxComponent, selector: "pry-checkbox", inputs: ["circle"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: IconDisplayComponent, selector: "hvy-icon-display", inputs: ["event"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.I18nPipe, name: "i18n" }, { kind: "pipe", type: i8.PrySinceDatePipe, name: "sinceDate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: EventListComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'hvy-event-list', template: "<table class=\"o-hvy-events-table\">\n  <thead>\n  <tr class=\"o-hvy-events-table__header\">\n    <th></th>\n    <th>{{ '@hvy.event.criticality' | i18n }}</th>\n    <th>{{ '@hvy.event.name' | i18n }}</th>\n    <th>{{ '@hvy.event.type.name' | i18n }}</th>\n    <th>{{ '@hvy.event.address' | i18n }}</th>\n    <th>{{ '@hvy.event.date' | i18n }}</th>\n    <th>{{ '@hvy.event.dateM' | i18n }}</th>\n    <th>{{ '@hvy.event.status' | i18n }}</th>\n    <th>{{ '@hvy.process.name' | i18n }}</th>\n    <th></th>\n  </tr>\n  </thead>\n  <tbody>\n  <tr class=\"o-hvy-events-table__line\" *ngFor=\"let event of events$|async\">\n    <td class=\"o-hvy-events-table__line__cell\"></td>\n    <td class=\"o-hvy-events-table__line__cell -centered\"><img [alt]=\"event.name\" [height]=\"32\" [width]=\"32\"\n                                                    [src]=\"event | eventIcon | async | getSecuredImage | async\" /></td>\n    <td class=\"o-hvy-events-table__line__cell\">\n      <div class=\"o-hvy-events-table__line__name__main\">{{ event.name }}</div>\n      <div>{{ event.equipment ? event.equipment.name : '' }}</div>\n    </td>\n    <td class=\"o-hvy-events-table__line__cell -centered\">{{ '@hvy.event.type.' + event.type | i18n }}</td>\n    <td class=\"o-hvy-events-table__line__cell\">-</td>\n    <td class=\"o-hvy-events-table__line__cell\">--</td>\n    <td class=\"o-hvy-events-table__line__cell\">---</td>\n    <td class=\"o-hvy-events-table__line__cell -centered\">----</td>\n    <td class=\"o-hvy-events-table__line__cell\">-----</td>\n    <td class=\"o-hvy-events-table__line__cell\"></td>\n  </tr>\n  </tbody>\n</table>\n" }]
+            args: [{ selector: 'hvy-event-list', template: "<table class=\"o-hvy-events-table\">\n  <thead>\n  <tr class=\"o-hvy-events-table__header\">\n    <th></th>\n    <th>{{ '@hvy.event.criticality.name' | i18n }}</th>\n    <th>{{ '@hvy.event.name' | i18n }}</th>\n    <th>{{ '@hvy.event.type.name' | i18n }}</th>\n    <th>{{ '@hvy.event.address' | i18n }}</th>\n    <th>{{ '@hvy.event.date' | i18n }}</th>\n    <th>{{ '@hvy.event.dateM' | i18n }}</th>\n    <th>{{ '@hvy.event.status.name' | i18n }}</th>\n    <th>{{ '@hvy.procedure.name' | i18n }}</th>\n    <th></th>\n  </tr>\n  </thead>\n  <tbody>\n  <tr class=\"o-hvy-events-table__line\" *ngFor=\"let event of events$|async\">\n    <td class=\"o-hvy-events-table__line__cell\" (click)=\"select(event, $event)\">\n      <pry-checkbox [ngModel]=\"(selectedIds$|async)!.includes(event.id)\"></pry-checkbox>\n    </td>\n    <td class=\"o-hvy-events-table__line__cell -centered\">\n      <hvy-icon-display [event]=\"event\"></hvy-icon-display>\n    </td>\n    <td class=\"o-hvy-events-table__line__cell\">\n      <div class=\"o-hvy-events-table__line__name__main\">{{ event.name }}</div>\n      <div>{{ event.equipmentReference ? event.equipmentReference : '' }}</div>\n    </td>\n    <td class=\"o-hvy-events-table__line__cell -centered\">{{ '@hvy.event.type.' + event.type | i18n }}</td>\n    <td class=\"o-hvy-events-table__line__cell\">{{ event.address }}</td>\n    <td class=\"o-hvy-events-table__line__cell\">{{ event.creationDate| sinceDate: { onlyLocale: true } }}</td>\n    <td class=\"o-hvy-events-table__line__cell\">{{ event.lastModificationDate | sinceDate: { onlyLocale: true } }}</td>\n    <td class=\"o-hvy-events-table__line__cell -centered\">{{ '@hvy.event.status.' + event.status | i18n }}</td>\n    <td class=\"o-hvy-events-table__line__cell\">{{ event.procedureProgress }} %</td>\n    <td class=\"o-hvy-events-table__line__cell\">\n      <a [routerLink]=\"[event.id]\"><th>{{ '@hvy.action.consult' | i18n }}</th></a>\n    </td>\n  </tr>\n  </tbody>\n</table>\n" }]
         }], ctorParameters: () => [{ type: i1.Store }] });
 
+const EventSummaryActions = {
+    load: createAction('[Event] Load Summaries'),
+    loadSuccess: createAction('[Event Api] Load Summaries Success', props()),
+    loadFailure: createAction('[Event Api] Load Summaries Failure', props())
+};
+
+const emptySummaries = {
+    NEW: { events: [], count: 0 },
+    IN_PROGRESS: { events: [], count: 0 },
+    DONE: { events: [], count: 0 }
+};
+
+const eventSummaryFeatureKey = '@hvy/event-summary';
+const eventSummaryInitialState = {
+    summaries: { ...emptySummaries },
+    loading: false,
+};
+const internalReducer$1 = createReducer(eventSummaryInitialState, on(EventSummaryActions.load, (state, action) => ({
+    ...state,
+    loading: true
+})), on(EventSummaryActions.loadSuccess, (state, { summaries }) => ({
+    ...state,
+    loading: false,
+    summaries
+})), on(EventSummaryActions.loadFailure, (state, action) => ({
+    ...state,
+    loading: false
+})));
+function eventSummaryReducer(state, action) {
+    return internalReducer$1(state, action);
+}
+
+const feature$1 = createFeatureSelector(eventSummaryFeatureKey);
+const summaries = createSelector(feature$1, (state) => state.summaries);
+const loading = createSelector(feature$1, (state) => state.loading);
+const EventSummarySelectors = {
+    feature: feature$1,
+    summaries,
+    loading
+};
+
 class EventSummaryItemComponent {
     constructor() {
         this.linkBase = [];
@@ -135,11 +189,11 @@ class EventSummaryItemComponent {
         this.linkFragments = this.linkFragments.length > 0 ? [...this.linkBase, this.event.id] : ['list', this.event.id];
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: EventSummaryItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: EventSummaryItemComponent, isStandalone: true, selector: "hvy-event-summary-item", inputs: { event: "event", linkBase: "linkBase" }, ngImport: i0, template: "<div class=\"m-hvy-event-summary-item\" [routerLink]=\"linkFragments\">\n  <div class=\"m-hvy-event-summary-item__title\">\n    <h4>\n      {{ event.name }}\n    </h4>\n  </div>\n  <div class=\"m-hvy-event-summary-item__content\">\n    <span>\n          {{\n        event.manifestation ?\n          (event.manifestation.startDate | date :  'dd/MM HH:MM') + ' - ' + (event.manifestation.endDate | date :  'dd/MM HH:MM') :\n          event.interventionRequestTitle\n      }}\n    </span>\n  </div>\n  <div class=\"m-hvy-event-summary-item__footer\">\n    <div class=\"m-hvy-event-summary-item__icons\">\n      <span class=\"m-hvy-event-summary-item__intervention-counter\">{{ event.interventionRequestCount }}</span>\n      <div class=\"\n        m-hvy-event-summary-item__event-icon-container\n        -hvy-{{ event.criticality.toString().toLowerCase()}}\n        -hvy-{{event.type.toString().toLowerCase()}}\n      \">\n        <span\n          class=\"m-hvy-event-summary-item__event-icon a-icon\"\n          [ngStyle]=\"{\n          'mask-image': 'url(' + (event | eventIcon | async | getSecuredImage | async) + ')',\n          '-webkit-mask-image': 'url(' + (event | eventIcon | async | getSecuredImage | async) + ')'\n          }\"\n          aria-hidden=\"true\"\n          focusable=\"false\"\n        ></span>\n      </div>\n    </div>\n    <div class=\"m-hvy-event-summary-item__date\">\n      <span>\n        {{ event.lastModificationDate | date :  'd MMMM . HH:MM' }}\n      </span>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "pipe", type: EventIconPipe, name: "eventIcon" }, { kind: "pipe", type: DatePipe, name: "date" }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: PryCoreModule }, { kind: "pipe", type: i3.GetSecuredImagePipe, name: "getSecuredImage" }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: EventSummaryItemComponent, selector: "hvy-event-summary-item", inputs: { event: "event", linkBase: "linkBase" }, ngImport: i0, template: "<div class=\"m-hvy-event-summary-item\" [routerLink]=\"linkFragments\">\n  <div class=\"m-hvy-event-summary-item__title\">\n    <h4>\n      {{ event.name }}\n    </h4>\n  </div>\n  <div class=\"m-hvy-event-summary-item__content\">\n    <span>\n          {{\n        event.manifestation ?\n          (event.manifestation.startDate | date :  'dd/MM HH:MM') + ' - ' + (event.manifestation.endDate | date :  'dd/MM HH:MM') :\n          event.interventionRequestTitle\n      }}\n    </span>\n  </div>\n  <div class=\"m-hvy-event-summary-item__footer\">\n    <div class=\"m-hvy-event-summary-item__icons\">\n      <span class=\"m-hvy-event-summary-item__intervention-counter\">{{ event.interventionRequestCount }}</span>\n      <hvy-icon-display [event]=\"event\"></hvy-icon-display>\n    </div>\n    <div class=\"m-hvy-event-summary-item__date\">\n      <span>\n        {{ event.lastModificationDate | date :  'd MMMM . HH:MM' }}\n      </span>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: IconDisplayComponent, selector: "hvy-icon-display", inputs: ["event"] }, { kind: "pipe", type: i1$1.DatePipe, name: "date" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: EventSummaryItemComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'hvy-event-summary-item', imports: [EventIconPipe, DatePipe, RouterLink, AsyncPipe, PryCoreModule, NgStyle], template: "<div class=\"m-hvy-event-summary-item\" [routerLink]=\"linkFragments\">\n  <div class=\"m-hvy-event-summary-item__title\">\n    <h4>\n      {{ event.name }}\n    </h4>\n  </div>\n  <div class=\"m-hvy-event-summary-item__content\">\n    <span>\n          {{\n        event.manifestation ?\n          (event.manifestation.startDate | date :  'dd/MM HH:MM') + ' - ' + (event.manifestation.endDate | date :  'dd/MM HH:MM') :\n          event.interventionRequestTitle\n      }}\n    </span>\n  </div>\n  <div class=\"m-hvy-event-summary-item__footer\">\n    <div class=\"m-hvy-event-summary-item__icons\">\n      <span class=\"m-hvy-event-summary-item__intervention-counter\">{{ event.interventionRequestCount }}</span>\n      <div class=\"\n        m-hvy-event-summary-item__event-icon-container\n        -hvy-{{ event.criticality.toString().toLowerCase()}}\n        -hvy-{{event.type.toString().toLowerCase()}}\n      \">\n        <span\n          class=\"m-hvy-event-summary-item__event-icon a-icon\"\n          [ngStyle]=\"{\n          'mask-image': 'url(' + (event | eventIcon | async | getSecuredImage | async) + ')',\n          '-webkit-mask-image': 'url(' + (event | eventIcon | async | getSecuredImage | async) + ')'\n          }\"\n          aria-hidden=\"true\"\n          focusable=\"false\"\n        ></span>\n      </div>\n    </div>\n    <div class=\"m-hvy-event-summary-item__date\">\n      <span>\n        {{ event.lastModificationDate | date :  'd MMMM . HH:MM' }}\n      </span>\n    </div>\n  </div>\n</div>\n" }]
+            args: [{ selector: 'hvy-event-summary-item', template: "<div class=\"m-hvy-event-summary-item\" [routerLink]=\"linkFragments\">\n  <div class=\"m-hvy-event-summary-item__title\">\n    <h4>\n      {{ event.name }}\n    </h4>\n  </div>\n  <div class=\"m-hvy-event-summary-item__content\">\n    <span>\n          {{\n        event.manifestation ?\n          (event.manifestation.startDate | date :  'dd/MM HH:MM') + ' - ' + (event.manifestation.endDate | date :  'dd/MM HH:MM') :\n          event.interventionRequestTitle\n      }}\n    </span>\n  </div>\n  <div class=\"m-hvy-event-summary-item__footer\">\n    <div class=\"m-hvy-event-summary-item__icons\">\n      <span class=\"m-hvy-event-summary-item__intervention-counter\">{{ event.interventionRequestCount }}</span>\n      <hvy-icon-display [event]=\"event\"></hvy-icon-display>\n    </div>\n    <div class=\"m-hvy-event-summary-item__date\">\n      <span>\n        {{ event.lastModificationDate | date :  'd MMMM . HH:MM' }}\n      </span>\n    </div>\n  </div>\n</div>\n" }]
         }], propDecorators: { event: [{
                 type: Input,
                 args: [{ required: true }]
@@ -165,13 +219,13 @@ class EventSummaryListComponent {
         this.router.navigate([...this.consultLink]);
         this.store.dispatch(EventActions.filter({ filters: { status: [status] } }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: EventSummaryListComponent, deps: [{ token: i1.Store }, { token: i2$1.Router }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: EventSummaryListComponent, isStandalone: true, selector: "hvy-event-summary-list", inputs: { events: "events", totalEventCount: "totalEventCount", status: "status", consultLink: "consultLink", itemLinkBase: "itemLinkBase" }, ngImport: i0, template: "<div class=\"o-hvy-event-summary-list -hvy-{{status.toLowerCase()}}\">\n  <div class=\"o-hvy-event-summary-list__header\">\n    <h3 class=\"o-hvy-event-summary-list__title\">\n      {{ '@hvy.eventSummary.statusLabels.' + status | i18n }}\n    </h3>\n    <span class=\"o-hvy-event-summary-list__counter\">\n      {{ totalEventCount }}\n    </span>\n  </div>\n  <div class=\"o-hvy-event-summary-list__content\">\n    @for (event of events; track event.id) {\n      <hvy-event-summary-item\n        [event]=\"event\"\n        [linkBase]=\"itemLinkBase\">\n      </hvy-event-summary-item>\n    } @empty {\n      <span class=\"o-hvy-event-summary-list__no-content\">\n        {{ '@hvy.eventSummary.noContent' | i18n }}\n      </span>\n    }\n  </div>\n  <div class=\"o-hvy-event-summary-list__footer\">\n    <button class=\"o-hvy-event-summary-list__footer-button\" (click)=\"filterAndRoute(status)\">\n      Consulter\n      <pry-icon iconSvg=\"arrow\"></pry-icon>\n    </button>\n  </div>\n</div>\n", dependencies: [{ kind: "component", type: EventSummaryItemComponent, selector: "hvy-event-summary-item", inputs: ["event", "linkBase"] }, { kind: "ngmodule", type: PryIconModule }, { kind: "component", type: i3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "ngmodule", type: PryI18nModule }, { kind: "pipe", type: i3.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: EventSummaryListComponent, deps: [{ token: i1.Store }, { token: i2.Router }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: EventSummaryListComponent, selector: "hvy-event-summary-list", inputs: { events: "events", totalEventCount: "totalEventCount", status: "status", consultLink: "consultLink", itemLinkBase: "itemLinkBase" }, ngImport: i0, template: "<div class=\"o-hvy-event-summary-list -hvy-{{status.toLowerCase()}}\">\n  <div class=\"o-hvy-event-summary-list__header\">\n    <h3 class=\"o-hvy-event-summary-list__title\">\n      {{ '@hvy.eventSummary.statusLabels.' + status | i18n }}\n    </h3>\n    <span class=\"o-hvy-event-summary-list__counter\">\n      {{ totalEventCount }}\n    </span>\n  </div>\n  <div class=\"o-hvy-event-summary-list__content\">\n    @for (event of events; track event.id) {\n      <hvy-event-summary-item\n        [event]=\"event\"\n        [linkBase]=\"itemLinkBase\">\n      </hvy-event-summary-item>\n    } @empty {\n      <span class=\"o-hvy-event-summary-list__no-content\">\n        {{ '@hvy.eventSummary.noContent' | i18n }}\n      </span>\n    }\n  </div>\n  <div class=\"o-hvy-event-summary-list__footer\">\n    <button class=\"o-hvy-event-summary-list__footer-button\" (click)=\"filterAndRoute(status)\">\n      Consulter\n      <pry-icon iconSvg=\"arrow\"></pry-icon>\n    </button>\n  </div>\n</div>\n", dependencies: [{ kind: "component", type: i3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: EventSummaryItemComponent, selector: "hvy-event-summary-item", inputs: ["event", "linkBase"] }, { kind: "pipe", type: i3.I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: EventSummaryListComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'hvy-event-summary-list', imports: [EventSummaryItemComponent, PryIconModule, PryI18nModule], template: "<div class=\"o-hvy-event-summary-list -hvy-{{status.toLowerCase()}}\">\n  <div class=\"o-hvy-event-summary-list__header\">\n    <h3 class=\"o-hvy-event-summary-list__title\">\n      {{ '@hvy.eventSummary.statusLabels.' + status | i18n }}\n    </h3>\n    <span class=\"o-hvy-event-summary-list__counter\">\n      {{ totalEventCount }}\n    </span>\n  </div>\n  <div class=\"o-hvy-event-summary-list__content\">\n    @for (event of events; track event.id) {\n      <hvy-event-summary-item\n        [event]=\"event\"\n        [linkBase]=\"itemLinkBase\">\n      </hvy-event-summary-item>\n    } @empty {\n      <span class=\"o-hvy-event-summary-list__no-content\">\n        {{ '@hvy.eventSummary.noContent' | i18n }}\n      </span>\n    }\n  </div>\n  <div class=\"o-hvy-event-summary-list__footer\">\n    <button class=\"o-hvy-event-summary-list__footer-button\" (click)=\"filterAndRoute(status)\">\n      Consulter\n      <pry-icon iconSvg=\"arrow\"></pry-icon>\n    </button>\n  </div>\n</div>\n" }]
-        }], ctorParameters: () => [{ type: i1.Store }, { type: i2$1.Router }], propDecorators: { events: [{
+            args: [{ selector: 'hvy-event-summary-list', template: "<div class=\"o-hvy-event-summary-list -hvy-{{status.toLowerCase()}}\">\n  <div class=\"o-hvy-event-summary-list__header\">\n    <h3 class=\"o-hvy-event-summary-list__title\">\n      {{ '@hvy.eventSummary.statusLabels.' + status | i18n }}\n    </h3>\n    <span class=\"o-hvy-event-summary-list__counter\">\n      {{ totalEventCount }}\n    </span>\n  </div>\n  <div class=\"o-hvy-event-summary-list__content\">\n    @for (event of events; track event.id) {\n      <hvy-event-summary-item\n        [event]=\"event\"\n        [linkBase]=\"itemLinkBase\">\n      </hvy-event-summary-item>\n    } @empty {\n      <span class=\"o-hvy-event-summary-list__no-content\">\n        {{ '@hvy.eventSummary.noContent' | i18n }}\n      </span>\n    }\n  </div>\n  <div class=\"o-hvy-event-summary-list__footer\">\n    <button class=\"o-hvy-event-summary-list__footer-button\" (click)=\"filterAndRoute(status)\">\n      Consulter\n      <pry-icon iconSvg=\"arrow\"></pry-icon>\n    </button>\n  </div>\n</div>\n" }]
+        }], ctorParameters: () => [{ type: i1.Store }, { type: i2.Router }], propDecorators: { events: [{
                 type: Input
             }], totalEventCount: [{
                 type: Input
@@ -183,6 +237,41 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImpor
                 type: Input
             }] } });
 
+class EventSummaryPageComponent extends SubscriptionnerDirective {
+    constructor(store) {
+        super();
+        this.store = store;
+        this.pageTitle = '';
+        this.summaries = {
+            NEW: { events: [], count: 0 },
+            IN_PROGRESS: { events: [], count: 0 },
+            DONE: { events: [], count: 0 },
+        };
+        this.criticalityList = ["LOW", "MEDIUM", "HIGH", "ALL"];
+        this.store.dispatch(EventSummaryActions.load());
+        this.selectedCriticality$ = this.store.select(EventSelectors.filters).pipe(map((filters) => filters['criticality']?.[0] ?? 'ALL'));
+        this.subscriptions.add(this.store.select(EventSummarySelectors.summaries).subscribe((summaries) => {
+            this.summaries = summaries;
+        }));
+    }
+    filterByCriticality($event) {
+        $event === 'ALL' ? this.store.dispatch(EventActions.filter({ filters: { criticality: [] } })) :
+            this.store.dispatch(EventActions.filter({ filters: { criticality: [$event] } }));
+        this.store.dispatch(EventSummaryActions.load());
+    }
+    asIsOrder() {
+        return 0;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: EventSummaryPageComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: EventSummaryPageComponent, selector: "hvy-event-summary-page", inputs: { pageTitle: "pageTitle" }, usesInheritance: true, ngImport: i0, template: "<div class=\"o-hvy-event-summary-page\">\n  <div class=\"o-hvy-event-summary-page__header\">\n    @if (pageTitle) {\n      <h3 class=\"o-hvy-event-summary-page__title\">{{ pageTitle }}</h3>\n    }\n    <div class=\"m-filter__input-wrapper m-filter__input-wrapper--dropdown\">\n      <label class=\"a-label m-filter__label\" for=\"criticality-filter\">{{ '@hvy.event.criticality' | i18n }} :&nbsp;</label>\n      <pry-select\n        id=\"criticality-filter\"\n        class=\"o-hvy-event-summary-page__filter\"\n        [items]=\"criticalityList\"\n        [ngModel]=\"selectedCriticality$ | async\"\n        (ngModelChange)=\"filterByCriticality($event)\"\n        [translate]=\"true\"\n        i18nPrefix=\"@hvy.eventSummary.criticalityLabels.\"\n      >\n      </pry-select>\n    </div>\n  </div>\n  <div class=\"o-hvy-event-summary-page__content\">\n    @for (summaryList of summaries | keyvalue: asIsOrder; track summaryList.key) {\n      <hvy-event-summary-list\n        class=\"o-hvy-event-summary-page__summary-list\"\n        [status]=\"summaryList.key\"\n        [totalEventCount]=\"summaryList.value.count\"\n        [events]=\"summaryList.value.events\">\n      </hvy-event-summary-list>\n    }\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.PrySelectComponent, selector: "pry-select", inputs: ["items", "clearable", "multiple", "closeOnSelect", "placeholder", "isForm", "required", "name", "readonly", "autocomplete", "bindValue", "bindLabel", "iconSize", "bindIcon", "template", "i18nPrefix", "bindClasses", "loading", "elementRef"], outputs: ["searched", "cleared"] }, { kind: "component", type: EventSummaryListComponent, selector: "hvy-event-summary-list", inputs: ["events", "totalEventCount", "status", "consultLink", "itemLinkBase"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.I18nPipe, name: "i18n" }, { kind: "pipe", type: i1$1.KeyValuePipe, name: "keyvalue" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: EventSummaryPageComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'hvy-event-summary-page', template: "<div class=\"o-hvy-event-summary-page\">\n  <div class=\"o-hvy-event-summary-page__header\">\n    @if (pageTitle) {\n      <h3 class=\"o-hvy-event-summary-page__title\">{{ pageTitle }}</h3>\n    }\n    <div class=\"m-filter__input-wrapper m-filter__input-wrapper--dropdown\">\n      <label class=\"a-label m-filter__label\" for=\"criticality-filter\">{{ '@hvy.event.criticality' | i18n }} :&nbsp;</label>\n      <pry-select\n        id=\"criticality-filter\"\n        class=\"o-hvy-event-summary-page__filter\"\n        [items]=\"criticalityList\"\n        [ngModel]=\"selectedCriticality$ | async\"\n        (ngModelChange)=\"filterByCriticality($event)\"\n        [translate]=\"true\"\n        i18nPrefix=\"@hvy.eventSummary.criticalityLabels.\"\n      >\n      </pry-select>\n    </div>\n  </div>\n  <div class=\"o-hvy-event-summary-page__content\">\n    @for (summaryList of summaries | keyvalue: asIsOrder; track summaryList.key) {\n      <hvy-event-summary-list\n        class=\"o-hvy-event-summary-page__summary-list\"\n        [status]=\"summaryList.key\"\n        [totalEventCount]=\"summaryList.value.count\"\n        [events]=\"summaryList.value.events\">\n      </hvy-event-summary-list>\n    }\n  </div>\n</div>\n" }]
+        }], ctorParameters: () => [{ type: i1.Store }], propDecorators: { pageTitle: [{
+                type: Input
+            }] } });
+
 const HYP_BASE_CONFIG = new InjectionToken('base config');
 
 const enTranslations = {
@@ -196,10 +285,15 @@ const enTranslations = {
                 REPORT: "Report",
                 OPERATOR: "Operator",
             },
+            status: {
+                name: 'Status',
+                NEW: 'Open',
+                IN_PROGRESS: 'In progress',
+                DONE: 'Done',
+            },
             address: 'Address',
             date: 'Effect date',
             dateM: 'Modification date',
-            status: 'Status',
         },
         eventSummary: {
             noContent: 'No event with given criticality',
@@ -215,9 +309,12 @@ const enTranslations = {
                 ALL: 'All'
             },
         },
-        process: {
-            name: 'Process',
+        procedure: {
+            name: 'Procedure',
         },
+        action: {
+            consult: "Consult"
+        }
     },
 };
 
@@ -232,15 +329,20 @@ const frTranslations = {
                 REPORT: "Signalement",
                 OPERATOR: "Opérateur",
             },
+            status: {
+                name: 'Statut',
+                NEW: 'Nouveau',
+                IN_PROGRESS: 'En cours',
+                DONE: 'Clôturé',
+            },
             address: 'Adresse',
             date: 'Date d\'effet',
             dateM: 'Date de modification',
-            status: 'Statut'
         },
         eventSummary: {
             noContent: 'Aucun évènement avec la criticité donnée',
             statusLabels: {
-                NEW: 'Ouverts',
+                NEW: 'Nouveaux',
                 IN_PROGRESS: 'En cours',
                 DONE: 'Clôturés',
             },
@@ -251,9 +353,12 @@ const frTranslations = {
                 ALL: 'Tous'
             },
         },
-        process: {
+        procedure: {
             name: 'Procédure',
         },
+        action: {
+            consult: "Consulter"
+        }
     }
 };
 
@@ -263,6 +368,7 @@ var HypEventCriticality;
     HypEventCriticality[HypEventCriticality["MEDIUM"] = 1] = "MEDIUM";
     HypEventCriticality[HypEventCriticality["HIGH"] = 2] = "HIGH";
 })(HypEventCriticality || (HypEventCriticality = {}));
+
 var HypEventType;
 (function (HypEventType) {
     HypEventType[HypEventType["ALERT"] = 0] = "ALERT";
@@ -279,10 +385,10 @@ const HypervisorActions = {
 };
 
 const hypFeatureKey = '@hvy/general';
-const eventInitialState = {
+const hypInitialState = {
     url: '/api/hypervisor',
 };
-const internalReducer = createReducer(eventInitialState, on(HypervisorActions.setUrl, (state, action) => ({
+const internalReducer = createReducer(hypInitialState, on(HypervisorActions.setUrl, (state, action) => ({
     ...state,
     url: action.url ?? state.url,
 })));
@@ -312,24 +418,10 @@ class EventService {
                     params = params.set(filter, filterValue);
                 });
             });
-            return this.httpClient.get(encodeURI(`${url}/event`), { params });
+            return this.httpClient.get(encodeURI(`${url}/events`), { params });
         }));
     }
-    listSummaries() {
-        return this.store
-            .select(HypSelectors.url)
-            .pipe(withLatestFrom(this.store.select(EventSelectors.filters)), mergeMap(([url, filters]) => {
-            let params = new HttpParams();
-            Object.keys(filters).forEach(filter => {
-                filters[filter].forEach((filterValue) => {
-                    params = params.set(filter, filterValue);
-                });
-            });
-            console.log(params);
-            return this.httpClient.get(encodeURI(`${url}/events/summary`), { params });
-        }));
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: EventService, deps: [{ token: i1$1.HttpClient }, { token: i1.Store }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: EventService, deps: [{ token: i1$2.HttpClient }, { token: i1.Store }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: EventService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: EventService, decorators: [{
@@ -337,28 +429,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImpor
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: () => [{ type: i1$1.HttpClient }, { type: i1.Store }] });
+        }], ctorParameters: () => [{ type: i1$2.HttpClient }, { type: i1.Store }] });
 
 class EventEffects {
     constructor(actions$, eventService) {
         this.actions$ = actions$;
         this.eventService = eventService;
         this.loadEvents$ = createEffect(() => this.actions$.pipe(ofType(EventActions.load), debounceTime(200), mergeMap$1((action) => this.eventService.list().pipe(map((events) => EventActions.loadSuccess({ events })), catchError((error) => [EventActions.loadFailure({ error: error })])))));
-        this.loadSummaries$ = createEffect(() => this.actions$.pipe(ofType(EventActions.loadSummaries), debounceTime(200), mergeMap$1((action) => this.eventService.listSummaries().pipe(map((summaries) => EventActions.loadSummariesSuccess({ summaries })), catchError((error) => [EventActions.loadSummariesFailure({ error: error })])))));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: EventEffects, deps: [{ token: i1$2.Actions }, { token: EventService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: EventEffects, deps: [{ token: i1$3.Actions }, { token: EventService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: EventEffects }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: EventEffects, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: i1$2.Actions }, { type: EventService }] });
+        }], ctorParameters: () => [{ type: i1$3.Actions }, { type: EventService }] });
 
 class HypervisorService {
     constructor(httpClient, store) {
         this.httpClient = httpClient;
         this.store = store;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: HypervisorService, deps: [{ token: i1$1.HttpClient }, { token: i1.Store }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: HypervisorService, deps: [{ token: i1$2.HttpClient }, { token: i1.Store }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: HypervisorService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: HypervisorService, decorators: [{
@@ -366,23 +457,69 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImpor
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: () => [{ type: i1$1.HttpClient }, { type: i1.Store }] });
+        }], ctorParameters: () => [{ type: i1$2.HttpClient }, { type: i1.Store }] });
 
 class HypervisorEffects {
     constructor(actions$, eventService) {
         this.actions$ = actions$;
         this.eventService = eventService;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: HypervisorEffects, deps: [{ token: i1$2.Actions }, { token: HypervisorService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: HypervisorEffects, deps: [{ token: i1$3.Actions }, { token: HypervisorService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: HypervisorEffects }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: HypervisorEffects, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: i1$2.Actions }, { type: HypervisorService }] });
+        }], ctorParameters: () => [{ type: i1$3.Actions }, { type: HypervisorService }] });
+
+class EventSummaryService {
+    constructor(httpClient, store) {
+        this.httpClient = httpClient;
+        this.store = store;
+    }
+    list() {
+        return this.store
+            .select(HypSelectors.url)
+            .pipe(withLatestFrom(this.store.select(EventSelectors.filters)), mergeMap(([url, filters]) => {
+            let params = new HttpParams();
+            Object.keys(filters).forEach(filter => {
+                filters[filter].forEach((filterValue) => {
+                    params = params.set(filter, filterValue);
+                });
+            });
+            return this.httpClient.get(encodeURI(`${url}/events/summary`), { params });
+        }));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: EventSummaryService, deps: [{ token: i1$2.HttpClient }, { token: i1.Store }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: EventSummaryService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: EventSummaryService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [{ type: i1$2.HttpClient }, { type: i1.Store }] });
+
+class EventSummaryEffects {
+    constructor(actions$, eventSummaryService) {
+        this.actions$ = actions$;
+        this.eventSummaryService = eventSummaryService;
+        this.loadSummaries$ = createEffect(() => this.actions$.pipe(ofType(EventSummaryActions.load), debounceTime(200), mergeMap$1((action) => this.eventSummaryService.list().pipe(map((summaries) => EventSummaryActions.loadSuccess({ summaries })), catchError((error) => [EventSummaryActions.loadFailure({ error: error })])))));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: EventSummaryEffects, deps: [{ token: i1$3.Actions }, { token: EventSummaryService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: EventSummaryEffects }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: EventSummaryEffects, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [{ type: i1$3.Actions }, { type: EventSummaryService }] });
 
 const components = [
     EventDetailComponent,
-    EventListComponent
+    EventListComponent,
+    IconDisplayComponent,
+    EventSummaryItemComponent,
+    EventSummaryListComponent,
+    EventSummaryPageComponent,
+    EventIconPipe
 ];
 class PvyHypervisorModule {
     static forRoot(options) {
@@ -403,20 +540,46 @@ class PvyHypervisorModule {
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PvyHypervisorModule, deps: [{ token: HYP_BASE_CONFIG }, { token: i1.Store }, { token: i3.PryI18nService }], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.3", ngImport: i0, type: PvyHypervisorModule, declarations: [EventDetailComponent,
-            EventListComponent], imports: [i1.StoreFeatureModule, i1.StoreFeatureModule, i1$2.EffectsFeatureModule, NgForOf,
+            EventListComponent,
+            IconDisplayComponent,
+            EventSummaryItemComponent,
+            EventSummaryListComponent,
+            EventSummaryPageComponent,
+            EventIconPipe], imports: [i1.StoreFeatureModule, i1.StoreFeatureModule, i1.StoreFeatureModule, i1$3.EffectsFeatureModule, NgForOf,
             AsyncPipe,
             PryI18nModule,
             PryCoreModule,
             AsyncPipe,
             PryCoreModule,
-            EventIconPipe], exports: [EventDetailComponent,
-            EventListComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PvyHypervisorModule, imports: [StoreModule.forFeature(eventFeatureKey, eventReducer),
-            StoreModule.forFeature(hypFeatureKey, hypervisorReducer),
-            EffectsModule.forFeature([EventEffects, HypervisorEffects]),
+            NgStyle,
+            PryCheckboxModule,
+            FormsModule,
+            RouterLink,
+            PrySinceDateModule,
+            DatePipe,
+            PryIconModule,
+            KeyValuePipe,
+            PrySelectModule,
+            FormsModule], exports: [EventDetailComponent,
+            EventListComponent,
+            IconDisplayComponent,
+            EventSummaryItemComponent,
+            EventSummaryListComponent,
+            EventSummaryPageComponent,
+            EventIconPipe] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PvyHypervisorModule, imports: [StoreModule.forFeature(hypFeatureKey, hypervisorReducer),
+            StoreModule.forFeature(eventFeatureKey, eventReducer),
+            StoreModule.forFeature(eventSummaryFeatureKey, eventSummaryReducer),
+            EffectsModule.forFeature([EventEffects, EventSummaryEffects, HypervisorEffects]),
             PryI18nModule,
             PryCoreModule,
-            PryCoreModule] }); }
+            PryCoreModule,
+            PryCheckboxModule,
+            FormsModule,
+            PrySinceDateModule,
+            PryIconModule,
+            PrySelectModule,
+            FormsModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PvyHypervisorModule, decorators: [{
             type: NgModule,
@@ -425,16 +588,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImpor
                         ...components,
                     ],
                     imports: [
-                        StoreModule.forFeature(eventFeatureKey, eventReducer),
                         StoreModule.forFeature(hypFeatureKey, hypervisorReducer),
-                        EffectsModule.forFeature([EventEffects, HypervisorEffects]),
+                        StoreModule.forFeature(eventFeatureKey, eventReducer),
+                        StoreModule.forFeature(eventSummaryFeatureKey, eventSummaryReducer),
+                        EffectsModule.forFeature([EventEffects, EventSummaryEffects, HypervisorEffects]),
                         NgForOf,
                         AsyncPipe,
                         PryI18nModule,
                         PryCoreModule,
                         AsyncPipe,
                         PryCoreModule,
-                        EventIconPipe
+                        NgStyle,
+                        PryCheckboxModule,
+                        FormsModule,
+                        RouterLink,
+                        PrySinceDateModule,
+                        DatePipe,
+                        PryIconModule,
+                        KeyValuePipe,
+                        PrySelectModule,
+                        FormsModule
                     ],
                     exports: [
                         ...components
@@ -453,5 +626,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { EVENT_TO_ICON, EventActions, EventDetailComponent, EventEffects, EventIconPipe, EventListComponent, EventSelectors, EventSummaryItemComponent, EventSummaryListComponent, HYP_BASE_CONFIG, HypEventCriticality, PvyHypervisorModule, enTranslations, eventFeatureKey, eventInitialState$1 as eventInitialState, eventReducer, frTranslations };
+export { EVENT_TO_ICON, EventActions, EventDetailComponent, EventEffects, EventIconPipe, EventListComponent, EventSelectors, EventSummaryActions, EventSummaryEffects, EventSummaryItemComponent, EventSummaryListComponent, EventSummaryPageComponent, EventSummarySelectors, HYP_BASE_CONFIG, HypEventCriticality, HypEventType, IconDisplayComponent, PvyHypervisorModule, enTranslations, eventFeatureKey, eventInitialState, eventReducer, eventSummaryFeatureKey, eventSummaryInitialState, eventSummaryReducer, frTranslations };
 //# sourceMappingURL=provoly-hypervisor.mjs.map