Visning av nav-ansatt paa person + div opprydning

betsytraran · betsytraran · commit 01477aa7dc60 · 2025-09-24T13:55:47.000+02:00
diff --git a/apps/dolly-frontend/src/main/js/src/components/bestillingsveileder/stegVelger/steg/steg1/paneler/NavAnsatt.tsx b/apps/dolly-frontend/src/main/js/src/components/bestillingsveileder/stegVelger/steg/steg1/paneler/NavAnsatt.tsx
@@ -26,9 +26,10 @@ export const NavAnsattPanel = ({ stateModifier, formValues }) => {
 	const npidPerson = opts?.identtype === 'NPID'
 	const leggTilPaaGruppe = !!opts?.leggTilPaaGruppe
 
+	// TODO: tilpass denne?
 	const getIgnoreKeys = () => {
 		if (npidPerson || (harTestnorgeIdenter && leggTilPaaGruppe)) {
-			return ['kontaktinformasjonForDoedsbo']
+			return ['skjerming.egenAnsattDatoFom', 'skjerming.egenAnsattDatoTom']
 		}
 		return []
 	}
@@ -40,7 +41,11 @@ export const NavAnsattPanel = ({ stateModifier, formValues }) => {
 			checkAttributeArray={() => sm.batchAdd(getIgnoreKeys())}
 			uncheckAttributeArray={sm.batchRemove}
 			iconType="nav"
-			startOpen={harValgtAttributt(formValues, ['nomdata', 'skjerming'])}
+			startOpen={harValgtAttributt(formValues, [
+				'nomdata',
+				'skjerming.egenAnsattDatoFom',
+				'skjerming.egenAnsattDatoTom',
+			])}
 		>
 			<AttributtKategori attr={sm.attrs}>
 				<Attributt attr={sm.attrs.nom} />
diff --git a/apps/dolly-frontend/src/main/js/src/components/fagsystem/nom/form/NavAnsattForm.tsx b/apps/dolly-frontend/src/main/js/src/components/fagsystem/nom/form/NavAnsattForm.tsx
@@ -8,25 +8,31 @@ import { useFormContext } from 'react-hook-form'
 import { SkjermingForm } from '@/components/fagsystem/skjermingsregister/form/SkjermingForm'
 
 const nomdataPath = ['nomdata']
-const skjermingPaths = ['skjerming.egenAnsattDatoFom', 'skjerming.egenAnsattDatoTom']
+const skjermingPaths = ['skjerming.egenAnsattDatoFom']
+// const skjermingPaths = ['skjerming.egenAnsattDatoFom', 'skjerming.egenAnsattDatoTom']
+// const skjermingPaths = ['skjerming']
 const panelPaths = [nomdataPath, skjermingPaths].flat()
 
 export const NavAnsatt = () => {
 	const formMethods = useFormContext()
 
+	//TODO: Skjeming vises ikke naar bare den er valgt
 	return (
 		<Vis attributt={panelPaths}>
 			<Panel
 				heading="Nav-ansatt"
 				hasErrors={panelError(panelPaths)}
 				iconType="nav"
-				startOpen={erForsteEllerTest(formMethods.getValues(), panelPaths)}
+				startOpen={
+					erForsteEllerTest(formMethods.getValues(), nomdataPath) ||
+					erForsteEllerTest(formMethods.getValues(), skjermingPaths)
+				}
 			>
 				<Kategori title="Nav-ansatt (NOM)" vis={nomdataPath}>
 					<NomForm />
 				</Kategori>
 				<Kategori title="Skjerming" vis={skjermingPaths}>
-					<SkjermingForm formMethods={formMethods} />
+					<SkjermingForm />
 				</Kategori>
 			</Panel>
 		</Vis>
diff --git a/apps/dolly-frontend/src/main/js/src/components/fagsystem/nom/visning/Visning.tsx b/apps/dolly-frontend/src/main/js/src/components/fagsystem/nom/visning/Visning.tsx
@@ -0,0 +1,41 @@
+import Loading from '@/components/ui/loading/Loading'
+import React from 'react'
+import SubOverskrift from '@/components/ui/subOverskrift/SubOverskrift'
+import { ErrorBoundary } from '@/components/ui/appError/ErrorBoundary'
+import { TitleValue } from '@/components/ui/titleValue/TitleValue'
+import { formatDate } from '@/utils/DataFormatter'
+import { SkjermingVisning } from '@/components/fagsystem/skjermingsregister/visning/Visning'
+
+export const NavAnsattVisning = ({ nomData, nomLoading, skjermingData }) => {
+	if (nomLoading) return nomLoading && <Loading label="Laster NOM-data" />
+
+	if (!nomData && !skjermingData) {
+		return null
+	}
+
+	return (
+		<>
+			<SubOverskrift label="Nav-ansatt" iconKind="nav" />
+			<ErrorBoundary>
+				{nomData && (
+					<>
+						<h4 style={{ marginTop: '0px' }}>Nav-ansatt (NOM)</h4>
+						<div className="person-visning_content">
+							<TitleValue title="Nav-ident" value={nomData.navident} />
+							<TitleValue title="Startdato" value={formatDate(nomData.startDato)} />
+							<TitleValue title="Sluttdato" value={formatDate(nomData.sluttDato)} />
+						</div>
+					</>
+				)}
+				{skjermingData && (
+					<>
+						<h4 style={{ marginTop: nomData ? '15px' : '0px' }}>Skjerming (egen ansatt)</h4>
+						<div className="person-visning_content">
+							<SkjermingVisning data={skjermingData} />
+						</div>
+					</>
+				)}
+			</ErrorBoundary>
+		</>
+	)
+}
diff --git a/apps/dolly-frontend/src/main/js/src/components/fagsystem/pdlf/visning/PdlfVisning.tsx b/apps/dolly-frontend/src/main/js/src/components/fagsystem/pdlf/visning/PdlfVisning.tsx
@@ -74,7 +74,6 @@ export const PdlfVisning = ({ fagsystemData, loading, tmpPersoner, erRedigerbar
 
 	const ident = data?.person?.ident
 	const tmpPdlforvalter = tmpPersoner?.pdlforvalter
-	const skjermingData = fagsystemData?.skjermingsregister
 
 	const bankkontoData = getBankkontoData(fagsystemData)
 
@@ -89,7 +88,6 @@ export const PdlfVisning = ({ fagsystemData, loading, tmpPersoner, erRedigerbar
 					ident={ident}
 					tpsMessaging={fagsystemData?.tpsMessaging}
 					tpsMessagingLoading={loading?.tpsMessaging}
-					skjermingData={skjermingData}
 					erRedigerbar={erRedigerbar}
 				/>
 				<Foedsel
diff --git a/apps/dolly-frontend/src/main/js/src/components/fagsystem/pdlf/visning/partials/Persondetaljer.tsx b/apps/dolly-frontend/src/main/js/src/components/fagsystem/pdlf/visning/partials/Persondetaljer.tsx
@@ -11,8 +11,6 @@ import {
 } from '@/components/fagsystem/pdlf/form/initialValues'
 import VisningRedigerbarPersondetaljerConnector from '@/components/fagsystem/pdlf/visning/visningRedigerbar/VisningRedigerbarPersondetaljerConnector'
 import { PersonData } from '@/components/fagsystem/pdlf/PdlTypes'
-import { SkjermingVisning } from '@/components/fagsystem/skjermingsregister/visning/Visning'
-import { Skjerming } from '@/components/fagsystem/skjermingsregister/SkjermingTypes'
 import { DollyFieldArray } from '@/components/ui/form/fieldArray/DollyFieldArray'
 import VisningRedigerbarConnector from '@/components/fagsystem/pdlf/visning/visningRedigerbar/VisningRedigerbarConnector'
 import { OpplysningSlettet } from '@/components/fagsystem/pdlf/visning/visningRedigerbar/OpplysningSlettet'
@@ -25,13 +23,11 @@ type PersondetaljerTypes = {
 	erPdlVisning?: boolean
 	tpsMessaging: any
 	tpsMessagingLoading?: boolean
-	skjermingData: Skjerming
 	erRedigerbar?: boolean
 }
 
 type PersonTypes = {
 	person: PersonData
-	skjerming?: Skjerming
 	redigertPerson: any
 	tpsMessaging: any
 	tpsMessagingLoading?: boolean
@@ -54,12 +50,7 @@ const NavnVisning = ({ navn, showMaster }) => {
 	)
 }
 
-const PersondetaljerLes = ({
-	person,
-	skjerming,
-	redigertPerson,
-	harFlerePersonstatuser,
-}: PersonTypes) => {
+const PersondetaljerLes = ({ person, redigertPerson, harFlerePersonstatuser }: PersonTypes) => {
 	const navnListe = person?.navn
 	const personKjoenn = person?.kjoenn?.[0]
 	const personstatus =
@@ -86,7 +77,6 @@ const PersondetaljerLes = ({
 					/>
 				</>
 			)}
-			<SkjermingVisning data={skjerming} />
 		</div>
 	)
 }
@@ -98,7 +88,6 @@ export const Persondetaljer = ({
 	erPdlVisning = false,
 	tpsMessaging,
 	tpsMessagingLoading = false,
-	skjermingData,
 	erRedigerbar = true,
 }: PersondetaljerTypes) => {
 	if (!data) {
@@ -125,11 +114,9 @@ export const Persondetaljer = ({
 		navn: getNavn(),
 		kjoenn: [data?.kjoenn?.[0] || getInitialKjoenn()],
 		folkeregisterpersonstatus: getPersonstatus(),
-		skjermingsregister: skjermingData,
 	}
 
 	const redigertPersonPdlf = _.get(tmpPersoner?.pdlforvalter, `${ident}.person`)
-	const redigertSkjerming = _.get(tmpPersoner?.skjermingsregister, `${ident}`)
 
 	const personValues = redigertPersonPdlf ? redigertPersonPdlf : data
 
@@ -147,7 +134,6 @@ export const Persondetaljer = ({
 
 	const redigertPersonValues = {
 		pdlf: redigertPdlfPersonValues,
-		skjermingsregister: redigertSkjerming ? redigertSkjerming : null,
 	}
 
 	const tmpNavn = _.get(tmpPersoner?.pdlforvalter, `${ident}.person.navn`)
@@ -168,7 +154,6 @@ export const Persondetaljer = ({
 					{erPdlVisning || !erRedigerbar ? (
 						<PersondetaljerLes
 							person={data}
-							skjerming={skjermingData}
 							redigertPerson={redigertPerson}
 							tpsMessaging={tpsMessaging}
 							tpsMessagingLoading={tpsMessagingLoading}
@@ -180,7 +165,6 @@ export const Persondetaljer = ({
 								dataVisning={
 									<PersondetaljerLes
 										person={personValues}
-										skjerming={redigertSkjerming ? redigertSkjerming : skjermingData}
 										redigertPerson={redigertPerson}
 										tpsMessaging={tpsMessaging}
 										tpsMessagingLoading={tpsMessagingLoading}
diff --git a/apps/dolly-frontend/src/main/js/src/components/fagsystem/skjermingsregister/visning/Visning.tsx b/apps/dolly-frontend/src/main/js/src/components/fagsystem/skjermingsregister/visning/Visning.tsx
@@ -14,11 +14,11 @@ export const SkjermingVisning = ({ data }: SkjermingProps) => {
 	return (
 		<>
 			<TitleValue
-				title="Har skjerming (egen ansatt)"
+				title="Har skjerming"
 				value={
 					data.skjermetTil && isBefore(new Date(data.skjermetTil), addDays(new Date(), -1))
-						? 'NEI'
-						: 'JA'
+						? 'Nei'
+						: 'Ja'
 				}
 			/>
 			<TitleValue title="Skjerming fra" value={formatDate(data.skjermetFra)} />
diff --git a/apps/dolly-frontend/src/main/js/src/components/ui/form/formUtils.tsx b/apps/dolly-frontend/src/main/js/src/components/ui/form/formUtils.tsx
@@ -131,7 +131,9 @@ const getValgteAttributter = (values) => {
 }
 
 export const erForsteEllerTest = (values, attributter) => {
+	console.log('attributter: ', attributter) //TODO - SLETT MEG
 	const valgteAttributter = getValgteAttributter(values)
+	console.log('valgteAttributter: ', valgteAttributter) //TODO - SLETT MEG
 	return runningE2ETest() || attributter.includes(valgteAttributter[0])
 }
 
diff --git a/apps/dolly-frontend/src/main/js/src/pages/gruppe/PersonVisning/PersonVisning.tsx b/apps/dolly-frontend/src/main/js/src/pages/gruppe/PersonVisning/PersonVisning.tsx
@@ -114,6 +114,7 @@ import { ArbeidssoekerregisteretVisning } from '@/components/fagsystem/arbeidsso
 import { usePensjonsgivendeInntekt, useSummertSkattegrunnlag } from '@/utils/hooks/useSigrunstub'
 import { SigrunstubSummertSkattegrunnlagVisning } from '@/components/fagsystem/sigrunstubSummertSkattegrunnlag/visning/Visning'
 import { useNomData } from '@/utils/hooks/useNom'
+import { NavAnsattVisning } from '@/components/fagsystem/nom/visning/Visning'
 
 const getIdenttype = (ident) => {
 	if (parseInt(ident.charAt(0)) > 3) {
@@ -298,7 +299,6 @@ export default ({
 	)
 
 	const { nomData, loading: loadingNom } = useNomData(ident.ident)
-	console.log('nomData: ', nomData) //TODO - SLETT MEG
 
 	const getGruppeIdenter = () => {
 		return useAsync(async () => DollyApi.getGruppeById(gruppeId), [DollyApi.getGruppeById])
@@ -426,6 +426,7 @@ export default ({
 								if (tmpPersoner?.skjermingsregister?.hasOwnProperty(ident.ident)) {
 									personData.skjermingsregister = tmpPersoner.skjermingsregister[ident.ident]
 								}
+								//TODO: Ta med Nom-data
 								if (arbeidsforhold) {
 									personData.aareg = arbeidsforhold
 								}
@@ -487,6 +488,12 @@ export default ({
 				{ident.master === 'PDL' && (
 					<PdlVisningConnector pdlData={data.pdl} fagsystemData={data} loading={loading} />
 				)}
+				<NavAnsattVisning
+					nomData={nomData}
+					nomLoading={loadingNom}
+					skjermingData={data.skjermingsregister}
+					skjermingLoading={loading}
+				/>
 				{visArbeidsforhold && (
 					<AaregVisning
 						liste={arbeidsforhold}

Original file line number	Diff line number	Diff line change
`@@ -131,7 +131,9 @@ const getValgteAttributter = (values) => {`
`131`	`131`	`}`
`132`	`132`
`133`	`133`	`export const erForsteEllerTest = (values, attributter) => {`
	`134`	`+ console.log('attributter: ', attributter) //TODO - SLETT MEG`
`134`	`135`	`const valgteAttributter = getValgteAttributter(values)`
	`136`	`+ console.log('valgteAttributter: ', valgteAttributter) //TODO - SLETT MEG`
`135`	`137`	`return runningE2ETest() \|\| attributter.includes(valgteAttributter[0])`
`136`	`138`	`}`
`137`	`139`