Skip to content

Commit

Permalink
feat: add mock to frontend MarkedCheckpoint to ChecklistItemData
Browse files Browse the repository at this point in the history
  • Loading branch information
@SverreNystad
SverreNystad committed Nov 25, 2024
1 parent 93d3e7a commit 546681e
Showing 1 changed file with 133 additions and 82 deletions.
215 changes: 133 additions & 82 deletions webapp/src/app/mottak/mine-saker/dashbord/[caseNumber]/page.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,33 +12,77 @@ import type { Detection } from "~/types/detection";
import { transformDetectionToChecklist } from "~/utils/helpers";
import FeedbackSender from "~/components/FeedbackSender";

const fetchDetections = (): Detection[] => {
// Define MarkedCheckpoint interface
interface MarkedCheckpoint {
check_point_name: string;
status: "Correct" | "Uncertain" | "Incorrect";
reason: string;
}
// Assuming you have these interfaces defined

export interface SubItem {
id: string;
description: string;
isComplete: boolean;
}

export interface ChecklistItemData {
id: string;
fileName: string;
points: number;
subItems: SubItem[];
}


// Define SummaryResponse interface
interface SummaryResponse {
summary: string[];
marked_checklist: MarkedCheckpoint[];
}

// Unique ID generator
const generateUniqueId = () => Math.random().toString(36).substr(2, 9);

// Function to transform MarkedCheckpoint to ChecklistItemData
const transformMarkedChecklistToChecklistItemData = (
markedChecklist: MarkedCheckpoint[]
): ChecklistItemData[] => {
return markedChecklist.map((checkpoint) => ({
id: generateUniqueId(),
fileName: checkpoint.check_point_name,
points: 1,
subItems: [
{
id: generateUniqueId(),
description: checkpoint.reason,
isComplete: checkpoint.status === "Correct",
},
],
}));
};

const fetchDetections = (): Detection[] => {
const detections: Detection[] = [
{
file_name: 'Plantegning.pdf',
drawing_type: ['plantegning'],
room_names: 'Mangler rombenevnelse',
file_name: "Plantegning.pdf",
drawing_type: ["plantegning"],
room_names: "Mangler rombenevnelse",
},
{
file_name: 'Snitt.pdf',
drawing_type: ['snitt'],
scale: 'Mangler målestokk',
file_name: "Snitt.pdf",
drawing_type: ["snitt"],
scale: "Mangler målestokk",
},
{
file_name: 'Fasade.pdf',
drawing_type: ['fasade'],
cardinal_direction: 'Mangler himmelretning',
scale: 'Mangler målestokk',
file_name: "Fasade.pdf",
drawing_type: ["fasade"],
cardinal_direction: "Mangler himmelretning",
scale: "Mangler målestokk",
},
{
file_name: 'Situasjonskart.pdf',
drawing_type: ['situasjonskart'],
}
];

return detections;
}
};

