feat: participant bricks in room added

routes/room_page.go

@@ -72,7 +72,12 @@ func streamingRoomStates(
 		w.Header().Set("Content-Type", "text/event-stream")
 
 		templFile := "templates/room.gohtml"
-		tmpl := template.Must(template.ParseFS(templateFs, templFile))
+		tableTemplates := "templates/tableTemplates.gohtml"
+		tmpl := template.Must(
+			template.New("").Funcs(template.FuncMap{
+				"bricksForPerson": bricksForPerson,
+				"personsFromRoom": personsFromRoom,
+			}).ParseFS(templateFs, tableTemplates, templFile))
 
 		roomStream := roomsM.Subscribe(r.Context(), roomName)
 		for room := range roomStream {
@@ -199,7 +204,12 @@ func roomPageRoute(
 
 		templFile := "templates/room.gohtml"
 		baseFile := "templates/base.gohtml"
-		tmpl := template.Must(template.ParseFS(templateFs, templFile, baseFile))
+		tableTemplates := "templates/tableTemplates.gohtml"
+		tmpl := template.Must(
+			template.New("").Funcs(template.FuncMap{
+				"bricksForPerson": bricksForPerson,
+				"personsFromRoom": personsFromRoom,
+			}).ParseFS(templateFs, tableTemplates, templFile, baseFile))
 
 		type GestureData struct {
 			Name string
@@ -236,4 +246,3 @@ func roomPageRoute(
 		}
 	}
 }
-

routes/templates/room.gohtml

@@ -35,14 +35,18 @@
         <script src="https://unpkg.com/htmx.org/dist/ext/sse.js"></script>
         <div
           id="roomTextContainer"
-          class="bg-blue-200"
+          class="bg-blue-200 grid place-content-center"
           hx-ext="sse"
           sse-connect="/rooms/subscribe?roomName={{ .Room.Name }}"
         >
           {{ block "simpleRoomShow" .Room }}
           <!-- TODO use template, not block, have only 'loader' in base place -->
           <!-- use different template based on 'mobile' query param -->
-          <div sse-swap="message">{{ . }}</div>
+          <div sse-swap="message">
+            <div>
+              {{ template "roomPeople" . }}
+            </div>
+          </div>
           {{ end }}
         </div>
         <div id="controls" class="bg-green-300">

routes/templates/tableTemplates.gohtml

@@ -1,4 +1,3 @@
-{{define "main-content"}}
 
 
 <h2>Single templates</h2>
@@ -105,6 +104,3 @@
   </div>
   {{end}}
 </div>
-
-{{end}}
-