From fd9267425f1be7ee9e7dfcd3ef2af12ec6a6e5b2 Mon Sep 17 00:00:00 2001 From: JANGHYUNn Date: Fri, 2 Feb 2024 10:20:33 +0900 Subject: [PATCH] =?UTF-8?q?fsm=20=EB=B9=84=ED=96=89=EA=B3=84=ED=9A=8D?= =?UTF-8?q?=EC=84=9C=20=EB=AA=A8=EB=8B=AC=20=EC=B6=94=EA=B0=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../modal/control/ControlFsmModal.js | 337 ++++++++++++++ src/views/control/setting/ControlSetting.js | 434 +++++++++--------- 2 files changed, 562 insertions(+), 209 deletions(-) create mode 100644 src/components/modal/control/ControlFsmModal.js diff --git a/src/components/modal/control/ControlFsmModal.js b/src/components/modal/control/ControlFsmModal.js new file mode 100644 index 0000000..e0340bb --- /dev/null +++ b/src/components/modal/control/ControlFsmModal.js @@ -0,0 +1,337 @@ +import { + Button, + Row, + Col, + FormGroup, + Label, + Input, + Modal, + ModalHeader, + ModalBody, + CustomInput +} from 'reactstrap'; + +export default function ControlFsm({ modal, handler }) { + return ( +
+ + FSM 비행계획서 + +
+
+
+
비행계획서 상세정보
+
+ + + +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + +
+ + + + + + + +
+ + + + +
+ + + + + +
+ + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ + +
+ ); +} diff --git a/src/views/control/setting/ControlSetting.js b/src/views/control/setting/ControlSetting.js index e99c0e2..e790fda 100644 --- a/src/views/control/setting/ControlSetting.js +++ b/src/views/control/setting/ControlSetting.js @@ -1,3 +1,4 @@ +import { useState } from 'react'; import { useDispatch, useSelector } from 'react-redux'; import { useHistory } from 'react-router-dom'; import { Button, ButtonGroup, CustomInput } from 'reactstrap'; @@ -6,8 +7,10 @@ import { areaClickAction, mapTypeChangeAction } from '../../../modules/control/map/actions/controlMapActions'; +import ControlFsmModal from '../../../components/modal/control/ControlFsmModal'; const ControlSetting = props => { + const [isFsmModal, setIsFsmModal] = useState(false); const dispatch = useDispatch(); const history = useHistory(); @@ -43,55 +46,56 @@ const ControlSetting = props => { }; return ( -
-
-
-

지도유형

-
-
- - - - - -
-
-
-
-

허용고도 알림 정보

-
-
- - - - + <> +
+
+
+

지도유형

+
+
+ + + + + +
- {/*
+
+
+

허용고도 알림 정보

+
+
+ + + + +
+ {/*
@@ -114,173 +118,185 @@ const ControlSetting = props => {
*/} -
-
-
-

공역 표출 정보

-
-
-
-
-
- 비행금지구역 -
-
- handlerAreaClick('0001')} - className='custom-control-red' - type='switch' - id='test01' - name='test01' - inline - defaultChecked={mapControl.area0001} - /> -
-
-
-
- 비행제한구역 -
-
- handlerAreaClick('0002')} - className='custom-control-pink' - type='switch' - id='test02' - name='test02' - inline - defaultChecked={mapControl.area0002} - /> -
-
-
-
- 관제권(공항) -
-
- handlerAreaClick('0003')} - className='custom-control-orange' - type='switch' - id='test03' - name='test03' - inline - defaultChecked={mapControl.area0003} - /> -
-
-
-
- 비행장(군사) -
-
- handlerAreaClick('0004')} - className='custom-control-brown' - type='switch' - id='test04' - name='test04' - inline - defaultChecked={mapControl.area0004} - /> -
-
-
-
- 이착륙장 -
-
- handlerAreaClick('0005')} - className='custom-control-purple' - type='switch' - id='test05' - name='test05' - inline - defaultChecked={mapControl.area0005} - /> -
-
-
-
- - 초경량비행장치공역 -
-
- handlerAreaClick('0006')} - className='custom-control-skyblue' - type='switch' - id='test06' - name='test06' - inline - defaultChecked={mapControl.area0006} - /> -
-
-
+
+
+

공역 표출 정보

+
+
+
+
+
+
+ 비행금지구역 +
+
+ handlerAreaClick('0001')} + className='custom-control-red' + type='switch' + id='test01' + name='test01' + inline + defaultChecked={mapControl.area0001} + /> +
+
+
+
+ 비행제한구역 +
+
+ handlerAreaClick('0002')} + className='custom-control-pink' + type='switch' + id='test02' + name='test02' + inline + defaultChecked={mapControl.area0002} + /> +
+
+
+
+ 관제권(공항) +
+
+ handlerAreaClick('0003')} + className='custom-control-orange' + type='switch' + id='test03' + name='test03' + inline + defaultChecked={mapControl.area0003} + /> +
+
+
+
+ 비행장(군사) +
+
+ handlerAreaClick('0004')} + className='custom-control-brown' + type='switch' + id='test04' + name='test04' + inline + defaultChecked={mapControl.area0004} + /> +
+
+
+
+ 이착륙장 +
+
+ handlerAreaClick('0005')} + className='custom-control-purple' + type='switch' + id='test05' + name='test05' + inline + defaultChecked={mapControl.area0005} + /> +
+
+
+
+ + 초경량비행장치공역 +
+
+ handlerAreaClick('0006')} + className='custom-control-skyblue' + type='switch' + id='test06' + name='test06' + inline + defaultChecked={mapControl.area0006} + /> +
+
+
+
-
-
-
-

LAANC 신청하기

-
- -
- -
+ ); };