For sales: Create
-
- New Cloud Contract
+
+ EU contract
or
-
- New Onprem Contract
+
+ NOT EU contract
-
@@ -1636,7 +1636,7 @@ const Billing = (props) => {
-
- Sales Process
+ Sales Process (old)
:
diff --git a/frontend/src/components/EditWorkflow.jsx b/frontend/src/components/EditWorkflow.jsx
index e2443664..46be4138 100644
--- a/frontend/src/components/EditWorkflow.jsx
+++ b/frontend/src/components/EditWorkflow.jsx
@@ -6,6 +6,7 @@ import UsecaseSearch from "../components/UsecaseSearch.jsx"
import WorkflowGrid from "../components/WorkflowGrid.jsx"
import dayjs from 'dayjs';
import WorkflowTemplatePopup from "./WorkflowTemplatePopup.jsx";
+import WorkflowValidationTimeline from "../components/WorkflowValidationTimeline.jsx"
import {
Badge,
@@ -206,6 +207,16 @@ const EditWorkflow = (props) => {
+
+
{showUpload === true ?
-
-
-
-
-
-
- Notification Workflow
-
- {/*
-
-
-
- Org Documentation reference
- {
- setDocumentationReference(e.target.value);
- }}
- InputProps={{
- classes: {
- notchedOutline: classes.notchedOutline,
- },
- style: {
- color: "white",
- },
- }}
- />
-
-
+
+ const [workflows, setWorkflows] = React.useState([])
+ const [workflow, setWorkflow] = React.useState({})
+
+ const getAvailableWorkflows = (trigger_index) => {
+ fetch(globalUrl + "/api/v1/workflows", {
+ method: "GET",
+ headers: {
+ "Content-Type": "application/json",
+ Accept: "application/json",
+ },
+ credentials: "include",
+ })
+ .then((response) => {
+ if (response.status !== 200) {
+ console.log("Status not 200 for workflows :O!");
+ return;
+ }
+ return response.json();
+ })
+ .then((responseJson) => {
+ if (responseJson !== undefined) {
+ setWorkflows(responseJson)
+
+ if (selectedOrganization.defaults !== undefined && selectedOrganization.defaults.notification_workflow !== undefined) {
+
+ const workflow = responseJson.find((workflow) => workflow.id === selectedOrganization.defaults.notification_workflow)
+ if (workflow !== undefined && workflow !== null) {
+ setWorkflow(workflow)
+ }
+ }
+ }
+ })
+ .catch((error) => {
+ console.log("Error getting workflows: " + error);
+ })
+ }
+
+ useEffect(() => {
+ getAvailableWorkflows()
+ }, [])
+
+ const handleEditOrg = (
+ name,
+ description,
+ orgId,
+ image,
+ defaults,
+ sso_config
+ ) => {
+
+ const data = {
+ name: name,
+ description: description,
+ org_id: orgId,
+ image: image,
+ defaults: defaults,
+ sso_config: sso_config,
+ };
+
+ const url = globalUrl + `/api/v1/orgs/${selectedOrganization.id}`;
+ fetch(url, {
+ mode: "cors",
+ method: "POST",
+ body: JSON.stringify(data),
+ credentials: "include",
+ crossDomain: true,
+ withCredentials: true,
+ headers: {
+ "Content-Type": "application/json; charset=utf-8",
+ },
+ })
+ .then((response) =>
+ response.json().then((responseJson) => {
+ if (responseJson["success"] === false) {
+ toast("Failed updating org: ", responseJson.reason);
+ } else {
+ toast("Successfully edited org!");
+ }
+ })
+ )
+ .catch((error) => {
+ toast("Err: " + error.toString());
+ });
+ };
+
+
+ const handleWorkflowSelectionUpdate = (e, isUserinput) => {
+ if (e.target.value === undefined || e.target.value === null || e.target.value.id === undefined) {
+ console.log("Returning as there's no id")
+ return null
+ }
+
+ setWorkflow(e.target.value)
+ setNotificationWorkflow(e.target.value.id)
+ toast("Updated notification workflow. Don't forget to save!")
+ }
+
+ const orgSaveButton = (
+
+
+ );
+
+ const toggleBetweenRequiredOrOptional = (event) => {
+ setSSORequired(event.target.checked);
+ };
+
+ return (
+
+ OpenID connect
+
+
+
+ Client ID
+ 0
+ }
+ id="outlined-with-placeholder"
+ margin="normal"
+ variant="outlined"
+ placeholder="The OpenID client ID from the identity provider"
+ value={openidClientId}
+ onChange={(e) => {
+ setOpenidClientId(e.target.value);
+ }}
+ InputProps={{
+ classes: {
+ notchedOutline: classes.notchedOutline,
+ },
+ style: {
+ color: "white",
+ },
+ }}
+ />
+
+
+
+
+ Client Secret (optional)
+ 0
+ }
+ id="outlined-with-placeholder"
+ margin="normal"
+ variant="outlined"
+ placeholder="The OpenID client secret - DONT use this if dealing with implicit auth / PKCE"
+ value={openidClientSecret}
+ onChange={(e) => {
+ setOpenidClientSecret(e.target.value);
+ }}
+ InputProps={{
+ classes: {
+ notchedOutline: classes.notchedOutline,
+ },
+ style: {
+ color: "white",
+ },
+ }}
+ />
+
+
+
+
+
+
+ Authorization URL
+ {
+ setOpenidAuthorization(e.target.value)
+ }}
+ InputProps={{
+ classes: {
+ notchedOutline: classes.notchedOutline,
+ },
+ style: {
+ color: "white",
+ },
+ }}
+ />
+
+
+
+
+ Token URL
+ {
+ setOpenidToken(e.target.value)
+ }}
+ InputProps={{
+ classes: {
+ notchedOutline: classes.notchedOutline,
+ },
+ style: {
+ color: "white",
+ },
+ }}
+ />
+
+
+
+
+ {/* } */}
+ {/*isCloud ? null : */}
+
+ SAML SSO (v1.1)
+
+
+
+ SSO Entrypoint (IdP)
+ 0
+ }
+ id="outlined-with-placeholder"
+ margin="normal"
+ variant="outlined"
+ placeholder="The entrypoint URL from your provider"
+ value={ssoEntrypoint}
+ onChange={(e) => {
+ setSsoEntrypoint(e.target.value);
+ }}
+ InputProps={{
+ classes: {
+ notchedOutline: classes.notchedOutline,
+ },
+ style: {
+ color: "white",
+ },
+ }}
+ />
+
+
+
+
+ SSO Certificate (X509)
+ {
+ setSsoCertificate(e.target.value);
+ }}
+ InputProps={{
+ classes: {
+ notchedOutline: classes.notchedOutline,
+ },
+ style: {
+ color: "white",
+ },
+ }}
+ />
+
+
+
+ {isCloud ?
+
+ IdP URL for Shuffle: https://shuffler.io/api/v1/login_sso
+
+ : null}
+
+ {isCloud ? null : (
+
+
+ App Download URL
+ {
+ setAppDownloadUrl(e.target.value);
+ }}
+ InputProps={{
+ classes: {
+ notchedOutline: classes.notchedOutline,
+ },
+ style: {
+ color: "white",
+ },
+ }}
+ />
+
+
+ )}
+ {isCloud ? null : (
+
+
+ App Download Branch
+ {
+ setAppDownloadBranch(e.target.value);
+ }}
+ InputProps={{
+ classes: {
+ notchedOutline: classes.notchedOutline,
+ },
+ style: {
+ color: "white",
+ },
+ }}
+ />
+
+
+ )}
+ {isCloud ? null : (
+
+
+ Workflow Download URL
+ {
+ setWorkflowDownloadUrl(e.target.value);
+ }}
+ InputProps={{
+ classes: {
+ notchedOutline: classes.notchedOutline,
+ },
+ style: {
+ color: "white",
+ },
+ }}
+ />
+
+
+ )}
+ {isCloud ? null : (
+
+
+ Workflow Download Branch
+ {
+ setWorkflowDownloadBranch(e.target.value);
+ }}
+ InputProps={{
+ classes: {
+ notchedOutline: classes.notchedOutline,
+ },
+ style: {
+ color: "white",
+ },
+ }}
+ />
+
+
+ )}
+
+
+
+ )
+}
+
export default OrgHeaderexpanded;
diff --git a/frontend/src/components/ParsedAction.jsx b/frontend/src/components/ParsedAction.jsx
index 9249361f..8a0ef74a 100755
--- a/frontend/src/components/ParsedAction.jsx
+++ b/frontend/src/components/ParsedAction.jsx
@@ -307,7 +307,6 @@ const ParsedAction = (props) => {
(action) =>
action.name.toLowerCase() === selectedAction.name.toLowerCase()
);
- console.log("FOUNDACTION: ", foundAction);
if (foundAction !== null && foundAction !== undefined) {
var foundparams = [];
for (let [paramkey,paramkeyval] in Object.entries(foundAction.parameters)) {
@@ -549,6 +548,11 @@ const ParsedAction = (props) => {
}
}
}
+
+ if (parentNode.label === undefined) {
+ parentNode.label = ""
+ }
+
newActionList.push({
type: "action",
id: parentNode.id,
diff --git a/frontend/src/components/WorkflowValidationTimeline.jsx b/frontend/src/components/WorkflowValidationTimeline.jsx
new file mode 100644
index 00000000..cbbb7bd6
--- /dev/null
+++ b/frontend/src/components/WorkflowValidationTimeline.jsx
@@ -0,0 +1,443 @@
+import React, { useState, } from "react";
+import { makeStyles, createStyles } from "@mui/styles";
+import { toast } from "react-toastify"
+
+import {
+ Tooltip,
+ Typography,
+
+ Avatar,
+ AvatarGroup,
+} from "@mui/material"
+
+import {
+ green,
+ yellow,
+ red,
+} from "../views/AngularWorkflow.jsx"
+
+import { validateJson, GetIconInfo } from "../views/Workflows.jsx";
+import theme from "../theme.jsx";
+const itemHeight = 40
+
+export const getParentNodes = (workflow, action) => {
+ if (action === undefined || action === null) {
+ return []
+ }
+
+ if (workflow.actions === undefined || workflow.actions === null) {
+ workflow.actions = []
+ }
+
+ if (workflow.triggers === undefined || workflow.triggers === null) {
+ workflow.triggers = []
+ }
+
+ if (workflow.branches === undefined || workflow.branches === null) {
+ workflow.branches = []
+ }
+
+ var allkeys = [action.id];
+ var handled = [];
+ var results = [];
+
+ // maxiter = max amount of parent nodes to loop
+ // also handles breaks if there are issues
+ var iterations = 0;
+ var maxiter = 10;
+ while (true) {
+ for (let parentkey in allkeys) {
+ if (allkeys[parentkey] === undefined) {
+ continue
+ }
+
+ var currentnode = workflow.actions.find((element) => element.id === allkeys[parentkey])
+ if (currentnode === undefined) {
+ currentnode = workflow.triggers.find((element) => element.id === allkeys[parentkey])
+
+ if (currentnode === undefined) {
+ console.log("Could not find parent node for: ", allkeys[parentkey])
+ continue
+ }
+ }
+
+ if (handled.includes(currentnode.id)) {
+ continue
+ } else {
+ handled.push(currentnode.id);
+ results.push(currentnode);
+ }
+
+ // Get the name / label here too?
+ if (currentnode.length === 0) {
+ continue;
+ }
+
+ // FIXME: This part is only handling first level,
+ // but needs to recurse
+ var incomingEdges = []
+ for (var branchkey in workflow.branches) {
+ const branch = workflow.branches[branchkey]
+ if (branch.destination_id !== currentnode.id) {
+ continue
+ }
+
+ // Go up in the levels
+ const parents = getParentNodes(workflow, {
+ id: branch.source_id,
+ })
+ if (parents.length > 0) {
+ incomingEdges = incomingEdges.concat(parents)
+ }
+
+ incomingEdges.push(branch)
+ }
+
+ for (let i = 0; i < incomingEdges.length; i++) {
+ var tmp = incomingEdges[i];
+ if (tmp.decorator === true) {
+ continue
+ }
+
+ if (!allkeys.includes(tmp.source_id)) {
+ allkeys.push(tmp.source_id)
+ }
+ }
+ }
+
+ if (results.length === allkeys.length || iterations === maxiter) {
+ break
+ }
+
+ iterations += 1
+ }
+
+ // Remove on the end as we don't want to remove everything
+ results = results.filter((data) => data.id !== action.id)
+ results = results.filter((data) => data.type === "ACTION" || data.app_name === "Shuffle Workflow" || data.app_name === "User Input" || data.app_name === "shuffle-subflow")
+ results.push({ label: "Execution Argument", type: "INTERNAL" })
+
+ return results
+}
+
+const WorkflowValidationTimeline = (props) => {
+ const { workflow, originalWorkflow, apps, getParents, execution} = props
+
+
+ if (workflow === undefined || workflow === null) {
+ return null
+ }
+
+ if (workflow.validation === undefined || workflow.validation === null) {
+ return null
+ }
+
+ if (workflow.actions === undefined || workflow.actions === null) {
+ workflow.actions = []
+ }
+
+ if (workflow.triggers === undefined || workflow.triggers === null) {
+ workflow.triggers = []
+
+ }
+
+ if (workflow.branches === undefined || workflow.branches === null) {
+ workflow.branches = []
+
+ }
+
+ var results = []
+ if (execution !== undefined) {
+ results = execution.results
+ }
+
+ // 1. Find startnode
+ // 2. Map childnodes from it
+ const startnodeId = workflow.start
+
+ // Find parent of startnodeId and if it's a webhook
+ var relevantactions = []
+ for (var key in workflow.branches) {
+ const branch = workflow.branches[key]
+ if (branch.destination_id !== startnodeId) {
+ continue
+ }
+
+ for (var triggerkey in workflow.triggers) {
+ const trigger = workflow.triggers[triggerkey]
+ if (trigger.trigger_type !== "WEBHOOK") {
+ continue
+ }
+
+ if (trigger.id === branch.source_id) {
+ trigger.order = -1
+ relevantactions.push(trigger)
+ break
+ }
+ }
+ }
+
+
+ if (getParents !== undefined) {
+ for (var key in workflow.actions) {
+ const action = workflow.actions[key]
+ if (action.id === startnodeId) {
+ action.order = 0
+ relevantactions.push(action)
+ continue
+ }
+
+ const parents = getParents(action)
+ //const parents = getParentNodes(workflow, action)
+ //console.log("PARENTS", key, parents)
+ if (parents !== undefined && parents !== null) {
+ const parentfound = parents.find((element) => element.id === startnodeId)
+ if (parentfound !== undefined) {
+
+ // FIXME: add order here based on how many steps away from the startnode
+ // This just has the parent count
+ action.order = parents.length
+
+ relevantactions.push(action)
+ }
+ }
+ }
+ } else {
+ for (var key in workflow.triggers) {
+ const trigger = workflow.triggers[key]
+ if (trigger.trigger_type !== "SUBFLOW" && trigger.trigger_type !== "USERINPUT") {
+ continue
+ }
+
+ if (workflow.actions.find((element) => element.id === trigger.id) === undefined) {
+ workflow.actions.push(trigger)
+ }
+ }
+
+ relevantactions = workflow.actions
+ }
+
+ // Sort according to how many parents a node has. MAY be wrong~
+ relevantactions.sort((a, b) => {
+ if (a.order === undefined) {
+ return 1
+ }
+
+ if (b.order === undefined) {
+ return -1
+ }
+
+ return a.order - b.order
+ })
+
+ // FIXME: Add other relevant items as well from subflows (?)
+ var nodecolor = "grey"
+ var branchcolor = "grey"
+ var skipped = false
+
+ var previousTools = false
+
+ return (
+
- {workflows !== undefined && workflows !== null && workflows.length > 0 ?
- {
- if (
- option === undefined ||
- option === null ||
- option.name === undefined ||
- option.name === null
- ) {
- return "No Workflow Selected";
- }
-
- const newname = (
- option.name.charAt(0).toUpperCase() + option.name.substring(1)
- ).replaceAll("_", " ");
- return newname;
- }}
- options={workflows}
- fullWidth
- style={{
- backgroundColor: theme.palette.inputColor,
- height: 50,
- borderRadius: theme.palette.borderRadius,
- }}
- onChange={(event, newValue) => {
- console.log("Found value: ", newValue)
-
- var parsedinput = { target: { value: newValue } }
-
- // For variables
- if (typeof newValue === 'string' && newValue.startsWith("$")) {
- parsedinput = {
- target: {
- value: {
- "name": newValue,
- "id": newValue,
- "actions": [],
- "triggers": [],
- }
- }
- }
- }
-
- handleWorkflowSelectionUpdate(parsedinput)
- }}
- renderOption={(props, data, state) => {
- if (data.id === workflow.id) {
- data = workflow;
- }
-
- return (
-
- {data.image !== undefined && data.image !== null && data.image.length > 0 ?
- 
- : null}
-
- Choose {data.name}
-
-
- } placement="bottom">
-
-
- )
- }}
- renderInput={(params) => {
- return (
- {
- setNotificationWorkflow(e.target.value);
- }}
- InputProps={{
- classes: {
- notchedOutline: classes.notchedOutline,
- },
- style: {
- color: "white",
- },
- }}
- />
- }
-
-
-
- {orgSaveButton}
-
-
+
+
+
+
+
+
+ Notification Workflow
+
+ {/*
+
+
+
+ Org Documentation reference
+ {
+ setDocumentationReference(e.target.value);
+ }}
+ InputProps={{
+ classes: {
+ notchedOutline: classes.notchedOutline,
+ },
+ style: {
+ color: "white",
+ },
+ }}
+ />
+
+
Workflow Backup Repository
@@ -663,409 +664,409 @@ const OrgHeaderexpanded = (props) => {
SSO Configuration
-
- OpenID connect
-
-
-
- Client ID
- 0
- }
- id="outlined-with-placeholder"
- margin="normal"
- variant="outlined"
- placeholder="The OpenID client ID from the identity provider"
- value={openidClientId}
- onChange={(e) => {
- setOpenidClientId(e.target.value);
- }}
- InputProps={{
- classes: {
- notchedOutline: classes.notchedOutline,
- },
- style: {
- color: "white",
- },
- }}
- />
-
-
-
-
- Client Secret (optional)
- 0
- }
- id="outlined-with-placeholder"
- margin="normal"
- variant="outlined"
- placeholder="The OpenID client secret - DONT use this if dealing with implicit auth / PKCE"
- value={openidClientSecret}
- onChange={(e) => {
- setOpenidClientSecret(e.target.value);
- }}
- InputProps={{
- classes: {
- notchedOutline: classes.notchedOutline,
- },
- style: {
- color: "white",
- },
- }}
- />
-
-
-
-
-
-
- Authorization URL
- {
- setOpenidAuthorization(e.target.value)
- }}
- InputProps={{
- classes: {
- notchedOutline: classes.notchedOutline,
- },
- style: {
- color: "white",
- },
- }}
- />
-
-
-
-
- Token URL
- {
- setOpenidToken(e.target.value)
- }}
- InputProps={{
- classes: {
- notchedOutline: classes.notchedOutline,
- },
- style: {
- color: "white",
- },
- }}
- />
-
-
-
-
- {/* } */}
- {/*isCloud ? null : */}
-
- SAML SSO (v1.1)
-
-
-
- SSO Entrypoint (IdP)
- 0
- }
- id="outlined-with-placeholder"
- margin="normal"
- variant="outlined"
- placeholder="The entrypoint URL from your provider"
- value={ssoEntrypoint}
- onChange={(e) => {
- setSsoEntrypoint(e.target.value);
- }}
- InputProps={{
- classes: {
- notchedOutline: classes.notchedOutline,
- },
- style: {
- color: "white",
- },
- }}
- />
-
-
-
-
- SSO Certificate (X509)
- {
- setSsoCertificate(e.target.value);
- }}
- InputProps={{
- classes: {
- notchedOutline: classes.notchedOutline,
- },
- style: {
- color: "white",
- },
- }}
- />
-
-
-
- {isCloud ?
-
- IdP URL for Shuffle: https://shuffler.io/api/v1/login_sso
-
- : null}
-
- {isCloud ? null : (
-
-
- App Download URL
- {
- setAppDownloadUrl(e.target.value);
- }}
- InputProps={{
- classes: {
- notchedOutline: classes.notchedOutline,
- },
- style: {
- color: "white",
- },
- }}
- />
-
-
- )}
- {isCloud ? null : (
-
-
- App Download Branch
- {
- setAppDownloadBranch(e.target.value);
- }}
- InputProps={{
- classes: {
- notchedOutline: classes.notchedOutline,
- },
- style: {
- color: "white",
- },
- }}
- />
-
-
- )}
- {isCloud ? null : (
-
-
- Workflow Download URL
- {
- setWorkflowDownloadUrl(e.target.value);
- }}
- InputProps={{
- classes: {
- notchedOutline: classes.notchedOutline,
- },
- style: {
- color: "white",
- },
- }}
- />
-
-
- )}
- {isCloud ? null : (
-
-
- Workflow Download Branch
- {
- setWorkflowDownloadBranch(e.target.value);
- }}
- InputProps={{
- classes: {
- notchedOutline: classes.notchedOutline,
- },
- style: {
- color: "white",
- },
- }}
- />
-
-
- )}
-
-
-
- )
-}
-
+
+ {workflows !== undefined && workflows !== null && workflows.length > 0 ?
+ {
+ if (
+ option === undefined ||
+ option === null ||
+ option.name === undefined ||
+ option.name === null
+ ) {
+ return "No Workflow Selected";
+ }
+
+ const newname = (
+ option.name.charAt(0).toUpperCase() + option.name.substring(1)
+ ).replaceAll("_", " ");
+ return newname;
+ }}
+ options={workflows}
+ fullWidth
+ style={{
+ backgroundColor: theme.palette.inputColor,
+ height: 50,
+ borderRadius: theme.palette.borderRadius,
+ }}
+ onChange={(event, newValue) => {
+ console.log("Found value: ", newValue)
+
+ var parsedinput = { target: { value: newValue } }
+
+ // For variables
+ if (typeof newValue === 'string' && newValue.startsWith("$")) {
+ parsedinput = {
+ target: {
+ value: {
+ "name": newValue,
+ "id": newValue,
+ "actions": [],
+ "triggers": [],
+ }
+ }
+ }
+ }
+
+ handleWorkflowSelectionUpdate(parsedinput)
+ }}
+ renderOption={(props, data, state) => {
+ if (data.id === workflow.id) {
+ data = workflow;
+ }
+
+ return (
+
+ {data.image !== undefined && data.image !== null && data.image.length > 0 ?
+
+ : null}
+
+ Choose {data.name}
+
+
+ } placement="bottom">
+
+
+ )
+ }}
+ renderInput={(params) => {
+ return (
+ {
+ setNotificationWorkflow(e.target.value);
+ }}
+ InputProps={{
+ classes: {
+ notchedOutline: classes.notchedOutline,
+ },
+ style: {
+ color: "white",
+ },
+ }}
+ />
+ }
+
+
+
+ {orgSaveButton}
+
+
- Make SAML SSO or OpenID Authentication Required or Optional for Your Organization.
-
-
-
-
- {orgSaveButton}
-
- {/*
-
- {expanded ?
-
+ Make SAML SSO or OpenID Authentication Required or Optional for Your Organization.
+
+
+
+
+ {orgSaveButton}
+
+ {/*
+
+ {expanded ?
+
+
+ )
+}
+
+export default WorkflowValidationTimeline
diff --git a/frontend/src/views/Admin.jsx b/frontend/src/views/Admin.jsx
index 15382695..d7ee12b6 100755
--- a/frontend/src/views/Admin.jsx
+++ b/frontend/src/views/Admin.jsx
@@ -5385,13 +5385,17 @@ If you're interested, please let me know a time that works for you, or set up a
+ {relevantactions.map((action, index) => {
+ action.result = {}
+ if (results !== undefined) {
+ const foundResult = results.find((element) => element.action.id === action.id)
+ if (foundResult !== undefined) {
+ action.result = foundResult
+
+ action.status = foundResult.status
+ }
+ }
+
+ const lastitem = index === relevantactions.length - 1
+ if (!lastitem) {
+ if (action.app_name === "Shuffle Tools") {
+ if (action.status === "SUCCESS") {
+ branchcolor = red
+
+ // Check action.result for the actual status
+ const validate = validateJson(action.result.result)
+ if (validate.valid) {
+ if (validate.result.success === true) {
+ branchcolor = green
+ } else {
+ branchcolor = "grey"
+ }
+ }
+
+
+ } else if (action.status === "SKIPPED") {
+ branchcolor = "grey"
+ } else {
+ if (action.status === undefined) {
+ branchcolor = green
+ } else {
+ branchcolor = red
+ }
+ }
+
+ previousTools = true
+ return null
+ } else {
+ if (action.status === "SUCCESS") {
+ nodecolor = green
+ } else if (action.status === "SKIPPED") {
+ nodecolor = "grey"
+ } else {
+ if (action.status === undefined) {
+ nodecolor = green
+ } else {
+ nodecolor = red
+ }
+ }
+ }
+ } else {
+ nodecolor = "grey"
+ }
+
+ if (action.status === "SKIPPED") {
+ skipped = true
+ }
+
+ var image = ""
+ if (action.large_image !== undefined && action.large_image !== null && action.large_image !== "") {
+ image = action.large_image
+ } else {
+ if (originalWorkflow !== undefined) {
+ for (var key in originalWorkflow.actions) {
+ if (originalWorkflow.actions[key].id === action.id) {
+ image = originalWorkflow.actions[key].large_image
+ break
+ }
+ }
+
+ if (image === "") {
+ for (var key in originalWorkflow.triggers) {
+ if (originalWorkflow.triggers[key].id === action.id) {
+ image = originalWorkflow.triggers[key].large_image
+ break
+ }
+ }
+
+ }
+ }
+ }
+
+ var founderror = ""
+ if (workflow.validation !== undefined && workflow.validation !== null && workflow.validation.errors !== undefined && workflow.validation.errors !== null) {
+ const foundError = workflow.validation.errors.find((element) => element.action_id === action.id)
+ if (foundError !== undefined) {
+ founderror = foundError.error
+ nodecolor = yellow
+ branchcolor = yellow
+ }
+ }
+
+ if (skipped && !lastitem) {
+ nodecolor = "grey"
+ branchcolor = "grey"
+ }
+
+ if (previousTools) {
+ previousTools = false
+ } else {
+ branchcolor = nodecolor
+ }
+
+ var appgroup = []
+ if (action.trigger_type === "WEBHOOK") {
+ nodecolor = green
+ branchcolor = green
+ } else if (action.app_name === "shuffle-subflow") {
+ if (action.status === "SUCCESS") {
+ nodecolor = green
+ branchcolor = green
+ }
+
+ for (var subflowkey in workflow.validation.subflow_apps) {
+ const subflowApp = workflow.validation.subflow_apps[subflowkey]
+ if (subflowApp.error === action.id) {
+ appgroup.push(subflowApp)
+ }
+ }
+
+ }
+
+ var flex = index !== 0 && index !== relevantactions.length - 1 ? 1 : 3
+ const branchTooltip = branchcolor === yellow ? "Check nodes for errors" : ""
+
+ return (
+
+
+
+ {lastitem ?
+
+
+
+ : null}
+
+ {appgroup.length > 0 ?
+
+ {appgroup.map((subflowApp, subflowIndex) => {
+ var appimage = ""
+ if (apps !== undefined && apps !== null && apps.length > 0) {
+ for (var key in apps) {
+ const app = apps[key]
+ if (app.name === subflowApp.app_name) {
+ appimage = apps[key].large_image
+ break
+ }
+ }
+ }
+
+ return (
+
+
+ )
+ })}
+
+ :
+
+ {founderror.length > 0 ? founderror : ``}
+
+ } placement="top">
+
+
+ {image !== "" ?
+ 
+ : null}
+
+
+ }
+
+ {lastitem ? null :
+
+
+
+ }
+
+ )
+ })}
+
+
+ : null}
+
- {executionData.execution_argument !== undefined &&
- executionData.execution_argument.length > 0
+
+ {executionData.execution_argument !== undefined && executionData.execution_argument !== null &&
+ executionData.execution_argument.length > 1
? parsedExecutionArgument()
- : null}
+ :
+ null}
+