From a145e8a72e2e05ff06b2b627801e6e9dc690df29 Mon Sep 17 00:00:00 2001
From: CodingMaster121 <ytryanlo@gmail.com>
Date: Tue, 14 May 2024 15:38:12 -0400
Subject: [PATCH] Attempted to pass data between js and py

---
 .gitignore               |  0
 .idea/misc.xml           |  4 ++++
 .idea/workspace.xml      | 29 +++++++++++++++++------------
 docs/interactive_map.css |  5 ++++-
 docs/interactive_map.js  | 15 +++++++++++++++
 docs/login.html          | 10 ++++++++++
 docs/map.html            |  7 +++++--
 docs/python/test.py      |  5 +++++
 8 files changed, 60 insertions(+), 15 deletions(-)
 create mode 100644 .gitignore
 create mode 100644 .idea/misc.xml
 create mode 100644 docs/login.html
 create mode 100644 docs/python/test.py

diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..e69de29
diff --git a/.idea/misc.xml b/.idea/misc.xml
new file mode 100644
index 0000000..27e0900
--- /dev/null
+++ b/.idea/misc.xml
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectRootManager" version="2" languageLevel="JDK_19" project-jdk-name="Python 3.11" project-jdk-type="Python SDK" />
+</project>
\ No newline at end of file
diff --git a/.idea/workspace.xml b/.idea/workspace.xml
index 7ebeacb..78f68f3 100644
--- a/.idea/workspace.xml
+++ b/.idea/workspace.xml
@@ -2,8 +2,12 @@
 <project version="4">
   <component name="ChangeListManager">
     <list default="true" id="6453a29c-1f3f-4b34-a298-1c1ef97373d6" name="Changes" comment="">
-      <change beforePath="$PROJECT_DIR$/docs/index.html" beforeDir="false" afterPath="$PROJECT_DIR$/docs/index.html" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/.gitignore" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/docs/login.html" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/docs/python/test.py" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/docs/interactive_map.css" beforeDir="false" afterPath="$PROJECT_DIR$/docs/interactive_map.css" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/docs/interactive_map.js" beforeDir="false" afterPath="$PROJECT_DIR$/docs/interactive_map.js" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/docs/map.html" beforeDir="false" afterPath="$PROJECT_DIR$/docs/map.html" afterDir="false" />
     </list>
     <option name="SHOW_DIALOG" value="false" />
@@ -15,6 +19,7 @@
     <option name="RECENT_TEMPLATES">
       <list>
         <option value="HTML File" />
+        <option value="Python Script" />
       </list>
     </option>
   </component>
@@ -30,18 +35,18 @@
     <option name="hideEmptyMiddlePackages" value="true" />
     <option name="showLibraryContents" value="true" />
   </component>
-  <component name="PropertiesComponent">{
-  &quot;keyToString&quot;: {
-    &quot;DefaultHtmlFileTemplate&quot;: &quot;HTML File&quot;,
-    &quot;RunOnceActivity.OpenProjectViewOnStart&quot;: &quot;true&quot;,
-    &quot;RunOnceActivity.ShowReadmeOnStart&quot;: &quot;true&quot;,
-    &quot;last_opened_file_path&quot;: &quot;C:/Users/ytrya/Documents/Other Githubs/PHSInteractiveMap&quot;,
-    &quot;project.structure.last.edited&quot;: &quot;Modules&quot;,
-    &quot;project.structure.proportion&quot;: &quot;0.0&quot;,
-    &quot;project.structure.side.proportion&quot;: &quot;0.0&quot;,
-    &quot;settings.editor.selected.configurable&quot;: &quot;preferences.pluginManager&quot;
+  <component name="PropertiesComponent"><![CDATA[{
+  "keyToString": {
+    "DefaultHtmlFileTemplate": "HTML File",
+    "RunOnceActivity.OpenProjectViewOnStart": "true",
+    "RunOnceActivity.ShowReadmeOnStart": "true",
+    "last_opened_file_path": "C:/Users/ytrya/Documents/Other Githubs/PHSInteractiveMap",
+    "project.structure.last.edited": "Global Libraries",
+    "project.structure.proportion": "0.15",
+    "project.structure.side.proportion": "0.2",
+    "settings.editor.selected.configurable": "preferences.pluginManager"
   }
-}</component>
+}]]></component>
   <component name="RecentsManager">
     <key name="MoveFile.RECENT_KEYS">
       <recent name="C:\Users\ytrya\Documents\Other Githubs\PHSInteractiveMap" />
diff --git a/docs/interactive_map.css b/docs/interactive_map.css
index 951c987..f7e439e 100644
--- 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
index e69de29..0dc6370 100644
--- 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");
+        });
+    }
+}
\ No newline at end of file
diff --git a/docs/login.html b/docs/login.html
new file mode 100644
index 0000000..f57e309
--- /dev/null
+++ 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>
\ No newline at end of file
diff --git a/docs/map.html b/docs/map.html
index 6f0e57e..46fbdcf 100644
--- 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>
\ No newline at end of file
diff --git a/docs/python/test.py b/docs/python/test.py
new file mode 100644
index 0000000..f9b4828
--- /dev/null
+++ b/docs/python/test.py
@@ -0,0 +1,5 @@
+import sys
+import json
+import ast
+
+print("Hello World!")
\ No newline at end of file