54 make dashboard for before aplication

backend/src/main.py

@@ -86,7 +86,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/userDashbord.cy.ts

@@ -0,0 +1,102 @@
+describe("for-soknad-dashbord e2e Tests", () => {
+    const ROUTES = ["for-soknad/byggeideer/dashbord", "for-soknad/byggeideer/dashbord"]
+
+    ROUTES.forEach((route) => {
+        describe(`Route: ${route}`, () => {
+          beforeEach(() => {
+            // Visit the UserDashboard page before each test
+            cy.visit(`/${route}`);
+            cy.clearLocalStorage();
+          });
+
+            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-application-button"]').should("be.visible");
+            });
+
+            it("should have navigation to correct cadaid page", () => {
+                cy.get('[data-cy="cadaid-widget"]').click();
+                cy.url().should("include", route + "/cadaid");
+            });
+
+            it("should have navigationg to correct arkivGPT page", () => {
+                cy.get('[data-cy="arkiv-gpt"]').click();
+                cy.url().should("include", route + "/arkivgpt");
+            })
+
+            it("should be able to open and close pick address overlay whitout changing anyting", () => {
+                cy.contains("Ingen addresse valgt").should("be.visible");
+                cy.contains("Ingen tomt valgt").should("be.visible");
+                cy.contains("Velg adresse og eiendom").click();
+                cy.get('[data-cy="overlay-cancel-button"]').click();
+                cy.get('[data-cy="pick-address-overlay"]').should("not.exist");
+                cy.contains("Ingen addresse valgt").should("be.visible");
+                cy.contains("Ingen tomt valgt").should("be.visible");
+            })
+
+            it("should be able to choose adress and property", () => {
+                cy.contains("Ingen addresse valgt").should("be.visible");
+                cy.contains("Ingen tomt valgt").should("be.visible");
+                cy.contains("Velg adresse og eiendom").click();
+                cy.get('[data-cy="pick-address-overlay"]').should("be.visible")
+                cy.get('[data-cy="input-address"]').clear().type('TestAdresse');
+                cy.get('[data-cy="input-bnr"]').clear().type('TestBnr');
+                cy.get('[data-cy="input-gnr"]').clear().type('TestGnr');
+                cy.get('[data-cy="overlay-confirm-button"').click();
+                cy.contains("TestAdresse").should("be.visible");
+                cy.contains("Gnr. TestGnr, Bnr. TestBnr").should("be.visible")
+            })
+
+            it("should be able to close popup for analyze build area without any data being saved to local storage", () => {
+                cy.get('[data-cy="digital-tiltaksdata-widget"]').click();
+                cy.get('[data-cy="cancel-3d-widget"]').click();
+                cy.window().then((window) => {
+                    const data = window.localStorage.getItem('hasInputDigitalTiltaksdataWidget');
+                    cy.wrap(data).should('be.null');
+                }); 
+            })
+
+            it("should be able to pick building area and receive feedback", () => {
+                cy.get('[data-cy="map-feedback"]').should("not.exist");
+                cy.get('[data-cy="digital-tiltaksdata-widget"]').click();
+                cy.get('[data-cy="mock-map"]').click();
+                cy.get('[data-cy="map-feedback"]').should("be.visible");
+            })
+
+            it('"Gjøremål" should change accoring to actions taken by user', () => {
+                cy.get('[data-cy="address-text"]').should("be.visible");
+                cy.get('[data-cy="cadaid-text"]').should("be.visible");
+                cy.get('[data-cy="digital-tilraksdata-text"]').should("be.visible");
+                cy.get('[data-cy="three-d-visning-text"]').should("be.visible");
+                cy.get('[data-cy="planprat-text"]').should("be.visible");
+                cy.get('[data-cy="cadaid-widget"]').click();
+                cy.visit(`/${route}`);
+                cy.get('[data-cy="cadaid-text"]').should('not.exist');
+                cy.contains("Velg adresse og eiendom").click();
+                cy.get('[data-cy="input-address"]').clear().type('TestAdresse');
+                cy.get('[data-cy="input-bnr"]').clear().type('TestBnr');
+                cy.get('[data-cy="input-gnr"]').clear().type('TestGnr');
+                cy.get('[data-cy="overlay-confirm-button"').click();
+                cy.get('[data-cy="address-text"]').should("not.exist");
+                cy.get('[data-cy="arkivgpt-text"]').should("be.visible");
+                cy.get('[data-cy="3d-visning-widget"]').click();
+                cy.get('[data-cy="apply-3d-url-button"]').click();
+                cy.get('[data-cy="three-d-visning-text"]').should("not.exist");
+                cy.get('[data-cy="digital-tiltaksdata-widget"]').click();
+                cy.get('[data-cy="mock-map"]').click();
+                cy.get('[data-cy="digital-tilraksdata-text"]').should("not.exist");
+            })
+
+
+
+        });
+    });
+});

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 byggeidé', 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 byggeidé', 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,7 @@
+import ArkivGPTPage from "~/components/ArkivGPT";
+
+export default async function ArkivGPT() {
+  return (
+    <ArkivGPTPage/>
+  );
+}

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

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

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

@@ -0,0 +1,10 @@
+"use client";
+import UserDashboard from "~/components/UserDashboard";
+
+export default function Dashboard() {
+  const BASE_URL = "/for-soknad/byggeideer/dashbord";
+    return(
+      <UserDashboard BASE_URL={BASE_URL}/>
+    );
+
+}

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

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

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

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

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

@@ -0,0 +1,10 @@
+"use client";
+import UserDashboard from "~/components/UserDashboard";
+
+export default function Dashboard() {
+  const BASE_URL = "/under-soknad/byggeideer/dashbord";
+    return(
+      <UserDashboard BASE_URL={BASE_URL}/>
+    );
+
+}

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('/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(hardcodedRespons)) ;
+
+        }
+    }
+    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>
+    )
+}