Vis kolonner med info om tiltakshendelse

src/components/tabell/kolonner/lenkekolonne.tsx

@@ -0,0 +1,35 @@
+import {BrukerModell} from '../../../model-interfaces';
+import {oppdaterBrukerIKontekstOgNavigerTilLenke} from '../../../utils/utils';
+import {AksjonKnappMedPopoverFeilmelding} from '../../aksjon-knapp-med-popover-feilmelding/aksjon-knapp-med-popover-feilmelding';
+
+interface LenkeKolonneProps {
+    className?: string;
+    bruker: BrukerModell;
+    skalVises: boolean;
+}
+
+const LenkeKolonne = ({className, bruker, skalVises}: LenkeKolonneProps) => {
+    if (!skalVises || !bruker.tiltakshendelse) {
+        return null;
+    }
+    const tiltakshendelse = bruker.tiltakshendelse;
+
+    const handterKlikk = () => oppdaterBrukerIKontekstOgNavigerTilLenke(bruker.fnr, tiltakshendelse.lenke);
+
+    const handterKlikkNyFane = () => oppdaterBrukerIKontekstOgNavigerTilLenke(bruker.fnr, tiltakshendelse.lenke, true);
+
+    return (
+        <div className={className}>
+            {tiltakshendelse && (
+                <AksjonKnappMedPopoverFeilmelding
+                    klikkAksjon={handterKlikk}
+                    ctrlklikkAksjon={handterKlikkNyFane}
+                    knappStil="juster-tekst-venstre"
+                    knappTekst={tiltakshendelse.tekst}
+                />
+            )}
+        </div>
+    );
+};
+
+export default LenkeKolonne;

src/components/toolbar/listevisning/listevisning-utils.ts

