@topconsultnpm/sdkui-react 6.22.0-dev4.24 → 6.22.0-dev4.25

package/lib/components/features/process/TMProcessHistoryLog.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { ProcessHistoryLogDescriptor, ProcessStates } from '@topconsultnpm/sdk-ts';
+export declare const getProcessStateColor: (state?: ProcessStates) => string;
+interface ITMProcessHistoryLogViewProps {
+    /** Esecuzione da cui leggere stato, contatori e orari */
+    historyLog?: ProcessHistoryLogDescriptor;
+    /** Testo del log; se assente si usa historyLog.historyLog */
+    text?: string;
+}
+/** Stato finale, contatori e testo di un'esecuzione di processo */
+export declare const TMProcessHistoryLogView: ({ historyLog, text }: ITMProcessHistoryLogViewProps) => React.JSX.Element;
+interface ITMProcessHistoryLogModalProps {
+    /** 0 se il processo non e' noto: il server risolve l'esecuzione dal solo historyLogID */
+    processID?: number;
+    historyLogID: number;
+    onClose: () => void;
+}
+/** Modale che carica e mostra un'esecuzione di processo */
+export declare const TMProcessHistoryLogModal: ({ processID, historyLogID, onClose }: ITMProcessHistoryLogModalProps) => React.JSX.Element;
+export {};

package/lib/components/features/process/TMProcessHistoryLog.js

@@ -0,0 +1,99 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import styled from 'styled-components';
+import { ProcessEngine, ProcessStates, SDK_Globals } from '@topconsultnpm/sdk-ts';
+import { calcResponsiveSizes, Globalization, IconCloseCircle, IconSuccessCirlce, IconWarning, SDKUI_Localizator } from '../../../helper';
+import { FontSize, TMColors } from '../../../utils/theme';
+import { useDeviceType } from '../../base/TMDeviceProvider';
+import { TMExceptionBoxManager } from '../../base/TMPopUp';
+import TMModal from '../../base/TMModal';
+import TMSpinner from '../../base/TMSpinner';
+import TMTooltip from '../../base/TMTooltip';
+const StyledRoot = styled.div `
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+    width: 100%;
+    height: 100%;
+    min-height: 0;
+    box-sizing: border-box;
+`;
+const StyledSummary = styled.div `
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    gap: 5px 10px;
+
+    .times {
+        margin-left: auto;
+        font-size: 0.8rem;
+        opacity: 0.75;
+    }
+`;
+const StyledState = styled.div `
+    padding: 5px 10px;
+    border-radius: 2px;
+    color: white;
+    background-color: ${p => p.$color};
+`;
+const StyledCounter = styled.div `
+    display: flex;
+    align-items: center;
+    gap: 5px;
+    padding: 0 3px;
+    height: 25px;
+    border-radius: 3px;
+    color: white;
+    font-weight: bold;
+    background-color: ${p => p.$color};
+`;
+const StyledLogText = styled.textarea `
+    flex: 1;
+    min-height: 0;
+    width: 100%;
+    padding: 5px;
+    box-sizing: border-box;
+    font-family: Consolas, "Courier New", monospace;
+    font-size: ${FontSize.defaultFontSize};
+    border: 1px solid rgb(219, 219, 219);
+    white-space: pre;
+    resize: none;
+`;
+export const getProcessStateColor = (state) => {
+    if (state === ProcessStates.Ready || state === ProcessStates.Started)
+        return TMColors.secondary;
+    if (state === ProcessStates.Completed)
+        return TMColors.success;
+    if (state === ProcessStates.Freezed)
+        return 'rgb(180,180,180)';
+    return TMColors.error;
+};
+/** Stato finale, contatori e testo di un'esecuzione di processo */
+export const TMProcessHistoryLogView = ({ historyLog, text }) => {
+    return _jsxs(StyledRoot, { children: [_jsxs(StyledSummary, { children: [_jsxs("span", { children: [SDKUI_Localizator.FinalState, ":"] }), _jsx(StyledState, { $color: getProcessStateColor(historyLog?.state), children: historyLog?.state ?? '-' }), _jsx(TMTooltip, { content: SDKUI_Localizator.Successes, children: _jsxs(StyledCounter, { $color: TMColors.success, children: [_jsx(IconSuccessCirlce, { fontSize: 16 }), historyLog?.successes ?? 0] }) }), _jsx(TMTooltip, { content: SDKUI_Localizator.Warnings, children: _jsxs(StyledCounter, { $color: TMColors.warning, children: [_jsx(IconWarning, { fontSize: 16 }), historyLog?.warnings ?? 0] }) }), _jsx(TMTooltip, { content: SDKUI_Localizator.Errors, children: _jsxs(StyledCounter, { $color: TMColors.error, children: [_jsx(IconCloseCircle, { fontSize: 16 }), historyLog?.errors ?? 0] }) }), historyLog?.startTime && _jsxs("span", { className: 'times', children: [Globalization.getDateTimeDisplayValue(historyLog.startTime), historyLog.endTime && ' → ' + Globalization.getDateTimeDisplayValue(historyLog.endTime)] })] }), _jsx(StyledLogText, { value: text ?? historyLog?.historyLog ?? '', readOnly: true })] });
+};
+/** Modale che carica e mostra un'esecuzione di processo */
+export const TMProcessHistoryLogModal = ({ processID = 0, historyLogID, onClose }) => {
+    const deviceType = useDeviceType();
+    const [historyLog, setHistoryLog] = useState();
+    useEffect(() => {
+        const load = async () => {
+            try {
+                TMSpinner.show({ description: SDKUI_Localizator.Loading });
+                let tmSession = SDK_Globals.tmSession;
+                let pe = new ProcessEngine(tmSession);
+                let log = await pe.HistoryLog_RetrieveAsync(processID, historyLogID);
+                setHistoryLog(log);
+            }
+            catch (e) {
+                TMExceptionBoxManager.show({ exception: e });
+            }
+            finally {
+                TMSpinner.hide();
+            }
+        };
+        load();
+    }, [processID, historyLogID]);
+    const title = SDKUI_Localizator.LogHistory + (historyLog?.processName ? ' - ' + historyLog.processName : '') + ' (ID: ' + historyLogID + ')';
+    return _jsx(TMModal, { title: title, width: calcResponsiveSizes(deviceType, '900px', '900px', '95%'), height: calcResponsiveSizes(deviceType, '650px', '650px', '95%'), resizable: true, expandable: true, onClose: onClose, children: _jsx("div", { style: { width: '100%', height: '100%', padding: '10px', boxSizing: 'border-box' }, children: _jsx(TMProcessHistoryLogView, { historyLog: historyLog }) }) });
+};

