+
+ Usecases
+
+
+ Choose a template tailored to your automation requirements, ready for immediate use.
+
+
+ {isLoggedIn === false ? null :
+
+
+
+ Your selected apps:
+
+
+
+
+
+ {parsedframework.map((app, index) => {
+ return (
+
+
+ 
+
+
+ )
+ })}
+
+ }
+
+ {/*userdata.priorities === null || userdata.priorities === undefined || userdata.priorities.length === 0 ? null :
+
+
+
+ Usecases based on your apps:
+
+
+
+
+ {userdata.priorities.map((priority, index) => {
+ if (priority.active === false) {
+ return null
+ }
+
+ if (priority.type !== "usecase") {
+ return null
+ }
+
+ if (usecaseCnt > 3) {
+ return null
+ }
+
+ usecaseCnt += 1
+
+ const parsedusecase = ParseUsecaseDesc(priority, frameworkData)
+ const newname = priority.name.slice(19, 100)
+ var parsedColor = priority.color === undefined ? "" : priority.color
+
+ // Search through usecases and find color
+ for (var usecasekey in keys) {
+ const usecase = keys[usecasekey]
+ for (var subcasekey in usecase.list) {
+ const subcase = usecase.list[subcasekey]
+ if (subcase.name.toLowerCase().includes(newname.toLowerCase())) {
+ parsedColor = usecase.color
+ break
+ }
+ }
+
+ if (parsedColor !== "") {
+ break
+ }
+ }
+
+ var srcname = parsedusecase[0] === "" ? "TBD" : parsedusecase[0].toUpperCase()
+ var destname = parsedusecase[2] === "" ? "TBD" : parsedusecase[2].toUpperCase()
+ if (parsedusecase[1] != undefined && parsedusecase[1] != null && parsedusecase[1].includes("svg") && parsedusecase[1].includes("248,90,62")) {
+ if (!srcname.includes(":default")) {
+ srcname += ":default"
+ }
+ }
+
+ if (parsedusecase[3] != undefined && parsedusecase[3] != null && parsedusecase[3].includes("svg") && parsedusecase[3].includes("248,90,62")) {
+ if (!destname.includes(":default")) {
+ destname += ":default"
+ }
+ }
+
+ return (
+
+
+
+ )
+ })}
+
+
+ */}
+
+
+ {keys.map((usecase, index) => {
+ return (
+
+
+ {index+1}. {usecase.name.slice(3, 100)}
+
+
+
+ {usecase.list.map((subcase, subindex) => {
+ const selectedItem = subindex === expandedItem && index === expandedIndex
+
+ if (subcase.matches === undefined || subcase.matches === null) {
+ subcase.matches = []
+ } else {
+ if (selectedItem && subcase.matches.length > 0 && selectedWorkflows.length === 0 && firstLoad === true) {
+ setFirstLoad(false)
+ setSelectedWorkflows(subcase.matches)
+
+ }
+ }
+
+ if (selectedItem && subcase.name !== undefined && inputUsecase.name !== undefined) {
+ if (subcase.name.toLowerCase().replaceAll(" ", "_") === inputUsecase.name.toLowerCase().replaceAll(" ", "_")) {
+ if (inputUsecase.description !== undefined && inputUsecase.description !== null) {
+ subcase.description = inputUsecase.description
+ }
+
+ if (inputUsecase.blogpost !== undefined && inputUsecase.blogpost !== null) {
+ subcase.blogpost = inputUsecase.blogpost
+ }
+
+ if (inputUsecase.video !== undefined && inputUsecase.video !== null) {
+ subcase.video = inputUsecase.video
+ }
+
+ if (inputUsecase.extra_buttons !== undefined && inputUsecase.extra_buttons !== null) {
+ subcase.extra_buttons = inputUsecase.extra_buttons
+ }
+
+ if (inputUsecase.workflow_outline !== undefined && inputUsecase.workflow_outline !== null) {
+ subcase.workflow_outline = inputUsecase.workflow_outline
+ }
+ }
+ }
+
+ const finished = subcase.matches.length > 0
+ const backgroundColor = theme.palette.surfaceColor
+ const itemBorder = `${selectedItem ? "3px" : expandedItem >= 0 ? "0px" : "1px"} solid ${usecase.color}`
+
+
+ const fixedName = subcase.name.toLowerCase().replace("_", " ")
+
+ //const parsedusecase = ParseUsecaseDesc(priority, frameworkData)
+ const newsubcase = parseUsecase(subcase, frameworkData)
+ var parsedUsecase = inputUsecase
+ parsedUsecase.srcimg = newsubcase.srcimg
+ parsedUsecase.srcapp = newsubcase.srcapp
+ parsedUsecase.dstimg = newsubcase.dstimg
+ parsedUsecase.dstapp = newsubcase.dstapp
+
+
+ var workflowBuilt = false
+ const newname = subcase.name.toLowerCase().replaceAll(" ", "_")
+ for (var workflowkey in workflows) {
+ const workflow = workflows[workflowkey]
+ if (workflow.usecase_ids === undefined || workflow.usecase_ids === null || workflow.usecase_ids.length === 0) {
+ continue
+ }
+
+ const newusecases = workflow.usecase_ids.map((usecase) => {
+ return usecase.toLowerCase().replaceAll("Suggested Usecase: ", "").replaceAll(" ", "_")
+ })
+
+ //console.log("WORKFLOW: ", newname, newusecases)
+ if (newusecases.includes(newname)) {
+ workflowBuilt = true
+ break
+ }
+ }
+
+ const usecaseDetails = parsedUsecase.name === undefined ? undefined : parsedUsecase.name.toLowerCase().replaceAll(" ", "_") === subcase.name.toLowerCase().replaceAll(" ", "_") ? parsedUsecase : undefined
+
+
+ return (
+ {
+ if (fixedName === "reporting") {
+ getUsecase(subcase, index, subindex)
+ return
+ }
+
+ //setSelectedWorkflows([])
+ if (selectedItem) {
+ } else {
+ getUsecase(subcase, index, subindex)
+ //navigate(`/usecases?selected_object=${fixedName}`)
+ }
+ }}>
+
+
+
+ )
+ })}
+
+
+ )
+ })}
+
+ Autoupdate every {autoUpdate / 1000} seconds
+ {variables.map((data) => {
+ if (stats[data] === undefined || stats[data] === null) {
+ return null;
+ }
+
+ if (stats[data].total === undefined) {
+ return null;
+ }
+
+ return (
+
+ {data}: {stats[data].total}
+
+ );
+ })}
+