🚧 working on submit-functionality

Co-authored-by: haraldnilsen <harald_998@hotmail.com>
Signed-off-by: Sindre Kjelsrud <kjelsrudsindre@gmail.com>
This commit is contained in:
Sindre Kjelsrud 2024-01-07 16:26:26 +01:00
parent d92c45ecfc
commit b732a46ca1
Signed by: sidski
GPG key ID: D2BBDF3EDE6BA9A6
3 changed files with 14 additions and 8 deletions

View file

@ -14,6 +14,9 @@
let questionAnswer2ID: number = 0
let questionNumber: number = 0
let question1Answered: boolean = false
let question2Answered: boolean = false
// Reactive statement to react on 'data.slug' changes
$: if (data && data.slug !== undefined && browser) {
questionNumber = data.slug;
@ -43,9 +46,11 @@
<FormHeader questionNum={questionNumber} formQuestion={formQuestion}/>
<div class="flex h-full justify-between gap-12">
{#key questionNumber}
<AnswerBox answerNum={1} answerText={questionAnswer1Text} answerID={questionAnswer1ID}/>
<AnswerBox answerNum={2} answerText={questionAnswer2Text} answerID={questionAnswer2ID}/>
<AnswerBox on:update={(e) => question1Answered = e.detail} answerNum={1} answerText={questionAnswer1Text} answerID={questionAnswer1ID}/>
<AnswerBox on:update={(e) => question2Answered = e.detail} answerNum={2} answerText={questionAnswer2Text} answerID={questionAnswer2ID}/>
{/key}
</div>
<Footer questionNum={Number(questionNumber)}/>
{#key questionNumber}
<Footer answeredAll={question1Answered && question2Answered} questionNum={Number(questionNumber)}/>
{/key}
</div>