From 665fac86f2eb4c15c86e1759b71ea4fab4647249 Mon Sep 17 00:00:00 2001
From: Chuck Sneed <sneed@formerlychucks.net>
Date: Sun, 9 Jul 2023 17:53:28 -0500
Subject: [PATCH] Allow Mobile Viewing

---
 files/assets/css/orgy.css               | 20 +++++++++++++++++++-
 files/routes/admin.py                   |  6 +++---
 files/templates/admin/orgy_control.html |  4 ++--
 files/templates/orgy.html               |  3 ++-
 4 files changed, 26 insertions(+), 7 deletions(-)

diff --git a/files/assets/css/orgy.css b/files/assets/css/orgy.css
index f0dbe1f37..ab33aaa00 100644
--- a/files/assets/css/orgy.css
+++ b/files/assets/css/orgy.css
@@ -1,9 +1,27 @@
 .orgy-top-container {
 	display: flex;
-	flex-flow: row nowrap;
 	justify-content: space-around;
 }
 
+@media all and (max-width: 900px) {
+    .orgy-top-container {
+        flex-flow: column wrap;
+    }
+    .orgy-info-window-item {
+        max-height: 20% !important;
+        height: 20% !important;
+    }
+    .orgy-chat-window-item {
+        max-height: 80% !important;
+        height: 80% !important;
+    }
+}
+@media all and (min-width: 900px) {
+    .orgy-top-container {
+        flex-flow: row nowrap;
+    }
+}
+
 .orgy-chat-window-item {
 	flex-grow: 2;
 	width: fit-content;
diff --git a/files/routes/admin.py b/files/routes/admin.py
index 8d37e8967..343763ac9 100644
--- a/files/routes/admin.py
+++ b/files/routes/admin.py
@@ -1917,13 +1917,13 @@ def orgy_control(v):
 @app.post("/admin/start_orgy")
 @admin_level_required(PERMS['ORGIES'])
 def start_orgy(v):
-	youtube_id = request.values.get("youtube_id")
+	link = request.values.get("link")
 	title = request.values.get("title")
 
-	assert youtube_id
+	assert link
 	assert title
 
-	create_orgy(youtube_id, title)
+	create_orgy(link, title)
 
 	return redirect("/chat")
 
diff --git a/files/templates/admin/orgy_control.html b/files/templates/admin/orgy_control.html
index e45c0daa0..123085c70 100644
--- a/files/templates/admin/orgy_control.html
+++ b/files/templates/admin/orgy_control.html
@@ -25,10 +25,10 @@
                             </div>
                             <div class="d-lg-flex border-bottom">
                                 <div class="title w-lg-25">
-                                    <label for="youtube_id">Youtube ID</label>
+                                    <label for="link">Link</label>
                                 </div>
                                 <div class="body w-lg-100">
-                                    <input id="youtube_id" autocomplete="off" type="text" name="youtube_id" class="form-control">
+                                    <input id="link" autocomplete="off" type="text" name="link" class="form-control">
                                 </div>
                             </div>
                             <input hidden name="formkey" value="{{v|formkey}}">
diff --git a/files/templates/orgy.html b/files/templates/orgy.html
index 34ad4e529..8a761d5b9 100644
--- a/files/templates/orgy.html
+++ b/files/templates/orgy.html
@@ -11,7 +11,7 @@
 	<div class="container pb-4">
 
 		<div class="orgy-top-container">
-            <div class="col text-left d-none d-lg-block pt-3 orgy-info-window-item">
+            <div class="col text-left pt-3 orgy-info-window-item">
                 <h2>{{orgy.title}}</h1>
                 <div>
                     {% if orgy.is_youtube() %}
@@ -20,6 +20,7 @@
                         <iframe class="rumble rumble-player" width="100%"  src="{{orgy.data}}" frameborder="0" allowfullscreen></iframe>  
                     {%endif%}
                 </div>
+                <a href="/old_chat" class="btn btn-primary ml-auto" value="Old Chat">Old Chat</a>
                 {{macros.chat_users_list()}}
             </div>