sidski/helseveileder
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

✨ randomize order of answers

Browse source 
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-14 13:20:00 +01:00
parent bda57ee28e
commit 75e9598db2
Signed by: sidski
GPG key ID: D2BBDF3EDE6BA9A6
1 changed files with 16 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

22
frontend/src/routes/form/[slug]/+page.svelte
View file

@ -14,6 +14,8 @@
let questionAnswer2ID: number = 0
let questionNumber: number = 0
let shouldSwitch = false;
let question1Answered: boolean = false
let question2Answered: boolean = false
@ -60,16 +62,24 @@
// On mount, call the update function
onMount(() => {
updateQuestionData();
shouldSwitch = Math.random() >= 0.5;
});
</script>
<div class="flex flex-col h-full md:h-screen gap-4">
<div class="flex flex-col h-full md:h-screen gap-10">
<FormHeader questionNum={questionNumber} formQuestion={formQuestion}/>
<div class="flex flex-col md:flex-row h-full justify-between gap-12">
{#key questionNumber}
<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 class="flex flex-col md:flex-row h-full justify-between gap-12">
{#if shouldSwitch}
{#key questionNumber}
<AnswerBox on:update={(e) => question2Answered = e.detail} answerNum={2} answerText={questionAnswer2Text} answerID={questionAnswer2ID}/>
<AnswerBox on:update={(e) => question1Answered = e.detail} answerNum={1} answerText={questionAnswer1Text} answerID={questionAnswer1ID}/>
{/key}
{:else}
{#key questionNumber}
<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}
{/if}
</div>
{#key questionNumber}
<Footer answeredAll={question1Answered && question2Answered} questionNum={Number(questionNumber)}/>