1 files changed, 33 insertions, 3 deletions
diff --git a/source/client/index.ts b/source/client/index.ts
index ce3533f..313cd86 100644
--- a/source/client/index.ts
+++ b/source/client/index.ts
@@ -1,3 +1,4 @@
+import { get_query_params } from "./helper"
 import { log } from "./logger"
 import { Room } from "./room"
 
@@ -11,17 +12,46 @@ export interface User {
     stream: MediaStream,
 }
 
-export const users: Map<string, User> = new Map()
 
+export var parameters = get_query_params()
 
 window.onload = () => main()
 
-export async function main() {
+export async function main() {    
     if (window.location.pathname.startsWith("/room/")) {
         const room_name = window.location.pathname.substr("/room/".length)
         let room = new Room(room_name)
         document.body.append(room.el)
     } else {
-        //TODO show ui for joining rooms
+        document.body.append(create_start_screen())
     }
 }
+
+function create_start_screen() {
+    const el = document.createElement("div")
+    const header = document.createElement("h2")
+    header.textContent = "keks meet"
+    const para = document.createElement("p")
+    para.textContent = "Hier kann man dann irgendwann mal sinnvollen text hinschreiben..."
+
+    // const room_input_label = document.createElement("label")
+    // room_input_label.textContent = "Room ID: "
+    // room_input_label.htmlFor = "room-id-input"
+
+    const room_input = document.createElement("input")
+    room_input.type = "text"
+    room_input.id = "room-id-input"
+    room_input.placeholder = "room id "
+
+    const submit = document.createElement("input")
+    submit.type = "button"
+    submit.addEventListener("click", () => {
+        if (room_input.value.length == 0) room_input.value = Math.floor(Math.random() * 10000).toString(16).padStart(5, "0")
+        window.location.pathname = `/room/${encodeURIComponent(room_input.value)}`
+    })
+    submit.value = "Join room"
+
+    el.classList.add("start-box")
+    el.append(header, para, room_input, document.createElement("br"), submit)
+    return el
+}