Attempted to pass data between js and py

CodingMaster121 · May 14, 2024 · a145e8a · a145e8a
1 parent e348d18
commit a145e8a
Show file tree

Hide file tree

Showing 8 changed files with 60 additions and 15 deletions.
diff --git a/.gitignore b/.gitignore
diff --git a/.idea/misc.xml b/.idea/misc.xml
diff --git a/.idea/workspace.xml b/.idea/workspace.xml
diff --git a/docs/interactive_map.css b/docs/interactive_map.css
@@ -48,7 +48,6 @@ Helps to create the boxes that each of the buttoned hyperlinks are in
 
 .search_bar {
     display: flex;
-    padding-top: 10px;
 }
 
 .search_bar input {
@@ -60,6 +59,10 @@ Helps to create the boxes that each of the buttoned hyperlinks are in
     font-size: 25px;
 }
 
+.map_destination {
+    padding: 0px;
+}
+
 body {
     font-family: 'Inter';
 }

diff --git a/docs/interactive_map.js b/docs/interactive_map.js
@@ -0,0 +1,15 @@
+const spawner = require('child_process').spawn;
+
+function runPythonScript() {
+    var room_value = document.getElementById("room_search").value;
+    var search_filter = document.getElementById("search_type").value;
+    var data_to_python = [room_value, search_filter];
+
+    if(event.key==='Enter') {
+        const python_process = spawner('python', ['./python/test.py', JSON.stringify(data_to_python)]);
+
+        python_process.stdout.on('data', (data) => {
+            alert("Data has been received");
+        });
+    }
+}
diff --git a/docs/login.html b/docs/login.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>PHS Interactive Map - Login</title>
+</head>
+<body>
+
+</body>
+</html>
diff --git a/docs/map.html b/docs/map.html
@@ -4,6 +4,7 @@
     <meta charset="UTF-8">
     <link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Inter'>
     <link rel="stylesheet" href="interactive_map.css">
+    <script src="interactive_map.js"></script>
     <title>PHS Interactive Map - Map</title>
 </head>
 <body>
@@ -24,12 +25,14 @@
         </nav>
     </div>
 
+    <p class="map_destination">Destination:</p>
     <div class="search_bar">
-        <select name="search_type">
+        <select id="search_type">
             <option value="teacher_name">Teacher Name</option>
             <option value="room_number">Room Number</option>
+            <option value="room_name">Room Name</option>
         </select>
-        <input type="text" placeholder="Search">
+        <input type="text" id="room_search" placeholder="Search" onkeydown="runPythonScript()">
     </div>
 </body>
 </html>
diff --git a/docs/python/test.py b/docs/python/test.py
@@ -0,0 +1,5 @@
+import sys
+import json
+import ast
+
+print("Hello World!")