25 lines
1.9 KiB
HTML
25 lines
1.9 KiB
HTML
{{define "createform"}}
|
|
{{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}}
|