{
addFilter(selectedCategory)
}}
/>
: null}
{
/*
if (data.image === undefined || data.image === null || data.image === "" && !loadingWorkflows.includes(data.id)) {
sideloadWorkflow(data.id, false)
loadingWorkflows.push(data.id)
}
*/
}}
title={
{parsedName}
{appGroup.length > 0 ?
{appGroup.map((data, index) => {
return (
:
{actions}
}
{triggers}
{
if (subflows === 0) {
toast("No subflows for " + data.name);
return;
}
var newWorkflows = [data];
for (var key in data.triggers) {
const trigger = data.triggers[key];
if (trigger.app_name !== "Shuffle Workflow") {
continue;
}
if (
trigger.parameters !== undefined &&
trigger.parameters !== null &&
trigger.parameters.length > 0 &&
trigger.parameters[0].name === "workflow"
) {
const newWorkflow = workflows.find(
(item) => item.id === trigger.parameters[0].value
);
if (newWorkflow !== null && newWorkflow !== undefined) {
newWorkflows.push(newWorkflow);
continue;
}
}
}
setFilters(["Subflows of " + data.name]);
setFilteredWorkflows(newWorkflows);
}}
>
{subflows}
{data.tags !== undefined && data.tags !== null
? data.tags.map((tag, index) => {
if (index >= 3) {
return null;
}
return (
{data.actions !== undefined && data.actions !== null ? (
{workflowMenuButtons}
) : null}
{(data.sharing !== undefined && data.sharing !== null && data.sharing === "form") || (data?.form_control?.input_markdown !== undefined && data?.form_control?.input_markdown !== null && data?.form_control?.input_markdown !== "") ?
{
navigate(`/forms/${data.id}`)
}}
style={{ padding: "0px", color: "#979797" }}
>
{workflowMenuButtons}
: null}
)
}
// Can create and set workflows
const setNewWorkflow = (
name,
description,
tags,
defaultReturnValue,
editingWorkflow,
redirect,
currentUsecases,
inputblogpost,
inputstatus,
workflow_as_code,
) => {
var method = "POST";
var extraData = "";
var workflowdata = {};
if (editingWorkflow.id !== undefined) {
console.log("Building original workflow");
method = "PUT";
extraData = "/" + editingWorkflow.id + "?skip_save=true";
workflowdata = editingWorkflow;
console.log("REMOVING OWNER");
workflowdata["owner"] = "";
workflowdata["org"] = [];
workflowdata["org_id"] = "";
workflowdata["execution_org"] = {};
workflowdata["previously_saved"] = false;
// FIXME: Loop triggers and turn them off?
}
if (workflow_as_code !== undefined && workflow_as_code !== null && workflow_as_code !== "") {
workflowdata["workflow_as_code"] = workflow_as_code
}
workflowdata["name"] = name;
workflowdata["description"] = description;
if (tags !== undefined) {
workflowdata["tags"] = tags;
}
workflowdata["blogpost"] = inputblogpost
workflowdata["status"] = inputstatus
if (defaultReturnValue !== undefined) {
workflowdata["default_return_value"] = defaultReturnValue;
}
if (currentUsecases !== undefined && currentUsecases !== null) {
workflowdata["usecase_ids"] = currentUsecases
//workflows[0].category = ["detect"]
//workflows[0].usecase_ids = ["Correlate tickets"]
}
const new_url = `${globalUrl}/api/v1/workflows${extraData}`
return fetch(new_url, {
method: method,
headers: {
"Content-Type": "application/json",
Accept: "application/json",
},
body: JSON.stringify(workflowdata),
credentials: "include",
})
.then((response) => {
if (response.status !== 200) {
console.log("Status not 200 for workflows :O!");
return;
}
setSubmitLoading(false);
return response.json();
})
.then((responseJson) => {
if (responseJson.success === false) {
if (responseJson.reason !== undefined) {
toast("Error setting workflow: ", responseJson.reason)
} else {
toast("Error setting workflow.")
}
return
}
if (redirect) {
//window.location.pathname = "/workflows/" + responseJson["id"];
// navigate("/workflows/" + responseJson["id"])
navigate(`/workflows/${responseJson["id"]}` + (workflow_as_code ? "/code" : ""))
// {data.workflow_as_code ? `/workflows/${data.id}/code` : `/workflows/${data.id}`}
//setModalOpen(false);
} else if (!redirect) {
// Update :)
setTimeout(() => {
getAvailableWorkflows();
}, 4000);
setSubmitLoading(false)
setModalOpen(false);
} else {
//toast("Successfully changed basic info for workflow");
setModalOpen(false);
}
return responseJson;
})
.catch((error) => {
toast(error.toString());
setSubmitLoading(false)
setModalOpen(false);
setSubmitLoading(false);
});
};
const importFiles = (event) => {
console.log("Importing!");
setSubmitLoading(true)
if (event.target.files.length > 0) {
console.log("Files: !", event.target.files.length);
for (var key in event.target.files) {
const file = event.target.files[key];
if (file.type !== "application/json") {
if (file.type !== undefined) {
toast("File has to contain valid json");
setSubmitLoading(false)
}
continue;
}
const reader = new FileReader();
var workflowids = []
// Waits for the read
reader.addEventListener("load", (event) => {
var data = reader.result;
try {
data = JSON.parse(reader.result);
} catch (e) {
toast("Invalid JSON: " + e);
setSubmitLoading(false)
return;
}
console.log("File being loaded: ", data.name);
// Initialize the workflow itself
setNewWorkflow(
data.name,
data.description,
data.tags,
data.default_return_value,
{},
false,
[],
"",
data.status,
)
.then((response) => {
if (response !== undefined) {
// SET THE FULL THING
data.id = response.id;
data.first_save = false;
data.previously_saved = false;
data.is_valid = false;
data.org_id = userdata.active_org.id
data.org = []
data.execution_org = {}
workflowids.push(data.id)
// Actually create it
setNewWorkflow(
data.name,
data.description,
data.tags,
data.default_return_value,
data,
false,
[],
"",
data.status,
).then((response) => {
if (response !== undefined) {
toast("Successfully imported " + data.name);
}
});
}
})
.catch((error) => {
toast("Import error: " + error.toString());
});
});
// Actually reads
reader.readAsText(file);
}
}
setLoadWorkflowsModalOpen(false);
if (workflowids.length > 0) {
setHighlightIds(workflowids)
}
};
const getWorkflowMeta = (data) => {
let triggers = 0;
let subflows = 0;
if (
data.triggers !== undefined &&
data.triggers !== null &&
data.triggers.length > 0
) {
triggers = data.triggers.length;
for (let key in data.triggers) {
if (data.triggers[key].app_name === "Shuffle Workflow") {
subflows += 1;
}
}
}
return [triggers, subflows];
};
const WorkflowListView = () => {
let workflowData = "";
if (workflows.length > 0) {
const columns = [
{
field: "image",
headerName: "Logo",
width: 50,
sortable: false,
renderCell: (params) => {
const data = params.row.record;
var boxColor = "#FECC00";
if (data.is_valid) {
boxColor = "#86c142";
}
if (!data.previously_saved) {
boxColor = "#f85a3e";
}
var image = "";
if (userdata.orgs !== undefined) {
const foundOrg = userdata.orgs.find(
(org) => org.id === data["org_id"]
);
if (foundOrg !== undefined && foundOrg !== null) {
//position: "absolute", bottom: 5, right: -5,
const imageStyle = {
width: imagesize + 7,
height: imagesize + 7,
pointerEvents: "none",
marginLeft:
data.creator_org !== undefined &&
data.creator_org.length > 0
? 20
: 0,
borderRadius: 10,
border:
foundOrg.id === userdata.active_org.id
? `3px solid ${boxColor}`
: null,
cursor: "pointer",
marginTop: 5,
};
// {
navigate("/admin")
}}
>
{image}
{data.image !== undefined && data.image !== null && data.image.length > 0 ?
: null}
Edit '{data.name}'
{isDistributed || hasSuborgs ?
This is a parentorg-controlled workflow.
: null}
} placement="right">
{isDistributed || hasSuborgs ?
{
addFilter(data.app_name);
}}
>
)
})}
{image}
;
},
},
{
field: "title",
headerName: "Title",
width: 330,
renderCell: (params) => {
const data = params.row.record;
return (
{appGroup.length > 0 ?
{appGroup.map((data, index) => {
return (
:
{actions}
}
{triggers}
{
if (subflows === 0) {
toast("No subflows for " + data.name);
return;
}
var newWorkflows = [data];
for (var key in data.triggers) {
const trigger = data.triggers[key];
if (trigger.app_name !== "Shuffle Workflow") {
continue;
}
if (
trigger.parameters !== undefined &&
trigger.parameters !== null &&
trigger.parameters.length > 0 &&
trigger.parameters[0].name === "workflow"
) {
const newWorkflow = workflows.find(
(item) => item.id === trigger.parameters[0].value
);
if (
newWorkflow !== null &&
newWorkflow !== undefined
) {
newWorkflows.push(newWorkflow);
continue;
}
}
}
setFilters(["Subflows of " + data.name]);
setFilteredWorkflows(newWorkflows);
}}
>
{subflows}
{
addFilter(data.app_name);
}}
>
)
})}
{workflowButtons}
{!isMobile && !hasWorkflows && usecases !== null && usecases !== undefined && usecases.length > 0 ?
{!isMobile &&
actionImageList !== undefined &&
actionImageList !== null &&
actionImageList.length > 0 ? (
{usecases.map((usecase, index) => {
if (usecase.name === "5. Verify") {
return null
}
const percentDone = usecase.matches.length > 0 ? parseInt(usecase.matches.length / usecase.list.length * 100) : 0
if (percentDone === 0) {
usecase = findMatches(usecase, workflows)
}
return (
{
console.log("Filters: ", filters, usecase.name.toLowerCase())
if (!filters.includes(usecase.name.toLowerCase())) {
addFilter(usecase.name)
} else {
removeFilter(filters.indexOf(usecase.name.toLowerCase()))
}
}}
>
{usecase.name}
{usecase.matches.length}/{usecase.list.length}
)
})}
: null}
{actionImageList.map((data, index) => {
if (
data.large_image === undefined ||
data.large_image === null ||
data.large_image.length === 0
) {
return null;
}
if (data.app_name.toLowerCase() === "shuffle tools") {
//data.large_image = theme.palette.defaultImage
}
if (data.app_name.toLowerCase() === "integration framework") {
return null
}
const returnData =
{
console.log("FILTER: ", data);
addFilter(data.app_name);
}}
>
if (firstLoad) {
appDelay += 75
} else {
//appDelay = 0
return returnData
}
return (
{/**/}
{returnData}
{/* */}
);
})}
) : null}
{userdata.priorities !== undefined && userdata.priorities !== null && userdata.priorities.length > 0 && userdata.priorities[0].name.includes("CPU") && userdata.priorities[0].active === true ?
{/*
*/}
{view === "grid" ? (
{/**/}
*/}
{filteredWorkflows.map((data, index) => {
// Shouldn't be a part of this list
if (data.public === true) {
return null
}
if (firstLoad) {
workflowDelay += 75
} else {
return (
)
}
return (
{/**/}
{/* */}
)
})}
) : (
{foundPriority != null && filteredWorkflows.length > 6 ?
setClicked(true)}
>
{doneIcon} {index + 1}. {item.name}
{clicked ?
{item.description}
:
null
}
)
}
const gettingStartedDrawer = true == true ? null :
{gettingStartedItems.map((item, index) => {
return (
{/*
*/}
{
setDrawerOpen(true)
localStorage.setItem(sidebarKey, "open");
}}>
: null*/}
{isMobile ? null : gettingStartedDrawer}
{videoView}
{modalOpen === true ?
Need assistance? Ask our support team (it's free!).
*/}
) : (
{loadedCheck}
;
};
export default Workflows;