diff --git a/src/components/modal/control/ControlFsmModal.js b/src/components/modal/control/ControlFsmModal.js
new file mode 100644
index 00000000..5a9c4c9d
--- /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 '@ui';
+
+export default function ControlFsm({ modal, handler }) {
+ return (
+
+ );
+}
diff --git a/src/views/control/setting/ControlSetting.js b/src/views/control/setting/ControlSetting.js
index ae8d2a9f..a1c808af 100644
--- a/src/views/control/setting/ControlSetting.js
+++ b/src/views/control/setting/ControlSetting.js
@@ -1,6 +1,7 @@
import { useEffect, useState } from 'react';
import { useDispatch, useSelector } from 'react-redux';
import { useHistory } from 'react-router-dom';
+import mapboxgl from 'mapbox-gl';
import { Button, ButtonGroup, CustomInput } from '../../../components/ui/index';
import * as Actions from '../../../modules/menu/actions/menuAction';
import {
@@ -14,10 +15,10 @@ import gimPo from '../../../components/map/geojson/gimpoAirportAirArea.json';
import gimPoGrid from '../../../components/map/geojson/airportAirArea.json';
// 김포 선형 공역
import flatGimpo from '../../../components/map/geojson/flatGimpoAirportAirArea.json';
-
-import mapboxgl from 'mapbox-gl';
+import ControlFsm from '../../../components/modal/control/ControlFsmModal';
const ControlSetting = props => {
+ const [isFsmModal, setIsFsmModal] = useState(false);
const dispatch = useDispatch();
const history = useHistory();
@@ -152,55 +153,56 @@ const ControlSetting = props => {
};
return (
-
-
-
-
지도유형
-
-
-
-
-
-
-
-
-
-
-
-
허용고도 알림 정보
-
-
-
-
-
-
+ <>
+
+
+
+
지도유형
+
+
+
+
+
+
+
+
- {/*
+
+
+
허용고도 알림 정보
+
+
+
+
+
+
+
+ {/*
-
@@ -223,182 +225,185 @@ const ControlSetting = props => {
*/}
-
-
-
-
공역 표출 정보
-
-
-
- -
-
- 비행금지구역
-
-
- handlerAreaClick(e, '0001')}
- className='custom-control-red'
- type='switch'
- id='test01'
- name='test01'
- inline
- defaultChecked={mapControl.area0001}
- />
-
-
- -
-
- 비행제한구역
-
-
- handlerAreaClick(e, '0002')}
- className='custom-control-pink'
- type='switch'
- id='test02'
- name='test02'
- inline
- defaultChecked={mapControl.area0002}
- />
-
-
- -
-
- 관제권(공항)
-
-
- handlerAreaClick(e, '0003')}
- className='custom-control-orange'
- type='switch'
- id='test03'
- name='test03'
- inline
- defaultChecked={mapControl.area0003}
- />
-
-
- -
-
- 비행장(군사)
-
-
- handlerAreaClick(e, '0004')}
- className='custom-control-brown'
- type='switch'
- id='test04'
- name='test04'
- inline
- defaultChecked={mapControl.area0004}
- />
-
-
- -
-
- 이착륙장
-
-
- handlerAreaClick(e, '0005')}
- className='custom-control-purple'
- type='switch'
- id='test05'
- name='test05'
- inline
- defaultChecked={mapControl.area0005}
- />
-
-
- -
-
-
- 초경량비행장치공역
-
-
- handlerAreaClick(e, '0006')}
- className='custom-control-skyblue'
- type='switch'
- id='test06'
- name='test06'
- inline
- defaultChecked={mapControl.area0006}
- />
-
-
-
+
+
+
공역 표출 정보
+
+
+
+
+ -
+
+ 비행금지구역
+
+
+ handlerAreaClick(e, '0001')}
+ className='custom-control-red'
+ type='switch'
+ id='test01'
+ name='test01'
+ inline
+ defaultChecked={mapControl.area0001}
+ />
+
+
+ -
+
+ 비행제한구역
+
+
+ handlerAreaClick(e, '0002')}
+ className='custom-control-pink'
+ type='switch'
+ id='test02'
+ name='test02'
+ inline
+ defaultChecked={mapControl.area0002}
+ />
+
+
+ -
+
+ 관제권(공항)
+
+
+ handlerAreaClick(e, '0003')}
+ className='custom-control-orange'
+ type='switch'
+ id='test03'
+ name='test03'
+ inline
+ defaultChecked={mapControl.area0003}
+ />
+
+
+ -
+
+ 비행장(군사)
+
+
+ handlerAreaClick(e, '0004')}
+ className='custom-control-brown'
+ type='switch'
+ id='test04'
+ name='test04'
+ inline
+ defaultChecked={mapControl.area0004}
+ />
+
+
+ -
+
+ 이착륙장
+
+
+ handlerAreaClick(e, '0005')}
+ className='custom-control-purple'
+ type='switch'
+ id='test05'
+ name='test05'
+ inline
+ defaultChecked={mapControl.area0005}
+ />
+
+
+ -
+
+
+ 초경량비행장치공역
+
+
+ handlerAreaClick(e, '0006')}
+ className='custom-control-skyblue'
+ type='switch'
+ id='test06'
+ name='test06'
+ inline
+ defaultChecked={mapControl.area0006}
+ />
+
+
+
+
-
-
-
-
LAANC 신청하기
-
-
-
-
-
+ {isFsmModal && (
+
setIsFsmModal(false)} />
+ )}
+ >
);
};
diff --git a/tsconfig.paths.json b/tsconfig.paths.json
index a88dc4a0..8cb1a19d 100644
--- a/tsconfig.paths.json
+++ b/tsconfig.paths.json
@@ -11,7 +11,8 @@
"@styles/*": ["src/@core/scss/*"],
"@configs/*": ["src/configs/*"],
"@utils/*": ["src/utility/Utils/*"],
- "@hooks/*": ["src/utility/hooks/*"]
+ "@hooks/*": ["src/utility/hooks/*"],
+ "@ui/*": ["src/components/ui/*"]
}
}
}