fix: mark & active brick type

routes/room_page_templates_preview.go

@@ -177,6 +177,8 @@ func (pData personData)BricksForPerson() []brickState {
 		// this results in iteration 4,3,2,1,0,255 wow
 		templateType := "inactiveBrick"
 		switch {
+		case pData.IsRaised && pData.IsMark && gesture == pData.Raised:
+			templateType = "markAndRaisedBrick"
 		case pData.IsMark && gesture == pData.Mark:
 			templateType = "markBrick"
 		case pData.IsSpeaker && gesture == pData.Raised:
@@ -225,6 +227,10 @@ func roomTemplatesPreview(
 			Id:   rooms.PersonId(300),
 			Name: "test person name 3",
 		}
+		var person4 = rooms.Person{
+			Id:   rooms.PersonId(400),
+			Name: "test person name 4",
+		}
 		aRoom := rooms.Room{
 			Name:           "test",
 			CurrentSpeaker: person3.Id,
@@ -232,18 +238,22 @@ func roomTemplatesPreview(
 				person1.Id: person1,
 				person2.Id: person2,
 				person3.Id: person3,
+				person4.Id: person4,
 			},
 			Paricipants: []rooms.PersonId{
 				person1.Id,
 				person2.Id,
 				person3.Id,
+				person4.Id,
 			},
 			ParticipantHands: map[rooms.PersonId]rooms.HandGesture{
 				person3.Id: rooms.ClarifyingQ,
 				person2.Id: rooms.Meta,
+				person4.Id: rooms.ChangeTopic,
 			},
 			Marks: map[rooms.HandGesture]rooms.PersonId{
 				rooms.Expand:      person1.Id,
+				rooms.ChangeTopic: person4.Id,
 			},
 		}
 

routes/static/out.css

@@ -628,8 +628,8 @@ video {
   grid-template-columns: repeat(2, minmax(0, 1fr));
 }
 
-.grid-cols-5 {
+.grid-cols-6 {
-  grid-template-columns: repeat(5, minmax(0, 1fr));
+  grid-template-columns: repeat(6, minmax(0, 1fr));
 }
 
 .grid-rows-\[auto\2c 1fr\] {

routes/templates/tableTemplates.gohtml

@@ -26,6 +26,14 @@
   X
 </div>
 {{ end }}
+{{ define "markAndRaisedBrick" }}
+<div
+  class="h-[var(--brick-height)] w-20 border-[hsl(var(--brick-color))] border bg-[hsl(var(--brick-color))]/25 grid place-content-center font-bold text-[hsl(var(--brick-color))]/50"
+  style="--brick-color: var({{.}}); --brick-height: calc(var(--d)/5)"
+>
+  X
+</div>
+{{ end }}
 
 <h2>Now for BrickData taking parametrized template name</h2>
 {{ define "brick" }}
@@ -37,6 +45,8 @@
   {{ template "speakerBrick" .ColorClass }}
 {{ else if eq .TemplateType "markBrick" }}
   {{ template "markBrick" .ColorClass }}
+{{ else if eq .TemplateType "markAndRaisedBrick" }}
+  {{ template "markAndRaisedBrick" .ColorClass }}
 {{ end }}
 {{end}}
 

routes/templates/tableTemplatesPreview.gohtml

@@ -1,19 +1,21 @@
 {{define "main-content"}}
-<div style="--d: 10rem">
+<div style="--d: 10rem;">
 
 <h2>For each type</h2>
-<section class="grid grid-cols-5 border-4 gap-4">
+<section class="grid grid-cols-6 border-4 gap-4">
   <p>types:</p>
   <p> inactive </p>
   <p> raised </p>
   <p> speaker </p>
   <p> mark </p>
+  <p> mark and active </p>
   {{ range .Bricks }}
   <div class="border-2">for {{ .Name }}</div>
   <div>{{ template "inactiveBrick" .ColorClass }}</div>
   <div>{{ template "raisedBrick" .ColorClass }}</div>
   <div>{{ template "speakerBrick" .ColorClass }}</div>
   <div>{{ template "markBrick" .ColorClass }}</div>
+  <div>{{ template "markAndRaisedBrick" .ColorClass }}</div>
   {{ end }}
 </section>