@@ -54,3 +54,5 @@ alternativerConfig.set(Kolonne.HAR_BARN_UNDER_18, {tekstlabel: 'Barn under 18 å
 alternativerConfig.set(Kolonne.UTDANNING_OG_SITUASJON_SIST_ENDRET, {tekstlabel: 'Dato sist endret'});
 alternativerConfig.set(Kolonne.HUSKELAPP_KOMMENTAR, {tekstlabel: 'Huskelapp'});
 alternativerConfig.set(Kolonne.HUSKELAPP_FRIST, {tekstlabel: 'Frist huskelapp'});
+alternativerConfig.set(Kolonne.TILTAKSHENDELSE_LENKE, {tekstlabel: 'Tiltakshendelse lenke'});
+alternativerConfig.set(Kolonne.TILTAKSHENDELSE_DATO_OPPRETTET, {tekstlabel: 'Tiltakshendelse opprettet'});

src/ducks/features.ts

@@ -8,7 +8,8 @@ import {
     PORTEFOLJE_FEATURES,
     SPOR_OM_TILBAKEMELDING,
     VEDTAKSTOTTE,
-    HUSKELAPP
+    HUSKELAPP,
+    VIS_STATUSFILTER_TILTAKSHENDELSE
 } from '../konstanter';
 
 const ADD_FEATURE = 'veilarbportefoljeflatefs/features/ADD_FEATURE';
@@ -24,7 +25,8 @@ const initalState: FeaturesState = {
     [ALERTSTRIPE_FEILMELDING]: false,
     [VIS_AAP_VURDERINGSFRISTKOLONNER]: false,
     [FILTER_FOR_PERSONER_MED_BARN_UNDER_18]: false,
-    [HUSKELAPP]: false
+    [HUSKELAPP]: false,
+    [VIS_STATUSFILTER_TILTAKSHENDELSE]: false
 };
 
 // Reducer

src/ducks/ui/listevisning-selectors.ts

@@ -15,6 +15,7 @@ import {
     I_AVTALT_AKTIVITET,
     MIN_ARBEIDSLISTE,
     MOTER_IDAG,
+    TILTAKSHENDELSER,
     TILTAKSPENGER_YTELSE,
     UNDER_VURDERING,
     UTLOPTE_AKTIVITETER,
@@ -138,6 +139,8 @@ export function getMuligeKolonner(filtervalg: FiltervalgModell, oversiktType: Ov
 
     const filtrertPaHuskelapp = filtervalg.ferdigfilterListe.includes(HUSKELAPP);
 
+    const filtrertPaTiltakshendelse = filtervalg.ferdigfilterListe.includes(TILTAKSHENDELSER);
+
     return ([] as Kolonne[])
         .concat(addHvis(Kolonne.FODELAND, filtrertPaLandgruppeEllerFoedeland))
         .concat(addHvis(Kolonne.STATSBORGERSKAP, filtrertPaLandgruppeEllerFoedeland))
@@ -153,6 +156,8 @@ export function getMuligeKolonner(filtervalg: FiltervalgModell, oversiktType: Ov
         .concat(addHvis(Kolonne.UTLOPTE_AKTIVITETER, filtervalg.ferdigfilterListe.includes(UTLOPTE_AKTIVITETER)))
         .concat(addHvis(Kolonne.AVTALT_AKTIVITET, filtervalg.ferdigfilterListe.includes(I_AVTALT_AKTIVITET)))
         .concat(addHvis(Kolonne.VENTER_SVAR, filtrertPaVenterSvarFraNavEllerBruker))
+        .concat(addHvis(Kolonne.TILTAKSHENDELSE_LENKE, filtrertPaTiltakshendelse))
+        .concat(addHvis(Kolonne.TILTAKSHENDELSE_DATO_OPPRETTET, filtrertPaTiltakshendelse))
         .concat(addHvis(Kolonne.VEDTAKSTATUS, filtrertPaUnderVurdering))
         .concat(addHvis(Kolonne.VEDTAKSTATUS_ENDRET, filtrertPaUnderVurdering))
         .concat(addHvis(Kolonne.ANSVARLIG_VEILEDER_FOR_VEDTAK, filtrertPaUnderVurdering))

src/ducks/ui/listevisning.ts

@@ -58,7 +58,9 @@ export enum Kolonne {
     HAR_BARN_UNDER_18 = 'har_barn_under_18',
     UTDANNING_OG_SITUASJON_SIST_ENDRET = 'utdanning_og_situasjon_sist_endret',
     HUSKELAPP_FRIST = 'huskelapp_frist',
-    HUSKELAPP_KOMMENTAR = 'huskelapp_kommentar'
+    HUSKELAPP_KOMMENTAR = 'huskelapp_kommentar',
+    TILTAKSHENDELSE_LENKE = 'tiltakshendelse_lenke',
+    TILTAKSHENDELSE_DATO_OPPRETTET = 'tiltakshendelse_dato_opprettet'
 }
 
 export enum OversiktType {

src/enhetsportefolje/enhet-kolonner.tsx

@@ -6,6 +6,7 @@ import {
     avvik14aVedtakAvhengigeFilter,
     I_AVTALT_AKTIVITET,
     MOTER_IDAG,
+    TILTAKSHENDELSER,
     UNDER_VURDERING,
     UTLOPTE_AKTIVITETER,
     VENTER_PA_SVAR_FRA_BRUKER,
@@ -52,6 +53,7 @@ import {useGeografiskbostedSelector} from '../hooks/redux/use-geografiskbosted-s
 import {useTolkbehovSelector} from '../hooks/redux/use-tolkbehovspraak-selector';
 import {useFeatureSelector} from '../hooks/redux/use-feature-selector';
 import {VIS_AAP_VURDERINGSFRISTKOLONNER} from '../konstanter';
+import LenkeKolonne from '../components/tabell/kolonner/lenkekolonne';
 
 interface EnhetKolonnerProps {
     className?: string;
@@ -272,6 +274,22 @@ function EnhetKolonner({className, bruker, enhetId, filtervalg, valgteKolonner,
                     valgteKolonner.includes(Kolonne.VENTER_SVAR)
                 }
             />
+            <LenkeKolonne
+                className="col col-xs-2"
+                bruker={bruker}
+                skalVises={
+                    !!ferdigfilterListe?.includes(TILTAKSHENDELSER) &&
+                    valgteKolonner.includes(Kolonne.TILTAKSHENDELSE_LENKE)
+                }
+            />
+            <DatoKolonne
+                className="col col-xs-2"
+                dato={bruker.tiltakshendelse ? new Date(bruker.tiltakshendelse.opprettet) : null}
+                skalVises={
+                    !!ferdigfilterListe?.includes(TILTAKSHENDELSER) &&
+                    valgteKolonner.includes(Kolonne.TILTAKSHENDELSE_DATO_OPPRETTET)
+                }
+            />
             <DatoKolonne
                 className="col col-xs-2"
                 dato={nyesteUtlopteAktivitet}

src/enhetsportefolje/enhet-listehode.tsx

@@ -8,6 +8,7 @@ import {
     DAGPENGER_YTELSE_PERMITTERING_FISKEINDUSTRI,
     I_AVTALT_AKTIVITET,
     MOTER_IDAG,
+    TILTAKSHENDELSER,
     UNDER_VURDERING,
     UTLOPTE_AKTIVITETER,
     VENTER_PA_SVAR_FRA_BRUKER,
@@ -125,7 +126,6 @@ function EnhetListehode({
                     headerId="statsborgerskap"
                     skalVises={valgteKolonner.includes(Kolonne.STATSBORGERSKAP)}
                 />
-
                 <SorteringHeader
                     sortering={Sorteringsfelt.STATSBORGERSKAP_GYLDIG_FRA}
                     onClick={sorteringOnClick}
@@ -378,6 +378,7 @@ function EnhetListehode({
                     title="Tidspunktet møtet starter"
                     headerId="moter-idag"
                 />
+                {}
                 <Header
                     skalVises={
                         !!ferdigfilterListe?.includes(MOTER_IDAG) && valgteKolonner.includes(Kolonne.MOTER_VARIGHET)
@@ -556,6 +557,34 @@ function EnhetListehode({
                     headerId="dato-sist-endret-utdanning-og-situasjon"
                     skalVises={valgteKolonner.includes(Kolonne.UTDANNING_OG_SITUASJON_SIST_ENDRET)}
                 />
+                <SorteringHeader
+                    sortering={Sorteringsfelt.TILTAKSHENDELSE_LENKE}
+                    onClick={sorteringOnClick}
+                    rekkefolge={sorteringsrekkefolge}
+                    erValgt={sorteringsfelt === Sorteringsfelt.TILTAKSHENDELSE_LENKE}
+                    tekst="Hendelse på tiltak"
+                    className="col col-xs-2"
+                    headerId="tiltakshendelse-lenke"
+                    title="Lenke til tiltaksdeltakelsen"
+                    skalVises={
+                        !!ferdigfilterListe?.includes(TILTAKSHENDELSER) &&
+                        valgteKolonner.includes(Kolonne.TILTAKSHENDELSE_LENKE)
+                    }
+                />
+                <SorteringHeader
+                    sortering={Sorteringsfelt.TILTAKSHENDELSE_DATO_OPPRETTET}
+                    onClick={sorteringOnClick}
+                    rekkefolge={sorteringsrekkefolge}
+                    erValgt={sorteringsfelt === Sorteringsfelt.TILTAKSHENDELSE_DATO_OPPRETTET}
+                    tekst="Dato for hendelse"
+                    className="col col-xs-2"
+                    headerId="tiltakshendelse-dato-opprettet"
+                    title="Dato hendelsen ble opprettet"
+                    skalVises={
+                        !!ferdigfilterListe?.includes(TILTAKSHENDELSER) &&
+                        valgteKolonner.includes(Kolonne.TILTAKSHENDELSE_DATO_OPPRETTET)
+                    }
+                />
             </div>
             <div className="brukerliste__gutter-right" />
         </div>

src/filtrering/filter-konstanter.ts

@@ -123,7 +123,7 @@ export const ferdigfilterListeLabelTekst = {
     VENTER_PA_SVAR_FRA_NAV: 'Venter på svar fra NAV',
     VENTER_PA_SVAR_FRA_BRUKER: 'Venter på svar fra bruker',
     MOTER_IDAG: 'Møte med NAV i dag',
-    TILTAKSHENDELSER: 'Tiltaksdeltakelse',
+    TILTAKSHENDELSER: 'Hendelser på tiltak',
     UTLOPTE_AKTIVITETER: 'Utløpte aktiviteter',
     IKKE_I_AVTALT_AKTIVITET: 'Ikke i avtalt aktivitet',
     I_AVTALT_AKTIVITET: 'I avtalt aktivitet',

src/minoversikt/minoversikt-kolonner.tsx

@@ -22,6 +22,7 @@ import {
     I_AVTALT_AKTIVITET,
     MIN_ARBEIDSLISTE,
     MOTER_IDAG,
+    TILTAKSHENDELSER,
     UNDER_VURDERING,
     UTLOPTE_AKTIVITETER,
     VENTER_PA_SVAR_FRA_BRUKER,
@@ -52,6 +53,7 @@ import {useTolkbehovSelector} from '../hooks/redux/use-tolkbehovspraak-selector'
 import {useFeatureSelector} from '../hooks/redux/use-feature-selector';
 import {VIS_AAP_VURDERINGSFRISTKOLONNER} from '../konstanter';
 import {truncateTekst} from '../utils/tekst-utils';
+import LenkeKolonne from '../components/tabell/kolonner/lenkekolonne';
 
 interface MinOversiktKolonnerProps {
     className?: string;
@@ -290,6 +292,22 @@ function MinoversiktDatokolonner({className, bruker, enhetId, filtervalg, valgte
                 tekst={moteErAvtaltMedNAV ? 'Avtalt med NAV' : '-'}
                 skalVises={!!ferdigfilterListe?.includes(MOTER_IDAG) && valgteKolonner.includes(Kolonne.MOTE_ER_AVTALT)}
             />
+            <LenkeKolonne
+                className="col col-xs-2"
+                bruker={bruker}
+                skalVises={
+                    !!ferdigfilterListe?.includes(TILTAKSHENDELSER) &&
+                    valgteKolonner.includes(Kolonne.TILTAKSHENDELSE_LENKE)
+                }
+            />
+            <DatoKolonne
+                className="col col-xs-2"
+                dato={bruker.tiltakshendelse ? new Date(bruker.tiltakshendelse.opprettet) : null}
+                skalVises={
+                    !!ferdigfilterListe?.includes(TILTAKSHENDELSER) &&
+                    valgteKolonner.includes(Kolonne.TILTAKSHENDELSE_DATO_OPPRETTET)
+                }
+            />
             <DatoKolonne
                 className="col col-xs-2"
                 dato={nesteUtlopsdatoEllerNull(bruker.aktiviteter)}

src/minoversikt/minoversikt-listehode.tsx

@@ -12,6 +12,7 @@ import {
     I_AVTALT_AKTIVITET,
     MIN_ARBEIDSLISTE,
     MOTER_IDAG,
+    TILTAKSHENDELSER,
     UNDER_VURDERING,
     UTLOPTE_AKTIVITETER,
     VENTER_PA_SVAR_FRA_BRUKER,
@@ -676,6 +677,34 @@ function MinOversiktListeHode({
                     headerId="huskelapp-frist"
                     skalVises={valgteKolonner.includes(Kolonne.HUSKELAPP_FRIST)}
                 />
+                <SorteringHeader
+                    sortering={Sorteringsfelt.TILTAKSHENDELSE_LENKE}
+                    onClick={sorteringOnClick}
+                    rekkefolge={sorteringsrekkefolge}
+                    erValgt={sorteringsfelt === Sorteringsfelt.TILTAKSHENDELSE_LENKE}
+                    tekst="Hendelse på tiltak"
+                    className="col col-xs-2"
+                    headerId="tiltakshendelse-lenke"
+                    title="Lenke til tiltaksdeltakelsen"
+                    skalVises={
+                        !!ferdigfilterListe?.includes(TILTAKSHENDELSER) &&
+                        valgteKolonner.includes(Kolonne.TILTAKSHENDELSE_LENKE)
+                    }
+                />
+                <SorteringHeader
+                    sortering={Sorteringsfelt.TILTAKSHENDELSE_DATO_OPPRETTET}
+                    onClick={sorteringOnClick}
+                    rekkefolge={sorteringsrekkefolge}
+                    erValgt={sorteringsfelt === Sorteringsfelt.TILTAKSHENDELSE_DATO_OPPRETTET}
+                    tekst="Dato for hendelse"
+                    className="col col-xs-2"
+                    headerId="tiltakshendelse-dato-opprettet"
+                    title="Dato hendelsen ble opprettet"
+                    skalVises={
+                        !!ferdigfilterListe?.includes(TILTAKSHENDELSER) &&
+                        valgteKolonner.includes(Kolonne.TILTAKSHENDELSE_DATO_OPPRETTET)
+                    }
+                />
             </div>
         </div>
     );

src/mocks/data/features.ts

@@ -19,7 +19,7 @@ const toggles = {
     [VIS_AAP_VURDERINGSFRISTKOLONNER]: true,
     [FILTER_FOR_PERSONER_MED_BARN_UNDER_18]: true,
     [HUSKELAPP]: true,
-    [VIS_STATUSFILTER_TILTAKSHENDELSE]: false
+    [VIS_STATUSFILTER_TILTAKSHENDELSE]: true
 };
 
 export default toggles;

src/mocks/data/portefolje.ts

@@ -5,7 +5,8 @@ import {
     BarnUnder18Aar,
     EnsligeForsorgereOvergangsstonad,
     FargekategoriModell,
-    KategoriModell
+    KategoriModell,
+    TiltakshendelseModell
 } from '../../model-interfaces';
 import moment from 'moment';
 import {rnd} from '../utils';
@@ -200,6 +201,14 @@ const lagHuskelapp = fnr => {
     };
 };
 
+const lagTiltakshendelse = (): TiltakshendelseModell => ({
+    id: '9384756932847569',
+    opprettet: new Date(),
+    tekst: 'Lenketekst',
+    lenke: 'https://www.nav.no',
+    tiltakstype: 'AFT'
+});
+
 function lagBruker(sikkerhetstiltak = []) {
     const grunndata = lagGrunndata();
 
@@ -231,6 +240,7 @@ function lagBruker(sikkerhetstiltak = []) {
         sikkerhetstiltak,
         venterPaSvarFraBruker: grunndata.venterPaSvarFraBruker,
         venterPaSvarFraNAV: grunndata.venterPaSvarFraNAV,
+        tiltakshendelse: lagTiltakshendelse(),
         nyesteUtlopteAktivitet: grunndata.nesteUtlopteAktivitet,
         egenAnsatt: random_egenAnsatt ? true : '',
         skjermetTil: random_harSkjermetTil ? randomDateInNearFuture() : '',

src/model-interfaces.ts

@@ -59,7 +59,10 @@ export enum Sorteringsfelt {
     UTDANNING_OG_SITUASJON_SIST_ENDRET = 'utdanningOgSituasjonSistEndret',
     HUSKELAPP_KOMMENTAR = 'huskelapp_kommentar',
     HUSKELAPP_FRIST = 'huskelapp_frist',
-    HUSKELAPP = 'huskelapp'
+    HUSKELAPP = 'huskelapp',
+    TILTAKSHENDELSE_LENKE = 'tiltakshendelse_lenke',
+    TILTAKSHENDELSE_DATO_OPPRETTET = 'tiltakshendelse_dato_opprettet',
+    TILTAKSHENDELSE_TILTAKSTYPE = 'tiltakshendelse_tiltakstype'
 }
 
 export interface FiltervalgModell {
@@ -167,7 +170,7 @@ export interface BrukerModell {
     nyesteUtlopteAktivitet?: string; // dato
     veilederNavn?: string;
     brukertiltak?: string[];
-    tiltakshendelser?: TiltakshendelseModell[];
+    tiltakshendelse: TiltakshendelseModell | null;
     aktiviteter?: AktiviteterModell; // kun avtalte aktiviteter
     alleAktiviteter?: AktiviteterModell;
     aktivitetStart?: string; // dato
@@ -292,12 +295,11 @@ export interface HuskelappModell {
 }
 
 export interface TiltakshendelseModell {
-    hendelseId: string;
-    hendelseOpprettet: Date;
-    hendelseTekst: string;
-    hendelseLenke: string;
-    tiltakstypeKode: string | null;
-    sistEndret: Date;
+    id: string;
+    opprettet: Date;
+    tekst: string;
+    lenke: string;
+    tiltakstype: string | null;
 }
 
 export enum Status {