From d947d20677e0f28ef69b5a55258cb116b5b362da Mon Sep 17 00:00:00 2001
From: frikky <fredrik_9490@hotmail.com>
Date: Sat, 26 Feb 2022 02:21:21 +0100
Subject: [PATCH] Added basic dropdowns for variables in workflows to make
 exploration easier

---
 backend/app_sdk/app_base.py            | 16 ++++++---
 frontend/src/views/AngularWorkflow.jsx | 50 +++++++++++++++++++++-----
 2 files changed, 53 insertions(+), 13 deletions(-)

diff --git a/backend/app_sdk/app_base.py b/backend/app_sdk/app_base.py
index ea79ba78..75cceffb 100644
--- a/backend/app_sdk/app_base.py
+++ b/backend/app_sdk/app_base.py
@@ -303,10 +303,18 @@ class AppBase:
             if len(action_result["action"]["parameters"]) == 0:
                 action_result["action"]["parameters"] = []
 
-            action_result["action"]["parameters"].append({
-                "name": "shuffle_action_logs",
-                "value": log_contents,
-            })
+            param_found = False
+            for param in action_result["action"]["parameters"]:
+                if param["name"] == "shuffle_action_logs": 
+                    param_found = True
+                    break
+
+            if not param_found:
+                action_result["action"]["parameters"].append({
+                    "name": "shuffle_action_logs",
+                    "value": log_contents,
+                })
+
         except Exception as e:
             print(f"Failed adding parameter: {e}") 
 
diff --git a/frontend/src/views/AngularWorkflow.jsx b/frontend/src/views/AngularWorkflow.jsx
index 09ef01d4..f5566958 100644
--- a/frontend/src/views/AngularWorkflow.jsx
+++ b/frontend/src/views/AngularWorkflow.jsx
@@ -12141,6 +12141,45 @@ const parsedExecutionArgument = () => {
     validate.result = JSON.parse(validate.result);
   }
 
+	const AppResultVariable = ({data}) => {
+		const [open, setOpen] = React.useState(false)
+		const showVariable = data.value.length < 60
+		console.log("Value: ", data.value)
+
+		return (
+			<div style={{maxWidth: 600, overflowX: "hidden", }}>
+        <IconButton
+					style={{
+						marginBottom: 0, marginTop: 5, cursor: "pointer", 
+					}}
+					onClick={() => {
+						if (!showVariable) {
+							setOpen(!open)
+						}
+					}}
+				>
+					<Typography
+						variant="body1"
+						style={{}}
+					>
+						<b>{data.name}</b>: {showVariable ? data.value : null}
+					</Typography>
+				</IconButton>
+				{open ? 
+					<Typography
+						variant="body2"
+						style={{
+							whiteSpace: 'pre-line',
+						}}
+						color="textSecondary"
+					>
+						{data.value}
+					</Typography>
+				: null}
+			</div>
+		)
+	}
+
   var draggingDisabled = false;
   const codePopoutModal = !codeModalOpen ? null : (
       <Dialog
@@ -12374,7 +12413,7 @@ const parsedExecutionArgument = () => {
                   variant="h6"
                   style={{ marginBottom: 0, marginTop: 0 }}
                 >
-                  Variables
+                  Variables <span style={{fontSize: 10}}>(click to expand)</span>
                 </Typography>
                 {selectedResult.action.parameters.map((data, index) => {
                   if (data.value.length === 0) {
@@ -12390,14 +12429,7 @@ const parsedExecutionArgument = () => {
                   }
 
                   return (
-                    <div key={index} style={{}}>
-                      <Typography
-                        variant="body1"
-                        style={{ marginBottom: 0, marginTop: 5 }}
-                      >
-                        <b>{data.name}</b>: {data.value}
-                      </Typography>
-                    </div>
+										<AppResultVariable key={index} data={data}/>
                   );
                 })}
               </div>