54 make dashboard for before aplication

backend/src/main.py

@@ -67,7 +67,7 @@ def plan_prat(question: PlanPratRequest) -> PlanPratResponse:
         question (PlanPratRequest): The query to PlanPrat.
     Returns:
         PlanPratResponse: The PlanPrat response.
-
+backend/src/main.py
     """
 
     logger.info(f"Query: {question}")

webapp/cypress/e2e/pages/for-soknad-dashbord.cy.ts

@@ -0,0 +1,20 @@
+describe("for-soknad-dashbord e2e Tests", () => {
+    const ROUTE = "for-soknad/byggeideer/dashbord"
+
+    beforeEach(() => {
+        cy.visit(`/${ROUTE}`)
+    })
+
+    it("should render content", () => {
+        cy.get('[data-cy="title"').should("be.visible")
+        cy.get('[data-cy="pick-address"').should("be.visible")
+        cy.get('[data-cy="todo-list"').should("be.visible")
+        cy.get('[data-cy="planprat"').should("be.visible")
+        cy.get('[data-cy="cadaid-widget"').should("be.visible")
+        cy.get('[data-cy="digital-tiltaksdata-widget"').should("be.visible")
+        cy.get('[data-cy="3d-visning-widget"').should("be.visible")
+        cy.get('[data-cy="document-overview"').should("be.visible")
+        cy.get('[data-cy="arkiv-gpt"').should("be.visible")
+        cy.get('[data-cy="start-aplication-button"').should("be.visible")
+    })
+})

webapp/src/app/data/shortcuts.tsx

@@ -28,6 +28,7 @@ const shortcuts: ShortcutLink[] = [
                     { label: 'Planchat', url: '/for-soknad/planprat', text: "Få oversikt over hva du har lov å gjøre med denne chatbotten" },
                     { label: 'Tiltakskart', url: '/for-soknad/tiltakskart', text: "Se tiltakene rundt deg"},
                     { label: '3D-situasjonsmodell', url: '/for-soknad/3d-situasjon', text: "Se ditt tiltak i 3D kart" },
+                    { label: 'Min byggeide', url: '/for-soknad/byggeideer/dashbord', text: "Organiser informasjonen rundt din byggesøknad" },
                 ],
             },
             {
@@ -55,7 +56,7 @@ const shortcuts: ShortcutLink[] = [
                     { label: 'Søknadsinformasjon', url: '/for-soknad/soknadsinfo', text: "Se detaljert analyse av, og informasjon rundt, din byggesøknad" },
                     { label: 'Tiltakskart', url: '/under-soknad/tiltakskart', text: "Se tiltakene rundt deg" },
                     { label: '3D-situasjonsmodell', url: '/under-soknad/3d-situasjon', text: "Se ditt tiltak i 3D kart" },
-                    { label: 'Saken oppsummert', url: '/under-soknad/oppsummering', text: "Få totaloversikt over søknaden din" },
+                    { label: 'Min byggeidee', url: '/under-soknad/byggeideer/dashbord', text: "Organiser informasjonen rundt din byggesøknad" },
                 ],
             },
             {

webapp/src/app/for-soknad/byggeideer/dashbord/arkivgpt/page.tsx

@@ -0,0 +1,9 @@
+import ArkivGPTPage from "~/components/ArkivGPT";
+
+export default async function ArkivGPT() {
+  return (
+    <div>
+        <ArkivGPTPage></ArkivGPTPage>
+    </div>
+  );
+}

webapp/src/app/for-soknad/byggeideer/dashbord/cadaid/page.tsx

@@ -0,0 +1,11 @@
+import CadaidPage from "~/components/CADAiD";
+
+export default async function PlantegningsAnalyse() {
+    return (
+      <div>
+          <CadaidPage></CadaidPage>
+      </div>
+    );
+  }
+
+

webapp/src/app/for-soknad/byggeideer/dashbord/page.tsx

@@ -0,0 +1,9 @@
+"use client";
+import UserDashboard from "~/components/UserDashboard";
+
+export default function Dashboard() {
+    return(
+      <UserDashboard/>
+    );
+
+}

webapp/src/app/under-soknad/byggeideer/dashbord/arkivgpt/page.tsx

@@ -0,0 +1,9 @@
+import ArkivGPTPage from "~/components/ArkivGPT";
+
+export default async function ArkivGPT() {
+  return (
+    <div>
+        <ArkivGPTPage></ArkivGPTPage>
+    </div>
+  );
+}

webapp/src/app/under-soknad/byggeideer/dashbord/cadaid/page.tsx

@@ -0,0 +1,9 @@
+"use client";
+import UserDashboard from "~/components/UserDashboard";
+
+export default function Dashboard() {
+    return(
+      <UserDashboard/>
+    );
+
+}

webapp/src/app/under-soknad/byggeideer/dashbord/page.tsx

@@ -0,0 +1,9 @@
+"use client";
+import UserDashboard from "~/components/UserDashboard";
+
+export default function Dashboard() {
+    return(
+      <UserDashboard/>
+    );
+
+}

webapp/src/components/ArkivGPTWidget.tsx

@@ -0,0 +1,41 @@
+"use client";
+import React from "react";
+import Image from "next/image";
+import { useRouter } from 'next/navigation';
+interface ArkivGPTWidgetProps {
+    hasInputPickAddress: boolean;
+}
+
+export function ArkivGPTWidget({hasInputPickAddress}: ArkivGPTWidgetProps) {
+    const router = useRouter();
+
+    const handleNavigation = () => {
+        router.push('//localhost:3000/for-soknad/byggeideer/dashbord/arkivgpt');
+    };
+
+
+    return(
+        <section data-cy="arkiv-gpt" 
+        className="border rounded-md p-4 shadow-md hover:shadow-lg transition-all cursor-pointer lg:col-span-2"
+        onClick={handleNavigation}>
+            <div className="flex justify-between items-center">
+                <h1 className="font-bold text-xlwebapp/src/app/for-soknad/byggeideer/dashbord/page.tsx">Tomtens arkiv historikk</h1>
+                <Image src={hasInputPickAddress? "/Ikoner/Dark/SVG/Check, Success.svg" : "/Ikoner/Dark/SVG/Warning.svg"}
+                    alt={hasInputPickAddress? "hake" : "varselsymbol"}
+                    className="bg-kartAI-blue rounded-sm p-1"
+                    width={30}
+                    height={30}/> 
+
+            </div>
+            {hasInputPickAddress? 
+            <div>
+                <p className="underline">KLIKK HER:</p>
+                <p>Les tidligere saker relatert til tomten</p>
+            </div> 
+            : 
+            <p>Ingen arkiv funnet</p>}
+
+    </section>
+
+    )
+}

webapp/src/components/CadaidWidget.tsx

@@ -0,0 +1,87 @@
+"use client";
+import React, { use, useEffect, useState } from "react";
+import Image from "next/image";
+import { useRouter } from 'next/navigation';
+interface CadaidWidgetProps {
+    setHasInputCadaidWidget: (value: boolean) => void;
+    hasInputCadaidWidget: boolean;
+    reportUrl: string; 
+}
+interface response {
+    message: string;
+    type: string;
+}
+
+export function CadaidWidget({setHasInputCadaidWidget, hasInputCadaidWidget, reportUrl }: CadaidWidgetProps) {
+    const [cadaidRespons, setCadaidRespons] = useState<response[]>([])
+    const router = useRouter();
+
+    const handleNavigation = () => {
+        router.push(reportUrl);
+    };
+
+    const hardcodedRespons = [{message: "Du har fasade", type: "CONFIRMED"}, 
+            {message: "Du mangler snit", type: "MISSING"}, 
+            {message: "Du mangler situasjons kart", type: "MISSING" }]
+
+    const handleClick = () => {
+        handleNavigation();
+        if (!hasInputCadaidWidget) {
+            setHasInputCadaidWidget(true);
+            localStorage.setItem("CadaidRespons", JSON.stringify(cadaidRespons)) ;
+
+        }
+    }
+    useEffect(() => {
+        if (cadaidRespons.length > 0) {
+            localStorage.setItem("CadaidRespons", JSON.stringify(cadaidRespons)) ;
+        }
+    }, [cadaidRespons] )
+
+    useEffect(() => {
+        const storedCadaidRespons = localStorage.getItem("CadaidRespons")
+
+        if (storedCadaidRespons) {
+            try {
+                const parsedRespons: response[] = JSON.parse(storedCadaidRespons) as response[];
+                setCadaidRespons(parsedRespons);
+
+                if (parsedRespons.length > 0) {
+                    setHasInputCadaidWidget(true);
+                }
+
+            } catch {
+                console.error("respons could not be parsed")
+            }
+        }
+    }, [setHasInputCadaidWidget])
+
+    return(
+        <section data-cy="cadaid-widget"
+            className="border rounded-md p-4 shadow-md hover:shadow-lg transition-all cursor-pointer lg:col-span-2"
+            onClick={handleClick}>
+                <div className="flex justify-between items-center">
+                    <h1 className="font-bold text-xlwebapp/src/app/for-soknad/byggeideer/dashbord/page.tsx">Få oversikt over plantegninger</h1>
+                    <Image src={hasInputCadaidWidget? "/Ikoner/Dark/SVG/Check, Success.svg" : "/Ikoner/Dark/SVG/Warning.svg"}
+                        alt={hasInputCadaidWidget? "hake" : "varselsymbol"}
+                        className="bg-kartAI-blue rounded-sm p-1"
+                        width={30}
+                        height={30}/> 
+
+                </div>
+                {hasInputCadaidWidget? 
+                <ul>
+                    {cadaidRespons.map((response  , index) => (
+                        <li className={`${response.type === "MISSING" ? "text-red-600" : "text-black"}`}
+                        key={index}>{response.message}</li>
+                    ))}
+                </ul>   
+                : 
+                <div>
+                    <p className="underline">KLIKK HER: </p>
+                    <p>Laste opp plantegning for å få se hva som må legges til før du skriver søknad</p>
+                </div>}
+
+        </section>
+    )
+}

webapp/src/components/DigitalTilraksdataWidget.tsx

@@ -0,0 +1,101 @@
+"use client";
+
+import React, { useEffect, useState } from "react";
+import Image from "next/image";
+import { Button } from "./ui/button";
+
+interface DigitalTiltaksdataWidgetProps {
+    hasInputDigitalTiltaksdataWidget: boolean;
+    setHasInputDigitalTiltaksdataWidget: (value: boolean) => void;
+}
+
+export function DigitalTiltaksdataWidget({hasInputDigitalTiltaksdataWidget, setHasInputDigitalTiltaksdataWidget}:DigitalTiltaksdataWidgetProps) {
+    const [isOverlayOpen, setIsOverlayOpen] = useState(false);
+
+    useEffect(() => {
+        if (hasInputDigitalTiltaksdataWidget) {
+            localStorage.setItem("hasInputDigitalTiltaksdataWidget", JSON.stringify(hasInputDigitalTiltaksdataWidget));
+        }
+    })
+
+    useEffect(() => {
+        const storedHasInputDigitalTiltaksdataWidget = localStorage.getItem("hasInputDigitalTiltaksdataWidget")
+
+        if (storedHasInputDigitalTiltaksdataWidget) {
+            try {
+                const parsedHasInputDigitalTiltaksdataWidget: boolean = JSON.parse(storedHasInputDigitalTiltaksdataWidget) as boolean;
+                setHasInputDigitalTiltaksdataWidget(parsedHasInputDigitalTiltaksdataWidget);
+            } catch {
+                console.error("respons could not be parsed");
+
+            }
+        }
+    })
+    const applyInput= () => {
+        setHasInputDigitalTiltaksdataWidget(true);
+        setIsOverlayOpen(false);
+    };
+
+
+
+
+    const toggleOverlay = () => setIsOverlayOpen(!isOverlayOpen);
+    return(
+        <section data-cy="digital-tiltaksdata-widget"
+            className="Border rounded-md p-4 shadow-md hover:shadow-lg transition-all cursor-pointer lg:col-span-2"
+            onClick={toggleOverlay}>
+
+            {hasInputDigitalTiltaksdataWidget? 
+            <div> 
+            <div className="flex justify-between items-center">
+                <h1 className="font-bold text-xl">Analyser bygg området</h1>
+                <Image src={hasInputDigitalTiltaksdataWidget? "/Ikoner/Dark/SVG/Check, Success.svg" : "/Ikoner/Dark/SVG/Warning.svg"}
+                    alt={hasInputDigitalTiltaksdataWidget? "hake" : "varselsymbol"}
+                    className="bg-kartAI-blue rounded-sm p-1"
+                    width={30}
+                    height={30}/> 
+
+            </div>
+            <ul className="text-red-600">
+                <li>Høy konsentrasjon av radon</li>
+                <li>Nær fuldyrket jord</li>
+                <li>Nær maringrense</li>
+                <li>Skadefare</li>
+            </ul>
+        </div>
+            :
+            <div> 
+                <div className="flex justify-between items-center">
+                    <h1 className="font-bold">Analyser bygg området</h1>
+                    <Image src={hasInputDigitalTiltaksdataWidget? "/Ikoner/Dark/SVG/Check, Success.svg" : "/Ikoner/Dark/SVG/Warning.svg"}
+                        alt={hasInputDigitalTiltaksdataWidget? "hake" : "varselsymbol"}
+                        className="bg-kartAI-blue rounded-sm p-1"
+                        width={30}
+                        height={30}/> 
+
+                </div>
+                <p className="underline">KLIKK HER: </p>
+                <p>Tegn opp området du tenker å bygge på for å se om det er noen hindringer for å bygge der</p>
+            </div>
+            }
+
+
+            {isOverlayOpen && (
+                <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center">
+                    <div className="bg-white p-6 rounded-lg shadow-lg max-w-md w-full">
+                        <h1><strong>Trykk på kartet for å merkere hvor du vil bygge</strong></h1>
+                        <Image src="/actionMap.png" alt="kart" height={500} width={500} onClick={applyInput}></Image>
+                        <div className="flex justify-end gap-4">
+                            <Button
+                                onClick={toggleOverlay}
+                                className="bg-kartAI-blue hover:bg-red-600 mt-2"
+                            >
+                                Lukk
+                            </Button>
+                        </div>
+                    </div>
+                </div>
+            )}
+        </section>
+    )
+}