Enha: front padding
This commit is contained in:
@ -3,29 +3,29 @@
|
|||||||
<div>
|
<div>
|
||||||
{{$botName = .Room.FindBotByTeamRole "blue" "mime"}}
|
{{$botName = .Room.FindBotByTeamRole "blue" "mime"}}
|
||||||
{{ if eq .Room.BlueTeam.Mime "" }}
|
{{ if eq .Room.BlueTeam.Mime "" }}
|
||||||
<button hx-get="/add-bot?team=blue&role=mime" hx-target="#addbot" class="bg-blue-400 text-black px-4 py-2 rounded">Add Bot Mime</button>
|
<button hx-get="/add-bot?team=blue&role=mime" hx-target="#addbot" class="bg-blue-400 text-black px-1 py-1 rounded">Add Bot Mime</button>
|
||||||
{{ else if ne $botName "" }}
|
{{ else if ne $botName "" }}
|
||||||
<button hx-get="/remove-bot?bot={{$botName}}" hx-target="#addbot" class="bg-blue-400 text-black px-4 py-2 rounded">Remove {{$botName}}</button>
|
<button hx-get="/remove-bot?bot={{$botName}}" hx-target="#addbot" class="bg-blue-400 text-black px-1 py-1 rounded">Remove {{$botName}}</button>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
{{$botName = .Room.FindBotByTeamRole "red" "mime"}}
|
{{$botName = .Room.FindBotByTeamRole "red" "mime"}}
|
||||||
{{ if eq .Room.RedTeam.Mime "" }}
|
{{ if eq .Room.RedTeam.Mime "" }}
|
||||||
<button hx-get="/add-bot?team=red&role=mime" hx-target="#addbot" class="bg-red-400 text-black px-4 py-2 rounded">Add Bot Mime</button>
|
<button hx-get="/add-bot?team=red&role=mime" hx-target="#addbot" class="bg-red-400 text-black px-1 py-1 rounded">Add Bot Mime</button>
|
||||||
{{ else if ne $botName "" }}
|
{{ else if ne $botName "" }}
|
||||||
<button hx-get="/remove-bot?bot={{$botName}}" hx-target="#addbot" class="bg-red-400 text-black px-4 py-2 rounded">Remove {{$botName}}</button>
|
<button hx-get="/remove-bot?bot={{$botName}}" hx-target="#addbot" class="bg-red-400 text-black px-1 py-1 rounded">Remove {{$botName}}</button>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
</div>
|
</div>
|
||||||
{{$botName = .Room.FindBotByTeamRole "blue" "guesser"}}
|
{{$botName = .Room.FindBotByTeamRole "blue" "guesser"}}
|
||||||
<div>
|
<div>
|
||||||
{{ if not .Room.BlueTeam.Guessers }}
|
{{ if not .Room.BlueTeam.Guessers }}
|
||||||
<button hx-get="/add-bot?team=blue&role=guesser" hx-target="#addbot" class="bg-blue-300 text-black px-4 py-2 rounded">Add Bot Guesser</button>
|
<button hx-get="/add-bot?team=blue&role=guesser" hx-target="#addbot" class="bg-blue-300 text-black px-1 py-1 rounded">Add Bot Guesser</button>
|
||||||
{{ else if ne $botName "" }}
|
{{ else if ne $botName "" }}
|
||||||
<button hx-get="/remove-bot?bot={{$botName}}" hx-target="#addbot" class="bg-blue-300 text-black px-4 py-2 rounded">Remove {{$botName}}</button>
|
<button hx-get="/remove-bot?bot={{$botName}}" hx-target="#addbot" class="bg-blue-300 text-black px-1 py-1 rounded">Remove {{$botName}}</button>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
{{$botName = .Room.FindBotByTeamRole "red" "guesser"}}
|
{{$botName = .Room.FindBotByTeamRole "red" "guesser"}}
|
||||||
{{ if not .Room.RedTeam.Guessers }}
|
{{ if not .Room.RedTeam.Guessers }}
|
||||||
<button hx-get="/add-bot?team=red&role=guesser" hx-target="#addbot" class="bg-red-300 text-black px-4 py-2 rounded">Add Bot Guesser</button>
|
<button hx-get="/add-bot?team=red&role=guesser" hx-target="#addbot" class="bg-red-300 text-black px-1 py-1 rounded">Add Bot Guesser</button>
|
||||||
{{ else if ne $botName "" }}
|
{{ else if ne $botName "" }}
|
||||||
<button hx-get="/remove-bot?bot={{$botName}}" hx-target="#addbot" class="bg-red-300 text-black px-4 py-2 rounded">Remove {{$botName}}</button>
|
<button hx-get="/remove-bot?bot={{$botName}}" hx-target="#addbot" class="bg-red-300 text-black px-1 py-1 rounded">Remove {{$botName}}</button>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
</div>
|
</div>
|
||||||
{{end}}
|
{{end}}
|
||||||
|
@ -1,13 +1,14 @@
|
|||||||
{{define "teamlist"}}
|
{{define "teamlist"}}
|
||||||
|
<div>
|
||||||
<div class="playerlist border border-gray-300 text-{{.Color}}-500 rounded mb-2">
|
<div class="playerlist border border-gray-300 text-{{.Color}}-500 rounded mb-2">
|
||||||
<p class=border>Guessers</p>
|
<p class="border">Guessers</p>
|
||||||
{{range .Guessers}}
|
{{range .Guessers}}
|
||||||
<p>{{.}}</p>
|
<p>{{.}}</p>
|
||||||
{{end}}
|
{{end}}
|
||||||
</div>
|
</div>
|
||||||
<hr />
|
|
||||||
<div class="playerlist border border-gray-300 rounded mb-2 text-{{.Color}}-700">
|
<div class="playerlist border border-gray-300 rounded mb-2 text-{{.Color}}-700">
|
||||||
<p class=border>Mime</p>
|
<p class="border">Mime</p>
|
||||||
<p>{{.Mime}}</p>
|
<p>{{.Mime}}</p>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
{{end}}
|
{{end}}
|
||||||
|
@ -37,7 +37,7 @@
|
|||||||
{{template "addbot" .}}
|
{{template "addbot" .}}
|
||||||
{{end}}
|
{{end}}
|
||||||
</div>
|
</div>
|
||||||
<div class="flex justify-center">
|
<div class="flex justify-center space-x-4">
|
||||||
<!-- Left Panel -->
|
<!-- Left Panel -->
|
||||||
{{template "teamlist" .Room.BlueTeam}}
|
{{template "teamlist" .Room.BlueTeam}}
|
||||||
{{if not .Room.IsRunning}}
|
{{if not .Room.IsRunning}}
|
||||||
|
@ -1,4 +1,5 @@
|
|||||||
{{define "teampew"}}
|
{{define "teampew"}}
|
||||||
|
<div class="space-y-4">
|
||||||
<div>
|
<div>
|
||||||
<h2 class="text-xl mb-4">Join Blue Team</h2>
|
<h2 class="text-xl mb-4">Join Blue Team</h2>
|
||||||
<form hx-post="/join-team" hx-target="#ancestor">
|
<form hx-post="/join-team" hx-target="#ancestor">
|
||||||
@ -6,14 +7,14 @@
|
|||||||
<div class="mb-1">
|
<div class="mb-1">
|
||||||
{{if and (eq .State.Role "guesser") (eq .State.Team "blue")}}
|
{{if and (eq .State.Role "guesser") (eq .State.Team "blue")}}
|
||||||
{{else}}
|
{{else}}
|
||||||
<button type="submit" name="role" value="guesser" class="w-full bg-blue-500 text-white py-2 px-4 rounded">
|
<button type="submit" name="role" value="guesser" class="w-full bg-blue-500 text-white py-1 px-2 rounded">
|
||||||
Join as Guesser
|
Join as Guesser
|
||||||
</button>
|
</button>
|
||||||
{{end}}
|
{{end}}
|
||||||
</div>
|
</div>
|
||||||
{{if eq .Room.BlueTeam.Mime ""}}
|
{{if eq .Room.BlueTeam.Mime ""}}
|
||||||
<div>
|
<div>
|
||||||
<button type="submit" name="role" value="mime" class="w-full bg-blue-700 text-white py-2 px-4 rounded">
|
<button type="submit" name="role" value="mime" class="w-full bg-blue-700 text-white py-1 px-2 rounded">
|
||||||
Join as Mime
|
Join as Mime
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
@ -27,18 +28,19 @@
|
|||||||
<div class="mb-1">
|
<div class="mb-1">
|
||||||
{{if and (eq .State.Role "guesser") (eq .State.Team "red")}}
|
{{if and (eq .State.Role "guesser") (eq .State.Team "red")}}
|
||||||
{{else}}
|
{{else}}
|
||||||
<button type="submit" name="role" value="guesser" class="w-full bg-red-500 text-white py-2 px-4 rounded">
|
<button type="submit" name="role" value="guesser" class="w-full bg-red-500 text-white py-1 px-2 rounded">
|
||||||
Join as Guesser
|
Join as Guesser
|
||||||
</button>
|
</button>
|
||||||
{{end}}
|
{{end}}
|
||||||
</div>
|
</div>
|
||||||
{{if eq .Room.RedTeam.Mime ""}}
|
{{if eq .Room.RedTeam.Mime ""}}
|
||||||
<div>
|
<div>
|
||||||
<button type="submit" name="role" value="mime" class="w-full bg-red-700 text-white py-2 px-4 rounded">
|
<button type="submit" name="role" value="mime" class="w-full bg-red-700 text-white py-1 px-2 rounded">
|
||||||
Join as Mime
|
Join as Mime
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
{{end}}
|
{{end}}
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
{{end}}
|
{{end}}
|
||||||
|
Reference in New Issue
Block a user