package/lib/components/index.d.ts

@@ -87,6 +87,7 @@ export { default as TMTasksView } from './features/tasks/TMTasksView';
 export * from './features/tasks/TMTasksUtils';
 export * from './features/tasks/TMTasksUtilsView';
 export { default as TMWGsCopyMoveForm } from './features/wg/TMWGsCopyMoveForm';
+export * from './features/process/TMProcessHistoryLog';
 export * from './base/TMTab';
 export { default as TMHeader } from "./sidebar/TMHeader";
 export { default as TMSidebar } from "./sidebar/TMSidebar";

package/lib/components/index.js

@@ -98,6 +98,8 @@ export * from './features/tasks/TMTasksUtils';
 export * from './features/tasks/TMTasksUtilsView';
 // wg
 export { default as TMWGsCopyMoveForm } from './features/wg/TMWGsCopyMoveForm';
+// process
+export * from './features/process/TMProcessHistoryLog';
 //tab
 export * from './base/TMTab';
 // others

package/lib/helper/SDKUI_Localizator.d.ts

@@ -298,6 +298,7 @@ export declare class SDKUI_Localizator {
     static get EnterNameForAccess(): "Enter a name for access" | "Entrez un nom pour l'accès" | "Geben Sie einen Namen für den Zugriff ein" | "Inserire un nome per l'accesso" | "Insira um nome para o acesso" | "Introduzca un nombre para el acceso";
     static get EnterValue(): "Digite um valor" | "Enter a value" | "Entrez une valeur" | "Geben Sie einen Wert ein" | "Inserire un valore" | "Introducir un valor";
     static get Error(): "Erreur" | "Erro" | "Error" | "Errore" | "Fehler";
+    static get Errors(): "Erreurs" | "Errores" | "Errori" | "Errors" | "Erros" | "Fehler";
     static get ErrorLoadingDocument(): string;
     static get ErrorParsingFileContent(): "Erreur lors de l'analyse du contenu du fichier. Assurez-vous que le fichier est dans le bon format." | "Erro ao analisar o conteúdo do arquivo. Certifique-se de que o arquivo está no formato correto." | "Error al analizar el contenido del archivo. Asegúrese de que el archivo esté en el formato correcto." | "Error parsing the file content. Ensure the file is in the correct format." | "Errore durante l'analisi del contenuto del file. Assicurati che il file sia nel formato corretto." | "Fehler beim Parsen des Dateiinhalts. Stellen Sie sicher, dass die Datei im richtigen Format vorliegt.";
     static get ErrorEndRemDate(): "Erreur dans les dates (2)" | "Erro nas datas (2)" | "Error en las fechas (2)" | "Error in the dates (2)" | "Errore nelle date (2)" | "Fehler bei den Daten (2)";
@@ -345,6 +346,7 @@ export declare class SDKUI_Localizator {
     static get FEFormats_SDI_HTML(): "Feuille de style SdI (HTML)" | "Foglio di stile SdI (HTML)" | "Folha de estilo SdI (HTML)" | "Hoja de estilo SdI (HTML)" | "SdI Style Sheet (HTML)";
     static get FEFormats_SDI_PDF(): "Feuille de style SdI (PDF)" | "Foglio di stile SdI (PDF)" | "Folha de estilo SdI (PDF)" | "Hoja de estilo SdI (PDF)" | "SdI Style Sheet (PDF)";
     static get Field(): string;
+    static get FinalState(): "Endgültiger Zustand" | "Estado final" | "Final state" | "Stato finale" | "État final";
     static get FileCheck(): string;
     static get FileExtensionNotViewable(): string;
     static get FileConversion(): string;
@@ -516,6 +518,7 @@ export declare class SDKUI_Localizator {
     static get LogDelete(): "Cancelación lógica" | "Cancellazione logica" | "Logical delete" | "Lógica de cancelamento" | "Löschen der Logik" | "Suppression logique";
     static get Logout(): "Abmelden" | "Cerrar sesión" | "Déconnexion" | "Esci" | "Logout" | "Sair";
     static get LogFolder(): "Carpeta de registro" | "Cartella di log" | "Dossier de journal" | "Log folder" | "Pasta de registro" | "Protokollordner";
+    static get LogHistory(): "Historial de registro" | "Historique des journaux" | "Histórico de registro" | "Log history" | "Protokollverlauf" | "Storico del log";
     static get Low(): "Baixa" | "Baja" | "Bassa" | "Faible" | "Low" | "Niedrig";
     static get MakeEditable(): "Bearbeitbar machen" | "Faça editável" | "Hacer editable" | "Make editable" | "Rendi editabile" | "Rendre modifiable";
     static get ManageFromTaskPanel(): string;
@@ -875,6 +878,7 @@ export declare class SDKUI_Localizator {
     static get StatusAndAnswer(): "Estado e resposta" | "Estado y respuesta" | "Stato e risposta" | "Status and answer" | "Status und Antwort" | "Statut et réponse";
     static get StopOnFirstError(): "Arrêter à la première erreur" | "Beim ersten Fehler abbrechen" | "Detener en el primer error" | "Interrompi al primo errore" | "Parar no primeiro erro" | "Stop at the first error";
     static get Subject(): "Assunto" | "Asunto" | "Betreff" | "Objet" | "Oggetto" | "Subject";
+    static get Successes(): "Erfolge" | "Successes" | "Successi" | "Succès" | "Sucessos" | "Éxitos";
     static get Summary(): "Resumen" | "Resumo" | "Riepilogo" | "Résumé" | "Summary" | "Zusammenfassung";
     static get SwitchUser(): "Benutzer wechseln" | "Cambia utente" | "Cambiar usuario" | "Changer d'utilisateur" | "Mudar de usuário" | "Switch user";
     static get SystemUser(): string;
@@ -953,6 +957,7 @@ export declare class SDKUI_Localizator {
     static get Visible(): "Sichtbar" | "Visibiles" | "Visibili" | "Visible" | "Visibles" | "Visíveis";
     static get VisibleItems(): "Elementi visibili" | "Visible items" | "elementos visibles" | "itens visíveis" | "sichtbare Elemente" | "éléments visibles";
     static get Warning(): "Avviso" | "Warning" | "Warnung" | "advertencia" | "avertissement" | "aviso";
+    static get Warnings(): "Advertencias" | "Avertissements" | "Avisos" | "Avvertenze" | "Warnings" | "Warnungen";
     static get Welcome(): "Bem-vindo" | "Benvenuto" | "Bienvenido" | "Bienvenue" | "Welcome" | "Willkommen";
     static get WelcomeTo(): "Bem-vindo à {{0}}" | "Benvenuto su {{0}}" | "Bienvenido a {{0}}" | "Bienvenue sur {{0}}" | "Welcome to {{0}}" | "Willkommen bei {{0}}";
     static get WhatWouldYouLikeToArchive(): "Cosa vorresti archiviare?" | "O que gostaria de arquivar?" | "Que souhaitez-vous archiver?" | "Was möchten Sie archivieren?" | "What would you like to archive?" | "¿Qué te gustaría archivar?";

package/lib/helper/SDKUI_Localizator.js

@@ -2947,6 +2947,16 @@ export class SDKUI_Localizator {
             default: return "Errore";
         }
     }
+    static get Errors() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "Fehler";
+            case CultureIDs.En_US: return "Errors";
+            case CultureIDs.Es_ES: return "Errores";
+            case CultureIDs.Fr_FR: return "Erreurs";
+            case CultureIDs.Pt_PT: return "Erros";
+            default: return "Errori";
+        }
+    }
     static get ErrorLoadingDocument() {
         switch (this._cultureID) {
             case CultureIDs.De_DE: return "Fehler beim Laden des Dokuments";
@@ -3417,6 +3427,16 @@ export class SDKUI_Localizator {
             default: return "Campo";
         }
     }
+    static get FinalState() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "Endgültiger Zustand";
+            case CultureIDs.En_US: return "Final state";
+            case CultureIDs.Es_ES: return "Estado final";
+            case CultureIDs.Fr_FR: return "État final";
+            case CultureIDs.Pt_PT: return "Estado final";
+            default: return "Stato finale";
+        }
+    }
     static get FileCheck() {
         switch (this._cultureID) {
             case CultureIDs.De_DE: return "Dateikontrolle";
@@ -5128,6 +5148,16 @@ export class SDKUI_Localizator {
             default: return "Cartella di log";
         }
     }
+    static get LogHistory() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "Protokollverlauf";
+            case CultureIDs.En_US: return "Log history";
+            case CultureIDs.Es_ES: return "Historial de registro";
+            case CultureIDs.Fr_FR: return "Historique des journaux";
+            case CultureIDs.Pt_PT: return "Histórico de registro";
+            default: return "Storico del log";
+        }
+    }
     static get Low() {
         switch (this._cultureID) {
             case CultureIDs.De_DE: return "Niedrig";
@@ -8730,6 +8760,16 @@ export class SDKUI_Localizator {
             default: return "Oggetto";
         }
     }
+    static get Successes() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "Erfolge";
+            case CultureIDs.En_US: return "Successes";
+            case CultureIDs.Es_ES: return "Éxitos";
+            case CultureIDs.Fr_FR: return "Succès";
+            case CultureIDs.Pt_PT: return "Sucessos";
+            default: return "Successi";
+        }
+    }
     static get Summary() {
         switch (this._cultureID) {
             case CultureIDs.De_DE: return "Zusammenfassung";
@@ -9522,6 +9562,16 @@ export class SDKUI_Localizator {
             default: return "Avviso";
         }
     }
+    static get Warnings() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "Warnungen";
+            case CultureIDs.En_US: return "Warnings";
+            case CultureIDs.Es_ES: return "Advertencias";
+            case CultureIDs.Fr_FR: return "Avertissements";
+            case CultureIDs.Pt_PT: return "Avisos";
+            default: return "Avvertenze";
+        }
+    }
     static get Welcome() {
         switch (this._cultureID) {
             case CultureIDs.De_DE: return "Willkommen";

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@topconsultnpm/sdkui-react",
-    "version": "6.22.0-dev4.24",
+    "version": "6.22.0-dev4.25",
     "description": "",
     "scripts": {
         "test": "echo \"Error: no test specified\" && exit 1",