Feat: roomlist & join room
This commit is contained in:
27
components/roomlist.html
Normal file
27
components/roomlist.html
Normal file
@ -0,0 +1,27 @@
|
||||
{{define "roomlist"}}
|
||||
<div id="roomlist">
|
||||
{{range .}}
|
||||
<p>
|
||||
{{.ID}}
|
||||
</p>
|
||||
<div class="room-item mb-3 p-4 border rounded-lg hover:bg-gray-50 transition-colors">
|
||||
<div class="flex justify-between items-center">
|
||||
<div hx-get="/room-join?id={{.ID}}" hx-target="#ancestor" class="room-info">
|
||||
<div class="text-sm text-gray-500">
|
||||
Created {{.CreatedAt.Format "2 Jan 2006 15:04"}} by
|
||||
<span class="font-medium text-gray-700">{{.CreatorName}}</span>
|
||||
</div>
|
||||
<div class="mt-1 flex items-center gap-3">
|
||||
<span class="px-2 py-1 text-xs font-medium rounded-full {{if .IsGameRunning}}bg-green-100 text-green-800{{else}}bg-gray-100 text-gray-600{{end}}">
|
||||
{{if .IsRunning}}Game Active{{else}}Waiting Room{{end}}
|
||||
</span>
|
||||
<!-- <span class="text-sm text-gray-600"> -->
|
||||
<!-- {{.PlayersCount}} player{{if ne .PlayersCount 1}}s{{end}} -->
|
||||
<!-- </span> -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{end}}
|
||||
</div>
|
||||
{{end}}
|
Reference in New Issue
Block a user