[#195] Add more metadata to pipeline executions

Evgenii Grigorev · blcham · commit 690b74869cdf · 2025-07-03T13:53:27.000+02:00
diff --git a/src/components/sform/SFormsFunctionModal.tsx b/src/components/sform/SFormsFunctionModal.tsx
@@ -33,6 +33,7 @@ class SFormsFunctionModal extends React.Component {
           modalVisible: true,
           moduleTypeUri: newProps.scriptPath,
           moduleUri: newProps.functionUri,
+          scriptPath: newProps.scriptPath,
         });
       });
     }
@@ -68,7 +69,7 @@ class SFormsFunctionModal extends React.Component {
     });
 
     try {
-      const response = await Rest.executeFunction(functionUri, params.join("&"));
+      const response = await Rest.executeFunction(functionUri, params.join("&"), this.state.scriptPath);
       console.log(response);
       window.location.href = "/executions";
     } catch (error) {
diff --git a/src/pages/ExecutionsPage.tsx b/src/pages/ExecutionsPage.tsx
@@ -4,7 +4,7 @@ import DebugModal from "@components/modal/DebugModal";
 import Rest from "@rest/Rest.tsx";
 import { Table } from "react-bootstrap";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { faSearch } from "@fortawesome/free-solid-svg-icons";
+import { faSearch, faEdit } from "@fortawesome/free-solid-svg-icons";
 import { Link } from "react-router-dom";
 import dayjs from "dayjs";
 import Loading from "@components/Loading";
@@ -33,25 +33,55 @@ const ExecutionsPage = () => {
           <tr>
             <th>ID</th>
             <th>Started</th>
+            <th>Completed</th>
             <th>Modules Executed</th>
+            <th>Status</th>
+            <th>Function Name</th>
+            <th>Script Name</th>
             <th>Action</th>
+            <th>Edit</th>
           </tr>
         </thead>
         <tbody style={{ textAlign: "center" }}>
           {data
             .filter((v) => v !== null)
             .map((data, key) => {
-              const executionId = data.id.split("/").pop();
+              const executionId = data.id?.split("/").pop() ?? "—";
               return (
                 <tr key={key}>
-                  <td>{executionId}</td>
-                  <td>{dayjs(data.has_pipepline_execution_date).format("YYYY-MM-DD HH:mm:ss.SSS")}</td>
-                  <td>{data.has_module_executions.length}</td>
+                  <td>
+                    <span
+                      style={{ cursor: "pointer", color: "#007bff", textDecoration: "underline" }}
+                      onClick={() => openJsonInNewTab(data)}
+                      title="Открыть JSON"
+                    >
+                      {executionId}
+                    </span>
+                  </td>
+                  <td>
+                    {data.has_pipepline_execution_date
+                      ? dayjs(data.has_pipepline_execution_date).format("YYYY-MM-DD HH:mm:ss.SSS")
+                      : "—"}
+                  </td>
+                  <td>
+                    {data.has_pipeline_execution_finish_date
+                      ? dayjs(data.has_pipeline_execution_finish_date).format("YYYY-MM-DD HH:mm:ss.SSS")
+                      : "—"}
+                  </td>
+                  <td>{data.has_module_executions?.length ?? 0}</td>
+                  <td>{data.has_pipeline_execution_status ?? "STARTED"}</td>
+                  <td>{data.has_executed_function_name ?? "—"}</td>
+                  <td>{data.has_pipeline_name ?? "—"}</td>
                   <td>
                     <Link to={`/execution?id=${executionId}`}>
                       <FontAwesomeIcon icon={faSearch} />
                     </Link>
                   </td>
+                  <td>
+                    <Link to={`/script?file=${data.has_executed_function_script_path}`}>
+                      <FontAwesomeIcon icon={faEdit} />
+                    </Link>
+                  </td>
                 </tr>
               );
             })}
@@ -61,4 +91,12 @@ const ExecutionsPage = () => {
   );
 };
 
+const openJsonInNewTab = (jsonData) => {
+  const jsonString = JSON.stringify(jsonData, null, 2);
+  const newWindow = window.open();
+  newWindow.document.open();
+  newWindow.document.write("<html><body><pre>" + jsonString + "</pre></body></html>");
+  newWindow.document.close();
+};
+
 export default ExecutionsPage;
diff --git a/src/rest/Rest.tsx b/src/rest/Rest.tsx
@@ -184,11 +184,12 @@ export const Rest = {
     });
   },
 
-  executeFunction: function (functionUri, params) {
+  executeFunction: function (functionUri, params, scriptPath) {
     const data = {
       "@type": Vocabulary.EXECUTION_FUNCTION_DTO,
       [Vocabulary.FUNCTION_URI]: functionUri,
       [Vocabulary.PARAMETER]: params,
+      [Vocabulary.SCRIPT_PATH]: scriptPath,
     };
     return postFetcher(URLs.FUNCTION_EXECUTE, data);
   },
