= {
id: formatProcessInstanceId,
process_model_identifier: formatProcessModelIdentifier,
- process_model_display_name: FormatProcessModelDisplayName,
+ process_model_display_name: formatProcessModelDisplayName,
start_in_seconds: formatSecondsForDisplay,
end_in_seconds: formatSecondsForDisplay,
};
@@ -1245,21 +1224,65 @@ export default function ProcessInstanceListTable({
const formatter =
reportColumnFormatters[column.accessor] ?? defaultFormatter;
const value = row[column.accessor];
+ const modifiedModelId = modifyProcessIdentifierForPathParam(
+ row.process_model_identifier
+ );
+ const navigateToProcessInstance = () => {
+ navigate(
+ `${processInstanceShowPathPrefix}/${modifiedModelId}/${row.id}`
+ );
+ };
+ const navigateToProcessModel = () => {
+ navigate(`/admin/process-models/${modifiedModelId}`);
+ };
+
if (column.accessor === 'status') {
return (
-
+ // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
+ |
{formatter(row, value)}
|
);
}
- return {formatter(row, value)} | ;
+ console.log(column.accessor);
+ if (column.accessor === 'process_model_display_name') {
+ const pmStyle = { background: 'rgba(0, 0, 0, .02)' };
+ return (
+ // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
+
+ {formatter(row, value)}
+ |
+ );
+ }
+ return (
+ // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
+
+ {formatter(row, value)}
+ |
+ );
};
const rows = processInstances.map((row: any) => {
const currentRow = reportColumns().map((column: any) => {
return formattedColumn(row, column);
});
- return {currentRow}
;
+ const rowStyle = { cursor: 'pointer' };
+ return (
+
+ {currentRow}
+
+ );
});
return (