ui-soxo-bootstrap-core 2.4.25-dev.32 → 2.4.25-dev.33
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -706,7 +706,7 @@ function GuestList({
|
|
|
706
706
|
redirectLink = redirectLink.replace(new RegExp('@' + replacement.field + ';', 'g'), record[replacement.field]);
|
|
707
707
|
});
|
|
708
708
|
|
|
709
|
-
return <Link to={`${redirectLink}`}>View</Link>;
|
|
709
|
+
return <Link to={`${redirectLink}`}>{entry.display_name_link ? entry.display_name_link : 'View'}</Link>;
|
|
710
710
|
} else if (entry.field === 'custom') {
|
|
711
711
|
// Make all the components in modules available for use in custom column of core script
|
|
712
712
|
// var genericComponents = require('./../../../../../../../nura-api-new/nura-desk/src/modules');
|
|
@@ -20,14 +20,14 @@ import './steps.scss';
|
|
|
20
20
|
import TimelinePanel from './timeline';
|
|
21
21
|
import { ExternalWindow } from '../../components';
|
|
22
22
|
|
|
23
|
-
export default function ProcessStepsPage({
|
|
23
|
+
export default function ProcessStepsPage({ match, CustomComponents = {}, ...props }) {
|
|
24
24
|
const allComponents = { ...genericComponents, ...CustomComponents };
|
|
25
25
|
|
|
26
26
|
const [loading, setLoading] = useState(false);
|
|
27
27
|
const [steps, setSteps] = useState([]);
|
|
28
28
|
const [activeStep, setActiveStep] = useState(0);
|
|
29
29
|
const [isStepCompleted, setIsStepCompleted] = useState(false);
|
|
30
|
-
|
|
30
|
+
|
|
31
31
|
const [nextProcessId, setNextProcessId] = useState(null);
|
|
32
32
|
const [stepStartTime, setStepStartTime] = useState(null);
|
|
33
33
|
const [processStartTime, setProcessStartTime] = useState(null);
|
|
@@ -35,7 +35,8 @@ export default function ProcessStepsPage({ processId, match, CustomComponents =
|
|
|
35
35
|
const [timelineCollapsed, setTimelineCollapsed] = useState(true);
|
|
36
36
|
const [showExternalWindow, setShowExternalWindow] = useState(false);
|
|
37
37
|
const urlParams = Location.search();
|
|
38
|
-
|
|
38
|
+
let processId = urlParams.processId;
|
|
39
|
+
const [currentProcessId, setCurrentProcessId] = useState(processId);
|
|
39
40
|
// Load process details based on the current process ID
|
|
40
41
|
useEffect(() => {
|
|
41
42
|
loadProcess(currentProcessId);
|
|
@@ -271,41 +272,41 @@ export default function ProcessStepsPage({ processId, match, CustomComponents =
|
|
|
271
272
|
*/
|
|
272
273
|
const renderContent = () => (
|
|
273
274
|
<div>
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
275
|
+
<Card>
|
|
276
|
+
<Row gutter={20}>
|
|
277
|
+
<Col xs={24} sm={24} lg={timelineCollapsed ? 2 : 6}>
|
|
278
|
+
<TimelinePanel
|
|
279
|
+
loading={loading}
|
|
280
|
+
steps={steps}
|
|
281
|
+
activeStep={activeStep}
|
|
282
|
+
timelineCollapsed={timelineCollapsed}
|
|
283
|
+
handleTimelineClick={handleTimelineClick}
|
|
284
|
+
setTimelineCollapsed={setTimelineCollapsed}
|
|
285
|
+
/>
|
|
286
|
+
</Col>
|
|
286
287
|
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
|
|
288
|
+
<Col xs={24} sm={24} lg={timelineCollapsed ? 21 : 18}>
|
|
289
|
+
<div style={{ marginBottom: 20 }}>
|
|
290
|
+
<h2 style={{ margin: 0, fontSize: 16, fontWeight: 600 }}>{steps[activeStep]?.step_name}</h2>
|
|
291
|
+
<p style={{ margin: 0, color: '#666' }}>{steps[activeStep]?.step_description}</p>
|
|
292
|
+
</div>
|
|
293
|
+
<ActionButtons
|
|
294
|
+
loading={loading}
|
|
295
|
+
steps={steps}
|
|
296
|
+
activeStep={activeStep}
|
|
297
|
+
isStepCompleted={isStepCompleted}
|
|
298
|
+
renderDynamicComponent={DynamicComponent}
|
|
299
|
+
handlePrevious={handlePrevious}
|
|
300
|
+
handleNext={handleNext}
|
|
301
|
+
handleSkip={handleSkip}
|
|
302
|
+
handleFinish={handleFinish}
|
|
303
|
+
handleStartNextProcess={handleStartNextProcess}
|
|
304
|
+
nextProcessId={nextProcessId}
|
|
305
|
+
timelineCollapsed={timelineCollapsed}
|
|
306
|
+
/>
|
|
307
|
+
</Col>
|
|
308
|
+
</Row>
|
|
309
|
+
</Card>
|
|
309
310
|
</div>
|
|
310
311
|
);
|
|
311
312
|
/**
|