diff --git a/src/assets/css/custom.css b/src/assets/css/custom.css
index 272a286..a3940da 100644
--- a/src/assets/css/custom.css
+++ b/src/assets/css/custom.css
@@ -956,6 +956,8 @@ background-size: 75% auto;
.laanc-btn{width:100%;font-size:1rem}
.onstop-link a{width:100%;color: #8a1c05}
.onstop-link a + a{margin-top:10px}
+.onstop-link a + button{margin-top:10px}
+.onstop-link button{width:100%;}
.laanc-pop-btn{font-size:1rem;min-width:280px;margin-bottom:1rem}
.laanc-modal{margin:0;position:fixed;right:0;top:0;height:100vh;overflow-y: scroll;box-shadow: -4px 1px 10px #ddd;min-width:500px}
.laanc-modal .modal-content{height:100vh;}
@@ -1156,4 +1158,9 @@ caption {overflow: hidden; line-height: 0;text-indent: -2000px;}
.statistics .chart-wrap .card {min-height:520px}
.statistics .card .card-title{font-size:1.125rem}
.statistics .select-date-wrap{padding-left:1rem;padding-right:1rem}
-.statistics .select-date + .select-date{margin-left:0.5rem}
\ No newline at end of file
+.statistics .select-date + .select-date{margin-left:0.5rem}
+.fsm-box{padding:1rem}
+.fsm-ti{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ddd;padding-bottom:0.5rem;margin-bottom:1rem}
+.fsm-ti h5{font-weight:500}
+.fsm-ti .btn-wrap button + button{margin-left:0.5rem}
+.fsm-box .list-input label{font-size:0.875rem}
\ No newline at end of file
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 (
+
+ );
+}
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 신청하기
-
-
-
-
-
-
드론 원스톱 민원 시스템
-
-
+
+ {isFsmModal && (
+
setIsFsmModal(false)} />
+ )}
-
+ >
);
};