FO-2841 Nytt panel for brukers situasjon

src/components/paneler/innhold/situasjon/situasjon-panel-innhold.tsx

@@ -0,0 +1,31 @@
+import React from 'react';
+import Informasjonsbolk from '../../../felles/informasjonsbolk';
+import { SituasjonVisningHistorikk } from './situasjon-panel';
+import { formaterDato } from '../../../../utils';
+
+interface Props {
+	situasjoner: SituasjonVisningHistorikk;
+}
+
+const SituasjonPanelInnhold = (props: Props) => {
+
+	const {gjeldende, historikk} = props.situasjoner;
+
+	return (
+		<>
+			<div>
+				Sist endret: {formaterDato(gjeldende.dato.toISOString())}
+				{gjeldende.situasjon}
+			</div>
+			<Informasjonsbolk header="Tidligere">
+			<div> {historikk.map((situasjon, idx) =>
+				<div key={idx}>{formaterDato(situasjon.dato.toISOString())}: {situasjon.situasjon}</div>)
+			}
+			</div>
+			</Informasjonsbolk>
+		</>
+	);
+};
+
+
+export default SituasjonPanelInnhold;

src/components/paneler/innhold/situasjon/situasjon-panel.tsx

@@ -0,0 +1,77 @@
+import React from 'react';
+import SituasjonPanelInnhold from './situasjon-panel-innhold';
+import Panel from '../../panel';
+import { FetchResult, hasError, isPending } from '@nutgaard/use-fetch';
+import { Feilmelding } from '../../../felles/fetch';
+import { hasData } from '../../../../rest/utils';
+import { useAppStore } from '../../../../stores/app-store';
+import { Registrering, RegistreringsData } from '../../../../rest/datatyper/registreringsData';
+import { useFetchRegistrering, useFetchSituasjon } from '../../../../rest/api';
+import { Situasjon } from '../../../../rest/datatyper/situasjonData';
+import { formaterDato } from '../../../../utils';
+
+const SituasjonPanel = () => {
+    // TODO feture toggle
+
+    const {fnr} = useAppStore();
+    const registrering: FetchResult<RegistreringsData> = useFetchRegistrering(fnr);
+    const situasjonHistorikk: FetchResult<Situasjon[]> = useFetchSituasjon(fnr);
+
+    if (isPending(registrering) || isPending(situasjonHistorikk)) {
+        return null;
+    } else if (hasError(registrering) || hasError(situasjonHistorikk)) {
+        return <Feilmelding/>;
+    } else if (!hasData(registrering) || !registrering.data.registrering) {
+        return null;
+    }
+
+    let situasjonVisningHistorikk = tilSituasjonVisningHistorikk(situasjonHistorikk.data, registrering.data.registrering);
+
+    if (!situasjonVisningHistorikk) return null;
+
+    let {gjeldende} = situasjonVisningHistorikk;
+
+    const tittel = `Brukers situasjon ${gjeldende.situasjon} (sist endret ${formaterDato(gjeldende.dato.toISOString())})`
+
+    return (
+        <Panel name="situasjon" tittel={tittel}>
+            <SituasjonPanelInnhold situasjoner={situasjonVisningHistorikk} />
+        </Panel>
+    );
+}
+
+export interface SituasjonVisning {
+    dato: Date;
+    situasjon: string;
+}
+
+export interface SituasjonVisningHistorikk {
+    gjeldende: SituasjonVisning;
+    historikk: SituasjonVisning[];
+}
+
+export function tilSituasjonVisningHistorikk(situasjoner: Situasjon[], registrering: Registrering): SituasjonVisningHistorikk | null {
+    const regBesvarelse = registrering.teksterForBesvarelse.find(value => value.sporsmalId === 'dinSituasjon');
+    if (!regBesvarelse) return null; // TODO logg feil/metrikk?
+
+    const regSituasjon: SituasjonVisning[] =
+        [{dato: new Date(registrering.opprettetDato),
+            situasjon: regBesvarelse.svar}];
+
+    const historikk = situasjoner.map(sit => {
+        return {dato: new Date(sit.opprettet), situasjon: sit.svarTekst};
+    })
+        .concat(regSituasjon)
+        .sort((a,b) => a.dato < b.dato ? 0 : -1);
+
+    const [gjeldende] = historikk.splice(0, 1);
+
+    if (historikk.length === 0) return null;
+
+    return {
+        gjeldende,
+        historikk
+    }
+}
+
+export default SituasjonPanel;

