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
	 Grail Finder
					Grail Finder