1 files changed, 75 insertions, 0 deletions
diff --git a/client/js/app/src/app/pages/querybuilder/Components/Buttons/PasteJSONButton.jsx b/client/js/app/src/app/pages/querybuilder/Components/Buttons/PasteJSONButton.jsx
new file mode 100644
index 00000000000..73dce637500
--- /dev/null
+++ b/client/js/app/src/app/pages/querybuilder/Components/Buttons/PasteJSONButton.jsx
@@ -0,0 +1,75 @@
+import React, { useContext, useState } from 'react';
+import ImageButton from './ImageButton';
+import pasteImage from '../../assets/img/paste.svg';
+import { QueryInputContext } from '../Contexts/QueryInputContext';
+
+export default function PasteJSONButton() {
+  const { inputs, setInputs, id, setId, levelZeroParameters, childMap } =
+    useContext(QueryInputContext);
+  const [paste, setPaste] = useState(false);
+
+  const handleClick = (e) => {
+    alert('Button is non-functional');
+    // setPaste(true);
+    // window.addEventListener('paste', handlePaste)
+  };
+
+  const handlePaste = (e) => {
+    setPaste(false);
+    const pastedData = e.clipboardData.getData('text');
+    alert('Converting JSON: \n\n ' + pastedData);
+    window.removeEventListener('paste', handlePaste);
+    convertPastedJSON(pastedData);
+  };
+
+  const convertPastedJSON = (pastedData) => {
+    try {
+      var json = JSON.parse(pastedData);
+      setId(1);
+      const newInputs = buildFromJSON(json, id);
+      setInputs(newInputs);
+    } catch (error) {
+      alert('Could not parse JSON, with error-message: \n\n' + error.message);
+    }
+  };
+
+  const buildFromJSON = (json, id) => {
+    let newInputs = [];
+    let keys = Object.keys(json);
+    for (let i = 0; i < keys.length; i++) {
+      let childId = 1;
+      let newInput = { id: id, type: keys[i] };
+      if (json[keys[i]] === Object) {
+        newInput['typeof'] = 'Parent';
+        newInput['input'] = '';
+        newInput['hasChildren'] = true;
+        let tempId = id + '.' + childId;
+        childId += 1;
+        newInput['children'] = buildFromJSON(json[keys[i]], tempId);
+      } else {
+        newInput['typeof'] = levelZeroParameters[keys[i]].type;
+        newInput['input'] = json[keys[i]];
+        newInput['hasChildren'] = false;
+        newInput['children'] = [];
+      }
+      setId(id + 1);
+      console.log(newInput);
+      newInputs.push(newInput);
+    }
+    return newInputs;
+  };
+
+  return (
+    <>
+      <ImageButton
+        id="pasteJSON"
+        className="pasteJSON"
+        image={pasteImage}
+        style={{ marginTop: '-2px', marginRight: '3px' }}
+        onClick={handleClick}
+      >
+        {paste ? 'Press CMD + V' : 'Paste JSON'}
+      </ImageButton>
+    </>
+  );
+}