From 609ca7b36371658c004b9dd70714aa5b10dac113 Mon Sep 17 00:00:00 2001
From: "Zed A. Shaw" <zed.shaw@gmail.com>
Date: Wed, 17 Sep 2025 11:38:48 -0400
Subject: [PATCH] Have the live page determine if they're logged in and prevent
 the form until they do.

---
 pages/live/index.html | 38 +++++++++++++++++++++++++-------------
 1 file changed, 25 insertions(+), 13 deletions(-)

diff --git a/pages/live/index.html b/pages/live/index.html
index e6d3c87..6684480 100644
--- a/pages/live/index.html
+++ b/pages/live/index.html
@@ -23,19 +23,31 @@
       </table>
     </div>
 
-    <form action="/api/link" method="POST">
-      <card class="card">
-        <top>Submit a Link</top>
-        <middle>
-          <input id="stream_id" name="stream_id" type="hidden" value="1">
-          <input id="url" name="url" type="text" placeholder="Link Url">
-          <input id="description" name="description" type="text" placeholder="Description">
-        </middle>
-        <bottom>
-          <button id="submit" type="submit">Send It</button>
-        </bottom>
-      </card>
-    </form>
+    <div class="flex flex-col"
+      x-data="{auth: false}"
+      x-init="auth = await GetJson('/api/authcheck')">
+      <template x-if="auth.is_authed">
+        <form action="/api/link" method="POST">
+          <card class="card">
+            <top>Submit a Link</top>
+            <middle>
+              <input id="stream_id" name="stream_id" type="hidden" value="1">
+              <input id="url" name="url" type="text" placeholder="Link Url">
+              <input id="description" name="description" type="text" placeholder="Description">
+            </middle>
+            <bottom>
+              <button id="submit" type="submit">Send It</button>
+            </bottom>
+          </card>
+        </form>
+      </template>
+
+      <template x-if="!auth.is_authed">
+        <aside>
+          <p><mark>Post Links</mark> You can post links after you <a href="/login/">Login</a>.  If you want an account simply <a href="/register/">Register</a>.</p>
+        </aside>
+      </template>
+    </div>
   </bar>
 </div>