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

🐛 decomponentize Select cuz of bug

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-15 16:16:55 +01:00
parent 66c6ed6944
commit 9c660cb497
Signed by: sidski
GPG key ID: D2BBDF3EDE6BA9A6
1 changed files with 36 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

39
frontend/src/routes/userform/+page.svelte
View file

@ -29,7 +29,7 @@
} }
</script> </script>
<div class="flex flex-col md:justify-center gap-6 md:gap-10 h-full md:h-screen"> <div class="flex flex-col md:justify-center gap-6 md:gap-0 h-full md:h-screen">
<a class="md:ml-32 mt-5" href="/"> <a class="md:ml-32 mt-5" href="/">
<ArrowBack width="2rem" /> <ArrowBack width="2rem" />
</a> </a>
@ -41,8 +41,38 @@
</div> </div>
<div class="flex flex-col gap-6 justify-start items-center md:w-2/4"> <div class="flex flex-col gap-6 justify-start items-center md:w-2/4">
<UserFormInput formData={age} on:update={(e) => age = e.detail} inputType="radio" label="Alder" options={["18-20", "20-30", "30-40", "40-50", "50-60", "60-70"]}/> <UserFormInput formData={age} on:update={(e) => age = e.detail} inputType="radio" label="Alder" options={["18-20", "20-30", "30-40", "40-50", "50-60", "60-70"]}/>
<UserFormInput formData={county} on:update={(e) => county = e.detail} inputType="select" label="Hvilket fylke befinner du deg i?" options={["Vestland", "Rogaland", "Møre og Romsdal", "Oslo", "Viken", "Nordland", "Trøndelag", "Innlandet", "Troms og Finnmark", "Vestfold og Telemark", "Agder"]}/>
<UserFormInput formData={education} on:update={(e) => education = e.detail} inputType="select" label="Høyeste fullførte utdanningsgrad" options={["VGS", "Bachelor", "Master", "PhD"]}/> <div class="flex flex-col md:flex-row justify-between md:justify-start items-start gap-3 md:gap-0 md:h-1/4 w-full">
<div class="w-full md:w-3/12">
<p class="text-primary font-bold w-auto">Hvilket fylke befinner du deg i?</p>
</div>
<div class="w-full md:w-5/6">
<select class="md:ml-6 pl-2 pr-16 py-2 rounded-xl text-primary border-primary border-2 text-start hover:cursor-pointer"
on:change={(e) => county = e.target.value}
>
{#each ["Vestland", "Rogaland", "Møre og Romsdal", "Oslo", "Viken", "Nordland", "Trøndelag", "Innlandet", "Troms og Finnmark", "Vestfold og Telemark", "Agder"] as data}
<option value={data}>{data}</option>
{/each}
</select>
</div>
</div>
<div class="flex flex-col md:flex-row justify-between md:justify-start items-start gap-3 md:gap-0 md:h-1/4 w-full">
<div class="w-full md:w-3/12">
<p class="text-primary font-bold w-auto">Høyeste fullførte utdanningsgrad:</p>
</div>
<div class="w-full md:w-5/6">
<select class="md:ml-6 pl-2 pr-16 py-2 rounded-xl text-primary border-primary border-2 text-start hover:cursor-pointer"
on:change={(e) => education = e.target.value}
>
{#each ["VGS", "Bachelor", "Master", "PhD"] as data}
<option value={data}>{data}</option>
{/each}
</select>
</div>
</div>
<UserFormInput formData={healthcare_personnel} on:update={(e) => healthcare_personnel = e.detail} inputType="radio" label="Jobber/studerer du innen helse?" options={["Ja", "Nei"]}/> <UserFormInput formData={healthcare_personnel} on:update={(e) => healthcare_personnel = e.detail} inputType="radio" label="Jobber/studerer du innen helse?" options={["Ja", "Nei"]}/>
<UserFormInput formData={is_licensed} on:update={(e) => is_licensed = e.detail} inputType="radio" label="Er du lege eller medisinstudent med lisens?" options={["Ja", "Nei"]}/> <UserFormInput formData={is_licensed} on:update={(e) => is_licensed = e.detail} inputType="radio" label="Er du lege eller medisinstudent med lisens?" options={["Ja", "Nei"]}/>
<UserFormInput formData={gender} on:update={(e) => gender = e.detail} inputType="radio" label="Kjønn" options={["Mann", "Kvinne", "Annet"]}/> <UserFormInput formData={gender} on:update={(e) => gender = e.detail} inputType="radio" label="Kjønn" options={["Mann", "Kvinne", "Annet"]}/>
@ -64,7 +94,4 @@
margin-left: 2rem; margin-left: 2rem;
font-size: large; font-size: large;
} }
p {
font-size: larger;
}
</style> </style>