summaryrefslogtreecommitdiff
path: root/components/feedback.html
diff options
context:
space:
mode:
Diffstat (limited to 'components/feedback.html')
-rw-r--r--components/feedback.html33
1 files changed, 33 insertions, 0 deletions
diff --git a/components/feedback.html b/components/feedback.html
new file mode 100644
index 0000000..0eda969
--- /dev/null
+++ b/components/feedback.html
@@ -0,0 +1,33 @@
+{{define "feedback"}}
+{{if .Correct}}
+<div class="correct-feedback">
+ <div class="correct-answer">Correct!</div>
+ <div class="explanation">{{.Explanation}}</div>
+ {{if .ShowNext}}
+ <button
+ hx-get="/next-question?current_id={{.ID}}"
+ hx-target="#ancestor"
+ hx-swap="outerHTML"
+ class="next-button"
+ data-testid="next-button">
+ Next Question →
+ </button>
+ {{end}}
+</div>
+{{else}}
+<div class="error-feedback">
+ <div class="wrong-answer">Try Again</div>
+ <div class="explanation">{{.Explanation}}</div>
+ {{if .ShowNext}}
+ <button
+ hx-get="/next-question?current_id={{.ID}}"
+ hx-target="#ancestor"
+ hx-swap="outerHTML"
+ class="next-button"
+ data-testid="next-button">
+ Next Question →
+ </button>
+ {{end}}
+</div>
+{{end}}
+{{end}}