wip

Co-authored-by: Hans Kallekleiv <[email protected]>

frontend/src/lib/components/Checkbox/checkbox.tsx

@@ -27,7 +27,9 @@ export const Checkbox: React.FC<CheckboxProps> = (props) => {
 
     const handleChange = React.useCallback(
         (event: React.ChangeEvent<HTMLInputElement>) => {
-            setChecked(event.target.checked);
+            if (props.checked === undefined) {
+                setChecked(event.target.checked);
+            }
             onChange && onChange(event, event.target.checked);
         },
         [setChecked, onChange]

frontend/src/lib/components/Overlay/overlay.tsx

@@ -1,11 +1,13 @@
 import React from "react";
 
+import { createPortal } from "@lib/utils/createPortal";
+
 export type OverlayProps = {
     visible: boolean;
 };
 
 export const Overlay: React.FC<OverlayProps> = (props: OverlayProps) => {
-    return (
+    return createPortal(
         <div
             className="fixed inset-0 z-50 bg-black bg-opacity-50"
             style={{ display: props.visible ? "block" : "none" }}

frontend/src/modules/Grid3DIntersection/settings/atoms/baseAtoms.ts

@@ -8,3 +8,4 @@ export const userSelectedGridModelNameAtom = atom<string | null>(null);
 export const userSelectedGridModelParameterNameAtom = atom<string | null>(null);
 export const userSelectedGridModelParameterDateOrIntervalAtom = atom<string | null>(null);
 export const userSelectedWellboreUuidAtom = atom<string | null>(null);
+export const userSelectedCustomIntersectionPolylineIdAtom = atom<string | null>(null);

frontend/src/modules/Grid3DIntersection/settingsToViewInterface.ts

@@ -29,7 +29,7 @@ export type SettingsToViewInterface = {
 export const interfaceInitialization: InterfaceInitialization<SettingsToViewInterface> = {
     baseStates: {
         showGridlines: false,
-        gridLayer: -1,
+        gridLayer: 1,
         zFactor: 1,
         intersectionExtensionLength: 1000,
     },

frontend/src/modules/Grid3DIntersection/sharedAtoms/sharedAtoms.ts

@@ -3,8 +3,13 @@ import { EnsembleSetAtom } from "@framework/GlobalAtoms";
 
 import { atom } from "jotai";
 
-import { userSelectedEnsembleIdentAtom, userSelectedWellboreUuidAtom } from "../settings/atoms/baseAtoms";
+import {
+    userSelectedCustomIntersectionPolylineIdAtom,
+    userSelectedEnsembleIdentAtom,
+    userSelectedWellboreUuidAtom,
+} from "../settings/atoms/baseAtoms";
 import { drilledWellboreHeadersQueryAtom } from "../settings/atoms/queryAtoms";
+import { CustomIntersectionPolyline, IntersectionType } from "../typesAndEnums";
 
 export const selectedEnsembleIdentAtom = atom<EnsembleIdent | null>((get) => {
     const ensembleSet = get(EnsembleSetAtom);
@@ -34,3 +39,28 @@ export const selectedWellboreUuidAtom = atom((get) => {
 
     return userSelectedWellboreUuid;
 });
+
+export const intersectionTypeAtom = atom<IntersectionType>(IntersectionType.WELLBORE);
+export const addCustomIntersectionPolylineEditModeActiveAtom = atom<boolean>(false);
+export const editCustomIntersectionPolylineEditModeActiveAtom = atom<boolean>(false);
+
+export const currentCustomIntersectionPolylineAtom = atom<number[][]>([]);
+
+export const customIntersectionPolylinesAtom = atom<CustomIntersectionPolyline[]>([]);
+export const selectedCustomIntersectionPolylineIdAtom = atom((get) => {
+    const userSelectedCustomIntersectionPolylineId = get(userSelectedCustomIntersectionPolylineIdAtom);
+    const customIntersectionPolylines = get(customIntersectionPolylinesAtom);
+
+    if (!customIntersectionPolylines.length) {
+        return null;
+    }
+
+    if (
+        !userSelectedCustomIntersectionPolylineId ||
+        !customIntersectionPolylines.some((el) => el.id === userSelectedCustomIntersectionPolylineId)
+    ) {
+        return customIntersectionPolylines[0].id;
+    }
+
+    return userSelectedCustomIntersectionPolylineId;
+});

frontend/src/modules/Grid3DIntersection/typesAndEnums.ts

@@ -0,0 +1,10 @@
+export enum IntersectionType {
+    CUSTOM_POLYLINE = "custom-polyline",
+    WELLBORE = "wellbore",
+}
+
+export type CustomIntersectionPolyline = {
+    id: string;
+    name: string;
+    polyline: number[][];
+};

frontend/src/modules/Grid3DIntersection/view/atoms/derivedAtoms.ts

@@ -1,34 +1,63 @@
 import { IntersectionReferenceSystem } from "@equinor/esv-intersection";
-import { selectedWellboreUuidAtom } from "@modules/Grid3DIntersection/sharedAtoms/sharedAtoms";
+import {
+    currentCustomIntersectionPolylineAtom,
+    customIntersectionPolylinesAtom,
+    intersectionTypeAtom,
+    selectedCustomIntersectionPolylineIdAtom,
+    selectedWellboreUuidAtom,
+} from "@modules/Grid3DIntersection/sharedAtoms/sharedAtoms";
+import { IntersectionType } from "@modules/Grid3DIntersection/typesAndEnums";
 
 import { atom } from "jotai";
 
 import { fieldWellboreTrajectoriesQueryAtom } from "./queryAtoms";
 
+export const selectedCustomIntersectionPolylineAtom = atom((get) => {
+    const customIntersectionPolylineId = get(selectedCustomIntersectionPolylineIdAtom);
+    const customIntersectionPolylines = get(customIntersectionPolylinesAtom);
+
+    return customIntersectionPolylines.find((el) => el.id === customIntersectionPolylineId);
+});
+
 export const intersectionReferenceSystemAtom = atom((get) => {
     const fieldWellboreTrajectories = get(fieldWellboreTrajectoriesQueryAtom);
     const wellboreUuid = get(selectedWellboreUuidAtom);
 
-    if (!fieldWellboreTrajectories.data || !wellboreUuid) {
-        return null;
-    }
+    const customIntersectionPolyline = get(selectedCustomIntersectionPolylineAtom);
+    const intersectionType = get(intersectionTypeAtom);
+
+    if (intersectionType === IntersectionType.WELLBORE) {
+        if (!fieldWellboreTrajectories.data || !wellboreUuid) {
+            return null;
+        }
 
-    const wellboreTrajectory = fieldWellboreTrajectories.data.find(
-        (wellbore) => wellbore.wellbore_uuid === wellboreUuid
-    );
+        const wellboreTrajectory = fieldWellboreTrajectories.data.find(
+            (wellbore) => wellbore.wellbore_uuid === wellboreUuid
+        );
 
-    if (wellboreTrajectory) {
-        const path: number[][] = [];
-        for (const [index, northing] of wellboreTrajectory.northing_arr.entries()) {
-            const easting = wellboreTrajectory.easting_arr[index];
-            const tvd_msl = wellboreTrajectory.tvd_msl_arr[index];
+        if (wellboreTrajectory) {
+            const path: number[][] = [];
+            for (const [index, northing] of wellboreTrajectory.northing_arr.entries()) {
+                const easting = wellboreTrajectory.easting_arr[index];
+                const tvd_msl = wellboreTrajectory.tvd_msl_arr[index];
 
-            path.push([easting, northing, tvd_msl]);
-        }
-        const offset = wellboreTrajectory.tvd_msl_arr[0];
+                path.push([easting, northing, tvd_msl]);
+            }
+            const offset = wellboreTrajectory.tvd_msl_arr[0];
+
+            const referenceSystem = new IntersectionReferenceSystem(path);
+            referenceSystem.offset = offset;
 
-        const referenceSystem = new IntersectionReferenceSystem(path);
-        referenceSystem.offset = offset;
+            return referenceSystem;
+        }
+    } else if (intersectionType === IntersectionType.CUSTOM_POLYLINE && customIntersectionPolyline) {
+        if (customIntersectionPolyline.polyline.length < 2) {
+            return null;
+        }
+        const referenceSystem = new IntersectionReferenceSystem(
+            customIntersectionPolyline.polyline.map((point) => [point[0], point[1], 0])
+        );
+        referenceSystem.offset = 0;
 
         return referenceSystem;
     }