-
- Name
-
-
-
+
-
-
- Delay
- {
- if (isNaN(event.target.value)) {
- console.log("NAN: ", event.target.value)
- return
- }
+
+
+
+
+
+ selectedTrigger.execution_delay = parseInt(event.target.value)
+ setSelectedTrigger(selectedTrigger)
+ }}
+ />
+
+ Name
+
+
+
-
+
+
+ Delay
+ {
+ if (isNaN(event.target.value)) {
+ console.log("NAN: ", event.target.value)
+ return
+ }
- const parsedNumber = parseInt(event.target.value)
- if (parsedNumber > 86400) {
- console.log("Max number is 1 day (86400)")
- return
- }
+ const parsedNumber = parseInt(event.target.value)
+ if (parsedNumber > 86400) {
+ console.log("Max number is 1 day (86400)")
+ return
+ }
- selectedTrigger.execution_delay = parseInt(event.target.value)
- setSelectedTrigger(selectedTrigger)
- }}
- />
-
-
-
-
- option.id === value.id}
- getOptionLabel={(option) => {
- if (
- option === undefined ||
- option === null ||
- option.name === undefined ||
- option.name === null
- ) {
- return "No Workflow Selected";
- }
+ option.id === value.id}
+ getOptionLabel={(option) => {
+ 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) => {
- handleWorkflowSelectionUpdate({ target: { value: newValue} })
- }}
- renderOption={(data, index) => {
- if (data.id === workflow.id) {
- data = workflow;
- }
+ 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) => {
+ handleWorkflowSelectionUpdate({ target: { value: newValue } })
+ }}
+ renderOption={(data, index) => {
+ if (data.id === workflow.id) {
+ data = workflow;
+ }
- //key={index}
- return (
-
- {data.image !== undefined && data.image !== null && data.image.length > 0 ?
- 
- : null}
-
- Choose {data.name}
-
-
- } placement="bottom">
-
-
- )
- }}
- renderInput={(params) => {
- return (
-
+ {data.image !== undefined && data.image !== null && data.image.length > 0 ?
+
+ : null}
+
+ Choose {data.name}
+
+
+ } placement="bottom">
+
+
+ )
+ }}
+ renderInput={(params) => {
+ return (
+
-
-
- {workflows === undefined ||
- workflows === null ||
- workflows.length === 0 ? null : (
-
-
- {workflow.triggers[selectedTriggerIndex].parameters[0].value
- .length === 0 ? null : workflow.triggers[selectedTriggerIndex]
- .parameters[0].value === props.match.params.key ? null : (
-
- Select a workflow to execute
-
-
-
-
- )}
-
+
+ {workflows === undefined ||
+ workflows === null ||
+ workflows.length === 0 ? null : (
+
+
+ {workflow.triggers[selectedTriggerIndex].parameters[0].value
+ .length === 0 ? null : workflow.triggers[selectedTriggerIndex]
+ .parameters[0].value === props.match.params.key ? null : (
+
+ Select a workflow to execute
+
+
+
+
+ )}
+ {
Select the Startnode
{
data={workflow.triggers[selectedTriggerIndex]}
/>
) : null}
- {/*
+ {/*
{
const CommentSidebar = () => {
if (Object.getOwnPropertyNames(selectedComment).length > 0) {
/*
- if (workflow.triggers[selectedTriggerIndex] === undefined) {
- return null
- }
+ if (workflow.triggers[selectedTriggerIndex] === undefined) {
+ return null
+ }
- if (workflow.triggers[selectedTriggerIndex].parameters === undefined || workflow.triggers[selectedTriggerIndex].parameters === null || workflow.triggers[selectedTriggerIndex].parameters.length === 0) {
- workflow.triggers[selectedTriggerIndex].parameters = []
- workflow.triggers[selectedTriggerIndex].parameters[0] = {"name": "url", "value": referenceUrl+"webhook_"+selectedTrigger.id}
- workflow.triggers[selectedTriggerIndex].parameters[1] = {"name": "tmp", "value": "webhook_"+selectedTrigger.id}
- workflow.triggers[selectedTriggerIndex].parameters[2] = {"name": "auth_headers", "value": ""}
- setWorkflow(workflow)
- } else {
- if (selectedTrigger.environment !== "cloud") {
- const newUrl = referenceUrl+"webhook_"+selectedTrigger.id
- if (newUrl !== workflow.triggers[selectedTriggerIndex].parameters[0].value) {
- console.log("Url is wrong - should update. This functionality is temporarily disabled.")
- //workflow.triggers[selectedTriggerIndex].parameters[0].value = newUrl
- //setWorkflow(workflow)
- }
- }
- }
+ if (workflow.triggers[selectedTriggerIndex].parameters === undefined || workflow.triggers[selectedTriggerIndex].parameters === null || workflow.triggers[selectedTriggerIndex].parameters.length === 0) {
+ workflow.triggers[selectedTriggerIndex].parameters = []
+ workflow.triggers[selectedTriggerIndex].parameters[0] = {"name": "url", "value": referenceUrl+"webhook_"+selectedTrigger.id}
+ workflow.triggers[selectedTriggerIndex].parameters[1] = {"name": "tmp", "value": "webhook_"+selectedTrigger.id}
+ workflow.triggers[selectedTriggerIndex].parameters[2] = {"name": "auth_headers", "value": ""}
+ setWorkflow(workflow)
+ } else {
+ if (selectedTrigger.environment !== "cloud") {
+ const newUrl = referenceUrl+"webhook_"+selectedTrigger.id
+ if (newUrl !== workflow.triggers[selectedTriggerIndex].parameters[0].value) {
+ console.log("Url is wrong - should update. This functionality is temporarily disabled.")
+ //workflow.triggers[selectedTriggerIndex].parameters[0].value = newUrl
+ //setWorkflow(workflow)
+ }
+ }
+ }
- const trigger_header_auth = workflow.triggers[selectedTriggerIndex].parameters.length > 2 ? workflow.triggers[selectedTriggerIndex].parameters[2].value : ""
- */
+ const trigger_header_auth = workflow.triggers[selectedTriggerIndex].parameters.length > 2 ? workflow.triggers[selectedTriggerIndex].parameters[2].value : ""
+ */
return (
{
}}
helperText={
workflow.triggers[selectedTriggerIndex].parameters[0].value !== undefined &&
- workflow.triggers[selectedTriggerIndex].parameters[0].value !== null &&
- (workflow.triggers[
- selectedTriggerIndex
- ].parameters[0].value.includes("localhost") ||
- workflow.triggers[
+ workflow.triggers[selectedTriggerIndex].parameters[0].value !== null &&
+ (workflow.triggers[
selectedTriggerIndex
- ].parameters[0].value.includes("127.0.0.1")) ? (
+ ].parameters[0].value.includes("localhost") ||
+ workflow.triggers[
+ selectedTriggerIndex
+ ].parameters[0].value.includes("127.0.0.1")) ? (
@@ -10278,39 +10291,39 @@ const AngularWorkflow = (defaultprops) => {
maxWidth: "95%",
fontSize: "1em",
},
- endAdornment:
-
- {
- var copyText = document.getElementById("webhook_uri_field");
- if (copyText !== undefined && copyText !== null) {
- console.log("NAVIGATOR: ", navigator);
- const clipboard = navigator.clipboard;
- if (clipboard === undefined) {
- alert.error("Can only copy over HTTPS (port 3443)");
- return;
- }
+ endAdornment:
+
+ {
+ var copyText = document.getElementById("webhook_uri_field");
+ if (copyText !== undefined && copyText !== null) {
+ console.log("NAVIGATOR: ", navigator);
+ const clipboard = navigator.clipboard;
+ if (clipboard === undefined) {
+ alert.error("Can only copy over HTTPS (port 3443)");
+ return;
+ }
- navigator.clipboard.writeText(copyText.value);
- copyText.select();
- copyText.setSelectionRange(
- 0,
- 99999
- ); /* For mobile devices */
+ navigator.clipboard.writeText(copyText.value);
+ copyText.select();
+ copyText.setSelectionRange(
+ 0,
+ 99999
+ ); /* For mobile devices */
- /* Copy the text inside the text field */
- document.execCommand("copy");
- alert.success("Copied Webhook URL");
- } else {
- console.log("Couldn't find webhook URI field: ", copyText);
- }
- }}
- edge="end"
- >
-
-
+ /* Copy the text inside the text field */
+ document.execCommand("copy");
+ alert.success("Copied Webhook URL");
+ } else {
+ console.log("Couldn't find webhook URI field: ", copyText);
+ }
+ }}
+ edge="end"
+ >
+
+
}}
fullWidth
disabled
@@ -10322,7 +10335,7 @@ const AngularWorkflow = (defaultprops) => {
onBlur={(e) => {
setTriggerCronWrapper(e.target.value);
}}
- />
+ />
@@ -9833,7 +9846,7 @@ const AngularWorkflow = (defaultprops) => {
}}
fullWidth
color="primary"
- placeholder={"150"}
+ placeholder={"150"}
defaultValue={selectedComment.height}
onChange={(event) => {
selectedComment.height = event.target.value;
@@ -9841,7 +9854,7 @@ const AngularWorkflow = (defaultprops) => {
}}
/>
-
+
{
}}
fullWidth
color="primary"
- placeholder={"200"}
+ placeholder={"200"}
defaultValue={selectedComment.width}
onChange={(event) => {
selectedComment.width = event.target.value;
@@ -9887,7 +9900,7 @@ const AngularWorkflow = (defaultprops) => {
}}
fullWidth
color="primary"
- placeholder={"#1f2023"}
+ placeholder={"#1f2023"}
defaultValue={selectedComment["backgroundcolor"]}
onChange={(event) => {
selectedComment.backgroundcolor = event.target.value;
@@ -9895,7 +9908,7 @@ const AngularWorkflow = (defaultprops) => {
}}
/>
- {
- selectedComment.backgroundimage = event.target.value;
- console.log("Comment: ", selectedComment)
- setSelectedComment(selectedComment);
- }}
- />
+ {
+ selectedComment.backgroundimage = event.target.value;
+ console.log("Comment: ", selectedComment)
+ setSelectedComment(selectedComment);
+ }}
+ />
);
}
@@ -9987,13 +10000,13 @@ const AngularWorkflow = (defaultprops) => {
// Always update
const newUrl = referenceUrl + "webhook_" + selectedTrigger.id;
//console.log("Validating webhook url: ", newUrl);
- if (selectedTrigger.environment !== "cloud") {
- if (newUrl !== workflow.triggers[selectedTriggerIndex].parameters[0].value) {
- console.log("Url is wrong. NOT updating because of hybrid.");
- //workflow.triggers[selectedTriggerIndex].parameters[0].value = newUrl;
- //setWorkflow(workflow);
- }
- }
+ if (selectedTrigger.environment !== "cloud") {
+ if (newUrl !== workflow.triggers[selectedTriggerIndex].parameters[0].value) {
+ console.log("Url is wrong. NOT updating because of hybrid.");
+ //workflow.triggers[selectedTriggerIndex].parameters[0].value = newUrl;
+ //setWorkflow(workflow);
+ }
+ }
}
const trigger_header_auth =
@@ -10049,171 +10062,171 @@ const AngularWorkflow = (defaultprops) => {
placeholder={selectedTrigger.label}
onChange={selectedTriggerChange}
/>
- {apps !== undefined && apps !== null && apps.length > 0 ?
- Width
+
{
}}
fullWidth
color="primary"
- placeholder={"#ffffff"}
+ placeholder={"#ffffff"}
defaultValue={selectedComment.color}
onChange={(event) => {
selectedComment.color = event.target.value;
@@ -9922,31 +9935,31 @@ const AngularWorkflow = (defaultprops) => {
/>
- Text Color
Background-Image
- Background-Image
+
- {
- //console.log("Option contains?: ", inputValue, options)
- const lowercaseValue = inputValue.toLowerCase()
- options = options.filter(x => x.name.replaceAll("_", " ").toLowerCase().includes(lowercaseValue) || x.description.toLowerCase().includes(lowercaseValue))
+ {apps !== undefined && apps !== null && apps.length > 0 ?
+
+ }
+ {
+ //console.log("Option contains?: ", inputValue, options)
+ const lowercaseValue = inputValue.toLowerCase()
+ options = options.filter(x => x.name.replaceAll("_", " ").toLowerCase().includes(lowercaseValue) || x.description.toLowerCase().includes(lowercaseValue))
- return options
- }}
- getOptionLabel={(option) => {
- if (
- option === undefined ||
- option === null ||
- option.name === undefined ||
- option.name === null
- ) {
- return null;
- }
+ return options
+ }}
+ getOptionLabel={(option) => {
+ if (
+ option === undefined ||
+ option === null ||
+ option.name === undefined ||
+ option.name === null
+ ) {
+ return null;
+ }
- const newname = (
- option.name.charAt(0).toUpperCase() + option.name.substring(1)
- ).replaceAll("_", " ");
+ const newname = (
+ option.name.charAt(0).toUpperCase() + option.name.substring(1)
+ ).replaceAll("_", " ");
- return newname;
- }}
- options={sortByKey(apps, "name")}
- fullWidth
- style={{
- backgroundColor: theme.palette.inputColor,
- height: 50,
- borderRadius: theme.palette.borderRadius,
- }}
- onChange={(event, newValue) => {
- // Workaround with event lol
- console.log(event, newValue)
- if (newValue !== undefined && newValue !== null) {
- var parsedvalue = JSON.parse(JSON.stringify(newValue))
- parsedvalue.actions = []
- parsedvalue.authentication = {}
- selectedTrigger.app_association = parsedvalue
- setUpdate(Math.random());
- }
- // setNewSelectedAction({
- // target: {
- // value: newValue.name
- // }
- // });
- //}
- }}
- renderOption={(app) => {
- var appname = app.name.replaceAll("_", " ")
- appname = appname.charAt(0).toUpperCase() + appname.substring(1)
+ return newname;
+ }}
+ options={sortByKey(apps, "name")}
+ fullWidth
+ style={{
+ backgroundColor: theme.palette.inputColor,
+ height: 50,
+ borderRadius: theme.palette.borderRadius,
+ }}
+ onChange={(event, newValue) => {
+ // Workaround with event lol
+ console.log(event, newValue)
+ if (newValue !== undefined && newValue !== null) {
+ var parsedvalue = JSON.parse(JSON.stringify(newValue))
+ parsedvalue.actions = []
+ parsedvalue.authentication = {}
+ selectedTrigger.app_association = parsedvalue
+ setUpdate(Math.random());
+ }
+ // setNewSelectedAction({
+ // target: {
+ // value: newValue.name
+ // }
+ // });
+ //}
+ }}
+ renderOption={(app) => {
+ var appname = app.name.replaceAll("_", " ")
+ appname = appname.charAt(0).toUpperCase() + appname.substring(1)
- return (
-
-
- )
- }}
- renderInput={(params) => {
- return (
-
+
+ )
+ }}
+ renderInput={(params) => {
+ return (
+
- : null}
- {selectedTrigger.status === "running" ? null :
-
-
-
-
- 
-
-
- {appname}
-
-
-
+
+
+
+
+
+
+ {appname}
+
+
+
- Environment
-
+ : null}
+ {selectedTrigger.status === "running" ? null :
+
+ Environment
+
-
- }
+ return (
+
+ );
+ })}
+
+ {
backgroundColor: "rgb(91, 96, 100)",
}}
/>
-
- {
borderRadius: theme.palette.borderRadius,
}}
id="webhook_uri_header"
- onClick={() => {}}
+ onClick={() => { }}
InputProps={{
style: {
color: "white",
@@ -10418,7 +10431,7 @@ const AngularWorkflow = (defaultprops) => {
}}
/>
- {
Custom Response
+
{}}
+ onClick={() => { }}
InputProps={{
style: {
color: "white",
@@ -10541,7 +10554,7 @@ const AngularWorkflow = (defaultprops) => {
splitter
)
- console.log("Starting mail sub: ", workflow.triggers[selectedTriggerIndex].parameters[0].value, splitItem);
+ console.log("Starting mail sub: ", workflow.triggers[selectedTriggerIndex].parameters[0].value, splitItem);
for (var key in splitItem) {
const item = splitItem[key];
const curfolder = triggerFolders.find((a) => a.displayName === item);
@@ -10566,10 +10579,10 @@ const AngularWorkflow = (defaultprops) => {
fetch(
globalUrl +
- "/api/v1/workflows/" +
- props.match.params.key +
- "/" +
- requesttype,
+ "/api/v1/workflows/" +
+ props.match.params.key +
+ "/" +
+ requesttype,
{
method: "POST",
headers: {
@@ -10647,7 +10660,7 @@ const AngularWorkflow = (defaultprops) => {
auth = param.value;
}
- const customRespParam = trigger.parameters.find(
+ const customRespParam = trigger.parameters.find(
(param) => param.name === "custom_response_body"
)
var custom_response = "";
@@ -10664,7 +10677,7 @@ const AngularWorkflow = (defaultprops) => {
start: startNode,
environment: trigger.environment,
auth: auth,
- custom_response: custom_response,
+ custom_response: custom_response,
};
fetch(globalUrl + "/api/v1/hooks/new", {
@@ -10938,7 +10951,7 @@ const AngularWorkflow = (defaultprops) => {
{
}}
color="primary"
value="subflow"
- disabled
+ disabled
/>
}
label={ {
{workflow.triggers[selectedTriggerIndex].parameters[2] !==
undefined &&
- workflow.triggers[
- selectedTriggerIndex
- ].parameters[2].value.includes("email") ? (
+ workflow.triggers[
+ selectedTriggerIndex
+ ].parameters[2].value.includes("email") ? (
{
}}
fullWidth
color="primary"
- required
+ required
placeholder={"mail1@company.com,mail2@company.com"}
defaultValue={
workflow.triggers[selectedTriggerIndex].parameters[3].value
@@ -11024,9 +11037,9 @@ const AngularWorkflow = (defaultprops) => {
) : null}
{workflow.triggers[selectedTriggerIndex].parameters[2] !==
undefined &&
- workflow.triggers[
- selectedTriggerIndex
- ].parameters[2].value.includes("sms") ? (
+ workflow.triggers[
+ selectedTriggerIndex
+ ].parameters[2].value.includes("sms") ? (
{
}}
/>
) : null}
- {workflow.triggers[selectedTriggerIndex].parameters[2] !==
+ {workflow.triggers[selectedTriggerIndex].parameters[2] !==
undefined &&
- workflow.triggers[
- selectedTriggerIndex
- ].parameters[2].value.includes("subflow") ? (
+ workflow.triggers[
+ selectedTriggerIndex
+ ].parameters[2].value.includes("subflow") ? (
{
Environment
+
+
+
+ : null}
+
);
};
- const handleActionHover = (inside, actionId) => {
- if (cy !== undefined) {
- var node = cy.getElementById(actionId);
- if (node.length > 0) {
- if (inside) {
- node.addClass("shuffle-hover-highlight");
- } else {
- node.removeClass("shuffle-hover-highlight");
- }
- }
- }
- }
+ const handleActionHover = (inside, actionId) => {
+ if (cy !== undefined) {
+ var node = cy.getElementById(actionId);
+ if (node.length > 0) {
+ if (inside) {
+ node.addClass("shuffle-hover-highlight");
+ } else {
+ node.removeClass("shuffle-hover-highlight");
+ }
+ }
+ }
+ }
const handleHistoryUndo = () => {
//console.log("history: ", history, "index: ", historyIndex);
@@ -11600,13 +11613,13 @@ const AngularWorkflow = (defaultprops) => {
//console.log("HANDLE: ", item);
if (item.type === "node" && item.action === "removed") {
// Re-add the node
- console.log("Item: ", item.data)
+ console.log("Item: ", item.data)
- const edge = cy.getElementById(item.data.id).json()
- if (edge !== null && edge !== undefined) {
- console.log("Couldn't add node as it exists")
- return
- }
+ const edge = cy.getElementById(item.data.id).json()
+ if (edge !== null && edge !== undefined) {
+ console.log("Couldn't add node as it exists")
+ return
+ }
cy.add({
group: "nodes",
@@ -11621,27 +11634,27 @@ const AngularWorkflow = (defaultprops) => {
}
} else if (item.type === "edge" && item.action === "removed") {
- const sourcenode = cy.getElementById(item.data.source)
- const targetnode = cy.getElementById(item.data.target)
- if (sourcenode === undefined || sourcenode === null || targetnode === undefined || targetnode === null) {
- console.log("Can't readd bad edge!")
- return
- }
+ const sourcenode = cy.getElementById(item.data.source)
+ const targetnode = cy.getElementById(item.data.target)
+ if (sourcenode === undefined || sourcenode === null || targetnode === undefined || targetnode === null) {
+ console.log("Can't readd bad edge!")
+ return
+ }
- const edge = cy.getElementById(item.data.id).json()
- if (edge !== null && edge !== undefined) {
- console.log("Couldn't add edge as it exists")
- return
- }
+ const edge = cy.getElementById(item.data.id).json()
+ if (edge !== null && edge !== undefined) {
+ console.log("Couldn't add edge as it exists")
+ return
+ }
- cy.add({
- group: "edges",
- data: item.data,
- });
+ cy.add({
+ group: "edges",
+ data: item.data,
+ });
} else {
- console.log("UNHANDLED: ", item)
- }
+ console.log("UNHANDLED: ", item)
+ }
if (historyIndex > 0) {
setHistoryIndex(historyIndex - 1);
@@ -11674,7 +11687,7 @@ const AngularWorkflow = (defaultprops) => {
)}
-
+
);
// This sucks :)
const curapp = !codeModalOpen
? {}
: selectedResult.action.app_name === "shuffle-subflow"
- ? triggers[2]
- : selectedResult.action.app_name === "User Input"
- ? triggers[3]
- : apps.find(
- (a) =>
- a.name === selectedResult.action.app_name &&
- a.app_version === selectedResult.action.app_version
- );
+ ? triggers[2]
+ : selectedResult.action.app_name === "User Input"
+ ? triggers[3]
+ : apps.find(
+ (a) =>
+ a.name === selectedResult.action.app_name &&
+ a.app_version === selectedResult.action.app_version
+ );
const imgsize = 50;
const statusColor = !codeModalOpen
? "red"
: selectedResult.status === "FINISHED" ||
selectedResult.status === "SUCCESS"
- ? green
- : selectedResult.status === "ABORTED" || selectedResult.status === "FAILURE"
- ? "red"
- : yellow;
+ ? green
+ : selectedResult.status === "ABORTED" || selectedResult.status === "FAILURE"
+ ? "red"
+ : yellow;
const validate = !codeModalOpen
? ""
@@ -13748,776 +13778,776 @@ const AngularWorkflow = (defaultprops) => {
validate.result = JSON.parse(validate.result);
}
- const AppResultVariable = ({data}) => {
- const [open, setOpen] = React.useState(false)
- const showVariable = data.value.length < 60
+ const AppResultVariable = ({ data }) => {
+ const [open, setOpen] = React.useState(false)
+ const showVariable = data.value.length < 60
- return (
- Subflow
}
@@ -10958,7 +10971,7 @@ const AngularWorkflow = (defaultprops) => {
- {data.value.length > 60 ?
- {
- if (!showVariable) {
- setOpen(!open)
- }
- }}
- >
-
- {data.name} {showVariable ? data.value : null}
-
-
- :
-
- {data.name}: {showVariable ? data.value : null}
-
- }
- {open ?
-
- {data.value}
-
- : null}
-
- )
- }
+ return (
+
+ {data.value.length > 60 ?
+ {
+ if (!showVariable) {
+ setOpen(!open)
+ }
+ }}
+ >
+
+ {data.name} {showVariable ? data.value : null}
+
+
+ :
+
+ {data.name}: {showVariable ? data.value : null}
+
+ }
+ {open ?
+
+ {data.value}
+
+ : null}
+
+ )
+ }
var draggingDisabled = false;
const codePopoutModal = !codeModalOpen ? null : (
-