fix: table template preview page template
This commit is contained in:
parent
04ab19fadf
commit
942091c5d8
|
@ -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 {
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
|
@ -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>
|
|
||||||
|
|
|
@ -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}}
|
Loading…
Reference in New Issue