136 lines
6.2 KiB
JavaScript
136 lines
6.2 KiB
JavaScript
'use client'
|
|
|
|
import CanvasLayout from '@/components/canvas/CanvasLayout'
|
|
import CanvasMenu from '@/components/canvas/CanvasMenu'
|
|
import ArrangementSetting from '@/components/canvas/modal/arrangementsetting/ArrangementSetting'
|
|
import AuxiliarylineOption from '@/components/canvas/modal/auxiliarylineoprion/AuxiliarylineOption'
|
|
import AuxiliaryCopy from '@/components/canvas/modal/auxiliarysupport/AuxiliaryCopy'
|
|
import AuxiliaryMove from '@/components/canvas/modal/auxiliarysupport/AuxiliaryMove'
|
|
import AuxiliarySize from '@/components/canvas/modal/auxiliarysupport/AuxiliarySize'
|
|
import DisplayChange from '@/components/canvas/modal/displaychange/DisplayChange'
|
|
import DistanceMeasurement01 from '@/components/canvas/modal/distancemeasurement/DistanceMeasurement01'
|
|
import DistanceMeasurement02 from '@/components/canvas/modal/distancemeasurement/DistanceMeasurement02'
|
|
import DistanceMeasurement03 from '@/components/canvas/modal/distancemeasurement/DistanceMeasurement03'
|
|
import DrawingFlow from '@/components/canvas/modal/drawingflow/DrawingFlow'
|
|
import EachPropertyChange from '@/components/canvas/modal/eachpropertychange/EachPropertyChange'
|
|
import EvaseKerabaOption from '@/components/canvas/modal/eaves_keraba/EavesKerabaOption'
|
|
import GridCopy from '@/components/canvas/modal/gridoption/GridCopy'
|
|
import GridMove from '@/components/canvas/modal/gridoption/GridMove'
|
|
import GridOption from '@/components/canvas/modal/gridoption/GridOption'
|
|
import ManualRoofShape from '@/components/canvas/modal/manualroofshape/ManualRoofShape'
|
|
import MovingUpDonw from '@/components/canvas/modal/movingupdown/MovingUpDown'
|
|
import ObjectOption from '@/components/canvas/modal/objectoption/ObjectOption'
|
|
import OuterLineWall from '@/components/canvas/modal/outerlinesetting/OuterLineWall'
|
|
import OuterWallOffset from '@/components/canvas/modal/outerwalloffset/OuterWallOffset'
|
|
import PlacementSettingPop from '@/components/canvas/modal/placementsetting/PlacementSettingPop'
|
|
import PlaneShapeOption from '@/components/canvas/modal/planeshapeoption/PlaneShapeOption'
|
|
import PropertiesSetting from '@/components/canvas/modal/propertiessetting/PropertiesSetting'
|
|
import RoofAllocation from '@/components/canvas/modal/roofallocation/RoofAllocation'
|
|
import RoofShapeOption from '@/components/canvas/modal/roofshapeoption/RoofShapeOption'
|
|
import SettingModal01 from '@/components/canvas/modal/settoing01/SettingModal01'
|
|
import SlopeOption from '@/components/canvas/modal/slopeoption/SlopeOption'
|
|
import Penal02 from '@/components/canvas/penal/Penal02'
|
|
import Penal01 from '@/components/canvas/penal/Penal01'
|
|
import Header from '@/components/layout/Header'
|
|
import { modalState } from '@/store/modalAtom'
|
|
import '@/styles/contents.scss'
|
|
import { useState } from 'react'
|
|
import { useRecoilValue } from 'recoil'
|
|
import Penal03 from '@/components/canvas/penal/Penal03'
|
|
import Penal04 from '@/components/canvas/penal/Penal04'
|
|
import RoofModuleOption from '@/components/canvas/modal/roofmoduleoption/RoofModuleOption'
|
|
|
|
export default function CanvasPage() {
|
|
const modalOption = useRecoilValue(modalState);
|
|
const [menuValue, setMenuValue] = useState(null);
|
|
return(
|
|
<div className="wrap">
|
|
<Header/>
|
|
<div className="content">
|
|
<div className={`canvas-wrap ${menuValue === 5 || menuValue === 6 ? 'sub-wrap' : ''}`}>
|
|
<CanvasMenu setMenuValue={setMenuValue}/>
|
|
<div className="canvas-content">
|
|
<CanvasLayout menuValue={menuValue}/>
|
|
</div>
|
|
{/* 패널 배치 집계 */}
|
|
<Penal01/>
|
|
<Penal02/>
|
|
<Penal03/>
|
|
<Penal04/>
|
|
|
|
{/* 배치면 초기 설정 */}
|
|
{/* <PlacementSettingPop/> */}
|
|
|
|
{/* 캔버스 기본 셋팅 */}
|
|
{/* {modalOption.option && <SettingModal01/>} */}
|
|
|
|
{/* 점·선 그리드 설정 */}
|
|
{/* {modalOption.gridoption && <GridOption/>} */}
|
|
{/* {modalOption.gridcopy && <GridCopy/>} */}
|
|
{/* {modalOption.gridmove && <GridMove/>} */}
|
|
|
|
{/* 외벽선 그리기 */}
|
|
{/* {modalOption.outerwall && <OuterLineWall/>} */}
|
|
|
|
{/* 외벽선 속성 설정 */}
|
|
{/* <PropertiesSetting/> */}
|
|
|
|
{/* 지붕형상 설정 */}
|
|
{/* <RoofShapeOption/> */}
|
|
|
|
{/* 지붕형상 수동 설정 */}
|
|
{/* <ManualRoofShape/> */}
|
|
|
|
{/* 보조선 작성 */}
|
|
{/* <AuxiliarylineOption/> */}
|
|
|
|
{/* 처마∙케라바 변경 */}
|
|
<EvaseKerabaOption/>
|
|
|
|
{/* 동선이동∙형 올림 내림 */}
|
|
{/* <MovingUpDonw/> */}
|
|
|
|
{/* 외벽선 편집 및 오프셋 */}
|
|
{/* <OuterWallOffset/> */}
|
|
|
|
{/* 보조선 사이즈, 이동, 복사 */}
|
|
{/* <AuxiliarySize/> */}
|
|
{/* <AuxiliaryMove/> */}
|
|
{/* <AuxiliaryCopy/> */}
|
|
|
|
{/* 지붕면 할당 */}
|
|
{/* <RoofAllocation/> */}
|
|
|
|
{/* 경사 설정 */}
|
|
{/* <SlopeOption/> */}
|
|
|
|
{/* 배치면 그리기 */}
|
|
{/* <ArrangementSetting/> */}
|
|
|
|
{/* 면형상 배치 */}
|
|
{/* <PlaneShapeOption/> */}
|
|
|
|
{/* 오브젝트 배치*/}
|
|
{/* <ObjectOption/> */}
|
|
|
|
{/* 표시변겅 */}
|
|
{/* <DisplayChange/> */}
|
|
|
|
{/* 거리측정01, 거리측정02, 거리측정03 */}
|
|
{/* <DistanceMeasurement01/> */}
|
|
{/* <DistanceMeasurement02/> */}
|
|
{/* <DistanceMeasurement03/> */}
|
|
|
|
{/* 각 변 속성 변경 */}
|
|
{/* <EachPropertyChange/> */}
|
|
|
|
{/* 면 흐름 설정 */}
|
|
{/* <DrawingFlow/> */}
|
|
|
|
{/* 지붕모듈선택 */}
|
|
<RoofModuleOption/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
)
|
|
} |