Feature/bestillingsvisning omskrivning

apps/dolly-frontend/src/main/js/src/components/bestilling/sammendrag/Bestillingsdata.tsx

@@ -0,0 +1,166 @@
+import { Foedsel } from '@/components/fagsystem/pdlf/bestilling/partials/Foedsel'
+import styled from 'styled-components'
+import React from 'react'
+import { Alder } from '@/components/fagsystem/pdlf/bestilling/partials/Alder'
+import { Doedsfall } from '@/components/fagsystem/pdlf/bestilling/partials/Doedsfall'
+import { Statsborgerskap } from '@/components/fagsystem/pdlf/bestilling/partials/Statsborgerskap'
+import { Innvandring } from '@/components/fagsystem/pdlf/bestilling/partials/Innvandring'
+import { Utvandring } from '@/components/fagsystem/pdlf/bestilling/partials/Utvandring'
+import { Kjoenn } from '@/components/fagsystem/pdlf/bestilling/partials/Kjoenn'
+import { Navn } from '@/components/fagsystem/pdlf/bestilling/partials/Navn'
+import { Spraak } from '@/components/fagsystem/pdlf/bestilling/partials/Spraak'
+import { Skjerming } from '@/components/fagsystem/pdlf/bestilling/partials/Skjerming'
+import { NorskBankkonto } from '@/components/fagsystem/pdlf/bestilling/partials/NorskBankkonto'
+import { UtenlandskBankkonto } from '@/components/fagsystem/pdlf/bestilling/partials/UtenlandskBankkonto'
+import { Telefonnummer } from '@/components/fagsystem/pdlf/bestilling/partials/Telefonnummer'
+import { Vergemaal } from '@/components/fagsystem/pdlf/bestilling/partials/Vergemaal'
+import { Fullmakt } from '@/components/fagsystem/pdlf/bestilling/partials/Fullmakt'
+import { Sikkerhetstiltak } from '@/components/fagsystem/pdlf/bestilling/partials/Sikkerhetstiltak'
+import { TilrettelagtKommunikasjon } from '@/components/fagsystem/pdlf/bestilling/partials/TilrettelagtKommunikasjon'
+import { Bostedsadresse } from '@/components/fagsystem/pdlf/bestilling/partials/Bostedsadresse'
+import { Oppholdsadresse } from '@/components/fagsystem/pdlf/bestilling/partials/Oppholdsadresse'
+import { Kontaktadresse } from '@/components/fagsystem/pdlf/bestilling/partials/Kontaktadresse'
+import { Adressebeskyttelse } from '@/components/fagsystem/pdlf/bestilling/partials/Adressebeskyttelse'
+import { Sivilstand } from '@/components/fagsystem/pdlf/bestilling/partials/Sivilstand'
+import { ForelderBarnRelasjon } from '@/components/fagsystem/pdlf/bestilling/partials/ForelderBarnRelasjon'
+import { Foreldreansvar } from '@/components/fagsystem/pdlf/bestilling/partials/Foreldreansvar'
+import { DoedfoedtBarn } from '@/components/fagsystem/pdlf/bestilling/partials/DoedfoedtBarn'
+import { FalskIdentitet } from '@/components/fagsystem/pdlf/bestilling/partials/FalskIdentitet'
+import { UtenlandskIdent } from '@/components/fagsystem/pdlf/bestilling/partials/UtenlandskIdent'
+import { NyIdentitet } from '@/components/fagsystem/pdlf/bestilling/partials/NyIdentitet'
+import { KontaktinformasjonForDoedsbo } from '@/components/fagsystem/pdlf/bestilling/partials/KontaktinformasjonForDoedsbo'
+import { Arbeidsforhold } from '@/components/fagsystem/aareg/bestilling/Arbeidsforhold'
+import { Sigrunstub } from '@/components/fagsystem/sigrunstub/bestilling/Sigrunstub'
+import { SigrunstubPensjonsgivende } from '@/components/fagsystem/sigrunstubPensjonsgivende/bestilling/SigrunstubPensjonsgivende'
+import { Inntektstub } from '@/components/fagsystem/inntektstub/bestilling/Inntektstub'
+import { Inntektsmelding } from '@/components/fagsystem/inntektsmelding/bestilling/Inntektsmelding'
+import { Skattekort } from '@/components/fagsystem/skattekort/bestilling/Skattekort'
+import { Arbeidsplassen } from '@/components/fagsystem/arbeidsplassen/bestilling/Arbeidsplassen'
+import { PensjonsgivendeInntekt } from '@/components/fagsystem/pensjon/bestilling/PensjonsgivendeInntekt'
+import { GenerertPensjonsgivendeInntekt } from '@/components/fagsystem/pensjon/bestilling/GenerertPensjonsgivendeInntekt'
+import { Pensjonsavtale } from '@/components/fagsystem/pensjonsavtale/bestilling/Pensjonsavtale'
+import { Tjenestepensjon } from '@/components/fagsystem/tjenestepensjon/bestilling/Tjenestepensjon'
+import { Alderspensjon } from '@/components/fagsystem/alderspensjon/bestilling/Alderspensjon'
+import { Uforetrygd } from '@/components/fagsystem/uforetrygd/bestilling/Uforetrygd'
+import { AfpOffentlig } from '@/components/fagsystem/afpOffentlig/bestilling/AfpOffentlig'
+import { Arena } from '@/components/fagsystem/arena/bestilling/Arena'
+import { Sykemelding } from '@/components/fagsystem/sykdom/bestilling/Sykemelding'
+import { Yrkesskader } from '@/components/fagsystem/yrkesskader/bestilling/Yrkesskader'
+import { Brregstub } from '@/components/fagsystem/brregstub/bestilling/Brregstub'
+import { Inst } from '@/components/fagsystem/inst/bestilling/Inst'
+import { Krrstub } from '@/components/fagsystem/krrstub/bestilling/Krrstub'
+import { Medl } from '@/components/fagsystem/medl/bestilling/Medl'
+import { Udistub } from '@/components/fagsystem/udistub/bestilling/Udistub'
+import { Dokarkiv } from '@/components/fagsystem/dokarkiv/bestilling/Dokarkiv'
+import { Histark } from '@/components/fagsystem/histark/bestilling/Histark'
+import { Foedested } from '@/components/fagsystem/pdlf/bestilling/partials/Foedested'
+import { Foedselsdato } from '@/components/fagsystem/pdlf/bestilling/partials/Foedselsdato'
+
+export const BestillingTitle = styled.h4`
+	margin: 5px 0 15px 0;
+`
+
+export const BestillingData = styled.div`
+	display: flex;
+	flex-wrap: wrap;
+	margin-bottom: 10px;
+
+	&& {
+		.title-value {
+			margin-bottom: 15px;
+		}
+	}
+`
+
+const StyledText = styled.p`
+	margin: 5px 0;
+`
+
+export const EmptyObject = () => <StyledText>Ingen verdier satt</StyledText>
+
+export const Bestillingsdata = ({ bestilling }: any) => {
+	console.log('bestilling: ', bestilling) //TODO - SLETT MEG
+	// const windowHeight = window.innerHeight
+	// console.log('windowHeight: ', windowHeight) //TODO - SLETT MEG
+
+	return (
+		<>
+			<Alder opprettNyPerson={bestilling.pdldata?.opprettNyPerson} />
+			<Foedested foedestedListe={bestilling.pdldata?.person?.foedested} />
+			<Foedselsdato foedselsdatoListe={bestilling.pdldata?.person?.foedselsdato} />
+			<Foedsel foedselListe={bestilling.pdldata?.person?.foedsel} />
+			<Doedsfall doedsfallListe={bestilling.pdldata?.person?.doedsfall} />
+			<Statsborgerskap statsborgerskapListe={bestilling.pdldata?.person?.statsborgerskap} />
+			<Innvandring innvandringListe={bestilling.pdldata?.person?.innflytting} />
+			<Utvandring utvandringListe={bestilling.pdldata?.person?.utflytting} />
+			<Kjoenn kjoennListe={bestilling.pdldata?.person?.kjoenn} />
+			<Navn navnListe={bestilling.pdldata?.person?.navn} />
+			<Spraak spraakKode={bestilling.tpsMessaging?.spraakKode} />
+			<Skjerming
+				skjerming={
+					bestilling.tpsMessaging?.egenAnsattDatoFom
+						? {
+								egenAnsattDatoFom: bestilling.tpsMessaging?.egenAnsattDatoFom,
+								egenAnsattDatoTom: bestilling.tpsMessaging?.egenAnsattDatoTom,
+							}
+						: bestilling.skjerming
+				}
+			/>
+			<NorskBankkonto norskBankkonto={bestilling.bankkonto?.norskBankkonto} />
+			<UtenlandskBankkonto utenlandskBankkonto={bestilling.bankkonto?.utenlandskBankkonto} />
+			<Telefonnummer telefonnummerListe={bestilling.pdldata?.person?.telefonnummer} />
+			<Vergemaal vergemaalListe={bestilling.pdldata?.person?.vergemaal} />
+			<Fullmakt fullmaktListe={bestilling.fullmakt || bestilling.pdldata?.person?.fullmakt} />
+			<Sikkerhetstiltak sikkerhetstiltakListe={bestilling.pdldata?.person?.sikkerhetstiltak} />
+			<TilrettelagtKommunikasjon
+				tilrettelagtKommunikasjonListe={bestilling.pdldata?.person?.tilrettelagtKommunikasjon}
+			/>
+			<Bostedsadresse bostedsadresseListe={bestilling.pdldata?.person?.bostedsadresse} />
+			<Oppholdsadresse oppholdsadresseListe={bestilling.pdldata?.person?.oppholdsadresse} />
+			<Kontaktadresse kontaktadresseListe={bestilling.pdldata?.person?.kontaktadresse} />
+			<Adressebeskyttelse
+				adressebeskyttelseListe={bestilling.pdldata?.person?.adressebeskyttelse}
+			/>
+			<Sivilstand sivilstandListe={bestilling.pdldata?.person?.sivilstand} />
+			<ForelderBarnRelasjon forelderBarnListe={bestilling.pdldata?.person?.forelderBarnRelasjon} />
+			<Foreldreansvar foreldreansvarListe={bestilling.pdldata?.person?.foreldreansvar} />
+			<DoedfoedtBarn doedfoedtBarnListe={bestilling.pdldata?.person?.doedfoedtBarn} />
+			<FalskIdentitet falskIdentitetListe={bestilling.pdldata?.person?.falskIdentitet} />
+			<UtenlandskIdent
+				utenlandskIdentListe={bestilling.pdldata?.person?.utenlandskIdentifikasjonsnummer}
+			/>
+			<NyIdentitet nyIdentitetListe={bestilling.pdldata?.person?.nyident} />
+			<KontaktinformasjonForDoedsbo
+				kontaktinformasjonForDoedsboListe={bestilling.pdldata?.person?.kontaktinformasjonForDoedsbo}
+			/>
+			<Arbeidsforhold arbeidsforholdListe={bestilling.aareg} />
+			<Sigrunstub sigrunstubListe={bestilling.sigrunstub} />
+			<SigrunstubPensjonsgivende
+				sigrunstubPensjonsgivendeListe={bestilling.sigrunstubPensjonsgivende}
+			/>
+			<Inntektstub inntektstub={bestilling.inntektstub} />
+			<Inntektsmelding inntektsmelding={bestilling.inntektsmelding} />
+			<Skattekort skattekort={bestilling.skattekort} />
+			<Arbeidsplassen arbeidsplassenCV={bestilling.arbeidsplassenCV} />
+			<PensjonsgivendeInntekt pensjon={bestilling.pensjonforvalter?.inntekt} />
+			<GenerertPensjonsgivendeInntekt
+				pensjon={bestilling.pensjonforvalter?.generertInntekt?.generer}
+			/>
+			<Pensjonsavtale pensjon={bestilling.pensjonforvalter?.pensjonsavtale} />
+			<Tjenestepensjon pensjon={bestilling.pensjonforvalter?.tp} />
+			<Alderspensjon pensjon={bestilling.pensjonforvalter?.alderspensjon} />
+			<Uforetrygd pensjon={bestilling.pensjonforvalter?.uforetrygd} />
+			<AfpOffentlig pensjon={bestilling.pensjonforvalter?.afpOffentlig} />
+			<Arena arbeidsytelse={bestilling.arenaforvalter} />
+			<Sykemelding sykemelding={bestilling.sykemelding} />
+			<Yrkesskader yrkesskader={bestilling.yrkesskader} />
+			<Brregstub brregstub={bestilling.brregstub} />
+			<Inst inst={bestilling.instdata} />
+			<Krrstub krrstub={bestilling.krrstub} />
+			<Medl medl={bestilling.medl} />
+			<Udistub udistub={bestilling.udistub} />
+			<Dokarkiv dokarkiv={bestilling.dokarkiv} />
+			<Histark histark={bestilling.histark} />
+		</>
+	)
+}

