⚡ ui

akshat-sachan · akshat-sachan · commit ace0938bc8d5 · 2023-08-27T11:45:16.000+05:30
diff --git a/src/frontend/static/script.js b/src/frontend/static/script.js
@@ -2,13 +2,12 @@ document.addEventListener("DOMContentLoaded", function() {
     const compileButton = document.getElementById("compile-button");
     const editorTextArea = document.getElementById("editor");
     const optimizerButton = document.getElementById("optimizer-button");
+
     compileButton.addEventListener("click", function() {
         const code = editorTextArea.value;
 
-
         const data = { "code": code, "file": "code.py" };
 
-
         fetch('http://127.0.0.1:30410/build', {
             method: 'POST',
             headers: {
@@ -20,40 +19,31 @@ document.addEventListener("DOMContentLoaded", function() {
         .then(responseData => {
             console.log("Server response:", responseData);
 
-
-            const outputArea = document.getElementById("output");
-            outputArea.textContent = `\n${responseData.message}\n\n${responseData.stdout}\n\n${responseData.stderr}`;
+            const outputBox = document.getElementById("output-box");
+            outputBox.textContent = `${responseData.message}\n\n${responseData.stdout}\n\n${responseData.stderr}\n`;
+
+            
+            fetch('http://127.0.0.1:30410/optimise', {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json'
+                },
+                body: JSON.stringify(data)
+            })
+            .then(response => response.json())
+            .then(optimizedData => {
+                console.log("Optimizer response:", optimizedData);
+
+                outputBox.textContent += `\nOptimizer Message: ${optimizedData.message}\n\nOptimized Code:\n${optimizedData.result}`;
+            })
+            .catch(error => {
+                console.error('Error fetching optimizer data:', error);
+            });
         })
         .catch(error => {
             console.error('Error sending data to endpoint:', error);
         });
     });
-    optimizerButton.addEventListener("click", function() {
-        const code = editorTextArea.value;
-
-        const data = { "code": code, "file": "code.py" };
-
-        fetch('http://127.0.0.1:30410/optimise', {
-          method: 'POST',
-          headers: {
-            'Content-Type': 'application/json'
-          },
-          body: JSON.stringify(data)
-        })
-        .then(response => response.json())
-        .then(responseData => {
-          console.log("Optimizer response:", responseData);
-
-
-          const outputArea = document.getElementById("output");
-          outputArea.textContent = `\n${responseData.message}\n\n${responseData.stdout}\n\n${responseData.stderr}`;
-        })
-        .catch(error => {
-          console.error('Error fetching optimizer data:', error);
-        });
-      });
-    });
-
-
-
 
+   
+});
diff --git a/src/frontend/templates/index.html b/src/frontend/templates/index.html
@@ -45,7 +45,11 @@ <h1 class="navbar-heading">Neploy</h1>
       </div>
       <div class="output-area" style="color: whitesmoke;">
         <h2>Output</h2>
-        <pre id="output"></pre>
+            <!-- <pre id="output"></pre> -->
+      
+<pre id="output">
+  <div id="output-box"></div>
+</pre>
       </div>
     </div>
   </div>