src/components/paneler/paneler.tsx

@@ -14,6 +14,7 @@ import { hasData } from '../../rest/utils';
 import { hasHashParam, hasQueryParam } from '../../utils';
 import { TilretteleggingsbehovSpa, TilretteleggingsbehovViewType } from '../tilretteleggingsbehov-spa';
 import './paneler.less';
+import SituasjonPanel from './innhold/situasjon/situasjon-panel';
 
 export const Paneler = () => {
 	const { fnr } = useAppStore();
@@ -27,6 +28,8 @@ export const Paneler = () => {
 
 	return (
 		<div className="paneler">
+			<SituasjonPanel />
+
 			<Panel name="registrering" tittel={registreringPanelNavn} defaultOpen={apneRegistrering}>
 				<RegistreringPanel />
 			</Panel>

src/mock/data/index.ts

@@ -7,4 +7,5 @@ export { default as veilederMock } from './veileder';
 export { default as ytelsestatusMock } from './ytelsestatus';
 export { default as featuresMock } from './features';
 export { default as oppfolgingMock } from './oppfolging';
+export { default as situasjonMock } from './situasjon';
 export { ordinaerRegistering as registeringMock } from './registrering';

src/mock/data/situasjon.ts

@@ -0,0 +1,27 @@
+import { JSONArray } from 'yet-another-fetch-mock';
+
+const situasjonHistorikk: JSONArray = [
+	{
+		opprettet: '2020-04-22 10:18:43.992637',
+		endretAvType: 'BRUKER',
+		endretAvId: '12345678901',
+		svarId: 'SKAL_I_JOBB',
+		svarTekst: 'Arbeidsgiver har gitt beskjed om når jeg skal tilbake på jobb'
+	},
+	{
+		opprettet: '2020-04-11 09:42:11.982651',
+		endretAvType: 'BRUKER',
+		endretAvId: '12345678901',
+		svarId: 'PERMITTERT_MED_MIDLERTIDIG_JOBB',
+		svarTekst: 'Er fortsatt permittert, men har en annen midlertidig jobb'
+	},
+	{
+		opprettet: '2020-03-26 11:33:51.431962',
+		endretAvType: 'BRUKER',
+		endretAvId: '12345678901',
+		svarId: 'PERMITTERT',
+		svarTekst: 'Er permittert eller kommer til å bli permittert'
+	}
+];
+
+export default situasjonHistorikk;

src/mock/index.ts

@@ -9,7 +9,8 @@ import {
 	personaliaMock,
 	registeringMock,
 	veilederMock,
-	ytelsestatusMock
+	ytelsestatusMock,
+	situasjonMock
 } from './data';
 
 const mock = FetchMock.configure({
@@ -27,3 +28,4 @@ mock.get('/veilarboppfolging/api/person/:fnr/ytelser', ytelsestatusMock);
 mock.get('/veilarboppfolging/api/underoppfolging', oppfolgingMock);
 mock.get('/veilarbregistrering/api/registrering', registeringMock);
 mock.get('/veilarbpersonflatefs/api/feature', featuresMock);
+mock.get('/veilarbvedtakinfo/api/situasjonHistorikk', situasjonMock);

src/rest/api.ts

@@ -9,10 +9,14 @@ import { KartleggingData } from './datatyper/kartlegging';
 import { YtelseData } from './datatyper/ytelse';
 import { UnderOppfolgingData } from './datatyper/underOppfolgingData';
 import { OrNothing } from '../utils/felles-typer';
+import { Situasjon } from './datatyper/situasjonData';
 
 export const useFetchRegistrering = (fnr: string) =>
 	useFetch<RegistreringsData>(`/veilarbregistrering/api/registrering?fnr=${fnr}`);
 
+export const useFetchSituasjon = (fnr: string) =>
+	useFetch<Situasjon[]>(`/veilarbvedtakinfo/api/situasjonHistorikk?fnr=${fnr}`);
+
 export const useFetchCvOgJobbprofil = (fnr: string) => useFetch<ArenaPerson>(`/pam-cv-api/rest/v1/arbeidssoker/${fnr}`);
 
 export const useFetchVeileder = (veilederId: OrNothing<string>, config?: Config) =>

src/rest/datatyper/situasjonData.ts

@@ -0,0 +1,8 @@
+
+export interface Situasjon {
+    opprettet: string;
+    endretAvType: string;
+    endretAvId: string;
+    svarId: string;
+    svarTekst: string;
+}