From: xangelo <me@xangelo.ca>
Date: Wed, 23 Aug 2023 19:23:12 +0000 (-0400)
Subject: fix: make signup collapsible
X-Git-Tag: v0.2.15~6
X-Git-Url: https://git.xangelo.ca/?a=commitdiff_plain;h=97b3c28f3a2485949c8e1d20effb3d12c38ea062;p=risinglegends.git

fix: make signup collapsible

If you are using a session account, we make the actual form portion
collapsible so that you can hide it and play.
---

diff --git a/src/server/views/player-bar.ts b/src/server/views/player-bar.ts
index d02ea68..9092eee 100644
--- a/src/server/views/player-bar.ts
+++ b/src/server/views/player-bar.ts
@@ -4,21 +4,23 @@ import { expToLevel, maxHp, Player } from "../../shared/player";
 
 function displayLoginSignupForm(): string {
   return `
-<div id="signup-prompt" hx-swap-oob="true">
-  <p>Hey there! It looks like you're using a SESSION account. This allows you to play right away, but the account is tied to your current device, and will be lost if you ever clear your cookies.</p><p>
-  <form id="signup" hx-post="/auth" hx-swap="none">
-  <div class="form-group">
-  <label>Username:</label>
-  <input type="text" name="username">
-  </div>
-  <div class="form-group">
-  <label>Password:</label>
-  <input type="password" name="password">
-  </div>
-  <button type="submit" name="authType" value="signup">Create your Account</button>
-  <button type="submit" name="authType" value="login" id="login">Login To Existing Account</button>
-  </form></p>
-</div>
+  <details id="signup-prompt" hx-swap-oob="true" open>
+    <summary>
+      Hey there! It looks like you're using a SESSION account. This allows you to play right away, but the account is tied to your current device, and will be lost if you ever clear your cookies.
+    </summary>
+    <form id="signup" hx-post="/auth" hx-swap="none">
+      <div class="form-group">
+        <label>Username:</label>
+        <input type="text" name="username">
+      </div>
+      <div class="form-group">
+        <label>Password:</label>
+        <input type="password" name="password">
+      </div>
+      <button type="submit" name="authType" value="signup">Create your Account</button>
+      <button type="submit" name="authType" value="login" id="login">Login To Existing Account</button>
+    </form>
+  </details>
 `
 
 }