From 9fd94256079d5c92bdd987b8545ea235ee20c366 Mon Sep 17 00:00:00 2001
From: EpicKiwi <me@epickiwi.fr>
Date: Tue, 29 Aug 2023 23:14:20 +0200
Subject: [PATCH] Added a working go button

---
 index.html  |  6 +++---
 src/main.ts | 21 +++++++++++++++------
 2 files changed, 18 insertions(+), 9 deletions(-)

diff --git a/index.html b/index.html
index f20d31c..5b8f529 100644
--- a/index.html
+++ b/index.html
@@ -146,7 +146,7 @@
 					<p class="text-semibold text-2xl pb-4">Known universes</p>
 					<p id="existing-universes" class="text-xl"></p>
           <div id="disclaimer" class="pb-4">
-          <form>   
+          <form id="universe-creator">   
             <label for="search" class="mb-2 text-sm font-medium text-gray-900 sr-only text-white">Search</label>
             <div class="relative">
             <div class="absolute inset-y-0 left-0 flex items-center pl-3 pointer-events-none">
@@ -154,8 +154,8 @@
                 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m19 19-4-4m0-7A7 7 0 1 1 1 8a7 7 0 0 1 14 0Z"/>
             </svg>
         </div>
-              <input name="universe" minlength="2" autocomplete="off" type="text" id="buffer-search" class="block w-full p-4 pl-10 text-sm text-gray-900 border border-gray-800 outline-0 rounded-lg bg-gray-800 text-white" placeholder="Buffer..." required>
-              <button id="load-universe-button" class="text-black absolute right-2.5 bottom-2.5 bg-white hover:bg-white focus:outline-none font-medium rounded-lg text-sm px-4 py-2">Go</button>
+                <input name="universe" minlength="2" autocomplete="off" type="text" id="buffer-search" class="block w-full p-4 pl-10 text-sm text-gray-900 border border-gray-800 outline-0 rounded-lg bg-gray-800 text-white" placeholder="Buffer..." required>
+                <button id="load-universe-button" class="text-black absolute right-2.5 bottom-2.5 bg-white hover:bg-white focus:outline-none font-medium rounded-lg text-sm px-4 py-2">Go</button>
             </div>
           </form>
               <div class="mt-2 flex space-x-6 border-t border-gray-200 rounded-b dark:border-gray-600 border-spacing-y-4">
diff --git a/src/main.ts b/src/main.ts
index c5f8c23..15a552c 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -149,6 +149,9 @@ export class Editor {
   buffer_search: HTMLInputElement = document.getElementById(
     "buffer-search"
   ) as HTMLInputElement;
+  universe_creator: HTMLFormElement = document.getElementById(
+    "universe-creator"
+  ) as HTMLFormElement;
 
   // Local script tabs
   local_script_tabs: HTMLDivElement = document.getElementById(
@@ -554,18 +557,24 @@ export class Editor {
       });
     });
 
-    this.buffer_search.addEventListener("keydown", (event) => {
-      if (event.key === "Enter") {
-        let query = this.buffer_search.value;
-        if (query.length > 2 && query.length < 20) {
-          this.loadUniverse(query);
-          this.settings.selected_universe = query;
+    this.universe_creator.addEventListener("submit", (event) => {
+
+      event.preventDefault();
+
+      let data = new FormData(this.universe_creator);
+      let universeName = data.get("universe") as string|null;
+
+      if(universeName){
+        if (universeName.length > 2 && universeName.length < 20) {
+          this.loadUniverse(universeName);
+          this.settings.selected_universe = universeName;
           this.buffer_search.value = "";
           this.closeBuffersModal();
           this.view.focus();
         }
       }
     });
+
     tryEvaluate(this, this.universes[this.selected_universe.toString()].init);
 
     [