apps/dolly-frontend/src/main/js/src/components/bestilling/sammendrag/visning/EkspanderbarVisning.tsx

@@ -0,0 +1,34 @@
+import useBoolean from '@/utils/hooks/useBoolean'
+import Button from '@/components/ui/button/Button'
+import React from 'react'
+
+type EkspanderbarVisningTypes = {
+	vis: any
+	header: string
+	children?: any
+}
+
+export const EkspanderbarVisning = ({ vis, header, children }: EkspanderbarVisningTypes) => {
+	const [visPersonValg, setVisPersonValg, setSkjulPersonValg] = useBoolean(false)
+
+	if (!vis) {
+		return null
+	}
+
+	return (
+		<div className="flexbox--full-width">
+			<Button
+				onClick={visPersonValg ? setSkjulPersonValg : setVisPersonValg}
+				kind={visPersonValg ? 'chevron-up' : 'chevron-down'}
+				style={visPersonValg ? { margin: '10px 0 10px 0' } : { margin: '10px 0 0 0' }}
+			>
+				{header}
+			</Button>
+			{visPersonValg && (
+				<div className={'flexbox--align-start flexbox--wrap'} style={{ margin: '10px 0 10px 0' }}>
+					{children}
+				</div>
+			)}
+		</div>
+	)
+}

