diff options
| -rw-r--r-- | components/index.html | 37 |
1 files changed, 33 insertions, 4 deletions
diff --git a/components/index.html b/components/index.html index 68f15ad..c8cf327 100644 --- a/components/index.html +++ b/components/index.html @@ -15,17 +15,46 @@ </div> <div id="feedback"></div> <div id="options"> - {{range $index, $option := .Options}} <button + data-testid="option1" hx-post="/answer" - hx-vals='{"selected": "{{$index}}", "question_id": "{{$.ID}}"}' + hx-vals='{"selected": "0", "question_id": "{{.ID}}"}' hx-target="#feedback" hx-swap="innerHTML" class="option-button" > - {{$option}} + {{.Option1}} + </button> + <button + data-testid="option2" + hx-post="/answer" + hx-vals='{"selected": "1", "question_id": "{{.ID}}"}' + hx-target="#feedback" + hx-swap="innerHTML" + class="option-button" + > + {{.Option2}} + </button> + <button + data-testid="option3" + hx-post="/answer" + hx-vals='{"selected": "2", "question_id": "{{.ID}}"}' + hx-target="#feedback" + hx-swap="innerHTML" + class="option-button" + > + {{.Option3}} + </button> + <button + data-testid="option4" + hx-post="/answer" + hx-vals='{"selected": "3", "question_id": "{{.ID}}"}' + hx-target="#feedback" + hx-swap="innerHTML" + class="option-button" + > + {{.Option4}} </button> - {{end}} </div> </div> </body> |