From 809b0c679511f45cf922124b761773e3725d663a Mon Sep 17 00:00:00 2001 From: Sondre Lefsaker Date: Mon, 25 Nov 2024 13:50:15 +0100 Subject: [PATCH 1/4] rename component --- ...atusTag.tsx => TiltaksgjennomforingStatusMedAarsakTag.tsx} | 2 +- frontend/frontend-common/index.ts | 4 ++-- .../src/components/tabell/TiltaksgjennomforingsTabell.tsx | 4 ++-- .../mr-admin-flate/src/components/tilsagn/TilsagnSkjema.tsx | 4 ++-- .../tiltaksgjennomforinger/TiltaksgjennomforingerListe.tsx | 4 ++-- .../pages/tiltaksgjennomforinger/TiltaksgjennomforingPage.tsx | 4 ++-- .../tiltaksgjennomforinger/TiltaksgjennomforingSkjemaPage.tsx | 4 ++-- .../src/layouts/TiltakHeader.tsx | 4 ++-- 8 files changed, 15 insertions(+), 15 deletions(-) rename frontend/frontend-common/components/tags/{TiltaksgjennomforingStatusTag.tsx => TiltaksgjennomforingStatusMedAarsakTag.tsx} (96%) diff --git a/frontend/frontend-common/components/tags/TiltaksgjennomforingStatusTag.tsx b/frontend/frontend-common/components/tags/TiltaksgjennomforingStatusMedAarsakTag.tsx similarity index 96% rename from frontend/frontend-common/components/tags/TiltaksgjennomforingStatusTag.tsx rename to frontend/frontend-common/components/tags/TiltaksgjennomforingStatusMedAarsakTag.tsx index 4f23f80a74..ee662ba4b5 100644 --- a/frontend/frontend-common/components/tags/TiltaksgjennomforingStatusTag.tsx +++ b/frontend/frontend-common/components/tags/TiltaksgjennomforingStatusMedAarsakTag.tsx @@ -7,7 +7,7 @@ interface Props { showAvbruttAarsak?: boolean; } -export function TiltaksgjennomforingStatusTag({ +export function TiltaksgjennomforingStatusMedAarsakTag({ status, showAvbruttAarsak = false, }: Props) { diff --git a/frontend/frontend-common/index.ts b/frontend/frontend-common/index.ts index e51752ac3c..b1d2bfa4fe 100644 --- a/frontend/frontend-common/index.ts +++ b/frontend/frontend-common/index.ts @@ -8,7 +8,7 @@ import { NavEnhetFilterTag } from "./components/filter/filterTag/NavEnhetFilterT import { FilterTag } from "./components/filter/filterTag/FilterTag"; import { FilterTagsContainer } from "./components/filter/filterTag/FilterTagsContainer"; import { FilterAccordionHeader } from "./components/filter/accordionHeader/FilterAccordionHeader"; -import { TiltaksgjennomforingStatusTag } from "./components/tags/TiltaksgjennomforingStatusTag"; +import { TiltaksgjennomforingStatusMedAarsakTag } from "./components/tags/TiltaksgjennomforingStatusMedAarsakTag"; import { FilterSkeleton } from "./components/skeleton/FilterSkeleton"; import { Drawer } from "./components/drawer/Drawer"; import { @@ -44,7 +44,7 @@ export { InlineErrorBoundary, InlineFallback, ReloadAppFallback, - TiltaksgjennomforingStatusTag, + TiltaksgjennomforingStatusMedAarsakTag, OversiktSkeleton, DetaljerSkeleton, ListSkeleton, diff --git a/frontend/mr-admin-flate/src/components/tabell/TiltaksgjennomforingsTabell.tsx b/frontend/mr-admin-flate/src/components/tabell/TiltaksgjennomforingsTabell.tsx index 618de6dc58..0e73d29bd9 100644 --- a/frontend/mr-admin-flate/src/components/tabell/TiltaksgjennomforingsTabell.tsx +++ b/frontend/mr-admin-flate/src/components/tabell/TiltaksgjennomforingsTabell.tsx @@ -9,7 +9,7 @@ import { import { Alert, Pagination, Table, Tag, VStack } from "@navikt/ds-react"; import { useAtom, WritableAtom } from "jotai"; import { OpenAPI, SorteringTiltaksgjennomforinger } from "@mr/api-client"; -import { TiltaksgjennomforingStatusTag } from "@mr/frontend-common"; +import { TiltaksgjennomforingStatusMedAarsakTag } from "@mr/frontend-common"; import { Lenke } from "@mr/frontend-common/components/lenke/Lenke"; import { ToolbarContainer } from "@mr/frontend-common/components/toolbar/toolbarContainer/ToolbarContainer"; import { ToolbarMeny } from "@mr/frontend-common/components/toolbar/toolbarMeny/ToolbarMeny"; @@ -266,7 +266,7 @@ export function TiltaksgjennomforingsTabell({ - + diff --git a/frontend/mr-admin-flate/src/components/tilsagn/TilsagnSkjema.tsx b/frontend/mr-admin-flate/src/components/tilsagn/TilsagnSkjema.tsx index bde1aeaf42..2b07b5bb41 100644 --- a/frontend/mr-admin-flate/src/components/tilsagn/TilsagnSkjema.tsx +++ b/frontend/mr-admin-flate/src/components/tilsagn/TilsagnSkjema.tsx @@ -10,7 +10,7 @@ import { ApiError, TilsagnDto, TilsagnRequest, TiltaksgjennomforingDto } from "@ import { UseMutationResult } from "@tanstack/react-query"; import { AFTBeregningSkjema } from "./AFTBeregningSkjema"; import { FriBeregningSkjema } from "./FriBeregningSkjema"; -import { ControlledSokeSelect, TiltaksgjennomforingStatusTag } from "@mr/frontend-common"; +import { ControlledSokeSelect, TiltaksgjennomforingStatusMedAarsakTag } from "@mr/frontend-common"; import { Metadata } from "../detaljside/Metadata"; import { useKostnadssted } from "@/api/enhet/useKostnadssted"; @@ -80,7 +80,7 @@ export function TilsagnSkjema({ } + verdi={} /> diff --git a/frontend/mr-admin-flate/src/components/tiltaksgjennomforinger/TiltaksgjennomforingerListe.tsx b/frontend/mr-admin-flate/src/components/tiltaksgjennomforinger/TiltaksgjennomforingerListe.tsx index 3dab59c831..597f3be7d8 100644 --- a/frontend/mr-admin-flate/src/components/tiltaksgjennomforinger/TiltaksgjennomforingerListe.tsx +++ b/frontend/mr-admin-flate/src/components/tiltaksgjennomforinger/TiltaksgjennomforingerListe.tsx @@ -5,7 +5,7 @@ import styles from "./TiltaksgjennomforingerListe.module.scss"; import { TiltaksgjennomforingFilter } from "@/api/atoms"; import { TiltaksgjennomforingDto } from "@mr/api-client"; import { ReactNode } from "react"; -import { TiltaksgjennomforingStatusTag } from "@mr/frontend-common"; +import { TiltaksgjennomforingStatusMedAarsakTag } from "@mr/frontend-common"; interface Props { filter: Partial; @@ -38,7 +38,7 @@ export function TiltaksgjennomforingerListe(props: Props) {
  • {gjennomforing.navn} {gjennomforing.tiltaksnummer} - + {props.action(gjennomforing)}
    • ))} diff --git a/frontend/mr-admin-flate/src/pages/tiltaksgjennomforinger/TiltaksgjennomforingPage.tsx b/frontend/mr-admin-flate/src/pages/tiltaksgjennomforinger/TiltaksgjennomforingPage.tsx index da709bf87a..5522da69da 100644 --- a/frontend/mr-admin-flate/src/pages/tiltaksgjennomforinger/TiltaksgjennomforingPage.tsx +++ b/frontend/mr-admin-flate/src/pages/tiltaksgjennomforinger/TiltaksgjennomforingPage.tsx @@ -14,7 +14,7 @@ import { PREVIEW_ARBEIDSMARKEDSTILTAK_URL } from "@/constants"; import { useNavigateAndReplaceUrl } from "@/hooks/useNavigateWithoutReplacingUrl"; import { ContainerLayout } from "@/layouts/ContainerLayout"; import commonStyles from "../Page.module.scss"; -import { TiltaksgjennomforingStatusTag } from "@mr/frontend-common"; +import { TiltaksgjennomforingStatusMedAarsakTag } from "@mr/frontend-common"; import { TiltaksgjennomforingStatus, Toggles } from "@mr/api-client"; import { useFeatureToggle } from "@/api/features/useFeatureToggle"; @@ -106,7 +106,7 @@ export function TiltaksgjennomforingPage() { - + {tiltaksgjennomforing?.id && diff --git a/frontend/mr-admin-flate/src/pages/tiltaksgjennomforinger/TiltaksgjennomforingSkjemaPage.tsx b/frontend/mr-admin-flate/src/pages/tiltaksgjennomforinger/TiltaksgjennomforingSkjemaPage.tsx index 3a6150bf7f..ac72e37439 100644 --- a/frontend/mr-admin-flate/src/pages/tiltaksgjennomforinger/TiltaksgjennomforingSkjemaPage.tsx +++ b/frontend/mr-admin-flate/src/pages/tiltaksgjennomforinger/TiltaksgjennomforingSkjemaPage.tsx @@ -11,7 +11,7 @@ import { ErrorMeldinger } from "@/components/tiltaksgjennomforinger/Tiltaksgjenn import { useHentAnsatt } from "@/api/ansatt/useHentAnsatt"; import { Brodsmule, Brodsmuler } from "@/components/navigering/Brodsmuler"; import { TiltaksgjennomforingIkon } from "@/components/ikoner/TiltaksgjennomforingIkon"; -import { TiltaksgjennomforingStatusTag } from "@mr/frontend-common"; +import { TiltaksgjennomforingStatusMedAarsakTag } from "@mr/frontend-common"; import { SkjemaContainer } from "@/components/skjema/SkjemaContainer"; import { SkjemaContent } from "@/components/skjema/SkjemaContent"; import { defaultTiltaksgjennomforingData } from "@/components/tiltaksgjennomforinger/TiltaksgjennomforingSkjemaConst"; @@ -109,7 +109,7 @@ export function TiltaksgjennomforingSkjemaPage() { {redigeringsModus ? "Rediger gjennomføring" : "Opprett ny tiltaksgjennomføring"} {tiltaksgjennomforing ? ( - + ) : null} diff --git a/frontend/mulighetsrommet-veileder-flate/src/layouts/TiltakHeader.tsx b/frontend/mulighetsrommet-veileder-flate/src/layouts/TiltakHeader.tsx index 5da97bdf57..5e1cf31931 100644 --- a/frontend/mulighetsrommet-veileder-flate/src/layouts/TiltakHeader.tsx +++ b/frontend/mulighetsrommet-veileder-flate/src/layouts/TiltakHeader.tsx @@ -1,5 +1,5 @@ import { VeilederflateTiltak } from "@mr/api-client"; -import { TiltaksgjennomforingStatusTag } from "@mr/frontend-common"; +import { TiltaksgjennomforingStatusMedAarsakTag } from "@mr/frontend-common"; import { gjennomforingIsAktiv } from "@mr/frontend-common/utils/utils"; import { BodyLong, Heading, HStack, VStack } from "@navikt/ds-react"; import styles from "./TiltakHeader.module.scss"; @@ -22,7 +22,7 @@ export function TiltakHeader({ tiltak }: Props) { {!gjennomforingIsAktiv(tiltak.status.status) && ( - + )} {tiltakstype.beskrivelse && ( From a673ac88f95b1c3e2556d71cf8fbc4bce4fec66f Mon Sep 17 00:00:00 2001 From: Sondre Lefsaker Date: Mon, 25 Nov 2024 14:25:20 +0100 Subject: [PATCH 2/4] =?UTF-8?q?egen=20komponent=20for=20gjennomforingstatu?= =?UTF-8?q?s=20uten=20=C3=A5rsak?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../GjennomforingStatusMedAarsakTag.tsx | 36 ++++++++++++ .../gjennomforing/GjennomforingStatusTag.tsx | 34 +++++++++++ ...TiltaksgjennomforingStatusMedAarsakTag.tsx | 57 ------------------- frontend/frontend-common/index.ts | 6 +- .../tabell/TiltaksgjennomforingsTabell.tsx | 4 +- .../src/components/tilsagn/TilsagnSkjema.tsx | 9 +-- .../TiltaksgjennomforingerListe.tsx | 4 +- .../TiltaksgjennomforingPage.tsx | 41 +++++++------ .../TiltaksgjennomforingSkjemaPage.tsx | 4 +- .../src/layouts/TiltakHeader.tsx | 4 +- 10 files changed, 106 insertions(+), 93 deletions(-) create mode 100644 frontend/frontend-common/components/gjennomforing/GjennomforingStatusMedAarsakTag.tsx create mode 100644 frontend/frontend-common/components/gjennomforing/GjennomforingStatusTag.tsx delete mode 100644 frontend/frontend-common/components/tags/TiltaksgjennomforingStatusMedAarsakTag.tsx diff --git a/frontend/frontend-common/components/gjennomforing/GjennomforingStatusMedAarsakTag.tsx b/frontend/frontend-common/components/gjennomforing/GjennomforingStatusMedAarsakTag.tsx new file mode 100644 index 0000000000..9557bd1e93 --- /dev/null +++ b/frontend/frontend-common/components/gjennomforing/GjennomforingStatusMedAarsakTag.tsx @@ -0,0 +1,36 @@ +import { Tag } from "@navikt/ds-react"; +import { TiltaksgjennomforingStatusDto } from "@mr/api-client"; +import { useState } from "react"; +import { variantAndName } from "./GjennomforingStatusTag"; + +interface Props { + status: TiltaksgjennomforingStatusDto; +} + +export function GjennomforingStatusMedAarsakTag({ status }: Props) { + const [expandLabel, setExpandLabel] = useState(false); + + const { variant, label } = variantAndName(status.status); + const labelWithBeskrivelse = status.avbrutt?.beskrivelse + ? `${label} - ${status.avbrutt.beskrivelse}` + : label; + + return ( + setExpandLabel(true)} + onMouseLeave={() => setExpandLabel(false)} + aria-label={`Gjennomføringstatus: ${label}`} + variant={variant} + > + {expandLabel ? labelWithBeskrivelse : truncate(labelWithBeskrivelse, 30)} + + ); +} + +function truncate(text: string, maxLength: number): string { + return text.length > maxLength ? `${text.substring(0, maxLength - 3)}...` : text; +} diff --git a/frontend/frontend-common/components/gjennomforing/GjennomforingStatusTag.tsx b/frontend/frontend-common/components/gjennomforing/GjennomforingStatusTag.tsx new file mode 100644 index 0000000000..51227c2ca9 --- /dev/null +++ b/frontend/frontend-common/components/gjennomforing/GjennomforingStatusTag.tsx @@ -0,0 +1,34 @@ +import { Tag } from "@navikt/ds-react"; +import { TiltaksgjennomforingStatus } from "@mr/api-client"; + +interface Props { + status: TiltaksgjennomforingStatus; +} + +export function GjennomforingStatusTag({ status }: Props) { + const { variant, label } = variantAndName(status); + + return ( + + {label} + + ); +} + +export function variantAndName(status: TiltaksgjennomforingStatus): { + variant: "alt1" | "success" | "neutral" | "error"; + label: string; +} { + switch (status) { + case TiltaksgjennomforingStatus.GJENNOMFORES: + return { variant: "success", label: "Gjennomføres" }; + case TiltaksgjennomforingStatus.AVSLUTTET: + return { variant: "neutral", label: "Avsluttet" }; + case TiltaksgjennomforingStatus.AVBRUTT: + return { variant: "error", label: "Avbrutt" }; + case TiltaksgjennomforingStatus.AVLYST: + return { variant: "error", label: "Avlyst" }; + case TiltaksgjennomforingStatus.PLANLAGT: + return { variant: "alt1", label: "Planlagt" }; + } +} diff --git a/frontend/frontend-common/components/tags/TiltaksgjennomforingStatusMedAarsakTag.tsx b/frontend/frontend-common/components/tags/TiltaksgjennomforingStatusMedAarsakTag.tsx deleted file mode 100644 index ee662ba4b5..0000000000 --- a/frontend/frontend-common/components/tags/TiltaksgjennomforingStatusMedAarsakTag.tsx +++ /dev/null @@ -1,57 +0,0 @@ -import { Tag } from "@navikt/ds-react"; -import { TiltaksgjennomforingStatus, TiltaksgjennomforingStatusDto } from "@mr/api-client"; -import { useState } from "react"; - -interface Props { - status: TiltaksgjennomforingStatusDto; - showAvbruttAarsak?: boolean; -} - -export function TiltaksgjennomforingStatusMedAarsakTag({ - status, - showAvbruttAarsak = false, -}: Props) { - const [expandLabel, setExpandLabel] = useState(false); - - function variantAndName(): { variant: "alt1" | "success" | "neutral" | "error"; name: string } { - switch (status.status) { - case TiltaksgjennomforingStatus.GJENNOMFORES: - return { variant: "success", name: "Gjennomføres" }; - case TiltaksgjennomforingStatus.AVSLUTTET: - return { variant: "neutral", name: "Avsluttet" }; - case TiltaksgjennomforingStatus.AVBRUTT: - return { variant: "error", name: "Avbrutt" }; - case TiltaksgjennomforingStatus.AVLYST: - return { variant: "error", name: "Avlyst" }; - case TiltaksgjennomforingStatus.PLANLAGT: - return { variant: "alt1", name: "Planlagt" }; - } - } - const { variant, name } = variantAndName(); - - function labelText(): string { - if ((status.status === TiltaksgjennomforingStatus.AVBRUTT || status.status === TiltaksgjennomforingStatus.AVLYST) && showAvbruttAarsak) { - return `${name} - ${status.avbrutt?.beskrivelse}`; - } - - return name; - } - - const label = labelText(); - const slicedLabel = label.length > 30 ? label.slice(0, 27) + "..." : label; - - return ( - setExpandLabel(true)} - onMouseLeave={() => setExpandLabel(false)} - aria-label={`Gjennomføringstatus: ${name}`} - variant={variant} - > - {expandLabel ? label : slicedLabel} - - ); -} diff --git a/frontend/frontend-common/index.ts b/frontend/frontend-common/index.ts index b1d2bfa4fe..67112e89f2 100644 --- a/frontend/frontend-common/index.ts +++ b/frontend/frontend-common/index.ts @@ -8,7 +8,8 @@ import { NavEnhetFilterTag } from "./components/filter/filterTag/NavEnhetFilterT import { FilterTag } from "./components/filter/filterTag/FilterTag"; import { FilterTagsContainer } from "./components/filter/filterTag/FilterTagsContainer"; import { FilterAccordionHeader } from "./components/filter/accordionHeader/FilterAccordionHeader"; -import { TiltaksgjennomforingStatusMedAarsakTag } from "./components/tags/TiltaksgjennomforingStatusMedAarsakTag"; +import { GjennomforingStatusTag } from "./components/gjennomforing/GjennomforingStatusTag"; +import { GjennomforingStatusMedAarsakTag } from "./components/gjennomforing/GjennomforingStatusMedAarsakTag"; import { FilterSkeleton } from "./components/skeleton/FilterSkeleton"; import { Drawer } from "./components/drawer/Drawer"; import { @@ -44,7 +45,6 @@ export { InlineErrorBoundary, InlineFallback, ReloadAppFallback, - TiltaksgjennomforingStatusMedAarsakTag, OversiktSkeleton, DetaljerSkeleton, ListSkeleton, @@ -54,4 +54,6 @@ export { TilbakemeldingsLenke, FilterContainer, useOpenFilterWhenThreshold, + GjennomforingStatusTag, + GjennomforingStatusMedAarsakTag, }; diff --git a/frontend/mr-admin-flate/src/components/tabell/TiltaksgjennomforingsTabell.tsx b/frontend/mr-admin-flate/src/components/tabell/TiltaksgjennomforingsTabell.tsx index 0e73d29bd9..ab981b38cd 100644 --- a/frontend/mr-admin-flate/src/components/tabell/TiltaksgjennomforingsTabell.tsx +++ b/frontend/mr-admin-flate/src/components/tabell/TiltaksgjennomforingsTabell.tsx @@ -9,7 +9,6 @@ import { import { Alert, Pagination, Table, Tag, VStack } from "@navikt/ds-react"; import { useAtom, WritableAtom } from "jotai"; import { OpenAPI, SorteringTiltaksgjennomforinger } from "@mr/api-client"; -import { TiltaksgjennomforingStatusMedAarsakTag } from "@mr/frontend-common"; import { Lenke } from "@mr/frontend-common/components/lenke/Lenke"; import { ToolbarContainer } from "@mr/frontend-common/components/toolbar/toolbarContainer/ToolbarContainer"; import { ToolbarMeny } from "@mr/frontend-common/components/toolbar/toolbarMeny/ToolbarMeny"; @@ -22,6 +21,7 @@ import { PagineringsOversikt } from "../paginering/PagineringOversikt"; import styles from "./Tabell.module.scss"; import { APPLICATION_NAME } from "@/constants"; import { EksporterTabellKnapp } from "@/components/eksporterTabell/EksporterTabellKnapp"; +import { GjennomforingStatusTag } from "@mr/frontend-common"; const SkjulKolonne = ({ children, skjul }: { children: React.ReactNode; skjul: boolean }) => { return skjul ? null : <>{children}; @@ -266,7 +266,7 @@ export function TiltaksgjennomforingsTabell({ - + diff --git a/frontend/mr-admin-flate/src/components/tilsagn/TilsagnSkjema.tsx b/frontend/mr-admin-flate/src/components/tilsagn/TilsagnSkjema.tsx index 2b07b5bb41..db3357fdf1 100644 --- a/frontend/mr-admin-flate/src/components/tilsagn/TilsagnSkjema.tsx +++ b/frontend/mr-admin-flate/src/components/tilsagn/TilsagnSkjema.tsx @@ -2,17 +2,18 @@ import { zodResolver } from "@hookform/resolvers/zod"; import { FormProvider, useForm } from "react-hook-form"; import { InferredOpprettTilsagnSchema, OpprettTilsagnSchema } from "./OpprettTilsagnSchema"; import { useEffect } from "react"; -import { HGrid, DatePicker, BodyShort, Alert, HStack, Button, Box } from "@navikt/ds-react"; -import { addYear, formaterDato } from "../../utils/Utils"; +import { Alert, BodyShort, Box, Button, DatePicker, HGrid, HStack } from "@navikt/ds-react"; +import { addYear, formaterDato } from "@/utils/Utils"; import { ControlledDateInput } from "../skjema/ControlledDateInput"; import { FormGroup } from "../skjema/FormGroup"; import { ApiError, TilsagnDto, TilsagnRequest, TiltaksgjennomforingDto } from "@mr/api-client"; import { UseMutationResult } from "@tanstack/react-query"; import { AFTBeregningSkjema } from "./AFTBeregningSkjema"; import { FriBeregningSkjema } from "./FriBeregningSkjema"; -import { ControlledSokeSelect, TiltaksgjennomforingStatusMedAarsakTag } from "@mr/frontend-common"; +import { ControlledSokeSelect } from "@mr/frontend-common"; import { Metadata } from "../detaljside/Metadata"; import { useKostnadssted } from "@/api/enhet/useKostnadssted"; +import { GjennomforingStatusTag } from "@mr/frontend-common"; interface Props { tiltaksgjennomforing: TiltaksgjennomforingDto; @@ -80,7 +81,7 @@ export function TilsagnSkjema({ } + verdi={} /> diff --git a/frontend/mr-admin-flate/src/components/tiltaksgjennomforinger/TiltaksgjennomforingerListe.tsx b/frontend/mr-admin-flate/src/components/tiltaksgjennomforinger/TiltaksgjennomforingerListe.tsx index 597f3be7d8..7ce31d9e7f 100644 --- a/frontend/mr-admin-flate/src/components/tiltaksgjennomforinger/TiltaksgjennomforingerListe.tsx +++ b/frontend/mr-admin-flate/src/components/tiltaksgjennomforinger/TiltaksgjennomforingerListe.tsx @@ -5,7 +5,7 @@ import styles from "./TiltaksgjennomforingerListe.module.scss"; import { TiltaksgjennomforingFilter } from "@/api/atoms"; import { TiltaksgjennomforingDto } from "@mr/api-client"; import { ReactNode } from "react"; -import { TiltaksgjennomforingStatusMedAarsakTag } from "@mr/frontend-common"; +import { GjennomforingStatusTag } from "@mr/frontend-common"; interface Props { filter: Partial; @@ -38,7 +38,7 @@ export function TiltaksgjennomforingerListe(props: Props) {
  • {gjennomforing.navn} {gjennomforing.tiltaksnummer} - + {props.action(gjennomforing)}
    • ))} diff --git a/frontend/mr-admin-flate/src/pages/tiltaksgjennomforinger/TiltaksgjennomforingPage.tsx b/frontend/mr-admin-flate/src/pages/tiltaksgjennomforinger/TiltaksgjennomforingPage.tsx index 5522da69da..ecac7d5e10 100644 --- a/frontend/mr-admin-flate/src/pages/tiltaksgjennomforinger/TiltaksgjennomforingPage.tsx +++ b/frontend/mr-admin-flate/src/pages/tiltaksgjennomforinger/TiltaksgjennomforingPage.tsx @@ -14,9 +14,9 @@ import { PREVIEW_ARBEIDSMARKEDSTILTAK_URL } from "@/constants"; import { useNavigateAndReplaceUrl } from "@/hooks/useNavigateWithoutReplacingUrl"; import { ContainerLayout } from "@/layouts/ContainerLayout"; import commonStyles from "../Page.module.scss"; -import { TiltaksgjennomforingStatusMedAarsakTag } from "@mr/frontend-common"; import { TiltaksgjennomforingStatus, Toggles } from "@mr/api-client"; import { useFeatureToggle } from "@/api/features/useFeatureToggle"; +import { GjennomforingStatusMedAarsakTag } from "@mr/frontend-common"; function createBrodsmuler( tiltaksgjennomforingId: string, @@ -93,37 +93,34 @@ export function TiltaksgjennomforingPage() {
    - {tiltaksgjennomforing?.navn ?? "..."} + {tiltaksgjennomforing.navn} - + - +
    - {tiltaksgjennomforing?.id && - [TiltaksgjennomforingStatus.GJENNOMFORES, TiltaksgjennomforingStatus.PLANLAGT].includes( - tiltaksgjennomforing.status.status, - ) && ( -
    - - Forhåndsvis i Modia - -
    - )} + {[TiltaksgjennomforingStatus.GJENNOMFORES, TiltaksgjennomforingStatus.PLANLAGT].includes( + tiltaksgjennomforing.status.status, + ) && ( +
    + + Forhåndsvis i Modia + +
    + )}
    diff --git a/frontend/mr-admin-flate/src/pages/tiltaksgjennomforinger/TiltaksgjennomforingSkjemaPage.tsx b/frontend/mr-admin-flate/src/pages/tiltaksgjennomforinger/TiltaksgjennomforingSkjemaPage.tsx index ac72e37439..26d7ce3e95 100644 --- a/frontend/mr-admin-flate/src/pages/tiltaksgjennomforinger/TiltaksgjennomforingSkjemaPage.tsx +++ b/frontend/mr-admin-flate/src/pages/tiltaksgjennomforinger/TiltaksgjennomforingSkjemaPage.tsx @@ -11,10 +11,10 @@ import { ErrorMeldinger } from "@/components/tiltaksgjennomforinger/Tiltaksgjenn import { useHentAnsatt } from "@/api/ansatt/useHentAnsatt"; import { Brodsmule, Brodsmuler } from "@/components/navigering/Brodsmuler"; import { TiltaksgjennomforingIkon } from "@/components/ikoner/TiltaksgjennomforingIkon"; -import { TiltaksgjennomforingStatusMedAarsakTag } from "@mr/frontend-common"; import { SkjemaContainer } from "@/components/skjema/SkjemaContainer"; import { SkjemaContent } from "@/components/skjema/SkjemaContent"; import { defaultTiltaksgjennomforingData } from "@/components/tiltaksgjennomforinger/TiltaksgjennomforingSkjemaConst"; +import { GjennomforingStatusMedAarsakTag } from "@mr/frontend-common"; export function TiltaksgjennomforingSkjemaPage() { const navigate = useNavigate(); @@ -109,7 +109,7 @@ export function TiltaksgjennomforingSkjemaPage() { {redigeringsModus ? "Rediger gjennomføring" : "Opprett ny tiltaksgjennomføring"} {tiltaksgjennomforing ? ( - + ) : null} diff --git a/frontend/mulighetsrommet-veileder-flate/src/layouts/TiltakHeader.tsx b/frontend/mulighetsrommet-veileder-flate/src/layouts/TiltakHeader.tsx index 5e1cf31931..6660655a7a 100644 --- a/frontend/mulighetsrommet-veileder-flate/src/layouts/TiltakHeader.tsx +++ b/frontend/mulighetsrommet-veileder-flate/src/layouts/TiltakHeader.tsx @@ -1,6 +1,6 @@ import { VeilederflateTiltak } from "@mr/api-client"; -import { TiltaksgjennomforingStatusMedAarsakTag } from "@mr/frontend-common"; import { gjennomforingIsAktiv } from "@mr/frontend-common/utils/utils"; +import { GjennomforingStatusTag } from "@mr/frontend-common"; import { BodyLong, Heading, HStack, VStack } from "@navikt/ds-react"; import styles from "./TiltakHeader.module.scss"; @@ -22,7 +22,7 @@ export function TiltakHeader({ tiltak }: Props) { {!gjennomforingIsAktiv(tiltak.status.status) && ( - + )} {tiltakstype.beskrivelse && ( From cdda7eea0a560426cddc1094d8f8dff00b2a1d88 Mon Sep 17 00:00:00 2001 From: Sondre Lefsaker Date: Mon, 25 Nov 2024 14:44:59 +0100 Subject: [PATCH 3/4] =?UTF-8?q?ikke=20inkluder=20avbrutt=20=C3=A5rsak=20i?= =?UTF-8?q?=20payload=20til=20veilederflate?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../queries/useArbeidsmarkedstiltakById.ts | 9 +++++++ .../ModiaArbeidsmarkedstiltakDetaljer.tsx | 10 +++----- .../src/layouts/TiltakHeader.tsx | 8 +++--- .../VeilederflateTiltakRepository.kt | 25 +++++-------------- .../R__veilederflate_tiltak_view.sql | 2 -- .../src/main/resources/web/openapi.yaml | 13 +++++++--- 6 files changed, 33 insertions(+), 34 deletions(-) diff --git a/frontend/mulighetsrommet-veileder-flate/src/api/queries/useArbeidsmarkedstiltakById.ts b/frontend/mulighetsrommet-veileder-flate/src/api/queries/useArbeidsmarkedstiltakById.ts index f28600db5e..552c5f0dfe 100644 --- a/frontend/mulighetsrommet-veileder-flate/src/api/queries/useArbeidsmarkedstiltakById.ts +++ b/frontend/mulighetsrommet-veileder-flate/src/api/queries/useArbeidsmarkedstiltakById.ts @@ -8,11 +8,20 @@ import { VeilederflateTiltakGruppe, VeilederTiltakService, } from "@mr/api-client"; +import { gjennomforingIsAktiv } from "@mr/frontend-common/utils/utils"; export function isTiltakGruppe(tiltak: VeilederflateTiltak): tiltak is VeilederflateTiltakGruppe { return tiltak.type === "TILTAK_GRUPPE"; } +export function isTiltakAktivt(gjennomforing: VeilederflateTiltak): boolean { + if (typeof gjennomforing.status === "string") { + return gjennomforingIsAktiv(gjennomforing.status); + } else { + return gjennomforingIsAktiv(gjennomforing.status.status); + } +} + export function isTiltakEgenRegi( tiltak: VeilederflateTiltak, ): tiltak is VeilederflateTiltakEnkeltplassAnskaffet { diff --git a/frontend/mulighetsrommet-veileder-flate/src/apps/modia/views/ModiaArbeidsmarkedstiltakDetaljer.tsx b/frontend/mulighetsrommet-veileder-flate/src/apps/modia/views/ModiaArbeidsmarkedstiltakDetaljer.tsx index dc5201ea56..1df37f1436 100644 --- a/frontend/mulighetsrommet-veileder-flate/src/apps/modia/views/ModiaArbeidsmarkedstiltakDetaljer.tsx +++ b/frontend/mulighetsrommet-veileder-flate/src/apps/modia/views/ModiaArbeidsmarkedstiltakDetaljer.tsx @@ -24,11 +24,11 @@ import { VeilederflateTiltakstype, } from "@mr/api-client"; import { InlineErrorBoundary, TilbakemeldingsLenke, useTitle } from "@mr/frontend-common"; -import { gjennomforingIsAktiv } from "@mr/frontend-common/utils/utils"; import { Chat2Icon } from "@navikt/aksel-icons"; import { Alert, Button } from "@navikt/ds-react"; import { useAtomValue } from "jotai"; import { + isTiltakAktivt, isTiltakGruppe, useModiaArbeidsmarkedstiltakById, } from "@/api/queries/useArbeidsmarkedstiltakById"; @@ -108,18 +108,16 @@ export function ModiaArbeidsmarkedstiltakDetaljer() { )} - {gjennomforingIsAktiv(tiltak.status.status) ? ( - - ) : null} + {isTiltakAktivt(tiltak) ? : null} - {isTiltakGruppe(tiltak) && gjennomforingIsAktiv(tiltak.status.status) ? ( + {isTiltakGruppe(tiltak) && isTiltakAktivt(tiltak) ? ( ) : null} - {brukerdata.erUnderOppfolging && gjennomforingIsAktiv(tiltak.status.status) ? ( + {brukerdata.erUnderOppfolging && isTiltakAktivt(tiltak) ? ( - {!gjennomforingIsAktiv(tiltak.status.status) && ( - + {!isTiltakAktivt(tiltak) && ( + )} {tiltakstype.beskrivelse && ( diff --git a/mulighetsrommet-api/src/main/kotlin/no/nav/mulighetsrommet/api/veilederflate/VeilederflateTiltakRepository.kt b/mulighetsrommet-api/src/main/kotlin/no/nav/mulighetsrommet/api/veilederflate/VeilederflateTiltakRepository.kt index ce55cc06e4..4e031ca19f 100644 --- a/mulighetsrommet-api/src/main/kotlin/no/nav/mulighetsrommet/api/veilederflate/VeilederflateTiltakRepository.kt +++ b/mulighetsrommet-api/src/main/kotlin/no/nav/mulighetsrommet/api/veilederflate/VeilederflateTiltakRepository.kt @@ -3,19 +3,16 @@ package no.nav.mulighetsrommet.api.veilederflate import kotlinx.serialization.json.Json import kotliquery.Row import kotliquery.queryOf -import no.nav.mulighetsrommet.api.veilederflate.models.EstimertVentetid -import no.nav.mulighetsrommet.api.veilederflate.models.VeilederflateArrangor -import no.nav.mulighetsrommet.api.veilederflate.models.VeilederflateArrangorKontaktperson -import no.nav.mulighetsrommet.api.veilederflate.models.VeilederflateKontaktinfo -import no.nav.mulighetsrommet.api.veilederflate.models.VeilederflateKontaktinfoTiltaksansvarlig -import no.nav.mulighetsrommet.api.veilederflate.models.VeilederflateTiltakGruppe -import no.nav.mulighetsrommet.api.veilederflate.models.VeilederflateTiltakstype +import no.nav.mulighetsrommet.api.veilederflate.models.* import no.nav.mulighetsrommet.database.Database import no.nav.mulighetsrommet.database.utils.DatabaseUtils.toFTSPrefixQuery import no.nav.mulighetsrommet.domain.Tiltakskode import no.nav.mulighetsrommet.domain.Tiltakskoder.isKursTiltak import no.nav.mulighetsrommet.domain.dbo.TiltaksgjennomforingOppstartstype -import no.nav.mulighetsrommet.domain.dto.* +import no.nav.mulighetsrommet.domain.dto.Innsatsgruppe +import no.nav.mulighetsrommet.domain.dto.Personopplysning +import no.nav.mulighetsrommet.domain.dto.TiltaksgjennomforingStatus +import no.nav.mulighetsrommet.domain.dto.TiltaksgjennomforingStatusDto import org.intellij.lang.annotations.Language import java.util.* @@ -89,9 +86,6 @@ class VeilederflateTiltakRepository(private val db: Database) { ?.let { Json.decodeFromString>(it) } ?: emptyList() - val avbruttTidspunkt = localDateTimeOrNull("avbrutt_tidspunkt") - val avbruttAarsak = stringOrNull("avbrutt_aarsak")?.let { AvbruttAarsak.fromString(it) } - val tiltakstypeNavn = string("tiltakstype_navn") val tiltakskode = stringOrNull("tiltakstype_tiltakskode")?.let { Tiltakskode.valueOf(it) } val navn = string("navn") @@ -139,14 +133,7 @@ class VeilederflateTiltakRepository(private val db: Database) { personopplysningerSomKanBehandles = personopplysningerSomKanBehandles, status = TiltaksgjennomforingStatusDto( TiltaksgjennomforingStatus.valueOf(string("status")), - avbruttTidspunkt?.let { - requireNotNull(avbruttAarsak) - AvbruttDto( - tidspunkt = avbruttTidspunkt, - aarsak = avbruttAarsak, - beskrivelse = avbruttAarsak.beskrivelse, - ) - }, + null, ), ) } diff --git a/mulighetsrommet-api/src/main/resources/db/migration/R__veilederflate_tiltak_view.sql b/mulighetsrommet-api/src/main/resources/db/migration/R__veilederflate_tiltak_view.sql index 0501112c3b..dfbb456652 100644 --- a/mulighetsrommet-api/src/main/resources/db/migration/R__veilederflate_tiltak_view.sql +++ b/mulighetsrommet-api/src/main/resources/db/migration/R__veilederflate_tiltak_view.sql @@ -15,8 +15,6 @@ select gjennomforing.id, gjennomforing.beskrivelse, gjennomforing.faneinnhold, gjennomforing.nav_region, - gjennomforing.avbrutt_aarsak, - gjennomforing.avbrutt_tidspunkt, gjennomforing.publisert, tiltaksgjennomforing_status(gjennomforing.start_dato, gjennomforing.slutt_dato, diff --git a/mulighetsrommet-api/src/main/resources/web/openapi.yaml b/mulighetsrommet-api/src/main/resources/web/openapi.yaml index f75b8965f2..20c0b4c78a 100644 --- a/mulighetsrommet-api/src/main/resources/web/openapi.yaml +++ b/mulighetsrommet-api/src/main/resources/web/openapi.yaml @@ -3497,7 +3497,7 @@ components: tiltaksnummer: type: string status: - $ref: "#/components/schemas/TiltaksgjennomforingStatusDto" + $ref: "#/components/schemas/VeilederflateTiltakStatus" beskrivelse: type: string faneinnhold: @@ -3558,7 +3558,7 @@ components: tiltaksnummer: type: string status: - $ref: "#/components/schemas/TiltaksgjennomforingStatusDto" + $ref: "#/components/schemas/VeilederflateTiltakStatus" beskrivelse: type: string faneinnhold: @@ -3594,7 +3594,7 @@ components: tiltakstype: $ref: "#/components/schemas/VeilederflateTiltakstype" status: - $ref: "#/components/schemas/TiltaksgjennomforingStatusDto" + $ref: "#/components/schemas/VeilederflateTiltakStatus" beskrivelse: type: string faneinnhold: @@ -3632,7 +3632,7 @@ components: tiltaksnummer: type: string status: - $ref: "#/components/schemas/TiltaksgjennomforingStatusDto" + $ref: "#/components/schemas/VeilederflateTiltakStatus" beskrivelse: type: string faneinnhold: @@ -3663,6 +3663,11 @@ components: - underTittel - arrangor + VeilederflateTiltakStatus: + oneOf: + - $ref: "#/components/schemas/TiltaksgjennomforingStatusDto" + - $ref: "#/components/schemas/TiltaksgjennomforingStatus" + RegelverkLenke: type: object properties: From f202b3fb15eb8c6abcc53f1b85ebb7cd23180fe9 Mon Sep 17 00:00:00 2001 From: Sondre Lefsaker Date: Mon, 25 Nov 2024 14:47:45 +0100 Subject: [PATCH 4/4] forenkle logikk --- .../tiltaksgjennomforinger/TiltaksgjennomforingPage.tsx | 7 +++---- 1 file changed, 3 insertions(+), 4 deletions(-) diff --git a/frontend/mr-admin-flate/src/pages/tiltaksgjennomforinger/TiltaksgjennomforingPage.tsx b/frontend/mr-admin-flate/src/pages/tiltaksgjennomforinger/TiltaksgjennomforingPage.tsx index ecac7d5e10..dd82c62977 100644 --- a/frontend/mr-admin-flate/src/pages/tiltaksgjennomforinger/TiltaksgjennomforingPage.tsx +++ b/frontend/mr-admin-flate/src/pages/tiltaksgjennomforinger/TiltaksgjennomforingPage.tsx @@ -14,9 +14,10 @@ import { PREVIEW_ARBEIDSMARKEDSTILTAK_URL } from "@/constants"; import { useNavigateAndReplaceUrl } from "@/hooks/useNavigateWithoutReplacingUrl"; import { ContainerLayout } from "@/layouts/ContainerLayout"; import commonStyles from "../Page.module.scss"; -import { TiltaksgjennomforingStatus, Toggles } from "@mr/api-client"; +import { Toggles } from "@mr/api-client"; import { useFeatureToggle } from "@/api/features/useFeatureToggle"; import { GjennomforingStatusMedAarsakTag } from "@mr/frontend-common"; +import { gjennomforingIsAktiv } from "@mr/frontend-common/utils/utils"; function createBrodsmuler( tiltaksgjennomforingId: string, @@ -107,9 +108,7 @@ export function TiltaksgjennomforingPage() { - {[TiltaksgjennomforingStatus.GJENNOMFORES, TiltaksgjennomforingStatus.PLANLAGT].includes( - tiltaksgjennomforing.status.status, - ) && ( + {gjennomforingIsAktiv(tiltaksgjennomforing.status.status) && (