+
{editing ?
@@ -506,14 +603,149 @@ const UsecaseListComponent = ({keys, isCloud, globalUrl, frameworkData, isLogged
:
}
-
-
+
{subcase.description}
-
- Your workflow{subcase.matches.length === 1 ? "" : "s"} ({subcase.matches.length})
+
+ Select relevant workflows
- {subcase.matches.length > 0 ?
-
+
+ {workflows !== undefined && workflows !== null && workflows.length > 0 ?
+ 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;
+ }}
+ fullWidth
+ style={{
+ backgroundColor: theme.palette.inputColor,
+ height: 50,
+ borderRadius: theme.palette.borderRadius,
+ }}
+ onChange={(event, newValue) => {
+ console.log("CLICK: ", newValue)
+ //handleWorkflowSelectionUpdate({ target: { value: newValue} })
+ //setSelectedWorkflows=
+ //var newvalue = []
+ //for (var key in newValue) {
+ // if (newValue[key].id !== undefined) {
+ // newvalue.push(newValue[key].id)
+ // }
+ //}
+
+ // Doing this way as you may want to remove some too
+ for (var key in workflows) {
+ if (!newValue.find(data => data.id === workflows[key].id)) {
+ // Check if it has the one in it
+ if (workflows[key]["usecase_ids"] !== undefined && workflows[key]["usecase_ids"] !== null && workflows[key]["usecase_ids"].includes(subcase.name)) {
+ const filtered = workflows[key]["usecase_ids"].filter(data => data !== subcase.name)
+ if (filtered !== undefined && filtered !== null) {
+ //console.log("Removing: ", workflows[key].name, workflows[key])
+ workflows[key]["usecase_ids"] = filtered
+
+ setWorkflow(workflows[key])
+ }
+ }
+
+ continue
+ }
+
+ if (workflows[key]["usecase_ids"] === undefined || workflows[key]["usecase_ids"] === null) {
+ workflows[key]["usecase_ids"] = [subcase.name]
+ console.log("Setting: ", workflows[key].name)
+ setWorkflow(workflows[key])
+
+ } else if (!workflows[key]["usecase_ids"].includes(subcase.name)) {
+ workflows[key]["usecase_ids"].push(subcase.name)
+ console.log("Adding: ", workflows[key].name)
+ setWorkflow(workflows[key])
+
+ }
+ }
+
+ setWorkflows(workflows)
+ console.log("New: ", newValue)
+ setSelectedWorkflows(newValue)
+ //setUpdate(Math.random())
+ }}
+ renderOption={(props, option) => {
+ //console.log("In options?: ", props, option)
+
+ var newname = props.name
+ if (newname === undefined || newname === null) {
+ newname = "placeholder"
+ }
+
+ if (newname.length > 2) {
+ newname = newname.charAt(0).toUpperCase() + newname.substring(1)
+ }
+ return (
+
+
+ {props.image !== undefined && props.image !== null && props.image.length > 0 ?
+ 
+ : null}
+
+ Choose {newname}
+
+
+ } placement="bottom">
+
+
+
+ )
+ }}
+ renderInput={(params) => {
+ return (
+
{subcase.matches.map((workflow, workflowindex) => {
return (
@@ -528,13 +760,16 @@ const UsecaseListComponent = ({keys, isCloud, globalUrl, frameworkData, isLogged
No workflow selected yet.
- }
- {isCloud !== false ?
-
- {
- navigate("/search?tab=workflows&q="+subcase.name)
- }}>
- Public workflows
+ */}
+
+
+
+
}
+ {subcase.extra_buttons !== undefined && subcase.extra_buttons !== null && subcase.extra_buttons.length > 0 ?
+ subcase.extra_buttons.map((subdata, index) => {
+ var highlight = false
+ var baseTypeInfo = subcase.type !== undefined ? subcase.type : "communication"
+ if (frameworkData[baseTypeInfo] !== undefined && frameworkData[baseTypeInfo] !== null && subdata.app !== undefined && subdata.app !== null) {
+ if (frameworkData[baseTypeInfo].name.toLowerCase().replaceAll("_", " ") === subdata.app.toLowerCase().replaceAll("_", " ")) {
+ highlight = true
+ }
+ }
+
+ return (
+
+
- : null}
+ 
+
+ {subdata.name}
+
+
+
+ )
+ })
+ : null}
{
const [workflows, setWorkflows] = useState([]);
const [frameworkData, setFrameworkData] = useState(undefined);
+ let navigate = useNavigate();
const isCloud =
window.location.host === "localhost:3002" ||
window.location.host === "shuffler.io";
+
+ useEffect(() => {
+ if (selectedUsecaseCategory.length === 0) {
+ setSelectedUsecases(usecases)
+ } else {
+ const foundUsecase = usecases.find(data => data.name === selectedUsecaseCategory)
+ if (foundUsecase !== undefined && foundUsecase !== null) {
+ setSelectedUsecases([foundUsecase])
+ }
+ }
+ }, [selectedUsecaseCategory])
+
+ const checkSelectedParams = () => {
+ const urlSearchParams = new URLSearchParams(window.location.search)
+ const params = Object.fromEntries(urlSearchParams.entries())
+
+ const curpath = typeof window === "undefined" || window.location === undefined ? "" : window.location.pathname;
+ const cursearch = typeof window === "undefined" || window.location === undefined ? "" : window.location.search;
+
+ const foundQuery = params["selected"]
+ if (foundQuery !== null && foundQuery !== undefined) {
+ setSelectedUsecaseCategory(foundQuery)
+
+ const newitem = removeParam("selected", cursearch);
+ navigate(curpath + newitem)
+ }
+
+ const foundQuery2 = params["selected_object"]
+ if (foundQuery2 !== null && foundQuery2 !== undefined) {
+ console.log("Got selected_object: ", foundQuery2)
+
+ const queryName = foundQuery2.toLowerCase().replaceAll("_", " ")
+ // Waiting a bit for it to render
+ setTimeout(() => {
+ const foundItem = document.getElementById(queryName)
+ if (foundItem !== undefined && foundItem !== null) {
+ foundItem.click()
+ } else {
+ //console.log("Couldn't find item with name ", queryName)
+ }
+ }, 100);
+ }
+
+ }
+
+ useEffect(() => {
+ if (usecases.length > 0) {
+ console.log(usecases)
+ checkSelectedParams()
+ }
+ }, [usecases])
+
const getFramework = () => {
fetch(globalUrl + "/api/v1/apps/frameworkConfiguration", {
method: "GET",
@@ -783,10 +1103,8 @@ const Dashboard = (props) => {
.then((responseJson) => {
fetchUsecases(responseJson)
- console.log("Resp: ", responseJson)
if (responseJson !== undefined) {
- //setWorkflows(responseJson);
- //fetchUsecases(responseJson)
+ setWorkflows(responseJson);
}
})
.catch((error) => {
@@ -795,18 +1113,6 @@ const Dashboard = (props) => {
});
}
- useEffect(() => {
- console.log("Changed: ", selectedUsecaseCategory)
- if (selectedUsecaseCategory.length === 0) {
- setSelectedUsecases(usecases)
- } else {
- const foundUsecase = usecases.find(data => data.name === selectedUsecaseCategory)
- if (foundUsecase !== undefined && foundUsecase !== null) {
- console.log("FOUND: ", foundUsecase)
- setSelectedUsecases([foundUsecase])
- }
- }
- }, [selectedUsecaseCategory])
document.title = "Shuffle - usecases";
var dayGraphLabels = [60, 80, 65, 130, 80, 105, 90, 130, 70, 115, 60, 130];
@@ -846,9 +1152,7 @@ const Dashboard = (props) => {
})
.then((responseJson) => {
if (responseJson.success !== false) {
- console.log("Usecases: ", responseJson)
if (workflows !== undefined && workflows !== null && workflows.length > 0) {
- console.log("Got workflows: ", workflows)
var categorydata = responseJson
var newcategories = []
@@ -866,7 +1170,6 @@ const Dashboard = (props) => {
if (workflow.usecase_ids !== undefined && workflow.usecase_ids !== null) {
for (var usecasekey in workflow.usecase_ids) {
if (workflow.usecase_ids[usecasekey].toLowerCase() === subcategory.name.toLowerCase()) {
- console.log("Got match: ", workflow.usecase_ids[usecasekey])
category.matches.push({
"workflow": workflow.id,
@@ -888,7 +1191,6 @@ const Dashboard = (props) => {
newcategories.push(category)
}
- console.log("Categories: ", newcategories)
if (newcategories !== undefined && newcategories !== null && newcategories.length > 0) {
handleKeysetting(newcategories)
setUsecases(newcategories)
@@ -1064,7 +1366,6 @@ const Dashboard = (props) => {
});
if (firstRequest) {
- console.log("HELO");
setFirstRequest(false);
//start();
//runUpdate();
@@ -1213,6 +1514,8 @@ const Dashboard = (props) => {
keys={selectedUsecases}
isCloud={isCloud}
globalUrl={globalUrl}
+ workflows={workflows}
+ setWorkflows={setWorkflows}
/>
{treeKeys.length > 0 ?
diff --git a/frontend/src/views/Workflows.jsx b/frontend/src/views/Workflows.jsx
index 501a1d01..20658187 100644
--- a/frontend/src/views/Workflows.jsx
+++ b/frontend/src/views/Workflows.jsx
@@ -3038,7 +3038,7 @@ const Workflows = (props) => {
+
@@ -3090,7 +3090,7 @@ const Workflows = (props) => {
}}
*/}
-
{workflowButtons}
+
{!isMobile && usecases !== null && usecases !== undefined && usecases.length > 0 ?
{usecases.map((usecase, index) => {