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

✨ added possibilities to exit survey

Browse source 
Co-authored-by: Sindre Kjelsrud <kjelsrudsindre@gmail.com>
This commit is contained in:
haraldnilsen 2024-01-14 21:20:40 +01:00
parent 055fce482a
commit 642446c135
2 changed files with 17 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
frontend/src/components/form/footer/Footer.svelte
View file

@ -8,6 +8,8 @@
export let answeredAll:boolean
export let answer1ID:number
export let answer2ID:number
let wantsToSubmit:boolean
const gotoNextPage = async (questionNum: number) => {
goto(`${questionNum + 1}`)
@ -42,6 +44,8 @@
if (allFormAnswers && respondentID) {
await postFormData(Number(respondentID), allFormAnswers)
goto("/evaluation")
} else {
goto("/")
}
}
@ -62,12 +66,22 @@
<ArrowChevron width=16 direction="right"/>
</button>
</div>
<div class="flex gap-8">
<div class="flex gap-8 items-center">
<button on:click={() => skipQuestion(questionNum)} class="border-2 border-primary text-primary rounded-3xl hover:bg-primary hover:text-bg px-3 py-2">
Ønsker ikke vurdere dette spørsmålet
</button>
<button on:click={handleFormSubmit} disabled={(questionNum != 0 && questionNum % 4 == 0) || !answeredAll} class={`border-2 border-primary bg-primary text-bg rounded-3xl px-3 py-2 ${(questionNum != 0 && questionNum % 4 == 0) || !answeredAll && "opacity-50"} ${questionNum != 0 && questionNum % 4 == 0 && "opacity-50"} ${questionNum % 4 == 0 && questionNum != 0 && answeredAll && "hidden"}`}>
{#if wantsToSubmit}
<div class="flex flex-col gap-2">
<p class="text-primary font-semibold text-center">Er du sikker på at du vil avslutte undersøkelsen?</p>
<div class="flex flex-grow justify-center gap-4">
<button on:click={handleFormSubmit} class={`border-2 border-primary bg-primary text-bg rounded-full hover:bg-bg hover:text-primary px-7 py-2`}>Ja</button>
<button on:click={() => wantsToSubmit = false} class={`border-2 border-primary bg-primary text-bg rounded-full hover:bg-bg hover:text-primary px-7 py-2`}>Nei</button>
</div>
</div>
{:else}
<button on:click={() => wantsToSubmit = true} class={`border-2 border-primary bg-primary text-bg rounded-3xl px-3 py-2 ${questionNum % 4 == 0 && questionNum != 0 && answeredAll && "hidden"}`}>
Avslutt undersøkelsen og send inn svar
</button>
{/if}
</div>
</div>

2
frontend/src/routes/+page.svelte
View file

@ -6,7 +6,7 @@
<div class="flex flex-col w-11/12 md:w-3/5 gap-2 md:gap-4">
<h1 class="text-5xl md:text-7xl text-primary font-bold pb-2">Helseveileder</h1>
<p>Vi utfører en undersøkelse om kunstig intelligens (AI) i medisin. Vi ønsker å forstå hvordan AI kan fungere som en copilot for leger og pasienter.</p>
<p>Undersøkelsen er helt anonym. Spørsmålene er helserettet innenfor et spekter av kategorier. Det er mulig å gå videre til neste spørsmål, hvis man er ukomfortabel med spørsmålet eller ikke ønsker å vurdere et spørsmål.</p>
<p>Undersøkelsen er helt anonym. Spørsmålene er helserettet innenfor et spekter av kategorier. Det er mulig å gå videre til neste spørsmål, hvis man er ukomfortabel med spørsmålet eller ikke ønsker å vurdere et spørsmål. Hvis du ønsker å avbryte spørreundersøkelsen uten å sende inn svar, lukker du vinduet.</p>
<ul>
<p class="mb-4">I denne undersøkelsen vil vi at du skal vurdere empati, kunnskap og hjelpsomhet i ulike svar på medisinske spørsmål.</p>
<li><strong>Empati:</strong> Evnen til å oppdage og erkjenne andres følelser og tanker.</li>