export default function CaseDashboard() {
const { caseNumber } = useParams();
Expand All @@ -56,86 +100,96 @@ export default function CaseDashboard() {
if (!date) {
return "No date provided";
}
return date.toLocaleDateString('no-NO'); // Format date to 'DD.MM.YYYY'
return date.toLocaleDateString("no-NO"); // Format date to 'DD.MM.YYYY'
};

// Mock data for SummaryResponse
const summaryResponse: SummaryResponse = {
summary: [
// Existing aiSummary data
"Søkeren søker om tillatelse til å utvide sin eksisterende terrasse med 20 kvadratmeter. Den nye terrassen vil gå fra 15 kvm til totalt 35 kvm.",
"Huset er verneverdig og ligger i et område med høy bevaringsverdi.",
"Terrassen vil ha en høyde på 1,2 meter fra bakken.",
"Den skal plasseres på eiendommens sørside, som vender mot en privat hage.",
"Det planlegges også integrering av en trapp for bedre tilgang til hagen.",
],
marked_checklist: [
{
check_point_name: "Sjekk av arealutnyttelse",
status: "Correct",
reason: "Arealutnyttelsen er innenfor tillatte grenser.",
},
{
check_point_name: "Kontroll av nabovarsel",
status: "Incorrect",
reason: "Nabovarsel mangler signatur fra naboer.",
},
{
check_point_name: "Vurdering av høydebegrensning",
status: "Uncertain",
reason: "Høyden på terrassen er ikke spesifisert klart.",
},
],
};

/** Dummy data for AI summary */
const aiSummary = [
"Ola Nordmann søker om tillatelse til å utvide sin eksisterende terrasse med 20 kvadratmeter. Den nye terrassen vil gå fra 15 kvm til totalt 35 kvm.",
"Terrassen skal bygges i impregnert treverk med rekkverk av glass og aluminium.",
"Terrassen vil ha en høyde på 1,2 meter fra bakken.",
"Den skal plasseres på eiendommens sørside, som vender mot en privat hage.",
"Det planlegges også integrering av en trapp for bedre tilgang til hagen."
];
// Transform marked_checklist and combine with existing checklist
const markedChecklistData = transformMarkedChecklistToChecklistItemData(
summaryResponse.marked_checklist
);
const combinedChecklist = [...checklist, ...markedChecklistData];

/* Dummy data for case documents component */

const BASE_URL = "http://localhost:3000/mottak/mine-saker/dashbord/" + + String(caseNumber) + '/';
const BASE_URL =
"http://localhost:3000/mottak/mine-saker/dashbord/" +
+String(caseNumber) +
"/";
const documents = [
{ name: 'Plantegning.pdf', url: BASE_URL + 'Plantegning.pdf' },
{ name: 'Snitt_øst.jpg', url: BASE_URL + 'Snitt_øst.jpg' },
{ name: 'Snitt_vest.jpg', url: BASE_URL + 'Snitt_vest.jpg' },
{ name: 'Snitt_nord.jpg', url: BASE_URL + 'Snitt_nord.jpg' },
{ name: 'Bevis_på_nabovarseler.pdf', url: BASE_URL + 'Bevis_på_nabovarseler.pdf' },
{ name: 'Søknadsdokument.pdf', url: BASE_URL + 'Søknadsdokument.pdf' },
{ name: "Plantegning.pdf", url: BASE_URL + "Plantegning.pdf" },
{ name: "Snitt_øst.jpg", url: BASE_URL + "Snitt_øst.jpg" },
{ name: "Snitt_vest.jpg", url: BASE_URL + "Snitt_vest.jpg" },
{ name: "Snitt_nord.jpg", url: BASE_URL + "Snitt_nord.jpg" },
{ name: "Bevis_på_nabovarseler.pdf", url: BASE_URL + "Bevis_på_nabovarseler.pdf" },
{ name: "Søknadsdokument.pdf", url: BASE_URL + "Søknadsdokument.pdf" },
];

// const agents = [
// {
// title: 'CAD-Aid',
// status: 'failure',
// feedback: 'KRITISKE MANGLER',
// reportUrl: 'https://www.youtube.com/watch?v=dQw4w9WgXcQ'
// },
// {
// title: 'ArkivGPT',
// status: 'success',
// feedback: 'Arkivdata funnet',
// reportUrl: 'https://www.youtube.com/watch?v=dQw4w9WgXcQ'
// },
// {
// title: 'DOK-analyse',
// status: 'success',
// feedback: 'Dokumenter validert',
// reportUrl: 'https://www.youtube.com/watch?v=dQw4w9WgXcQ'
// },
// {
// title: '3D-tiltaksvisning',
// status: 'success',
// feedback: 'Se visualisering',
// reportUrl: 'https://www.youtube.com/watch?v=dQw4w9WgXcQ'
// },
// {
// title: 'Tiltakskart',
// status: 'failure',
// feedback: 'TILTAK MÅ SJEKKES',
// reportUrl: 'https://www.youtube.com/watch?v=dQw4w9WgXcQ'
// },
// ]

return (
<div>
<h1 data-cy="title" className="mx-10 my-5 text-3xl"><strong>Oversikt over søknadsanalyse:</strong></h1>

<h1 data-cy="title" className="mx-10 my-5 text-3xl">
<strong>Oversikt over søknadsanalyse:</strong>
</h1>

{caseNumber ? (
<div>
<div className="mx-10 grid grid-cols-2 gap-2">
<p><strong>Saksnummer:</strong> {ApplicationData?.caseNumber}</p>
<p><strong>Adresse:</strong> {ApplicationData?.address}</p>
<p><strong>Eiendom:</strong> GNR: {ApplicationData?.farmUnit}, BNR: {ApplicationData?.propertyUnit}</p>
<p><strong>Innsendingsdato:</strong> {formatDate(ApplicationData?.receiveDate)}</p>
<p><strong>Frist:</strong> {ApplicationData?.deadline}</p>
<p>
<strong>Saksnummer:</strong> {ApplicationData?.caseNumber}
</p>
<p>
<strong>Adresse:</strong> {ApplicationData?.address}
</p>
<p>
<strong>Eiendom:</strong> GNR: {ApplicationData?.farmUnit}, BNR:{" "}
{ApplicationData?.propertyUnit}
</p>
<p>
<strong>Innsendingsdato:</strong>{" "}
{formatDate(ApplicationData?.receiveDate)}
</p>
<p>
<strong>Frist:</strong> {ApplicationData?.deadline}
</p>
</div>

<div className="flex flex-row w-full mt-10">
<div className="flex flex-col w-2/3 md:w-1/3 pl-10 lg:pl-20 p-10 gap-10">
<div data-cy="sjekkliste">
<Checklist checklist={checklist} />
{/* Pass combinedChecklist to Checklist component */}
<Checklist checklist={combinedChecklist} />
</div>
<div data-cy="summary">
<Summary summaryData={aiSummary} />
{/* Pass summaryResponse.summary to Summary component */}
<Summary summaryData={summaryResponse.summary} />
</div>
</div>

Expand All @@ -152,13 +206,12 @@ export default function CaseDashboard() {
</div>

<div className="flex flex-row w-full gap-10 px-10 lg:px-20">

<div className="w-1/2">
<CaseDocumentsComponent documents={documents} />
</div>

<div className="w-1/2">
<FeedbackSender checklist={checklist} />
<FeedbackSender checklist={combinedChecklist} />
</div>
</div>

Expand All @@ -167,32 +220,30 @@ export default function CaseDashboard() {
<div data-cy="archiveGPT-component">
<ResultAI
title={"ArkivGPT"}
status={'success'}
status={"success"}
feedback={"Arkivdata funnet"}
redirect={BASE_URL + "arkivgpt"}
/>
</div>
<div>
<ResultAI
title={"CAD-AiD"}
status={'failure'}
status={"failure"}
feedback={"KRITISKE MANGLER"}
redirect={BASE_URL + "cadaid"}
/>
</div>
<div>
<ResultAI
title={"3D-tiltaksvisning"}
status={'success'}
status={"success"}
feedback={"Se visualisering"}
redirect={'http://localhost:3000/'}
redirect={"http://localhost:3000/"}
/>
</div>
</div>
</div>
</div>


) : (
<p>No case number provided</p>
)}
Expand Down

0 comments on commit 546681e

Please sign in to comment.