apps/dolly-frontend/src/main/js/src/components/bestilling/sammendrag/visning/RelatertPerson.tsx

@@ -0,0 +1,37 @@
+import { TitleValue } from '@/components/ui/titleValue/TitleValue'
+import React from 'react'
+import { formatDate, showLabel } from '@/utils/DataFormatter'
+import { AdresseKodeverk } from '@/config/kodeverk'
+import { isEmpty } from '@/components/fagsystem/pdlf/form/partials/utils'
+import { EmptyObject } from '@/components/bestilling/sammendrag/Bestillingsdata'
+
+export const RelatertPerson = ({ personData }: any) => {
+	if (!personData) {
+		return null
+	}
+
+	if (isEmpty(personData, ['syntetisk'])) {
+		return <EmptyObject />
+	}
+
+	return (
+		<>
+			<TitleValue title="Identtype" value={personData.identtype} />
+			<TitleValue title="Kjønn" value={showLabel('kjoenn', personData.kjoenn)} />
+			<TitleValue title="Født etter" value={formatDate(personData.foedtEtter)} />
+			<TitleValue title="Født før" value={formatDate(personData.foedtFoer)} />
+			<TitleValue title="Fødselsdato" value={formatDate(personData.foedselsdato)} />
+			<TitleValue title="Alder" value={personData.alder} />
+			<TitleValue
+				title="Statsborgerskap"
+				value={personData.statsborgerskapLandkode || personData.statsborgerskap}
+				kodeverk={AdresseKodeverk.StatsborgerskapLand}
+			/>
+			<TitleValue title="Gradering" value={showLabel('gradering', personData.gradering)} />
+			<TitleValue title="Har mellomnavn" value={personData.nyttNavn?.hasMellomnavn && 'Ja'} />
+			<TitleValue title="Fornavn" value={personData.navn?.fornavn} />
+			<TitleValue title="Mellomnavn" value={personData.navn?.mellomnavn} />
+			<TitleValue title="Etternavn" value={personData.navn?.etternavn} />
+		</>
+	)
+}

