frontend dir made

ryansurf · May 24, 2024 · 1fee9a4 · 1fee9a4
1 parent c675d89
commit 1fee9a4
Show file tree

Hide file tree

Showing 9 changed files with 80 additions and 2 deletions.
diff --git a/src/api.py → src/backend/api.py b/src/api.py → src/backend/api.py
diff --git a/src/art.py → src/backend/art.py b/src/art.py → src/backend/art.py
diff --git a/src/helper.py → src/backend/helper.py b/src/helper.py → src/backend/helper.py
diff --git a/src/main.py → src/backend/main.py b/src/main.py → src/backend/main.py
diff --git a/src/send_email.py → src/backend/send_email.py b/src/send_email.py → src/backend/send_email.py
diff --git a/src/server.py → src/backend/server.py b/src/server.py → src/backend/server.py
@@ -1,5 +1,5 @@
 """
-Flask Server Module
+HTTP Server Module
 """
 
 import os

diff --git a/src/frontend/index.html b/src/frontend/index.html
@@ -0,0 +1,58 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Itim&family=Poppins:wght@400;500&display=swap"
+      rel="stylesheet"
+    />
+    <link
+      href="https://cdn.jsdelivr.net/npm/[email protected]/fonts/remixicon.css"
+      rel="stylesheet"
+    />
+    <script src="https://cdn.tailwindcss.com"></script>
+    <title>cli-surf</title>
+    <style>
+      * {
+        font-family: "Poppins", sans-serif;
+      }
+    </style>
+  </head>
+
+
+  <body class="h-screen">
+    <div class="flex items-center justify-center h-screen bg-blue-900">
+      <!-- FORM START  -->
+      <form id="reportForm" class="w-full max-w-xl">
+        <div class="flex items-center border-b border-teal-500 py-2">
+          <input
+            id="curlInput"
+            class="appearance-none bg-transparent border-none w-full text-white mr-3 py-1 px-2 leading-tight focus:outline-none"
+            type="text"
+            placeholder="Enter curl command"
+            aria-label="curl command"
+          />
+          <button
+            id="getReportBtn"
+            class="flex-shrink-0 bg-teal-500 hover:bg-teal-700 border-teal-500 hover:border-teal-700 text-sm border-4 text-white py-1 px-2 rounded"
+            type="submit"
+          >
+            Get Report
+          </button>
+          <button
+            class="flex-shrink-0 border-transparent border-4 text-teal-500 hover:text-teal-800 text-sm py-1 px-2 rounded"
+            type="button"
+          >
+            Cancel
+          </button>
+        </div>
+      </form>
+      <!-- FORM END  -->
+    </div>
+    <script src="script.js"></script>
+  </body>
+</html>
diff --git a/src/frontend/script.js b/src/frontend/script.js
@@ -0,0 +1,20 @@
+
+document.getElementById("reportForm").addEventListener("submit", function(event) {
+    event.preventDefault(); // Prevent default form submission
+
+    const curlCommand = document.getElementById("curlInput").value;
+
+    // Make an asynchronous HTTP request to the server
+    fetch(`http://localhost:8000`, {
+        mode: 'no-cors'
+    })
+    .then(response => response.text())
+    .then(data => {
+        // Display the response in an alert or any other way you prefer
+        alert(data);
+    })
+    .catch(error => {
+        console.error('Error:', error);
+        // Handle errors
+    });
+});
diff --git a/src/tests/tests.py b/src/tests/tests.py
@@ -4,7 +4,7 @@
 
 import sys
 
-sys.path.append("..")
+sys.path.append("../backend")
 
 import unittest
 from unittest.mock import patch