{
addFilter(selectedCategory)
}}
/>
: null}
{data.image !== undefined && data.image !== null && data.image.length > 0 ?
: null}
Edit {data.name}
} placement="bottom">
{parsedName}
{appGroup.length > 0 ?
{appGroup.map((data, index) => {
return (
:
{actions}
}
{triggers}
{
if (subflows === 0) {
alert.info("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}
)
}
// Can create and set workflows
const setNewWorkflow = (
name,
description,
tags,
defaultReturnValue,
editingWorkflow,
redirect,
currentUsecases,
inputblogpost,
inputstatus,
) => {
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"] = "";
// FIXME: Loop triggers and turn them off?
}
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) {
alert.error("Error setting workflow: ", responseJson.reason)
} else {
alert.error("Error setting workflow.")
}
return
}
if (redirect) {
//window.location.pathname = "/workflows/" + responseJson["id"];
navigate("/workflows/" + responseJson["id"])
//setModalOpen(false);
} else if (!redirect) {
// Update :)
setTimeout(() => {
getAvailableWorkflows();
}, 2500);
setSubmitLoading(false)
setModalOpen(false);
} else {
//alert.info("Successfully changed basic info for workflow");
setModalOpen(false);
}
return responseJson;
})
.catch((error) => {
alert.error(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) {
alert.error("File has to contain valid json");
setSubmitLoading(false)
}
continue;
}
const reader = new FileReader();
// Waits for the read
reader.addEventListener("load", (event) => {
var data = reader.result;
try {
data = JSON.parse(reader.result);
} catch (e) {
alert.error("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;
// Actually create it
setNewWorkflow(
data.name,
data.description,
data.tags,
data.default_return_value,
data,
false,
[],
"",
data.status,
).then((response) => {
if (response !== undefined) {
alert.success("Successfully imported " + data.name);
}
});
}
})
.catch((error) => {
alert.error("Import error: " + error.toString());
});
});
// Actually reads
reader.readAsText(file);
}
}
setLoadWorkflowsModalOpen(false);
};
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,
};
// {
addFilter(orgId);
}}
>
{image}
{
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) {
alert.info("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);
}}
>
)
})}
{workflowData}
;
};
var total_count = 0
const modalView = modalOpen ? (
) : null;
const viewSize = {
workflowView: 4,
executionsView: 3,
executionResults: 4,
};
const workflowViewStyle = {
flex: viewSize.workflowView,
marginLeft: 10,
marginRight: 10,
};
if (viewSize.workflowView === 0) {
workflowViewStyle.display = "none";
}
const workflowButtons = (
{view === "list" && (
//
//
//
//)
}
var workflowDelay = -150
var appDelay = -75
return (
//
// Welcome to Shuffle
//
//
// // Shuffle is a flexible, easy to use, automation platform // allowing users to integrate their services and devices freely. // It's made to significantly reduce the amount of manual labor, // and is focused on security applications.{" "} // // Click here to learn more. // //
//
// If you want to jump straight into it, click here to create your
// first workflow:
//
//
//
//
//
// ..OR
//
// {workflowButtons}
//
//
//
{workflowButtons}
{workflows.length}
ACTIVE WORKFLOWS
{workflows.length}
AVAILABE WORKFLOWS
{workflows.length}
NOTIFICATIONS
{!isMobile && usecases !== null && usecases !== undefined && usecases.length > 0 ?
{!isMobile &&
actionImageList !== undefined &&
actionImageList !== null &&
actionImageList.length > 0 ? (
{usecases.map((usecase, index) => {
//console.log(usecase)
const percentDone = usecase.matches.length > 0 ? parseInt(usecase.matches.length/usecase.list.length*100) : 0
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;
}
const returnData =
{
console.log("FILTER: ", data);
addFilter(data.app_name);
}}
>
if (firstLoad) {
appDelay += 75
} else {
//appDelay = 0
return returnData
}
return (
{returnData}
);
})}
) : null}
{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 (
)
})}
) : (
setClicked(true)}
>
{doneIcon} {index + 1}. {item.name}
{clicked ?
{item.description}
:
null
}
)
}
const gettingStartedDrawer =
{gettingStartedItems.map((item, index) => {
return (
{/*
*/}
1366 ? 1366 : isMobile ? "100%" : 1200,
margin: "auto",
padding: 20,
}}
onDrop={uploadFile}
>
{/*modalView*/}
{deleteModal}
{exportVerifyModal}
{publishModal}
{workflowDownloadModalOpen}
{!drawerOpen ?
{
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;