apps/dolly-frontend/src/main/js/src/components/bestillingsveileder/options/malOptions.tsx

@@ -7,7 +7,7 @@ import {
 	OppholdsadresseData,
 } from '@/pages/gruppe/PersonVisning/PersonMiljoeinfo/PdlDataTyper'
 import {
-	Foreldreansvar,
+	ForeldreansvarData,
 	ForeldreBarnRelasjon,
 	FullmaktValues,
 	NyIdent,
@@ -303,7 +303,7 @@ const getUpdatedPdldata = (pdldata: any) => {
 	}
 
 	if (person?.foreldreansvar) {
-		newPdldata.person.foreldreansvar = person.foreldreansvar.map((relasjon: Foreldreansvar) => {
+		newPdldata.person.foreldreansvar = person.foreldreansvar.map((relasjon: ForeldreansvarData) => {
 			if (relasjon.nyAnsvarlig) {
 				relasjon.nyAnsvarlig.syntetisk = true
 			}

apps/dolly-frontend/src/main/js/src/components/bestillingsveileder/stegVelger/steg/steg1/paneler/Udi.tsx

@@ -58,7 +58,10 @@ UdiPanel.initialValues = ({ set, setMulti, del, has }) => ({
 		checked: has('udistub.oppholdStatus'),
 		add: () =>
 			setMulti(['udistub.oppholdStatus', {}], ['pdldata.person.opphold', [initialOpphold]]),
-		remove: () => del(['udistub.oppholdStatus', 'pdldata.person.opphold']),
+		remove: () => {
+			del('udistub.oppholdStatus')
+			del('pdldata.person.opphold')
+		},
 	},
 	arbeidsadgang: {
 		label: 'Arbeidsadgang',

apps/dolly-frontend/src/main/js/src/components/bestillingsveileder/stegVelger/steg/steg3/Steg3.tsx

@@ -9,6 +9,7 @@ import { MalFormOrganisasjon } from '@/pages/organisasjoner/MalFormOrganisasjon'
 import { useCurrentBruker } from '@/utils/hooks/useBruker'
 import Loading from '@/components/ui/loading/Loading'
 import { Gruppevalg } from '@/components/velgGruppe/VelgGruppeToggle'
+import { Bestillingsdata } from '@/components/bestilling/sammendrag/Bestillingsdata'
 import { useFormContext } from 'react-hook-form'
 import { useOrganisasjonMiljoe } from '@/utils/hooks/useOrganisasjonTilgang'
 
@@ -81,11 +82,19 @@ const Steg3 = ({ loadingBestilling }: { loadingBestilling: boolean }) => {
 	if (loadingBestilling) {
 		return <Loading label={'Oppretter bestilling ...'} />
 	}
+
+	// const divElement = document.getElementsByClassName('oppsummering')
+	// console.log('divElement: ', divElement) //TODO - SLETT MEG
+	// const elementHeight = divElement?.[0]?.clientHeight
+	// console.log('elementHeight: ', elementHeight) //TODO - SLETT MEG
+
 	return (
 		<div>
 			{harAvhukedeAttributter(formMethods.getValues()) && (
 				<div className="oppsummering">
 					<Suspense fallback={<Loading label={'Laster bestillingskriterier ...'} />}>
+						<Bestillingsdata bestilling={formMethods.getValues()} />
+						{/*//TODO: Fjernes naar bestillingsdata er klar*/}
 						<Bestillingskriterier bestilling={formMethods.getValues()} />
 					</Suspense>
 				</div>

apps/dolly-frontend/src/main/js/src/components/fagsystem/aareg/AaregTypes.tsx

@@ -4,3 +4,78 @@ export enum ArbeidsgiverTyper {
 	fritekst = 'FRITEKST',
 	privat = 'PRIVAT',
 }
+
+export type Aareg = {
+	arbeidsforholdstype: string
+	genererPeriode: {
+		fom: string
+		tom: string
+		periode: Array<string>
+	}
+	navArbeidsforholdPeriode?: {
+		year: number
+		monthValue: number
+	}
+	arbeidsgiver?: {
+		orgnummer?: string
+		ident?: string
+	}
+	ansettelsesPeriode?: {
+		fom: string
+		tom: string
+		sluttaarsak: string
+	}
+	arbeidsavtale?: {
+		yrke: string
+		ansettelsesform: string
+		stillingsprosent: number
+		endringsdatoStillingsprosent: string
+		sisteLoennsendringsdato: string
+		arbeidstidsordning: string
+		avtaltArbeidstimerPerUke: number
+	}
+	fartoy?: Array<Fartoy>
+	antallTimerForTimeloennet?: Array<Timeloennet>
+	utenlandsopphold?: Array<Utenlands>
+	permisjon?: Array<PermisjonValues>
+	permittering?: Array<PermitteringValues>
+}
+
+type Fartoy = {
+	skipsregister: string
+	skipstype: string
+	fartsomraade: string
+}
+
+export type Timeloennet = {
+	antallTimer: number
+	periode: {
+		fom: string
+		tom: string
+	}
+}
+
+export type Utenlands = {
+	land: string
+	periode: {
+		fom: string
+		tom: string
+	}
+}
+
+export type PermisjonValues = {
+	permisjon: string
+	permisjonsPeriode: {
+		fom: string
+		tom: string
+	}
+	permisjonsprosent: number
+}
+
+export type PermitteringValues = {
+	permitteringsPeriode: {
+		fom: string
+		tom: string
+	}
+	permitteringsprosent: number
+}