@provoly/hypervisor 0.0.22 → 0.0.24

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@provoly/hypervisor",
-  "version": "0.0.22",
+  "version": "0.0.24",
   "peerDependencies": {
     "@angular/cdk": "16.x || 17.x",
     "@angular/common": "16.x || 17.x",

package/src/lib/event/detail/event-detail.component.d.ts

@@ -1,14 +1,17 @@
-import { EventEmitter } from '@angular/core';
+import { EventEmitter, TemplateRef, ViewContainerRef } from '@angular/core';
 import { HypProcedure } from '../../model/hyp-procedure.interface';
 import { HypEventDetails } from '../../model/event/hyp-event-detail.interface';
 import { SubscriptionnerDirective } from '@provoly/dashboard';
 import { EquipmentService } from '../../store/equipment/equipment.service';
 import { Store } from '@ngrx/store';
 import { HypAction } from '../../model/hyp-action.interface';
+import { Overlay, OverlayRef } from '@angular/cdk/overlay';
 import * as i0 from "@angular/core";
 export declare class EventDetailComponent extends SubscriptionnerDirective {
     private equipmentService;
     private store;
+    private overlay;
+    private viewContainerRef;
     static CARD_HEIGHT: number;
     opened: boolean[];
     criticalities: string[];
@@ -35,10 +38,18 @@ export declare class EventDetailComponent extends SubscriptionnerDirective {
     initialActionList: HypAction[];
     previousOffset: number;
     dragTarget?: EventTarget | null;
+    changeStatusContext: {
+        comment: string;
+        events: HypEventDetails[];
+        status: string;
+        all: boolean;
+    };
+    overlayRef?: OverlayRef;
+    confirmDialog: TemplateRef<any>;
     set events(events: HypEventDetails[]);
     set procedure(procedure: HypProcedure);
     set cancelModifications(evt: any);
-    constructor(equipmentService: EquipmentService, store: Store);
+    constructor(equipmentService: EquipmentService, store: Store, overlay: Overlay, viewContainerRef: ViewContainerRef);
     get events(): HypEventDetails[];
     get procedure(): HypProcedure | undefined;
     toggle(i: number): void;
@@ -66,11 +77,14 @@ export declare class EventDetailComponent extends SubscriptionnerDirective {
     categories(event: HypEventDetails): string[];
     changeStatus($event: string, event: HypEventDetails): void;
     closeAll(): void;
+    confirmedClose(): void;
+    toggleConfirm(): void;
     onMouseDown($event: MouseEvent): void;
     dragStart($event: MouseEvent, action: HypAction, index: number): void;
     move($event: MouseEvent): void;
     drop($event: MouseEvent): void;
     allowDrop($event: MouseEvent): void;
+    confirmDisabled(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<EventDetailComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<EventDetailComponent, "hvy-event-detail", never, { "events": { "alias": "events"; "required": false; }; "procedure": { "alias": "procedure"; "required": false; }; "cancelModifications": { "alias": "cancelModifications"; "required": false; }; }, { "modifiedEvents": "modifiedEvents"; "modifiedProcedure": "modifiedProcedure"; "eventErrors": "eventErrors"; }, never, never, false, never>;
 }

package/src/lib/event/filters/choice/choice-filter.component.d.ts

@@ -1,5 +1,5 @@
 import { AfterViewInit, ElementRef, TemplateRef, ViewContainerRef, WritableSignal } from '@angular/core';
-import { HvyFilterParams, HvyUnitFilterComponent } from '../hvy-unit-filter.class';
+import { HvyUnitFilterComponent } from '../hvy-unit-filter.class';
 import { Store } from '@ngrx/store';
 import { Overlay, OverlayRef } from '@angular/cdk/overlay';
 import { PryI18nService } from '@provoly/dashboard';
@@ -18,18 +18,19 @@ export declare class ChoiceFilterComponent extends HvyUnitFilterComponent implem
     private ref;
     static idCounter: number;
     id: number;
-    prop: string;
     label: string;
     i18nPrefix: string;
     value: WritableSignal<string[]>;
     choices: HvyChoiceFilter;
     overlayRef?: OverlayRef;
     template: TemplateRef<any>;
-    inhibate: boolean;
+    inhibate?: string;
     displayValue: import("@angular/core").Signal<string>;
     constructor(store: Store, overlay: Overlay, viewContainerRef: ViewContainerRef, i18nService: PryI18nService, ref: ElementRef);
     ngAfterViewInit(): void;
-    getParams(): HvyFilterParams;
+    getParams(): {
+        [key: string]: string[];
+    };
     reset(): void;
     toggleModal(): void;
     clickAll(): void;
@@ -50,5 +51,5 @@ export declare class ChoiceFilterComponent extends HvyUnitFilterComponent implem
     assignValue(value: string[]): void;
     private triggerInhibate;
     static ɵfac: i0.ɵɵFactoryDeclaration<ChoiceFilterComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ChoiceFilterComponent, "hvy-choice-filter", never, { "prop": { "alias": "prop"; "required": false; }; "label": { "alias": "label"; "required": false; }; "i18nPrefix": { "alias": "i18nPrefix"; "required": false; }; "choices": { "alias": "choices"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ChoiceFilterComponent, "hvy-choice-filter", never, { "label": { "alias": "label"; "required": false; }; "i18nPrefix": { "alias": "i18nPrefix"; "required": false; }; "choices": { "alias": "choices"; "required": false; }; }, {}, never, never, false, never>;
 }

package/src/lib/event/filters/date/date-filter.component.d.ts

@@ -1,14 +1,15 @@
-import { HvyFilterParams, HvyUnitFilterComponent } from '../hvy-unit-filter.class';
+import { HvyUnitFilterComponent } from '../hvy-unit-filter.class';
 import { Store } from '@ngrx/store';
 import * as i0 from "@angular/core";
 export declare class DateFilterComponent extends HvyUnitFilterComponent {
     private store;
-    prop: string;
     value: string;
     constructor(store: Store);
-    getParams(): HvyFilterParams;
+    getParams(): {
+        [key: string]: string[];
+    };
     reset(): void;
     triggerChange($event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DateFilterComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DateFilterComponent, "hvy-date-filter", never, { "prop": { "alias": "prop"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DateFilterComponent, "hvy-date-filter", never, {}, {}, never, never, false, never>;
 }

package/src/lib/event/filters/event-filters.component.d.ts

@@ -1,14 +1,16 @@
-import { QueryList } from '@angular/core';
+import { AfterViewInit, QueryList } from '@angular/core';
 import { SubscriptionnerDirective } from '@provoly/dashboard';
 import { HvyUnitFilterComponent } from './hvy-unit-filter.class';
 import { Store } from '@ngrx/store';
 import * as i0 from "@angular/core";
-export declare class EventFiltersComponent extends SubscriptionnerDirective {
+export declare class EventFiltersComponent extends SubscriptionnerDirective implements AfterViewInit {
     private store;
+    filterSet: string;
     filters: QueryList<HvyUnitFilterComponent>;
     constructor(store: Store);
+    ngAfterViewInit(): void;
     filter(): void;
     reset(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<EventFiltersComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EventFiltersComponent, "hvy-event-filters", never, {}, {}, ["filters"], ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EventFiltersComponent, "hvy-event-filters", never, { "filterSet": { "alias": "filterSet"; "required": false; }; }, {}, ["filters"], ["*"], false, never>;
 }

package/src/lib/event/filters/hvy-unit-filter.class.d.ts

@@ -1,9 +1,21 @@
 import { SubscriptionnerDirective } from '@provoly/dashboard';
+import { BehaviorSubject } from 'rxjs';
+import * as i0 from "@angular/core";
 export type HvyFilterParams = {
-    [key: string]: string[];
+    [filterSet: string]: {
+        [key: string]: string[];
+    };
 };
 export declare class HvyUnitFilterComponent extends SubscriptionnerDirective {
+    prop: string;
+    protected _filterSet$: BehaviorSubject<string>;
+    set filterSet(filterSet: string);
+    get filterSet(): string;
     constructor();
-    getParams(): HvyFilterParams;
+    getParams(): {
+        [key: string]: string[];
+    };
     reset(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HvyUnitFilterComponent, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HvyUnitFilterComponent, never, never, { "prop": { "alias": "prop"; "required": false; }; "filterSet": { "alias": "filterSet"; "required": false; }; }, {}, never, never, false, never>;
 }

package/src/lib/event/list/event-list.component.d.ts

@@ -4,13 +4,18 @@ import { Observable } from 'rxjs';
 import { SubscriptionnerDirective } from '@provoly/dashboard';
 import { HypEventDetails } from '../../model/event/hyp-event-detail.interface';
 import { HypEventSummary } from '../../model/event/hyp-event-summary.interface';
+import { Router } from '@angular/router';
 import * as i0 from "@angular/core";
 export declare const EVENT_LINK: {
     fn: (event: HypEventDetails | HypEventSummary, store: Store<any>) => string[];
 };
+export declare const SCROLL_PX_TO_TRIGGER_FETCH_PAGE: {
+    value: number;
+};
 export declare class EventListComponent extends SubscriptionnerDirective implements AfterViewInit {
     private store;
     private el;
+    private router;
     events$: Observable<HypEventDetails[]>;
     selectedIds$: Observable<string[]>;
     EVENT_LINK: {
@@ -19,11 +24,12 @@ export declare class EventListComponent extends SubscriptionnerDirective impleme
     _store: Store<any>;
     allSelected$: Observable<boolean>;
     _inhibate: boolean;
-    constructor(store: Store<any>, el: ElementRef);
+    constructor(store: Store<any>, el: ElementRef, router: Router);
     ngAfterViewInit(): void;
     select(event: HypEventDetails, $event: MouseEvent): void;
     selectAll($event: any): void;
     inhibate(): void;
+    goto(event: HypEventDetails): Promise<boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<EventListComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<EventListComponent, "hvy-event-list", never, {}, {}, never, ["*"], false, never>;
 }

package/src/lib/general/i18n/en.translations.d.ts

@@ -69,6 +69,10 @@ export declare const enTranslations: {
                 };
                 reset: string;
             };
+            close: {
+                one: string;
+                multi: string;
+            };
         };
         eventSummary: {
             noContent: string;
@@ -93,6 +97,9 @@ export declare const enTranslations: {
             close: string;
             send: string;
             comment: string;
+            associate: string;
+            validate: string;
+            cancel: string;
         };
     };
 };

package/src/lib/general/i18n/fr.translations.d.ts

@@ -37,6 +37,7 @@ export declare const frTranslations: {
                     name: string;
                     category: string;
                     close: string;
+                    closed: string;
                     comments: {
                         name: string;
                         placeholder: string;
@@ -72,6 +73,11 @@ export declare const frTranslations: {
                 };
                 reset: string;
             };
+            close: {
+                one: string;
+                multi: string;
+                comment: string;
+            };
         };
         eventSummary: {
             noContent: string;
@@ -96,6 +102,9 @@ export declare const frTranslations: {
             close: string;
             send: string;
             comment: string;
+            associate: string;
+            validate: string;
+            cancel: string;
         };
     };
 };

package/src/lib/model/event/hyp-event-detail.interface.d.ts

@@ -12,7 +12,6 @@ export interface HypEventDetails extends HypEvent {
         entity: string;
     };
     externalSourceRef?: string;
-    category: string;
     startDate?: string;
     endDate?: string;
     closeDate: string;
@@ -35,7 +34,6 @@ export declare const eventForWriteAPI: (event: HypEventDetails) => {
         entity: string;
     } | undefined;
     externalSourceRef?: string | undefined;
-    category: string;
     startDate?: string | undefined;
     endDate?: string | undefined;
     closeDate: string;
@@ -47,4 +45,5 @@ export declare const eventForWriteAPI: (event: HypEventDetails) => {
     name: string;
     criticality: string;
     type: string;
+    category: string;
 };

package/src/lib/model/event/hyp-event-summary.interface.d.ts

@@ -7,7 +7,6 @@ export interface HypEventSummary extends HypEvent {
         endDate: string;
     };
     serviceTitle?: string;
-    category: string;
     procedureId?: string;
 }
 type HypStatus = 'NEW' | 'IN_PROGRESS' | 'DONE';

package/src/lib/model/event/hyp-event.interface.d.ts

@@ -3,4 +3,5 @@ export interface HypEvent {
     name: string;
     criticality: string;
     type: string;
+    category: string;
 }

package/src/lib/model/hyp-procedure.interface.d.ts

@@ -24,7 +24,6 @@ export declare const procedureForWriteAPI: (procedure: HypProcedure) => {
             entity: string;
         } | undefined;
         externalSourceRef?: string | undefined;
-        category: string;
         startDate?: string | undefined;
         endDate?: string | undefined;
         closeDate: string;
@@ -36,6 +35,7 @@ export declare const procedureForWriteAPI: (procedure: HypProcedure) => {
         name: string;
         criticality: string;
         type: string;
+        category: string;
     }[];
     id: string;
     name: string;

package/src/lib/store/event/event.actions.d.ts

@@ -22,10 +22,12 @@ export declare const EventActions: {
         filters: {
             [key: string]: string[];
         };
+        filterSet: string;
     }) => {
         filters: {
             [key: string]: string[];
         };
+        filterSet: string;
     } & import("@ngrx/store/src/models").TypedAction<"[Event Api] Set filters">>;
     select: import("@ngrx/store").ActionCreator<"[Event Api] Select", (props: {
         cumulative: boolean;
@@ -82,10 +84,12 @@ export declare const EventActions: {
         targetStatus: string;
         event?: HypEventDetails | undefined;
         procedure?: HypProcedure | undefined;
+        comment: string;
     }) => {
         targetStatus: string;
         event?: HypEventDetails | undefined;
         procedure?: HypProcedure | undefined;
+        comment: string;
     } & import("@ngrx/store/src/models").TypedAction<"[Event] Close Event or Procedure">>;
     statusSuccess: import("@ngrx/store").ActionCreator<"[Event] Close success", () => import("@ngrx/store/src/models").TypedAction<"[Event] Close success">>;
     statusFailure: import("@ngrx/store").ActionCreator<"[Event] Close failure", (props: {

package/src/lib/store/event/event.service.d.ts

@@ -4,17 +4,24 @@ import { Store } from '@ngrx/store';
 import { HypEventDetails } from '../../model/event/hyp-event-detail.interface';
 import { HypProcedure } from '../../model/hyp-procedure.interface';
 import * as i0 from "@angular/core";
+export declare const PAGE_SIZE_FETCH: {
+    value: number;
+};
+export declare const KNOWN_FILTER_SETS: {
+    EVENTS: string;
+    SUMMARY: string;
+};
 export declare class EventService {
     private httpClient;
     private store;
     constructor(httpClient: HttpClient, store: Store<any>);
-    list(startWith?: number): Observable<Array<HypEventDetails>>;
+    list(startWith?: number, pageSize?: number): Observable<Array<HypEventDetails>>;
     get(id: string): Observable<HypEventDetails>;
     getProcedure(id: string): Observable<HypProcedure>;
     save(event: HypEventDetails): Observable<void>;
     saveProcedure(procedure: HypProcedure): Observable<void>;
-    status(event: HypEventDetails, status: string): Observable<void>;
-    statusProcedure(procedure: HypProcedure, status: string): Observable<void>;
+    status(event: HypEventDetails, status: string, comment: string): Observable<void>;
+    statusProcedure(procedure: HypProcedure, status: string, comment: string): Observable<void>;
     static ɵfac: i0.ɵɵFactoryDeclaration<EventService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<EventService>;
 }

package/styles/components/_a-chip-status.scss

@@ -7,25 +7,11 @@
   &.-IN_PROGRESS {
     color: themed($theme-map, 'color', 'graph', 'contrast', 07);
     background-color: themed($theme-map, 'color', 'graph', 07);
-
-    &:hover {
-      @include changeBgColor(
-        $targetBgColor: themed($theme-map, 'color', 'graph', 06),
-        $targetTextColor: themed($theme-map, 'color', 'graph', 'contrast', 06)
-      );
-    }
   }
 
   &.-DONE {
     color: themed($theme-map, 'color', 'graph', 'contrast', 05);
     background-color: themed($theme-map, 'color', 'graph', 05);
-
-    &:hover {
-      @include changeBgColor(
-        $targetBgColor: themed($theme-map, 'color', 'graph', 04),
-        $targetTextColor: themed($theme-map, 'color', 'graph', 'contrast', 04)
-      );
-    }
   }
 
   &__target {

package/styles/components/_m-hvy-event-summary-item.scss

@@ -87,20 +87,20 @@
     }
 
     // shapes
-    &.-hvy-report, &.-hvy-operator {
+    // - circle
+    &.-hvy-report {
       border-radius: 50%;
     }
 
+    // - triangle
     &.-hvy-alert {
       background-color: transparent;
       align-items: flex-end;
 
       &:after {
-        // equilateral triangle background
         --side: 28px;
         position: absolute;
         content: '';
-        border-bottom: calc(0.866 * var(--side)) solid themed($theme-map, 'color', 'graph', 06);
         border-left: calc(var(--side) / 2) solid transparent;
         border-right: calc(var(--side) / 2) solid transparent;
         border-top: 0;
@@ -110,29 +110,59 @@
 
       &.-hvy-high {
         &:after {
-          border-bottom-color: themed($theme-map, 'color', 'graph', 08);
+          color: white;
+          border-bottom: calc(0.866 * var(--side)) solid themed($theme-map, 'color', 'graph', 08);
         }
       }
 
       &.-hvy-medium {
         &:after {
-          border-bottom-color: themed($theme-map, 'color', 'graph', 07);
+          border-bottom: calc(0.866 * var(--side)) solid themed($theme-map, 'color', 'graph', 07);
         }
       }
+
+      &.-hvy-low {
+        &:after {
+          border-bottom: calc(0.866 * var(--side)) solid themed($theme-map, 'color', 'graph', 06);
+        }
+      }
+
     }
 
-    &.-hvy-operator.-hvy-high {
+    // -hexagon
+    &.-hvy-operator {
       background-color: transparent;
 
+      span {
+        margin-left: -2px;
+      }
+
       // hexagon background
       &:after {
         position: absolute;
         content: '';
         width: 25px;
         height: 25px;
-        background-color: themed($theme-map, 'color', 'graph', 08);
         clip-path: polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%);
       }
+
+      &.-hvy-high {
+        &:after {
+          background-color: themed($theme-map, 'color', 'graph', 08);
+        }
+      }
+
+      &.-hvy-medium {
+        &:after {
+          background-color: themed($theme-map, 'color', 'graph', 07);
+        }
+      }
+
+      &.-hvy-low {
+        &:after {
+          background-color: themed($theme-map, 'color', 'graph', 06);
+        }
+      }
     }
   }
 

package/styles/components/_o-hvy-event-detail.scss

@@ -161,3 +161,44 @@
 .required {
   color: themed($theme-map, 'color', 'status', 'error');
 }
+
+.o-hvy-close-confirm {
+  &__dialog {
+    position: absolute;
+    left: calc(50vw - 250px);
+    top: calc(50vh - 200px);
+    min-width: toRem(500);
+    min-height: toRem(400);
+    display: flex;
+    flex-direction: column;
+    background-color: white;
+    border-radius: toRem(20);
+    padding: toRem(20) toRem(50);
+
+    &__comment {
+      &-title {
+        margin-bottom: toRem(5);
+      }
+
+      flex: 1 1;
+      padding-bottom: toRem(10);
+
+      textarea {
+        width: 100%;
+        height: 100%;
+      }
+    }
+
+    &__actions {
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      justify-content: space-evenly;
+    }
+  }
+}
+
+.cdk-overlay-backdrop.cdk-overlay-backdrop-showing.backdrop-dark {
+  background-color: #183C6B;
+  opacity: 0.7;
+}

package/styles/components/_o-hvy-event-filters.scss

@@ -76,6 +76,7 @@ hvy-choice-filter {
   &.-horizontal {
     flex-direction: row;
     height: toRem(50);
+    line-height: normal;
 
     pry-icon {
       margin-left: auto;

package/styles/components/_o-hvy-events-table.scss

@@ -33,7 +33,8 @@ hvy-event-list {
       }
 
       .o-hvy-events-table__line__cell {
-        background: #EAEAEA;
+        background: #F5F5FA;
+        cursor: pointer;
       }
 
     }