Lag ny type kolonne og legg til datakolonner

src/components/tabell/kolonner/lenkekolonne.tsx

@@ -0,0 +1,36 @@
+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.tiltakshendelser) {
+        return null;
+    }
+    const tiltakshendelse = bruker.tiltakshendelser[0];
+
+    const handterKlikk = () => oppdaterBrukerIKontekstOgNavigerTilLenke(bruker.fnr, tiltakshendelse.hendelseLenke);
+
+    const handterKlikkNyFane = () =>
+        oppdaterBrukerIKontekstOgNavigerTilLenke(bruker.fnr, tiltakshendelse.hendelseLenke, true);
+
+    return (
+        <div className={className}>
+            {tiltakshendelse && (
+                <AksjonKnappMedPopoverFeilmelding
+                    klikkAksjon={handterKlikk}
+                    ctrlklikkAksjon={handterKlikkNyFane}
+                    knappStil="juster-tekst-venstre"
+                    knappTekst={tiltakshendelse.hendelseTekst}
+                />
+            )}
+        </div>
+    );
+};
+
+export default LenkeKolonne;

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;
@@ -106,6 +108,9 @@ function EnhetKolonner({className, bruker, enhetId, filtervalg, valgteKolonner,
         valgteKolonner.includes(Kolonne.UTLOP_AKTIVITET) &&
         (filtervalg.tiltakstyper.length > 0 || filtervalg.aktiviteterForenklet.length > 0);
 
+    // Foreløpig tar vi bare inn én hendelse per person
+    const tiltakshendelser = bruker.tiltakshendelser ? bruker.tiltakshendelser[0] : null;
+
     const sisteEndringTidspunkt = bruker.sisteEndringTidspunkt ? new Date(bruker.sisteEndringTidspunkt) : null;
     const tolkbehovSpraakData = useTolkbehovSelector();
 
@@ -272,6 +277,30 @@ 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={tiltakshendelser ? new Date(tiltakshendelser.hendelseOpprettet) : null}
+                skalVises={
+                    !!ferdigfilterListe?.includes(TILTAKSHENDELSER) &&
+                    valgteKolonner.includes(Kolonne.TILTAKSHENDELSE_DATO_OPPRETTET)
+                }
+            />
+            <TekstKolonne
+                className="col col-cs-2"
+                skalVises={
+                    !!ferdigfilterListe?.includes(TILTAKSHENDELSER) &&
+                    valgteKolonner.includes(Kolonne.TILTAKSHENDELSE_TILTAKSTYPE)
+                }
+                tekst={!tiltakshendelser ? '' : tiltakshendelser.tiltakstypeKode ?? ''}
+            />
             <DatoKolonne
                 className="col col-xs-2"
                 dato={nyesteUtlopteAktivitet}

src/enhetsportefolje/enhet-listehode.tsx

@@ -25,7 +25,7 @@ import './enhetsportefolje.css';
 import './brukerliste.css';
 import {OrNothing} from '../utils/types/types';
 import {useFeatureSelector} from '../hooks/redux/use-feature-selector';
-import {VIS_AAP_VURDERINGSFRISTKOLONNER, VIS_STATUSFILTER_TILTAKSHENDELSE} from '../konstanter';
+import {VIS_AAP_VURDERINGSFRISTKOLONNER} from '../konstanter';
 
 function harValgteAktiviteter(aktiviteter) {
     if (aktiviteter && Object.keys(aktiviteter).length > 0) {
@@ -53,7 +53,6 @@ function EnhetListehode({
     valgteKolonner
 }: EnhetListehodeProps) {
     const vis_kolonner_for_vurderingsfrist_aap = useFeatureSelector()(VIS_AAP_VURDERINGSFRISTKOLONNER);
-    const vis_kolonner_for_tiltakshendelser = useFeatureSelector()(VIS_STATUSFILTER_TILTAKSHENDELSE);
     const {ytelse} = filtervalg;
     const erAapYtelse = Object.keys(ytelseAapSortering).includes(ytelse!);
     const aapPeriodetype = erAapYtelse ? ytelseAapSortering[ytelse!].periodetype : '';
@@ -127,7 +126,6 @@ function EnhetListehode({
                     headerId="statsborgerskap"
                     skalVises={valgteKolonner.includes(Kolonne.STATSBORGERSKAP)}
                 />
-
                 <SorteringHeader
                     sortering={Sorteringsfelt.STATSBORGERSKAP_GYLDIG_FRA}
                     onClick={sorteringOnClick}
@@ -559,42 +557,48 @@ function EnhetListehode({
                     headerId="dato-sist-endret-utdanning-og-situasjon"
                     skalVises={valgteKolonner.includes(Kolonne.UTDANNING_OG_SITUASJON_SIST_ENDRET)}
                 />
-                {vis_kolonner_for_tiltakshendelser && (
-                    <SorteringHeader
-                        sortering={Sorteringsfelt.TILTAKSHENDELSE}
-                        onClick={sorteringOnClick}
-                        rekkefolge={sorteringsrekkefolge}
-                        erValgt={sorteringsfelt === Sorteringsfelt.TILTAKSHENDELSE}
-                        tekst="Hendelse"
-                        className="col col-xs-2"
-                        headerId="tiltakshendelse-lenke"
-                        skalVises={!!ferdigfilterListe?.includes(TILTAKSHENDELSER)}
-                    />
-                )}
-                {vis_kolonner_for_tiltakshendelser && (
-                    <SorteringHeader
-                        sortering={Sorteringsfelt.TILTAKSHENDELSE_DATO_OPPRETTET}
-                        onClick={sorteringOnClick}
-                        rekkefolge={sorteringsrekkefolge}
-                        erValgt={sorteringsfelt === Sorteringsfelt.TILTAKSHENDELSE_DATO_OPPRETTET}
-                        tekst="Dato"
-                        className="col col-xs-2"
-                        headerId="tiltakshendelse-dato-opprettet"
-                        skalVises={!!ferdigfilterListe?.includes(TILTAKSHENDELSER)}
-                    />
-                )}
-                {vis_kolonner_for_tiltakshendelser && (
-                    <SorteringHeader
-                        sortering={Sorteringsfelt.TILTAKSHENDELSE_TILTAKSTYPE}
-                        onClick={sorteringOnClick}
-                        rekkefolge={sorteringsrekkefolge}
-                        erValgt={sorteringsfelt === Sorteringsfelt.TILTAKSHENDELSE_TILTAKSTYPE}
-                        tekst="Tiltakstype"
-                        className="col col-xs-2"
-                        headerId="tiltakshendelse-lenke"
-                        skalVises={!!ferdigfilterListe?.includes(TILTAKSHENDELSER)}
-                    />
-                )}
+                <SorteringHeader
+                    sortering={Sorteringsfelt.TILTAKSHENDELSE_LENKE}
+                    onClick={sorteringOnClick}
+                    rekkefolge={sorteringsrekkefolge}
+                    erValgt={sorteringsfelt === Sorteringsfelt.TILTAKSHENDELSE_LENKE}
+                    tekst="Hendelse"
+                    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"
+                    className="col col-xs-2"
+                    headerId="tiltakshendelse-dato-opprettet"
+                    title="Dato hendelsen ble opprettet"
+                    skalVises={
+                        !!ferdigfilterListe?.includes(TILTAKSHENDELSER) &&
+                        valgteKolonner.includes(Kolonne.TILTAKSHENDELSE_DATO_OPPRETTET)
+                    }
+                />
+                <SorteringHeader
+                    sortering={Sorteringsfelt.TILTAKSHENDELSE_TILTAKSTYPE}
+                    onClick={sorteringOnClick}
+                    rekkefolge={sorteringsrekkefolge}
+                    erValgt={sorteringsfelt === Sorteringsfelt.TILTAKSHENDELSE_TILTAKSTYPE}
+                    tekst="Tiltakstype"
+                    className="col col-xs-2"
+                    headerId="tiltakshendelse-lenke"
+                    title="Type tiltak"
+                    skalVises={
+                        !!ferdigfilterListe?.includes(TILTAKSHENDELSER) &&
+                        valgteKolonner.includes(Kolonne.TILTAKSHENDELSE_TILTAKSTYPE)
+                    }
+                />
             </div>
             <div className="brukerliste__gutter-right" />
         </div>