fix: table template preview page template

This commit is contained in:
efim 2023-11-17 03:58:20 +00:00
parent 04ab19fadf
commit 942091c5d8
4 changed files with 53 additions and 29 deletions

View File

@ -192,7 +192,10 @@ func roomTemplatesPreview(
tmpl := template.Must(template.New("").Funcs(template.FuncMap{ tmpl := template.Must(template.New("").Funcs(template.FuncMap{
"bricksForPerson": bricksForPerson, "bricksForPerson": bricksForPerson,
"personsFromRoom": personsFromRoom, "personsFromRoom": personsFromRoom,
}).ParseFS(templateFs, baseFile, "templates/tableTemplates.gohtml")) }).ParseFS(templateFs, baseFile ,
"templates/tableTemplates.gohtml",
"templates/tableTemplatesPreview.gohtml",
))
err := tmpl.ExecuteTemplate(w, "full-page", pageData) err := tmpl.ExecuteTemplate(w, "full-page", pageData)
if err != nil { if err != nil {

View File

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

View File

@ -1,37 +1,28 @@
<h2>Single templates</h2> <h2>Single templates</h2>
<section class="grid grid-cols-2 border-4">
<div class="border-2">inactive:</div> {{ define "inactiveBrick" }}
<div class="border-2 p-3">
{{ block "inactiveBrick" .DefaultColor }}
<div <div
class="h-8 w-20 border-[hsl(var(--brick-color))]/25 border bg-[hsl(var(--brick-color))]/5" class="h-8 w-20 border-[hsl(var(--brick-color))]/25 border bg-[hsl(var(--brick-color))]/5"
style="--brick-color: var({{.}})" style="--brick-color: var({{.}})"
></div> ></div>
{{ end }} {{ end }}
</div>
<div class="border-2">raised:</div> {{ define "raisedBrick" }}
<div class="border-2 p-3">
{{ block "raisedBrick" .DefaultColor }}
<div <div
class="h-8 w-20 border-[hsl(var(--brick-color))] border-2 bg-[hsl(var(--brick-color))]/25" class="h-8 w-20 border-[hsl(var(--brick-color))] border-2 bg-[hsl(var(--brick-color))]/25"
style="--brick-color: var({{.}})" style="--brick-color: var({{.}})"
></div> ></div>
{{ end }} {{ end }}
</div>
<div class="border-2">speaker:</div> {{ define "speakerBrick" }}
<div class="border-2 p-3">
{{ block "speakerBrick" .DefaultColor }}
<div <div
class="h-8 w-20 border-[hsl(var(--brick-color))] border-2 bg-[hsl(var(--brick-color))]/50 shadow-[0_0_15px_rgba(0,_0,_0,_0.5)] shadow-[hsl(var(--brick-color))] animate-pulse" class="h-8 w-20 border-[hsl(var(--brick-color))] border-2 bg-[hsl(var(--brick-color))]/50 shadow-[0_0_15px_rgba(0,_0,_0,_0.5)] shadow-[hsl(var(--brick-color))] animate-pulse"
style="--brick-color: var({{.}})" style="--brick-color: var({{.}})"
></div> ></div>
{{ end }} {{ end }}
</div>
<div class="border-2">mark:</div> {{ define "markBrick" }}
<div class="border-2 p-3">
{{ block "markBrick" .DefaultColor }}
<div <div
class="h-8 w-20 border-[hsl(var(--brick-color))]/25 border bg-[hsl(var(--brick-color))]/5 grid place-content-center font-bold text-[hsl(var(--brick-color))]/50" class="h-8 w-20 border-[hsl(var(--brick-color))]/25 border bg-[hsl(var(--brick-color))]/5 grid place-content-center font-bold text-[hsl(var(--brick-color))]/50"
style="--brick-color: var({{.}})" style="--brick-color: var({{.}})"
@ -39,12 +30,9 @@
X X
</div> </div>
{{ end }} {{ end }}
</div>
</section>
<h2>For each type</h2> <h2>For each type</h2>
<section class="grid grid-cols-2 border-4">
{{ range .Bricks }} {{ range .Bricks }}
<div class="border-2">for {{ .Name }}</div> <div class="border-2">for {{ .Name }}</div>
<div <div
@ -56,11 +44,10 @@
"markBrick" .ColorClass }} "markBrick" .ColorClass }}
</div> </div>
{{ end }} {{ end }}
</section>
<h2>Now for BrickData taking parametrized template name</h2> <h2>Now for BrickData taking parametrized template name</h2>
{{ block "brick" .ABrick }} {{ define "brick" }}
{{ if eq .TemplateType "inactiveBrick" }} {{ if eq .TemplateType "inactiveBrick" }}
{{ template "inactiveBrick" .ColorClass }} {{ template "inactiveBrick" .ColorClass }}
@ -78,8 +65,7 @@
{{end}} {{end}}
<h2>Now for a person</h2> <h2>Now for a person</h2>
<div class="border p-3"> {{ define "personBlocks" }}
{{ block "personBlocks" .TestPerson }}
<div> <div>
{{ range (bricksForPerson .) }} {{ range (bricksForPerson .) }}
@ -89,12 +75,10 @@
</div> </div>
{{ end }} {{ end }}
</div>
<h2>And now i'll want to get all persons for a room</h2> <h2>And now i'll want to get all persons for a room</h2>
<div class="grid place-content-center"> {{ define "roomPeople" }}
{{ block "roomPeople" .ARoom }}
<div <div
class="flex flex-row" class="flex flex-row"
> >
@ -103,4 +87,3 @@
{{ end }} {{ end }}
</div> </div>
{{end}} {{end}}
</div>

View File

@ -0,0 +1,34 @@
{{define "main-content"}}
<h2>For each type</h2>
<section class="grid grid-cols-5 border-4 gap-4">
<p>types:</p>
<p> inactive </p>
<p> raised </p>
<p> speaker </p>
<p> mark </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>
{{ end }}
</section>
<h2>Now for BrickData taking parametrized template name</h2>
{{ template "brick" .ABrick }}
<h2>Now for a person</h2>
<div class="border p-3">
{{ template "personBlocks" .TestPerson }}
</div>
<h2>And now i'll want to get all persons for a room</h2>
<div class="grid place-content-center">
{{ template "roomPeople" .ARoom }}
</div>
{{end}}