feat: initial commit

internal/http/handler/webui/quiz/component/history_page.templ

@@ -0,0 +1,43 @@
+package component
+
+import (
+	"fmt"
+	common "forge.cadoles.com/wpetit/kouiz/internal/http/handler/webui/common/component"
+	"forge.cadoles.com/wpetit/kouiz/internal/store"
+)
+
+type HistoryPageVModel struct {
+	History []*store.QuizTurn
+}
+
+templ HistoryPage(vmodel HistoryPageVModel) {
+	@common.AppPage(common.WithPageOptions(
+		common.WithTitle("Historique"),
+	)) {
+		<h3 class="title">Historique</h3>
+		for _, turn := range vmodel.History {
+			<details>
+				<summary class="has-text-weight-bold is-clickable is-size-4">Tour #{ fmt.Sprintf("%d", turn.ID) }</summary>
+				<div class="pl-5">
+					for _, entry := range turn.Entries {
+						<details class="mt-3">
+							<summary class="has-text-weight-bold is-clickable is-size-5"><span>{ entry.Question }</span><span class="is-italic has-text-grey  is-size-6">( { entry.Category.Theme } / { entry.Category.Name } / { store.DifficultyLevel(entry.Level) } )</span></summary>
+							<div class="content">
+								<ol class="mt-3">
+									for _, proposition := range entry.Propositions {
+										<li class={ templ.KV("has-text-success has-text-weight-bold", proposition == entry.Answer) }>{ proposition }</li>
+									}
+								</ol>
+							</div>
+							<div class="message is-small">
+								<div class="message-header">Le saviez vous ?</div>
+								<div class="message-body">{ entry.Anecdote }</div>
+							</div>
+						</details>
+					}
+				</div>
+			</details>
+			<hr/>
+		}
+	}
+}