@provoly/dashboard 0.11.0

package/fesm2022/provoly-dashboard-supervision.mjs

@@ -0,0 +1,866 @@
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { Component, ViewContainerRef, ViewChild, Injectable, NgModule } from '@angular/core';
+import * as i4 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import * as i1$2 from '@ngrx/effects';
+import { createEffect, ofType, EffectsModule } from '@ngrx/effects';
+import * as i1 from '@ngrx/store';
+import { createAction, props, createReducer, on, createFeatureSelector, createSelector, StoreModule } from '@ngrx/store';
+import * as i3 from '@provoly/dashboard';
+import { ClassActions, ClassSelectors, BaseMenuComponent, BaseLayoutComponent, ConfigSelectors, PRY_ACCESS_GUARD, PryCoreModule, PryIconModule, PrySortModule, PrySnackbarModule, PryToggleModule, PrySelectModule, PryI18nModule } from '@provoly/dashboard';
+import * as i5 from '@provoly/dashboard/components/checkbox';
+import { PryCheckboxModule } from '@provoly/dashboard/components/checkbox';
+import { Subscription, BehaviorSubject, mergeMap, switchMap, interval, takeUntil } from 'rxjs';
+import { map, mergeMap as mergeMap$1, catchError, withLatestFrom } from 'rxjs/operators';
+import * as i2$1 from '@angular/router';
+import { RouterModule } from '@angular/router';
+import * as i1$1 from '@angular/common/http';
+
+const SupervisionActions = {
+    highLightMenu: createAction('[Supervision] selecting highLight', props()),
+    routeTo: createAction('[Supervision] route to', props()),
+    toggleMenu: createAction('[Supervision] Toggle menu'),
+    resetActions: createAction('[Supervision] reset toolbox main and sub actions'),
+    mainActions: createAction('[Supervision] set toolbox main actions', props()),
+    subActions: createAction('[Supervision] set toolbox sub actions', props()),
+    loadInfras: createAction('[Supervision/Infra] Load Infras'),
+    loadInfrasSuccess: createAction('[Supervision/Infra Api] Load Infras Success', props()),
+    loadInfrasFailure: createAction('[Supervision/Infra Api] Load Infras Failure', props()),
+    scaleInfra: createAction('[Supervision/Infra] Scale infra', props()),
+    scaleInfraSuccess: createAction('[Supervision/Infra Api] Scale infra success', props()),
+    scaleInfraFailure: createAction('[Supervision/Infra Api] Scale infra failure', props()),
+    loadFlows: createAction('[Supervision/Flow] Load Flows'),
+    loadFlowsSuccess: createAction('[Supervision/Flow Api] Load Flows Success', props()),
+    loadFlowsFailure: createAction('[Supervision/Flow Api] Load Flows Failure', props()),
+    loadIntegrationErrors: createAction('[Supervision/Errors] Load Integration Errors'),
+    loadIntegrationErrorsSuccess: createAction('[Supervision/Errors Api] Load Integration Errors Success', props()),
+    loadIntegrationErrorsFailure: createAction('[Supervision/Errors Api] Load Integration Errors Failure', props()),
+    toggleErrorDetails: createAction('[Supervision/Errors] Toggle Side Panel With Error Details Of Chosen Class', props()),
+    toggleClassSelection: createAction('[Supervision/Errors] Select/Unselect Class for submission (Reload/Acknowledge)', props()),
+    reloadErrors: createAction('[Supervision/Errors] Reload Integration Errors'),
+    reloadErrorsSuccess: createAction('[Supervision/Errors Api] Reload Integration Errors Success'),
+    reloadErrorsFailure: createAction('[Supervision/Errors Api] Reload Integration Errors failure', props()),
+    acknowledgeErrors: createAction('[Supervision/Errors] Acknowledge Integration Errors'),
+    acknowledgeErrorsSuccess: createAction('[Supervision/Errors Api] Acknowledge Integration Errors Success'),
+    acknowledgeErrorsFailure: createAction('[Supervision/Errors Api] Acknowledge Integration Errors Failure', props()),
+    setRefreshInterval: createAction('[Supervision/Errors] Change the interval of time for refreshing errors (in milliseconds)', props()),
+    startAutoRefresh: createAction('[Supervision/Errors] Start auto refreshing errors'),
+    stopAutoRefresh: createAction('[Supervision/Errors] Stop auto refreshing errors')
+};
+
+const supervisionFeatureKey = '@pry/supervision';
+const initialSupervisionState = {
+    highlightedMenu: 'infrastructures',
+    menus: [
+        { menu: 'infrastructures', module: 'supervision', page: 'infrastructures' },
+        { menu: 'input-flows', module: 'supervision', page: 'input_flows' },
+        { menu: 'business-datas', module: 'supervision', page: 'business_datas' },
+        { menu: 'integration-errors', module: 'supervision', page: 'integration_errors' }
+    ],
+    menuOpen: true,
+    actions: [],
+    subActions: [],
+    infrastructures: [],
+    lastInfraScale: undefined,
+    inputFlows: [],
+    businessDatas: [],
+    integrationErrors: [],
+    errorDetailsOpen: false,
+    selectedClasses: [],
+    refreshInterval: 30000,
+    loading: false
+};
+const supervisionReducer = createReducer(initialSupervisionState, on(SupervisionActions.highLightMenu, (state, action) => ({
+    ...state,
+    highlightedMenu: action.menu
+})), on(SupervisionActions.toggleMenu, (state) => ({
+    ...state,
+    menuOpen: !state.menuOpen
+})), on(SupervisionActions.resetActions, (state) => ({
+    ...state,
+    actions: [],
+    subActions: []
+})), on(SupervisionActions.mainActions, (state, action) => ({
+    ...state,
+    actions: [...action.actions]
+})), on(SupervisionActions.subActions, (state, action) => ({
+    ...state,
+    subActions: [...action.actions]
+})), on(SupervisionActions.loadInfras, (state) => ({
+    ...state,
+    loading: true
+})), on(SupervisionActions.loadInfrasSuccess, (state, action) => ({
+    ...state,
+    infrastructures: [...action.infras],
+    loading: false
+})), on(SupervisionActions.loadInfrasFailure, (state) => ({
+    ...state,
+    loading: false
+})), on(SupervisionActions.scaleInfra, (state) => ({
+    ...state,
+    loading: true
+})), on(SupervisionActions.scaleInfraSuccess, (state, action) => ({
+    ...state,
+    lastInfraScale: { name: action.name, time: action.time, up: action.up }
+})), on(SupervisionActions.scaleInfraFailure, (state) => ({
+    ...state,
+    loading: false
+})), on(SupervisionActions.loadFlows, (state) => ({
+    ...state,
+    loading: true
+})), on(SupervisionActions.loadFlowsSuccess, (state, action) => ({
+    ...state,
+    inputFlows: [...action.flows],
+    loading: false
+})), on(SupervisionActions.loadFlowsFailure, (state) => ({
+    ...state,
+    loading: false
+})), on(SupervisionActions.loadIntegrationErrors, (state) => ({
+    ...state,
+    loading: true
+})), on(SupervisionActions.loadIntegrationErrorsSuccess, (state, action) => ({
+    ...state,
+    integrationErrors: [...action.integrationErrors],
+    loading: false
+})), on(SupervisionActions.loadIntegrationErrorsFailure, (state) => ({
+    ...state,
+    loading: false
+})), on(SupervisionActions.toggleErrorDetails, (state, action) => ({
+    ...state,
+    currentIntegrationError: action.error,
+    errorDetailsOpen: action.errorDetailsOpen
+})), on(SupervisionActions.toggleClassSelection, (state, action) => {
+    let updatedClasses;
+    if (state.selectedClasses.includes(action.selectedClass)) {
+        updatedClasses = state.selectedClasses.filter((oclass) => oclass !== action.selectedClass);
+    }
+    else {
+        updatedClasses = [...state.selectedClasses, action.selectedClass];
+    }
+    return { ...state, selectedClasses: updatedClasses };
+}), on(SupervisionActions.reloadErrors, (state, action) => ({
+    ...state,
+    loading: true
+})), on(SupervisionActions.reloadErrorsSuccess, (state, action) => ({
+    ...state,
+    loading: false
+})), on(SupervisionActions.reloadErrorsFailure, (state, action) => ({
+    ...state,
+    loading: false
+})), on(SupervisionActions.acknowledgeErrors, (state, action) => ({
+    ...state,
+    loading: true
+})), on(SupervisionActions.acknowledgeErrorsSuccess, (state, action) => ({
+    ...state,
+    loading: false
+})), on(SupervisionActions.acknowledgeErrorsFailure, (state, action) => ({
+    ...state,
+    loading: false
+})), on(SupervisionActions.setRefreshInterval, (state, action) => ({
+    ...state,
+    refreshInterval: action.interval
+})));
+
+const feature = createFeatureSelector(supervisionFeatureKey);
+const highlightedMenu = createSelector(feature, (state) => state.highlightedMenu);
+const menuOpen = createSelector(feature, (state) => state.menuOpen);
+const actions = createSelector(feature, (state) => state.actions);
+const subActions = createSelector(feature, (state) => state.subActions);
+const menus = createSelector(feature, (state) => state.menus);
+const infrastructures = createSelector(feature, (state) => state.infrastructures);
+const lastInfraScale = createSelector(feature, (state) => state.lastInfraScale);
+const inputFlows = createSelector(feature, (state) => state.inputFlows);
+const integrationErrors = createSelector(feature, (state) => state.integrationErrors);
+const currentIntegrationError = createSelector(feature, (state) => state.currentIntegrationError);
+const errorDetailsOpen = createSelector(feature, (state) => state.errorDetailsOpen);
+const selectedClasses = createSelector(feature, (state) => state.selectedClasses);
+const refreshInterval = createSelector(feature, (state) => state.refreshInterval);
+const loading = createSelector(feature, (state) => state.loading);
+const SupervisionSelectors = {
+    feature,
+    highlightedMenu,
+    menuOpen,
+    menus,
+    actions,
+    subActions,
+    infrastructures,
+    lastInfraScale,
+    inputFlows,
+    integrationErrors,
+    currentIntegrationError,
+    errorDetailsOpen,
+    selectedClasses,
+    refreshInterval,
+    loading
+};
+
+class SupervisionBusinessDataComponent {
+    constructor(store) {
+        this.store = store;
+        this.sortActive = 'name';
+        this.sortDirection = 'asc';
+        this.store.dispatch(ClassActions.loadBusinessData());
+        this.datas$ = this.store.select(ClassSelectors.classDatas);
+        this.loading$ = this.store.select(SupervisionSelectors.loading);
+        this.store.dispatch(SupervisionActions.mainActions({
+            actions: [
+                {
+                    action: ClassActions.loadBusinessData(),
+                    label: 'refresh',
+                    icon: 'synchro'
+                }
+            ]
+        }));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: SupervisionBusinessDataComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: SupervisionBusinessDataComponent, selector: "pry-supervision-business-data", ngImport: i0, template: "<div class=\"o-base-container\">\n  <h1 class=\"a-h1\">{{ '@pry.supervision.businessData.title' | i18n }}</h1>\n  <table\n    class=\"a-table\"\n    prySortTable\n    prySortActive=\"name\"\n    prySortDirection=\"asc\"\n    (prySortChange)=\"sortActive = $event.active; sortDirection = $event.direction\"\n  >\n    <caption>\n      {{\n        '@pry.supervision.businessData.title' | i18n\n      }},\n      {{\n        '@pry.action.sortableColumnHeader' | i18n\n      }}\n    </caption>\n    <thead>\n      <tr>\n        <th>\n          <pry-icon iconSvg=\"detail\"></pry-icon>\n        </th>\n        <th prySortHeader=\"name\">{{ '@pry.supervision.businessData.name' | i18n }}</th>\n        <th prySortHeader=\"count\">{{ '@pry.supervision.businessData.count' | i18n }}</th>\n        <th prySortHeader=\"date\">{{ '@pry.supervision.businessData.date' | i18n }}</th>\n      </tr>\n    </thead>\n    <tbody>\n      <tr *ngFor=\"let data of datas$ | async | prySortData: sortActive : sortDirection\">\n        <td>\n          <ng-container *ngIf=\"data.icon; else noImg\">\n            <img [height]=\"25\" [width]=\"25\" [src]=\"data.icon | getSecuredImage | async\" [alt]=\"data.title\" />\n          </ng-container>\n          <ng-template #noImg>\n            <img\n              [height]=\"25\"\n              [width]=\"25\"\n              [src]=\"data.id | translateId: { type: 'class', output: 'icon' } | async\"\n              [alt]=\"data.title\"\n            />\n          </ng-template>\n        </td>\n        <td>{{ data.name }}</td>\n        <td>{{ data.count }}</td>\n        <td>\n          {{ !data.date ? '' : (data.date | date: ('@pry.format.datetime' | i18n)) }}\n        </td>\n      </tr>\n    </tbody>\n  </table>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: i3.PrySortHeaderComponent, selector: "th[prySortHeader]", inputs: ["prySortHeader"], outputs: ["sortChange"] }, { kind: "directive", type: i3.PrySortHeaderDirective, selector: "[prySortHeader]" }, { kind: "directive", type: i3.PrySortTableDirective, selector: "[prySortTable]", inputs: ["prySortActive", "prySortDirection"], outputs: ["prySortChange"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.DatePipe, name: "date" }, { kind: "pipe", type: i3.TranslateIdPipe, name: "translateId" }, { kind: "pipe", type: i3.GetSecuredImagePipe, name: "getSecuredImage" }, { kind: "pipe", type: i3.PrySortDataPipe, name: "prySortData" }, { kind: "pipe", type: i3.I18nPipe, name: "i18n" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: SupervisionBusinessDataComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pry-supervision-business-data', template: "<div class=\"o-base-container\">\n  <h1 class=\"a-h1\">{{ '@pry.supervision.businessData.title' | i18n }}</h1>\n  <table\n    class=\"a-table\"\n    prySortTable\n    prySortActive=\"name\"\n    prySortDirection=\"asc\"\n    (prySortChange)=\"sortActive = $event.active; sortDirection = $event.direction\"\n  >\n    <caption>\n      {{\n        '@pry.supervision.businessData.title' | i18n\n      }},\n      {{\n        '@pry.action.sortableColumnHeader' | i18n\n      }}\n    </caption>\n    <thead>\n      <tr>\n        <th>\n          <pry-icon iconSvg=\"detail\"></pry-icon>\n        </th>\n        <th prySortHeader=\"name\">{{ '@pry.supervision.businessData.name' | i18n }}</th>\n        <th prySortHeader=\"count\">{{ '@pry.supervision.businessData.count' | i18n }}</th>\n        <th prySortHeader=\"date\">{{ '@pry.supervision.businessData.date' | i18n }}</th>\n      </tr>\n    </thead>\n    <tbody>\n      <tr *ngFor=\"let data of datas$ | async | prySortData: sortActive : sortDirection\">\n        <td>\n          <ng-container *ngIf=\"data.icon; else noImg\">\n            <img [height]=\"25\" [width]=\"25\" [src]=\"data.icon | getSecuredImage | async\" [alt]=\"data.title\" />\n          </ng-container>\n          <ng-template #noImg>\n            <img\n              [height]=\"25\"\n              [width]=\"25\"\n              [src]=\"data.id | translateId: { type: 'class', output: 'icon' } | async\"\n              [alt]=\"data.title\"\n            />\n          </ng-template>\n        </td>\n        <td>{{ data.name }}</td>\n        <td>{{ data.count }}</td>\n        <td>\n          {{ !data.date ? '' : (data.date | date: ('@pry.format.datetime' | i18n)) }}\n        </td>\n      </tr>\n    </tbody>\n  </table>\n</div>\n" }]
+        }], ctorParameters: function () { return [{ type: i1.Store }]; } });
+
+class SupervisionFlowComponent {
+    constructor(store) {
+        this.store = store;
+        this.sortActive = 'name';
+        this.sortDirection = 'asc';
+        this.store.dispatch(SupervisionActions.loadFlows());
+        this.flows$ = this.store.select(SupervisionSelectors.inputFlows);
+        this.loading$ = this.store.select(SupervisionSelectors.loading);
+        this.store.dispatch(SupervisionActions.mainActions({
+            actions: [
+                {
+                    action: SupervisionActions.loadFlows(),
+                    label: 'refresh',
+                    icon: 'synchro'
+                }
+            ]
+        }));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: SupervisionFlowComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: SupervisionFlowComponent, selector: "pry-supervision-flow", ngImport: i0, template: "<div class=\"o-base-container\">\n  <h1 class=\"a-h1\">{{ '@pry.supervision.inputFlow.title' | i18n }}</h1>\n\n  <table\n    class=\"a-table\"\n    prySortTable\n    prySortActive=\"name\"\n    prySortDirection=\"asc\"\n    (prySortChange)=\"sortActive = $event.active; sortDirection = $event.direction\"\n  >\n    <caption>\n      {{\n        '@pry.supervision.inputFlow.title' | i18n\n      }},\n      {{\n        '@pry.action.sortableColumnHeader' | i18n\n      }}\n    </caption>\n    <thead>\n      <tr>\n        <th prySortHeader=\"name\">{{ '@pry.supervision.inputFlow.name' | i18n }}</th>\n        <th prySortHeader=\"format\">{{ '@pry.supervision.inputFlow.format' | i18n }}</th>\n        <th>{{ '@pry.supervision.inputFlow.state' | i18n }}</th>\n        <th prySortHeader=\"nbIntegrationOk\">{{ '@pry.supervision.inputFlow.oks' | i18n }}</th>\n        <th prySortHeader=\"nbIntegrationKo\">{{ '@pry.supervision.inputFlow.kos' | i18n }}</th>\n        <th prySortHeader=\"dateIntegration\">{{ '@pry.supervision.inputFlow.date' | i18n }}</th>\n      </tr>\n    </thead>\n    <tbody>\n      <tr *ngFor=\"let flow of flows$ | async | prySortData: sortActive : sortDirection\">\n        <td>\n          <div class=\"u-display-flex -align-center\">\n            {{ flow.name }}\n            <a *ngIf=\"flow.accessLink\" [href]=\"flow.accessLink\" target=\"_blank\" class=\"a-btn a-btn--icon-only\">\n              <pry-icon iconSvg=\"launch\" [height]=\"15\" [width]=\"15\"></pry-icon>\n              <span class=\"u-sr-only\">{{ '@pry.action.opensInNewTab' | i18n }}</span>\n            </a>\n          </div>\n        </td>\n        <td>{{ flow.format }}</td>\n        <td>\n          <span class=\"a-badge\" [ngClass]=\"{ '-status-ok': flow.status, '-status-inactive': !flow.status }\">\n            {{ (flow.status ? '@pry.supervision.inputFlow.active' : '@pry.supervision.inputFlow.inactive') | i18n }}\n          </span>\n        </td>\n        <td>{{ flow.nbIntegrationOk }}</td>\n        <td>{{ flow.nbIntegrationKo }}</td>\n        <td>{{ flow.dateIntegration | date: ('@pry.format.datetime' | i18n) }}</td>\n      </tr>\n    </tbody>\n  </table>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: i3.PrySortHeaderComponent, selector: "th[prySortHeader]", inputs: ["prySortHeader"], outputs: ["sortChange"] }, { kind: "directive", type: i3.PrySortHeaderDirective, selector: "[prySortHeader]" }, { kind: "directive", type: i3.PrySortTableDirective, selector: "[prySortTable]", inputs: ["prySortActive", "prySortDirection"], outputs: ["prySortChange"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.DatePipe, name: "date" }, { kind: "pipe", type: i3.PrySortDataPipe, name: "prySortData" }, { kind: "pipe", type: i3.I18nPipe, name: "i18n" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: SupervisionFlowComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pry-supervision-flow', template: "<div class=\"o-base-container\">\n  <h1 class=\"a-h1\">{{ '@pry.supervision.inputFlow.title' | i18n }}</h1>\n\n  <table\n    class=\"a-table\"\n    prySortTable\n    prySortActive=\"name\"\n    prySortDirection=\"asc\"\n    (prySortChange)=\"sortActive = $event.active; sortDirection = $event.direction\"\n  >\n    <caption>\n      {{\n        '@pry.supervision.inputFlow.title' | i18n\n      }},\n      {{\n        '@pry.action.sortableColumnHeader' | i18n\n      }}\n    </caption>\n    <thead>\n      <tr>\n        <th prySortHeader=\"name\">{{ '@pry.supervision.inputFlow.name' | i18n }}</th>\n        <th prySortHeader=\"format\">{{ '@pry.supervision.inputFlow.format' | i18n }}</th>\n        <th>{{ '@pry.supervision.inputFlow.state' | i18n }}</th>\n        <th prySortHeader=\"nbIntegrationOk\">{{ '@pry.supervision.inputFlow.oks' | i18n }}</th>\n        <th prySortHeader=\"nbIntegrationKo\">{{ '@pry.supervision.inputFlow.kos' | i18n }}</th>\n        <th prySortHeader=\"dateIntegration\">{{ '@pry.supervision.inputFlow.date' | i18n }}</th>\n      </tr>\n    </thead>\n    <tbody>\n      <tr *ngFor=\"let flow of flows$ | async | prySortData: sortActive : sortDirection\">\n        <td>\n          <div class=\"u-display-flex -align-center\">\n            {{ flow.name }}\n            <a *ngIf=\"flow.accessLink\" [href]=\"flow.accessLink\" target=\"_blank\" class=\"a-btn a-btn--icon-only\">\n              <pry-icon iconSvg=\"launch\" [height]=\"15\" [width]=\"15\"></pry-icon>\n              <span class=\"u-sr-only\">{{ '@pry.action.opensInNewTab' | i18n }}</span>\n            </a>\n          </div>\n        </td>\n        <td>{{ flow.format }}</td>\n        <td>\n          <span class=\"a-badge\" [ngClass]=\"{ '-status-ok': flow.status, '-status-inactive': !flow.status }\">\n            {{ (flow.status ? '@pry.supervision.inputFlow.active' : '@pry.supervision.inputFlow.inactive') | i18n }}\n          </span>\n        </td>\n        <td>{{ flow.nbIntegrationOk }}</td>\n        <td>{{ flow.nbIntegrationKo }}</td>\n        <td>{{ flow.dateIntegration | date: ('@pry.format.datetime' | i18n) }}</td>\n      </tr>\n    </tbody>\n  </table>\n</div>\n" }]
+        }], ctorParameters: function () { return [{ type: i1.Store }]; } });
+
+class SupervisionInfrastructuresComponent {
+    constructor(store) {
+        this.store = store;
+        this.classFromStatus = {
+            GREEN: '-ok',
+            YELLOW: '-warning',
+            RED: '-error'
+        };
+        this.store.dispatch(SupervisionActions.loadInfras());
+        this.infras$ = this.store.select(SupervisionSelectors.infrastructures);
+        this.lastInfraScale$ = this.store.select(SupervisionSelectors.lastInfraScale);
+        this.loading$ = this.store.select(SupervisionSelectors.loading);
+        this.store.dispatch(SupervisionActions.mainActions({
+            actions: [
+                {
+                    action: SupervisionActions.loadInfras(),
+                    label: 'refresh',
+                    icon: 'synchro'
+                }
+            ]
+        }));
+    }
+    onScaleUp(infra, replicas) {
+        this.store.dispatch(SupervisionActions.scaleInfra({
+            name: infra,
+            scale: replicas + 1,
+            up: true
+        }));
+    }
+    onScaleDown(infra, replicas) {
+        this.store.dispatch(SupervisionActions.scaleInfra({
+            name: infra,
+            scale: replicas - 1,
+            up: false
+        }));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: SupervisionInfrastructuresComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: SupervisionInfrastructuresComponent, selector: "pry-supervision-infrastructures", ngImport: i0, template: "<div class=\"o-base-container\">\n  <h1 class=\"a-h1\">{{ '@pry.supervision.infrastructures.title' | i18n }}</h1>\n\n  <ul class=\"o-cards-list\">\n    <li *ngFor=\"let infra of infras$ | async\" class=\"o-cards-list__item\">\n      <div class=\"o-card o-card--infra\">\n        <div class=\"o-card__header\">\n          <div class=\"o-card__header__logo\"></div>\n          <div class=\"o-card__header__title\">\n            <h4 class=\"a-h4\">{{ infra.name }}</h4>\n            <p class=\"a-p\">{{ infra.title }}</p>\n          </div>\n          <div *ngIf=\"infra.status\" class=\"o-card__header__status\" [ngClass]=\"classFromStatus[infra.status]\"></div>\n        </div>\n\n        <div class=\"o-card__content\">\n          <p class=\"a-p\">\n            {{ infra.available }}\n            {{ '@pry.supervision.infrastructures.available' + (infra.available > 1 ? 's' : '') | i18n }}\n          </p>\n\n          <ng-container *ngIf=\"lastInfraScale$ | async as lastInfraScale\">\n            <span *ngIf=\"lastInfraScale.name === infra.name\" class=\"o-card__content__info\">\n              {{ '@pry.supervision.infrastructures.scaleReplica' + (lastInfraScale.up ? 'Up' : 'Down') | i18n }}\n              {{ lastInfraScale.time | date: 'HH:mm' }}\n            </span>\n          </ng-container>\n        </div>\n\n        <div class=\"o-card__footer\">\n          <div class=\"o-card__footer__message\">\n            <pry-icon iconSvg=\"grid_view\" [height]=\"20\" [width]=\"20\"></pry-icon>\n            <span>\n              {{ infra.replicas }}\n              {{ '@pry.supervision.infrastructures.replica' + (infra.replicas > 1 ? 's' : '') | i18n }}\n            </span>\n          </div>\n\n          <ng-container *pryAccess=\"{ module: 'supervision', page: 'infrastructures', action: 'scale' }\">\n            <div *ngIf=\"infra.hotScale\" class=\"m-minus-plus\">\n              <ng-container *ngIf=\"infra.replicas !== infra.available; else scaleTemplate\">\n                <button\n                  class=\"m-minus-plus__btn -minus\"\n                  disabled\n                  title=\"{{ '@pry.supervision.infrastructures.removeInstance' | i18n }}\"\n                >\n                  <span class=\"u-visually-hidden\">{{ '@pry.supervision.infrastructures.removeInstance' | i18n }}</span>\n                  <span class=\"m-minus-plus__btn__sign\" aria-hidden=\"true\"></span>\n                </button>\n                <button\n                  class=\"m-minus-plus__btn -plus\"\n                  disabled\n                  title=\"{{ '@pry.supervision.infrastructures.addInstance' | i18n }}\"\n                >\n                  <span class=\"u-visually-hidden\">{{ '@pry.supervision.infrastructures.addInstance' | i18n }}</span>\n                  <span class=\"m-minus-plus__btn__sign\" aria-hidden=\"true\"></span>\n                </button>\n              </ng-container>\n\n              <ng-template #scaleTemplate>\n                <button\n                  class=\"m-minus-plus__btn -minus scale-down\"\n                  [disabled]=\"infra.replicas === infra.minReplicas\"\n                  title=\"{{ '@pry.supervision.infrastructures.removeInstance' | i18n }}\"\n                  (click)=\"infra.replicas !== infra.minReplicas && onScaleDown(infra.name, infra.replicas)\"\n                >\n                  <span class=\"u-visually-hidden\">{{ '@pry.supervision.infrastructures.removeInstance' | i18n }}</span>\n                  <span class=\"m-minus-plus__btn__sign\" aria-hidden=\"true\"></span>\n                </button>\n                <button\n                  class=\"m-minus-plus__btn -plus scale-up\"\n                  [disabled]=\"infra.replicas === infra.maxReplicas\"\n                  title=\"{{ '@pry.supervision.infrastructures.addInstance' | i18n }}\"\n                  (click)=\"infra.replicas !== infra.maxReplicas && onScaleUp(infra.name, infra.replicas)\"\n                >\n                  <span class=\"u-visually-hidden\">{{ '@pry.supervision.infrastructures.addInstance' | i18n }}</span>\n                  <span class=\"m-minus-plus__btn__sign\" aria-hidden=\"true\"></span>\n                </button>\n              </ng-template>\n            </div>\n          </ng-container>\n        </div>\n      </div>\n    </li>\n  </ul>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.PryAccessDirective, selector: "[pryAccess]", inputs: ["pryAccess"] }, { kind: "component", type: i3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.DatePipe, name: "date" }, { kind: "pipe", type: i3.I18nPipe, name: "i18n" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: SupervisionInfrastructuresComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pry-supervision-infrastructures', template: "<div class=\"o-base-container\">\n  <h1 class=\"a-h1\">{{ '@pry.supervision.infrastructures.title' | i18n }}</h1>\n\n  <ul class=\"o-cards-list\">\n    <li *ngFor=\"let infra of infras$ | async\" class=\"o-cards-list__item\">\n      <div class=\"o-card o-card--infra\">\n        <div class=\"o-card__header\">\n          <div class=\"o-card__header__logo\"></div>\n          <div class=\"o-card__header__title\">\n            <h4 class=\"a-h4\">{{ infra.name }}</h4>\n            <p class=\"a-p\">{{ infra.title }}</p>\n          </div>\n          <div *ngIf=\"infra.status\" class=\"o-card__header__status\" [ngClass]=\"classFromStatus[infra.status]\"></div>\n        </div>\n\n        <div class=\"o-card__content\">\n          <p class=\"a-p\">\n            {{ infra.available }}\n            {{ '@pry.supervision.infrastructures.available' + (infra.available > 1 ? 's' : '') | i18n }}\n          </p>\n\n          <ng-container *ngIf=\"lastInfraScale$ | async as lastInfraScale\">\n            <span *ngIf=\"lastInfraScale.name === infra.name\" class=\"o-card__content__info\">\n              {{ '@pry.supervision.infrastructures.scaleReplica' + (lastInfraScale.up ? 'Up' : 'Down') | i18n }}\n              {{ lastInfraScale.time | date: 'HH:mm' }}\n            </span>\n          </ng-container>\n        </div>\n\n        <div class=\"o-card__footer\">\n          <div class=\"o-card__footer__message\">\n            <pry-icon iconSvg=\"grid_view\" [height]=\"20\" [width]=\"20\"></pry-icon>\n            <span>\n              {{ infra.replicas }}\n              {{ '@pry.supervision.infrastructures.replica' + (infra.replicas > 1 ? 's' : '') | i18n }}\n            </span>\n          </div>\n\n          <ng-container *pryAccess=\"{ module: 'supervision', page: 'infrastructures', action: 'scale' }\">\n            <div *ngIf=\"infra.hotScale\" class=\"m-minus-plus\">\n              <ng-container *ngIf=\"infra.replicas !== infra.available; else scaleTemplate\">\n                <button\n                  class=\"m-minus-plus__btn -minus\"\n                  disabled\n                  title=\"{{ '@pry.supervision.infrastructures.removeInstance' | i18n }}\"\n                >\n                  <span class=\"u-visually-hidden\">{{ '@pry.supervision.infrastructures.removeInstance' | i18n }}</span>\n                  <span class=\"m-minus-plus__btn__sign\" aria-hidden=\"true\"></span>\n                </button>\n                <button\n                  class=\"m-minus-plus__btn -plus\"\n                  disabled\n                  title=\"{{ '@pry.supervision.infrastructures.addInstance' | i18n }}\"\n                >\n                  <span class=\"u-visually-hidden\">{{ '@pry.supervision.infrastructures.addInstance' | i18n }}</span>\n                  <span class=\"m-minus-plus__btn__sign\" aria-hidden=\"true\"></span>\n                </button>\n              </ng-container>\n\n              <ng-template #scaleTemplate>\n                <button\n                  class=\"m-minus-plus__btn -minus scale-down\"\n                  [disabled]=\"infra.replicas === infra.minReplicas\"\n                  title=\"{{ '@pry.supervision.infrastructures.removeInstance' | i18n }}\"\n                  (click)=\"infra.replicas !== infra.minReplicas && onScaleDown(infra.name, infra.replicas)\"\n                >\n                  <span class=\"u-visually-hidden\">{{ '@pry.supervision.infrastructures.removeInstance' | i18n }}</span>\n                  <span class=\"m-minus-plus__btn__sign\" aria-hidden=\"true\"></span>\n                </button>\n                <button\n                  class=\"m-minus-plus__btn -plus scale-up\"\n                  [disabled]=\"infra.replicas === infra.maxReplicas\"\n                  title=\"{{ '@pry.supervision.infrastructures.addInstance' | i18n }}\"\n                  (click)=\"infra.replicas !== infra.maxReplicas && onScaleUp(infra.name, infra.replicas)\"\n                >\n                  <span class=\"u-visually-hidden\">{{ '@pry.supervision.infrastructures.addInstance' | i18n }}</span>\n                  <span class=\"m-minus-plus__btn__sign\" aria-hidden=\"true\"></span>\n                </button>\n              </ng-template>\n            </div>\n          </ng-container>\n        </div>\n      </div>\n    </li>\n  </ul>\n</div>\n" }]
+        }], ctorParameters: function () { return [{ type: i1.Store }]; } });
+
+let nextCompId = 0;
+class SupervisionIntegrationErrorsSelectComponent {
+    constructor(store) {
+        this.store = store;
+        this.tab = 0;
+        this.compId = nextCompId++;
+        this.currentIntegrationError$ = this.store.select(SupervisionSelectors.currentIntegrationError);
+    }
+    closePanel() {
+        this.store.dispatch(SupervisionActions.loadIntegrationErrors());
+        this.store.dispatch(SupervisionActions.toggleErrorDetails({ error: null, errorDetailsOpen: false }));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: SupervisionIntegrationErrorsSelectComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: SupervisionIntegrationErrorsSelectComponent, selector: "pry-supervision-integration-errors-select", ngImport: i0, template: "<div\n  *ngIf=\"currentIntegrationError$ | async as e\"\n  [id]=\"'panel-env-' + (e.oClass | translateId: { type: 'class', output: 'name' } | async)\"\n  [attr.aria-labelledby]=\"'button-env-' + (e.oClass | translateId: { type: 'class', output: 'name' } | async)\"\n  class=\"o-panel\"\n>\n  <div>\n    <div class=\"o-panel__header\">\n      <button type=\"button\" class=\"a-btn a-btn--icon-only\" (click)=\"closePanel()\">\n        <span class=\"u-visually-hidden\">{{ '@pry.action.closePanel' | i18n }}</span>\n        <pry-icon iconSvg=\"close\"></pry-icon>\n      </button>\n      <h3 [id]=\"'tab-title-' + (e.oClass | translateId: { type: 'class', output: 'name' } | async)\" class=\"a-h3\">\n        {{ '@pry.supervision.importErrors.details.title' | i18n }}\n      </h3>\n    </div>\n\n    <div class=\"o-tabs\">\n      <div class=\"o-tabs__list\" role=\"tablist\" [attr.aria-labelledby]=\"'tab-title-' + ''\">\n        <button\n          type=\"button\"\n          class=\"o-tabs__list__btn\"\n          role=\"tab\"\n          [id]=\"'tab-' + compId + '-0'\"\n          [attr.aria-selected]=\"tab === 0\"\n          [attr.tabindex]=\"tab === 0 ? 0 : -1\"\n          [attr.aria-controls]=\"'tabpanel-' + compId + '-0'\"\n        >\n          {{ '@pry.supervision.importErrors.details.details' | i18n }}\n        </button>\n      </div>\n      <div class=\"o-tabs__panels\">\n        <div\n          class=\"o-tabs__panels__item\"\n          [class.is-hidden]=\"tab !== 0\"\n          [id]=\"'tabpanel-' + compId + '-0'\"\n          role=\"tabpanel\"\n          [attr.aria-labelledby]=\"'tab-' + compId + '-0'\"\n          tabindex=\"0\"\n        >\n          <div class=\"o-tabs__panels__item__content\">\n            <div *ngFor=\"let error of e.errors\">\n              <p class=\"a-p\">\n                {{ '@pry.supervision.importErrors.details.errorLabel' | i18n }} :\n                <strong>{{ error.label }}</strong>\n              </p>\n              <p class=\"a-p\">\n                {{ '@pry.supervision.importErrors.details.errorCount' | i18n }}:\n                <strong>{{ error.count }}</strong>\n              </p>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslateIdPipe, name: "translateId" }, { kind: "pipe", type: i3.I18nPipe, name: "i18n" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: SupervisionIntegrationErrorsSelectComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pry-supervision-integration-errors-select', template: "<div\n  *ngIf=\"currentIntegrationError$ | async as e\"\n  [id]=\"'panel-env-' + (e.oClass | translateId: { type: 'class', output: 'name' } | async)\"\n  [attr.aria-labelledby]=\"'button-env-' + (e.oClass | translateId: { type: 'class', output: 'name' } | async)\"\n  class=\"o-panel\"\n>\n  <div>\n    <div class=\"o-panel__header\">\n      <button type=\"button\" class=\"a-btn a-btn--icon-only\" (click)=\"closePanel()\">\n        <span class=\"u-visually-hidden\">{{ '@pry.action.closePanel' | i18n }}</span>\n        <pry-icon iconSvg=\"close\"></pry-icon>\n      </button>\n      <h3 [id]=\"'tab-title-' + (e.oClass | translateId: { type: 'class', output: 'name' } | async)\" class=\"a-h3\">\n        {{ '@pry.supervision.importErrors.details.title' | i18n }}\n      </h3>\n    </div>\n\n    <div class=\"o-tabs\">\n      <div class=\"o-tabs__list\" role=\"tablist\" [attr.aria-labelledby]=\"'tab-title-' + ''\">\n        <button\n          type=\"button\"\n          class=\"o-tabs__list__btn\"\n          role=\"tab\"\n          [id]=\"'tab-' + compId + '-0'\"\n          [attr.aria-selected]=\"tab === 0\"\n          [attr.tabindex]=\"tab === 0 ? 0 : -1\"\n          [attr.aria-controls]=\"'tabpanel-' + compId + '-0'\"\n        >\n          {{ '@pry.supervision.importErrors.details.details' | i18n }}\n        </button>\n      </div>\n      <div class=\"o-tabs__panels\">\n        <div\n          class=\"o-tabs__panels__item\"\n          [class.is-hidden]=\"tab !== 0\"\n          [id]=\"'tabpanel-' + compId + '-0'\"\n          role=\"tabpanel\"\n          [attr.aria-labelledby]=\"'tab-' + compId + '-0'\"\n          tabindex=\"0\"\n        >\n          <div class=\"o-tabs__panels__item__content\">\n            <div *ngFor=\"let error of e.errors\">\n              <p class=\"a-p\">\n                {{ '@pry.supervision.importErrors.details.errorLabel' | i18n }} :\n                <strong>{{ error.label }}</strong>\n              </p>\n              <p class=\"a-p\">\n                {{ '@pry.supervision.importErrors.details.errorCount' | i18n }}:\n                <strong>{{ error.count }}</strong>\n              </p>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n" }]
+        }], ctorParameters: function () { return [{ type: i1.Store }]; } });
+
+class SupervisionIntegrationErrorsComponent {
+    constructor(store) {
+        this.store = store;
+        this.subscription = new Subscription();
+        this.currentIntegrationError = new BehaviorSubject(undefined);
+        this.possibleIntervals = [1, 5, 10, 15, 20, 25, 30];
+        this.sortActive = 'name';
+        this.sortDirection = 'asc';
+        this.store.dispatch(ClassActions.load());
+        this.store.dispatch(SupervisionActions.loadIntegrationErrors());
+        this.integrationErrors$ = this.store.select(SupervisionSelectors.integrationErrors);
+        this.subscription.add(this.store.select(SupervisionSelectors.selectedClasses).subscribe((selectedClasses) => {
+            this.selectedClasses = selectedClasses;
+        }));
+        this.loading$ = this.store.select(SupervisionSelectors.loading);
+        this.refreshInterval$ = this.store
+            .select(SupervisionSelectors.refreshInterval)
+            .pipe(map((interval) => interval / 1000));
+        this.store.dispatch(SupervisionActions.startAutoRefresh());
+        this.store.dispatch(SupervisionActions.mainActions({
+            actions: [
+                {
+                    action: SupervisionActions.reloadErrors(),
+                    icon: 'reset',
+                    label: 'reloadErrors',
+                    moduleAccess: 'supervision',
+                    pageAccess: 'errors'
+                },
+                {
+                    action: SupervisionActions.acknowledgeErrors(),
+                    icon: 'check',
+                    label: 'acknowledgeErrors',
+                    moduleAccess: 'supervision',
+                    pageAccess: 'errors'
+                },
+                {
+                    action: SupervisionActions.loadIntegrationErrors(),
+                    label: 'refresh',
+                    icon: 'synchro',
+                    moduleAccess: 'supervision',
+                    pageAccess: 'errors'
+                }
+            ]
+        }));
+    }
+    selectCurrentError(e) {
+        if (this.currentIntegrationError.value?.oClass === e.oClass)
+            this.currentIntegrationError.next(undefined);
+        else
+            this.currentIntegrationError.next(e);
+    }
+    getTotalErrorCount(e) {
+        return e.errors.reduce((previousValue, currentValue) => previousValue + currentValue.count, 0);
+    }
+    toggleErrorDetails(e) {
+        this.selectCurrentError(e);
+        this.store.dispatch(SupervisionActions.toggleErrorDetails({ error: e, errorDetailsOpen: true }));
+    }
+    onCheckChange(selectedClass) {
+        this.store.dispatch(SupervisionActions.toggleClassSelection({ selectedClass }));
+    }
+    isClassSelected(c) {
+        return !!this.selectedClasses.find((oclass) => oclass === c);
+    }
+    setRefreshInterval($event) {
+        this.store.dispatch(SupervisionActions.stopAutoRefresh());
+        this.store.dispatch(SupervisionActions.setRefreshInterval({ interval: +$event * 1000 }));
+    }
+    stopPropagation(event) {
+        event.stopPropagation();
+    }
+    ngOnDestroy() {
+        this.store.dispatch(SupervisionActions.toggleErrorDetails({ error: null, errorDetailsOpen: false }));
+        this.subscription.unsubscribe();
+        this.store.dispatch(SupervisionActions.mainActions({ actions: [] }));
+        this.store.dispatch(SupervisionActions.stopAutoRefresh());
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: SupervisionIntegrationErrorsComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: SupervisionIntegrationErrorsComponent, selector: "pry-supervision-integration-errors", viewQueries: [{ propertyName: "detailPanel", first: true, predicate: ["detailPanel"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: "<div class=\"o-base-container\">\n  <h1 class=\"a-h1\">{{ '@pry.supervision.importErrors.title' | i18n }}</h1>\n\n  <div class=\"m-form-label-field m-form-label-field--inline\">\n    <label class=\"a-label\" for=\"interval_time\">Rafraichir chaque</label>\n    <pry-select\n      [ngModel]=\"refreshInterval$ | async\"\n      (ngModelChange)=\"setRefreshInterval($event)\"\n      [items]=\"possibleIntervals\"\n      id=\"interval_time\"\n      class=\"a-pry-select\"\n    ></pry-select>\n    <label class=\"a-label\">secondes</label>\n  </div>\n\n  <table\n    class=\"a-table\"\n    prySortTable\n    prySortActive=\"name\"\n    prySortDirection=\"asc\"\n    (prySortChange)=\"sortActive = $event.active; sortDirection = $event.direction\"\n  >\n    <caption>\n      {{\n        '@pry.supervision.importErrors.title' | i18n\n      }},\n      {{\n        '@pry.action.sortableColumnHeader' | i18n\n      }}\n    </caption>\n    <thead>\n      <tr>\n        <th></th>\n        <th prySortHeader=\"name\">{{ '@pry.supervision.importErrors.name' | i18n }}</th>\n        <th prySortHeader=\"count\">{{ '@pry.supervision.importErrors.totalErrorCount' | i18n }}</th>\n        <th></th>\n      </tr>\n    </thead>\n    <tbody>\n      <tr\n        *ngFor=\"let e of integrationErrors$ | async | prySortData: sortActive : sortDirection\"\n        (click)=\"toggleErrorDetails(e)\"\n        [class.is-selected]=\"(currentIntegrationError | async)?.oClass === e.oClass\"\n      >\n        <td class=\"view-details\" (click)=\"stopPropagation($event)\">\n          <button\n            [id]=\"'button-attr-' + (e.oClass | translateId: { type: 'class', output: 'name' } | async)\"\n            type=\"button\"\n            class=\"a-btn a-btn--icon-only\"\n            title=\"{{ '@pry.action.viewDetails' | i18n }}\"\n            [attr.aria-expanded]=\"(currentIntegrationError | async)?.oClass === e.oClass\"\n            aria-haspopup\n            [attr.aria-controls]=\"'panel-attr-' + (e.oClass | translateId: { type: 'class', output: 'name' } | async)\"\n          >\n            <span class=\"u-visually-hidden\">{{ e.name }}, {{ '@pry.action.viewDetails' | i18n }}</span>\n            <pry-icon iconSvg=\"eye\" [width]=\"15\" [height]=\"15\"></pry-icon>\n          </button>\n        </td>\n        <td>\n          {{ e.oClass | translateId: { type: 'class', output: 'name' } | async }}\n        </td>\n        <td>\n          {{ getTotalErrorCount(e) }}\n        </td>\n        <td (click)=\"stopPropagation($event)\">\n          <pry-checkbox\n            id=\"selectClass\"\n            [ngModel]=\"isClassSelected(e.oClass)\"\n            (ngModelChange)=\"onCheckChange(e.oClass)\"\n          ></pry-checkbox>\n        </td>\n      </tr>\n    </tbody>\n  </table>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: i3.PrySortHeaderComponent, selector: "th[prySortHeader]", inputs: ["prySortHeader"], outputs: ["sortChange"] }, { kind: "directive", type: i3.PrySortHeaderDirective, selector: "[prySortHeader]" }, { kind: "directive", type: i3.PrySortTableDirective, selector: "[prySortTable]", inputs: ["prySortActive", "prySortDirection"], outputs: ["prySortChange"] }, { 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: ["labelTranslate", "baseTranslate", "translationFn", "translationFnArgs", "clearable", "multiple", "multipleClearRight", "placeholder", "isForm", "required", "name", "readonly", "items", "itemsAsOption", "bindData", "bindValue", "bindLabel", "bindIcon", "iconSize", "templateLabel", "templateOption", "autocomplete"] }, { kind: "component", type: i5.PryCheckboxComponent, selector: "pry-checkbox", inputs: ["circle"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslateIdPipe, name: "translateId" }, { kind: "pipe", type: i3.PrySortDataPipe, name: "prySortData" }, { kind: "pipe", type: i3.I18nPipe, name: "i18n" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: SupervisionIntegrationErrorsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pry-supervision-integration-errors', template: "<div class=\"o-base-container\">\n  <h1 class=\"a-h1\">{{ '@pry.supervision.importErrors.title' | i18n }}</h1>\n\n  <div class=\"m-form-label-field m-form-label-field--inline\">\n    <label class=\"a-label\" for=\"interval_time\">Rafraichir chaque</label>\n    <pry-select\n      [ngModel]=\"refreshInterval$ | async\"\n      (ngModelChange)=\"setRefreshInterval($event)\"\n      [items]=\"possibleIntervals\"\n      id=\"interval_time\"\n      class=\"a-pry-select\"\n    ></pry-select>\n    <label class=\"a-label\">secondes</label>\n  </div>\n\n  <table\n    class=\"a-table\"\n    prySortTable\n    prySortActive=\"name\"\n    prySortDirection=\"asc\"\n    (prySortChange)=\"sortActive = $event.active; sortDirection = $event.direction\"\n  >\n    <caption>\n      {{\n        '@pry.supervision.importErrors.title' | i18n\n      }},\n      {{\n        '@pry.action.sortableColumnHeader' | i18n\n      }}\n    </caption>\n    <thead>\n      <tr>\n        <th></th>\n        <th prySortHeader=\"name\">{{ '@pry.supervision.importErrors.name' | i18n }}</th>\n        <th prySortHeader=\"count\">{{ '@pry.supervision.importErrors.totalErrorCount' | i18n }}</th>\n        <th></th>\n      </tr>\n    </thead>\n    <tbody>\n      <tr\n        *ngFor=\"let e of integrationErrors$ | async | prySortData: sortActive : sortDirection\"\n        (click)=\"toggleErrorDetails(e)\"\n        [class.is-selected]=\"(currentIntegrationError | async)?.oClass === e.oClass\"\n      >\n        <td class=\"view-details\" (click)=\"stopPropagation($event)\">\n          <button\n            [id]=\"'button-attr-' + (e.oClass | translateId: { type: 'class', output: 'name' } | async)\"\n            type=\"button\"\n            class=\"a-btn a-btn--icon-only\"\n            title=\"{{ '@pry.action.viewDetails' | i18n }}\"\n            [attr.aria-expanded]=\"(currentIntegrationError | async)?.oClass === e.oClass\"\n            aria-haspopup\n            [attr.aria-controls]=\"'panel-attr-' + (e.oClass | translateId: { type: 'class', output: 'name' } | async)\"\n          >\n            <span class=\"u-visually-hidden\">{{ e.name }}, {{ '@pry.action.viewDetails' | i18n }}</span>\n            <pry-icon iconSvg=\"eye\" [width]=\"15\" [height]=\"15\"></pry-icon>\n          </button>\n        </td>\n        <td>\n          {{ e.oClass | translateId: { type: 'class', output: 'name' } | async }}\n        </td>\n        <td>\n          {{ getTotalErrorCount(e) }}\n        </td>\n        <td (click)=\"stopPropagation($event)\">\n          <pry-checkbox\n            id=\"selectClass\"\n            [ngModel]=\"isClassSelected(e.oClass)\"\n            (ngModelChange)=\"onCheckChange(e.oClass)\"\n          ></pry-checkbox>\n        </td>\n      </tr>\n    </tbody>\n  </table>\n</div>\n" }]
+        }], ctorParameters: function () { return [{ type: i1.Store }]; }, propDecorators: { detailPanel: [{
+                type: ViewChild,
+                args: ['detailPanel', { static: true, read: ViewContainerRef }]
+            }] } });
+
+class SupervisionMenuComponent extends BaseMenuComponent {
+    constructor(store, router, route) {
+        super(store);
+        this.router = router;
+        this.route = route;
+        this.baseMenuTranslation = '@pry.supervision.menus.';
+    }
+    init() {
+        this.menus$ = this.store.select(SupervisionSelectors.menus);
+        this.highlightedMenu$ = this.store.select(SupervisionSelectors.highlightedMenu);
+    }
+    select(menu) {
+        const path = this.router.createUrlTree([menu], { relativeTo: this.route });
+        this.store.dispatch(SupervisionActions.routeTo({ path: path.toString() }));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: SupervisionMenuComponent, deps: [{ token: i1.Store }, { token: i2$1.Router }, { token: i2$1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: SupervisionMenuComponent, selector: "pry-supervision-menu", usesInheritance: true, ngImport: i0, template: "<nav class=\"m-nav-links\">\n  <ng-container *ngFor=\"let sub of subMenu$ | async\">\n    <ul class=\"m-nav-links__list\">\n      <ng-container *ngFor=\"let menu of sub.subMenus\">\n        <li\n          *pryAccess=\"{ module: menu.module, page: menu.page, subMenu: menu.subMenu }\"\n          class=\"m-nav-links__list__item\"\n        >\n          <a [routerLink]=\"menu.menu\" class=\"a-btn a-btn--secondary -width-full\" [routerLinkActive]=\"'is-active'\">\n            {{ baseMenuTranslation + menu.menu | i18n }}\n          </a>\n        </li>\n      </ng-container>\n    </ul>\n  </ng-container>\n  <ng-container *ngIf=\"menus$ | async as menus\">\n    <ng-container *ngIf=\"menus.length > 0\">\n      <ul class=\"m-nav-links__list\">\n        <ng-container *ngFor=\"let menu of menus\">\n          <ng-container *ngIf=\"menu.module === 'supervision'\">\n            <li *pryAccess=\"{ module: menu.module, page: menu.page }\" class=\"m-nav-links__list__item\">\n              <a [routerLink]=\"menu.menu\" class=\"a-btn a-btn--secondary -width-full\" [routerLinkActive]=\"'is-active'\">\n                {{ baseMenuTranslation + menu.menu | i18n }}\n              </a>\n            </li>\n          </ng-container>\n        </ng-container>\n      </ul>\n    </ng-container>\n  </ng-container>\n</nav>\n", dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.PryAccessDirective, selector: "[pryAccess]", inputs: ["pryAccess"] }, { kind: "directive", type: i2$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i2$1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.I18nPipe, name: "i18n" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: SupervisionMenuComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pry-supervision-menu', template: "<nav class=\"m-nav-links\">\n  <ng-container *ngFor=\"let sub of subMenu$ | async\">\n    <ul class=\"m-nav-links__list\">\n      <ng-container *ngFor=\"let menu of sub.subMenus\">\n        <li\n          *pryAccess=\"{ module: menu.module, page: menu.page, subMenu: menu.subMenu }\"\n          class=\"m-nav-links__list__item\"\n        >\n          <a [routerLink]=\"menu.menu\" class=\"a-btn a-btn--secondary -width-full\" [routerLinkActive]=\"'is-active'\">\n            {{ baseMenuTranslation + menu.menu | i18n }}\n          </a>\n        </li>\n      </ng-container>\n    </ul>\n  </ng-container>\n  <ng-container *ngIf=\"menus$ | async as menus\">\n    <ng-container *ngIf=\"menus.length > 0\">\n      <ul class=\"m-nav-links__list\">\n        <ng-container *ngFor=\"let menu of menus\">\n          <ng-container *ngIf=\"menu.module === 'supervision'\">\n            <li *pryAccess=\"{ module: menu.module, page: menu.page }\" class=\"m-nav-links__list__item\">\n              <a [routerLink]=\"menu.menu\" class=\"a-btn a-btn--secondary -width-full\" [routerLinkActive]=\"'is-active'\">\n                {{ baseMenuTranslation + menu.menu | i18n }}\n              </a>\n            </li>\n          </ng-container>\n        </ng-container>\n      </ul>\n    </ng-container>\n  </ng-container>\n</nav>\n" }]
+        }], ctorParameters: function () { return [{ type: i1.Store }, { type: i2$1.Router }, { type: i2$1.ActivatedRoute }]; } });
+
+class SupervisionTitleComponent {
+    constructor(store) {
+        this.store = store;
+        this.menuOpen$ = this.store.select(SupervisionSelectors.menuOpen);
+    }
+    onToggleMenu($event) {
+        this.store.dispatch(SupervisionActions.toggleMenu());
+        // Toggle button aria-pressed
+        $event.target.setAttribute('aria-pressed', $event.target.getAttribute('aria-pressed') === 'true' ? 'false' : 'true');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: SupervisionTitleComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: SupervisionTitleComponent, selector: "pry-supervision-title", ngImport: i0, template: "<h2 class=\"a-h3\">{{ '@pry.supervision.title' | i18n }}</h2>\n<button type=\"button\" class=\"a-btn a-btn--toggle\" (click)=\"onToggleMenu($event)\" aria-pressed=\"false\">\n  <span class=\"u-visually-hidden\">{{ '@pry.supervision.titleIndication' | i18n }}</span>\n</button>\n", dependencies: [{ kind: "pipe", type: i3.I18nPipe, name: "i18n" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: SupervisionTitleComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pry-supervision-title', template: "<h2 class=\"a-h3\">{{ '@pry.supervision.title' | i18n }}</h2>\n<button type=\"button\" class=\"a-btn a-btn--toggle\" (click)=\"onToggleMenu($event)\" aria-pressed=\"false\">\n  <span class=\"u-visually-hidden\">{{ '@pry.supervision.titleIndication' | i18n }}</span>\n</button>\n" }]
+        }], ctorParameters: function () { return [{ type: i1.Store }]; } });
+
+class SupervisionLayoutComponent extends BaseLayoutComponent {
+    constructor(store, router) {
+        super(store, router);
+        this.baseToolboxTranslation = '@pry.supervision.';
+        this.actions$ = this.store.select(SupervisionSelectors.actions);
+        this.subActions$ = this.store.select(SupervisionSelectors.subActions);
+        this.panelOpen$ = this.store.select(SupervisionSelectors.errorDetailsOpen);
+    }
+    init() {
+        this.menus$ = this.store.select(SupervisionSelectors.menus);
+        this.menuOpen$ = this.store.select(SupervisionSelectors.menuOpen);
+    }
+    highlightMenu(menu) {
+        this.store.dispatch(SupervisionActions.highLightMenu({ menu }));
+    }
+    ngAfterViewInit() {
+        if (this.componentRef) {
+            this.supervisionPanel.clear();
+        }
+        this.componentRef = this.supervisionPanel.createComponent(SupervisionIntegrationErrorsSelectComponent);
+    }
+    ngOnDestroy() {
+        this.store.dispatch(SupervisionActions.toggleErrorDetails({ error: null, errorDetailsOpen: false }));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: SupervisionLayoutComponent, deps: [{ token: i1.Store }, { token: i2$1.Router }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: SupervisionLayoutComponent, selector: "pry-supervision-layout", viewQueries: [{ propertyName: "supervisionPanel", first: true, predicate: ["supervisionPanel"], descendants: true, read: ViewContainerRef, static: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"o-base-layout\" [ngClass]=\"{ 'is-menu-open': menuOpen$ | async }\">\n  <pry-supervision-title class=\"o-base-layout__title\"></pry-supervision-title>\n  <pry-supervision-menu *ngIf=\"menuOpen$ | async\" class=\"o-base-layout__menu\"></pry-supervision-menu>\n  <pry-base-toolbox\n    class=\"o-base-layout__toolbox\"\n    [baseToolboxTranslation]=\"baseToolboxTranslation\"\n    [actions$]=\"actions$\"\n    [subActions$]=\"subActions$\"\n  ></pry-base-toolbox>\n\n  <div class=\"o-base-layout__contentwrapper\">\n    <div class=\"o-base-layout__content\">\n      <router-outlet></router-outlet>\n    </div>\n    <div class=\"o-base-layout__panel\" [class.is-open]=\"panelOpen$ | async\">\n      <div class=\"o-base-layout__panel__content\">\n        <ng-template #supervisionPanel></ng-template>\n      </div>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.BaseToolboxComponent, selector: "pry-base-toolbox", inputs: ["baseToolboxTranslation", "actions$", "subActions$"] }, { kind: "directive", type: i2$1.RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "component", type: SupervisionMenuComponent, selector: "pry-supervision-menu" }, { kind: "component", type: SupervisionTitleComponent, selector: "pry-supervision-title" }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: SupervisionLayoutComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pry-supervision-layout', template: "<div class=\"o-base-layout\" [ngClass]=\"{ 'is-menu-open': menuOpen$ | async }\">\n  <pry-supervision-title class=\"o-base-layout__title\"></pry-supervision-title>\n  <pry-supervision-menu *ngIf=\"menuOpen$ | async\" class=\"o-base-layout__menu\"></pry-supervision-menu>\n  <pry-base-toolbox\n    class=\"o-base-layout__toolbox\"\n    [baseToolboxTranslation]=\"baseToolboxTranslation\"\n    [actions$]=\"actions$\"\n    [subActions$]=\"subActions$\"\n  ></pry-base-toolbox>\n\n  <div class=\"o-base-layout__contentwrapper\">\n    <div class=\"o-base-layout__content\">\n      <router-outlet></router-outlet>\n    </div>\n    <div class=\"o-base-layout__panel\" [class.is-open]=\"panelOpen$ | async\">\n      <div class=\"o-base-layout__panel__content\">\n        <ng-template #supervisionPanel></ng-template>\n      </div>\n    </div>\n  </div>\n</div>\n" }]
+        }], ctorParameters: function () { return [{ type: i1.Store }, { type: i2$1.Router }]; }, propDecorators: { supervisionPanel: [{
+                type: ViewChild,
+                args: ['supervisionPanel', { static: true, read: ViewContainerRef }]
+            }] } });
+
+class PrySupervisionComponent {
+    constructor(store) {
+        this.store = store;
+        this.store.dispatch(SupervisionActions.resetActions());
+        this.store.dispatch(SupervisionActions.toggleErrorDetails({ error: null, errorDetailsOpen: false }));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PrySupervisionComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: PrySupervisionComponent, selector: "pry-supervision", ngImport: i0, template: "<h1 class=\"a-h1\">{{ '@pry.supervision.title' | i18n }}</h1>\n", dependencies: [{ kind: "pipe", type: i3.I18nPipe, name: "i18n" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PrySupervisionComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pry-supervision', template: "<h1 class=\"a-h1\">{{ '@pry.supervision.title' | i18n }}</h1>\n" }]
+        }], ctorParameters: function () { return [{ type: i1.Store }]; } });
+
+const enTranslations = {
+    '@pry': {
+        supervision: {
+            title: 'Supervision',
+            titleIndication: 'Close supervision menu ',
+            refresh: 'Refresh',
+            reloadErrors: 'Reload errors',
+            acknowledgeErrors: 'Acknowledge errors',
+            menus: {
+                infrastructures: 'Infrastructures',
+                flow: 'Incoming flows',
+                'business-data': 'Business datas',
+                'integration-errors': 'Data import errors'
+            },
+            infrastructures: {
+                scaleMsg: 'Your request is taken into account',
+                title: "Infrastructure's modules ",
+                available: ' instance available',
+                availables: ' instances available',
+                scaleReplicaUp: 'New instance created at ',
+                scaleReplicaDown: 'Instance deleted at ',
+                replica: ' instance',
+                replicas: ' instances',
+                addInstance: 'Add an instance',
+                removeInstance: 'Remove an instance'
+            },
+            inputFlow: {
+                title: 'Input flows',
+                name: 'Name',
+                format: 'Format',
+                state: 'State',
+                oks: 'Added Elements ',
+                kos: 'Errors',
+                date: 'Date',
+                active: 'Active',
+                inactive: 'Inactive'
+            },
+            businessData: {
+                title: 'Business Datas',
+                name: 'Names',
+                count: 'Item number',
+                date: 'Date'
+            },
+            importErrors: {
+                title: 'Data import errors',
+                name: 'Class name',
+                totalErrorCount: 'Errors total',
+                details: {
+                    details: 'Details',
+                    title: 'Error details',
+                    errorLabel: 'Error name',
+                    errorCount: 'Error count'
+                }
+            }
+        }
+    }
+};
+
+const frTranslations = {
+    '@pry': {
+        supervision: {
+            title: 'Supervision',
+            titleIndication: 'Fermer le menu supervision',
+            refresh: 'Rafraîchir',
+            reloadErrors: "Relancer l'intégration",
+            acknowledgeErrors: 'Acquitter les classes en erreur',
+            menus: {
+                infrastructures: 'Infrastructures',
+                'input-flows': 'Flux en entrée',
+                'business-datas': 'Données métier',
+                'integration-errors': "Erreurs d'intégration de données"
+            },
+            infrastructures: {
+                scaleMsg: 'Votre demande est prise en compte',
+                title: "Modules de l'infrastructure",
+                available: ' instance disponible',
+                availables: ' instances disponibles',
+                scaleReplicaUp: 'Nouvelle instance créé à ',
+                scaleReplicaDown: 'Instance supprimée à ',
+                replica: ' instance demandée',
+                replicas: ' instances demandées',
+                addInstance: 'Ajouter une instance',
+                removeInstance: 'Supprimer une instance'
+            },
+            inputFlow: {
+                title: 'Flux en Entrée',
+                name: 'Nom',
+                format: 'Format',
+                state: 'Etat',
+                oks: 'Eléments intégrés',
+                kos: "Nombre d'erreurs",
+                date: 'Date',
+                active: 'Actif',
+                inactive: 'Inactif'
+            },
+            businessData: {
+                title: 'Données métier',
+                name: 'Ontologies',
+                count: "Nombre d'items",
+                date: 'Date'
+            },
+            importErrors: {
+                title: "Erreurs d'intégration de données",
+                name: 'Nom de la classe',
+                totalErrorCount: "Nombre d'erreur total",
+                details: {
+                    details: 'Détails',
+                    title: 'Détail des erreurs',
+                    errorLabel: "Nom d'erreur",
+                    errorCount: "Nombre d'erreurs"
+                }
+            }
+        }
+    }
+};
+
+class SupervisionService {
+    constructor(httpClient, store) {
+        this.httpClient = httpClient;
+        this.store = store;
+    }
+    getInfrastructures() {
+        return this.store
+            .select(ConfigSelectors.monitorUrl)
+            .pipe(mergeMap((url) => this.httpClient.get(encodeURI(`${url}/status`))));
+    }
+    scaleInfra(infra, replicas) {
+        return this.store
+            .select(ConfigSelectors.monitorUrl)
+            .pipe(mergeMap((url) => this.httpClient.post(encodeURI(`${url}/replicas/${infra}?scale=${replicas}`), {})));
+    }
+    getInputFlows() {
+        return this.store
+            .select(ConfigSelectors.monitorUrl)
+            .pipe(mergeMap((url) => this.httpClient.get(encodeURI(`${url}/supervision/nifi/monitoringInputFlow`))));
+    }
+    getDateIso() {
+        return new Date().toISOString();
+    }
+    getIntegrationErrors() {
+        return this.store
+            .select(ConfigSelectors.replayUrl)
+            .pipe(mergeMap((url) => this.httpClient.get(encodeURI(`${url}/integrations/errors`))));
+    }
+    reloadErrors(classes) {
+        return this.store
+            .select(ConfigSelectors.replayUrl)
+            .pipe(mergeMap((url) => this.httpClient.post(encodeURI(`${url}/integrations/errors/replay/class`), classes)));
+    }
+    acknowledgeErrors(classes) {
+        return this.store
+            .select(ConfigSelectors.replayUrl)
+            .pipe(mergeMap((url) => this.httpClient.post(encodeURI(`${url}/integrations/errors/acknowledge`), classes)));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: SupervisionService, deps: [{ token: i1$1.HttpClient }, { token: i1.Store }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: SupervisionService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: SupervisionService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return [{ type: i1$1.HttpClient }, { type: i1.Store }]; } });
+
+class SupervisionEffects {
+    constructor(actions$, service, router, snackbar, translateService, store) {
+        this.actions$ = actions$;
+        this.service = service;
+        this.router = router;
+        this.snackbar = snackbar;
+        this.translateService = translateService;
+        this.store = store;
+        this.routeTo$ = createEffect(() => this.actions$.pipe(ofType(SupervisionActions.routeTo), mergeMap$1((action) => {
+            this.router.navigate([action.path], { queryParams: action.params });
+            return action.path === this.router.url ? [] : [SupervisionActions.resetActions()];
+        })));
+        this.loadInfras$ = createEffect(() => this.actions$.pipe(ofType(SupervisionActions.loadInfras), mergeMap$1((action) => this.service.getInfrastructures().pipe(map((infras) => SupervisionActions.loadInfrasSuccess({ infras })), catchError((error) => [SupervisionActions.loadInfrasFailure({ error: error })])))));
+        this.scaleInfra$ = createEffect(() => this.actions$.pipe(ofType(SupervisionActions.scaleInfra), mergeMap$1((action) => this.service.scaleInfra(action.name, action.scale).pipe(map(() => SupervisionActions.scaleInfraSuccess({ name: action.name, time: this.service.getDateIso(), up: action.up })), catchError((error) => [SupervisionActions.scaleInfraFailure({ error: error })])))));
+        this.scaleInfraSuccess$ = createEffect(() => this.actions$.pipe(ofType(SupervisionActions.scaleInfraSuccess), map((action) => {
+            this.snackbar.open({
+                message: this.translateService.instant('@pry.supervision.infrastructures.scaleMsg'),
+                type: 'info'
+            });
+            return SupervisionActions.loadInfras();
+        })));
+        this.loadFlows$ = createEffect(() => this.actions$.pipe(ofType(SupervisionActions.loadFlows), mergeMap$1((action) => this.service.getInputFlows().pipe(map((flows) => SupervisionActions.loadFlowsSuccess({ flows })), catchError((error) => [SupervisionActions.loadFlowsFailure({ error: error })])))));
+        this.loadIntegrationErrors$ = createEffect(() => this.actions$.pipe(ofType(SupervisionActions.loadIntegrationErrors), mergeMap$1((action) => this.service.getIntegrationErrors().pipe(map((integrationErrors) => SupervisionActions.loadIntegrationErrorsSuccess({ integrationErrors: integrationErrors })), catchError((error) => [SupervisionActions.loadIntegrationErrorsFailure({ error: error })])))));
+        this.reloadErrors$ = createEffect(() => this.actions$.pipe(ofType(SupervisionActions.reloadErrors), withLatestFrom(this.store.select(SupervisionSelectors.selectedClasses)), mergeMap$1(([action, classes]) => this.service.reloadErrors(classes).pipe(map(() => SupervisionActions.reloadErrorsSuccess()), catchError((error) => [SupervisionActions.reloadErrorsFailure({ error: error })])))));
+        this.reloadErrorsSuccess$ = createEffect(() => this.actions$.pipe(ofType(SupervisionActions.reloadErrorsSuccess), map((action) => {
+            this.snackbar.open({
+                message: 'Errors have been reloaded',
+                type: 'info'
+            });
+            return SupervisionActions.loadIntegrationErrors();
+        })));
+        this.acknowledgeErrors$ = createEffect(() => this.actions$.pipe(ofType(SupervisionActions.acknowledgeErrors), withLatestFrom(this.store.select(SupervisionSelectors.selectedClasses)), mergeMap$1(([action, classes]) => this.service.acknowledgeErrors(classes).pipe(map(() => SupervisionActions.acknowledgeErrorsSuccess()), catchError((error) => [SupervisionActions.acknowledgeErrorsFailure({ error: error })])))));
+        this.acknowledgeErrorsSuccess$ = createEffect(() => this.actions$.pipe(ofType(SupervisionActions.acknowledgeErrorsSuccess), map((action) => {
+            this.snackbar.open({
+                message: 'Errors have been acknowledged',
+                type: 'info'
+            });
+            return SupervisionActions.loadIntegrationErrors();
+        })));
+        this.errorAutoRefresh$ = createEffect(() => this.actions$.pipe(ofType(SupervisionActions.startAutoRefresh, SupervisionActions.setRefreshInterval), withLatestFrom(this.store.select(SupervisionSelectors.refreshInterval)), switchMap(([action, refreshInterval]) => interval(refreshInterval).pipe(takeUntil(this.actions$.pipe(ofType(SupervisionActions.stopAutoRefresh))))), map((_) => SupervisionActions.loadIntegrationErrors())));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: SupervisionEffects, deps: [{ token: i1$2.Actions }, { token: SupervisionService }, { token: i2$1.Router }, { token: i3.PrySnackbarService }, { token: i3.PryI18nService }, { token: i1.Store }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: SupervisionEffects }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: SupervisionEffects, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i1$2.Actions }, { type: SupervisionService }, { type: i2$1.Router }, { type: i3.PrySnackbarService }, { type: i3.PryI18nService }, { type: i1.Store }]; } });
+
+const routes = [
+    {
+        path: '',
+        component: SupervisionLayoutComponent,
+        data: {
+            access: {
+                module: 'supervision'
+            }
+        },
+        canActivate: [PRY_ACCESS_GUARD],
+        children: [
+            {
+                path: 'infrastructures',
+                component: SupervisionInfrastructuresComponent,
+                data: {
+                    access: {
+                        module: 'supervision',
+                        page: 'infrastructures'
+                    }
+                },
+                canActivate: [PRY_ACCESS_GUARD]
+            },
+            {
+                path: 'input-flows',
+                component: SupervisionFlowComponent,
+                data: {
+                    access: {
+                        module: 'supervision',
+                        page: 'input_flows'
+                    }
+                },
+                canActivate: [PRY_ACCESS_GUARD]
+            },
+            {
+                path: 'business-datas',
+                component: SupervisionBusinessDataComponent,
+                data: {
+                    access: {
+                        module: 'supervision',
+                        page: 'business_datas'
+                    }
+                },
+                canActivate: [PRY_ACCESS_GUARD]
+            },
+            {
+                path: 'integration-errors',
+                component: SupervisionIntegrationErrorsComponent,
+                data: {
+                    access: {
+                        module: 'supervision',
+                        page: 'integration_errors'
+                    }
+                },
+                canActivate: [PRY_ACCESS_GUARD]
+            },
+            {
+                path: '',
+                component: PrySupervisionComponent
+            },
+            {
+                path: '**',
+                redirectTo: '',
+                pathMatch: 'full'
+            }
+        ]
+    },
+    {
+        path: '**',
+        redirectTo: '',
+        pathMatch: 'full'
+    }
+];
+class SupervisionRoutingModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: SupervisionRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.6", ngImport: i0, type: SupervisionRoutingModule, imports: [i2$1.RouterModule], exports: [RouterModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: SupervisionRoutingModule, imports: [RouterModule.forChild(routes), RouterModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: SupervisionRoutingModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [RouterModule.forChild(routes)],
+                    exports: [RouterModule]
+                }]
+        }] });
+
+class PrySupervisionModule {
+    constructor(pryTranslateService) {
+        this.pryTranslateService = pryTranslateService;
+        this.pryTranslateService.addLangObject('fr', 'supervision', frTranslations);
+        this.pryTranslateService.addLangObject('en', 'supervision', enTranslations);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PrySupervisionModule, deps: [{ token: i3.PryI18nService }], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.6", ngImport: i0, type: PrySupervisionModule, declarations: [PrySupervisionComponent,
+            SupervisionLayoutComponent,
+            SupervisionMenuComponent,
+            SupervisionInfrastructuresComponent,
+            SupervisionTitleComponent,
+            SupervisionBusinessDataComponent,
+            SupervisionFlowComponent,
+            SupervisionIntegrationErrorsComponent,
+            SupervisionIntegrationErrorsSelectComponent], imports: [CommonModule,
+            PryCoreModule,
+            SupervisionRoutingModule, i1.StoreFeatureModule, i1$2.EffectsFeatureModule, PryIconModule,
+            PrySortModule,
+            PrySnackbarModule,
+            PryToggleModule,
+            FormsModule,
+            PrySelectModule,
+            PryCheckboxModule,
+            PryI18nModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PrySupervisionModule, imports: [CommonModule,
+            PryCoreModule,
+            SupervisionRoutingModule,
+            StoreModule.forFeature(supervisionFeatureKey, supervisionReducer),
+            EffectsModule.forFeature([SupervisionEffects]),
+            PryIconModule,
+            PrySortModule,
+            PrySnackbarModule,
+            PryToggleModule,
+            FormsModule,
+            PrySelectModule,
+            PryCheckboxModule,
+            PryI18nModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PrySupervisionModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        PrySupervisionComponent,
+                        SupervisionLayoutComponent,
+                        SupervisionMenuComponent,
+                        SupervisionInfrastructuresComponent,
+                        SupervisionTitleComponent,
+                        SupervisionBusinessDataComponent,
+                        SupervisionFlowComponent,
+                        SupervisionIntegrationErrorsComponent,
+                        SupervisionIntegrationErrorsSelectComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        PryCoreModule,
+                        SupervisionRoutingModule,
+                        StoreModule.forFeature(supervisionFeatureKey, supervisionReducer),
+                        EffectsModule.forFeature([SupervisionEffects]),
+                        PryIconModule,
+                        PrySortModule,
+                        PrySnackbarModule,
+                        PryToggleModule,
+                        FormsModule,
+                        PrySelectModule,
+                        PryCheckboxModule,
+                        PryI18nModule
+                    ]
+                }]
+        }], ctorParameters: function () { return [{ type: i3.PryI18nService }]; } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { PrySupervisionModule };
+//# sourceMappingURL=provoly-dashboard-supervision.mjs.map