grail/gralias
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Feat: show and hide form

Browse Source
This commit is contained in:
Grail Finder
2025-05-02 14:09:19 +03:00
parent cd1100d4b1
commit 12f158b5a5
4 changed files with 38 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
components/createroomform.html
View File

@@ -1,24 +1,24 @@
{{define "createform"}}
<div class="create-room-div">
Create a room <br/>
or<br/>
@CustomBtn(templ.Attributes{"hx-get": "/room/hideform", "hx-target": ".create-room-div"}, "Hide Form")
<form hx-post="/room/create" hx-target="#ancestor">
<label For="room_name">Room Name</label><br/>
<input type="text" id="room_name" name="room_name" class="text-center text-black" value={utils.MakeDefaultRoomName(utils.GetUsername(c))}/><br/>
<label For="game_time">Game Time:</label><br/>
<input type="number" id="game_time" name="game_time" class="text-center text-black" value="300"/><br/>
<label For="minority_number">Minority Number:</label><br/>
<input type="number" id="minority_number" name="minority_number" class="text-center text-black" value="1"/><br/>
<label For="language">Language:</label><br/>
/* <input type="text" id="language" name="language" class="text-center text-black" value="en"/><br/> */
@base.LangOption()<br/>
<label For="password">Password:</label><br/>
<input type="text" id="password" name="room_pass" class="text-center text-black" value="" placeholder="Leave empty for open room"/><br/>
@CustomBtn(templ.Attributes{"type": "submit"}, "Create Room")
</form>
</div>
<div class="create-room-div">
Hello, you should login.
</div>
{{if .}}
<div id="create-room" class="create-room-div">
Create a room <br/>
or<br/>
<button button class="justify-center rounded-md bg-indigo-600 px-3 py-1.5 text-sm font-semibold leading-6 text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600" hx-get="/room/hideform" hx-target=".create-room-div" >Hide Form</button>
<form hx-post="/room/create" hx-target="#ancestor">
<label For="room_name">Room Name</label><br/>
<input type="text" id="room_name" name="room_name" class="text-center text-black" value={utils.MakeDefaultRoomName(utils.GetUsername(c))}/><br/>
<label For="game_time">Game Time:</label><br/>
<input type="number" id="game_time" name="game_time" class="text-center text-black" value="300"/><br/>
<label For="language">Language:</label><br/>
<input type="text" id="language" name="language" class="text-center text-black" value="en"/><br/>
<label For="password">Password:</label><br/>
<input type="text" id="password" name="room_pass" class="text-center text-black" value="" placeholder="Leave empty for open room"/><br/>
<button button class="justify-center rounded-md bg-indigo-600 px-3 py-1.5 text-sm font-semibold leading-6 text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600" type="submit" >Create Room</button>
</form>
</div>
{{else}}
<div id="create-room" class="create-room-div">
<button button id="create-form-btn" type="submit" class="justify-center rounded-md bg-indigo-600 px-3 py-1.5 text-sm font-semibold leading-6 text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600" hx-get="/room/createform" hx-swap="outerHTML">SHOW ROOM CREATE FORM</button>
</div>
{{end}}
{{end}}