diff --git a/src/views/control/setting/ControlReservation.js b/src/views/control/setting/ControlReservation.js
new file mode 100644
index 0000000..734e90e
--- /dev/null
+++ b/src/views/control/setting/ControlReservation.js
@@ -0,0 +1,44 @@
+import {
+ Badge,
+ Button,
+ Input,
+ InputGroup,
+ Modal,
+ ModalHeader,
+ ModalBody
+} from 'reactstrap';
+
+export default function ControlReservation({ modal, handler }) {
+ return (
+
+
+ 예약 프로세스
+
+
+ 예약프로세스 입니다. 예약프로세스 입니다. 예약프로세스 입니다.
+ 예약프로세스 입니다. 예약프로세스 입니다. 예약프로세스 입니다.
+ 예약프로세스 입니다. 예약프로세스 입니다. 예약프로세스 입니다.
+ 예약프로세스 입니다. 예약프로세스 입니다. 예약프로세스 입니다.
+ 예약프로세스 입니다. 예약프로세스 입니다. 예약프로세스 입니다.
+ 예약프로세스 입니다. 예약프로세스 입니다. 예약프로세스 입니다.
+ 예약프로세스 입니다. 예약프로세스 입니다. 예약프로세스 입니다.
+ 예약프로세스 입니다.
+
+
+
+
+ );
+}
diff --git a/src/views/control/setting/ControlSetting.js b/src/views/control/setting/ControlSetting.js
index 8cdad51..1978dcb 100644
--- a/src/views/control/setting/ControlSetting.js
+++ b/src/views/control/setting/ControlSetting.js
@@ -5,274 +5,197 @@ import { CgTrees } from 'react-icons/cg';
import { VscRadioTower } from 'react-icons/vsc';
import { useDispatch, useSelector } from 'react-redux';
import {
- Button,
- InputGroup,
- ButtonGroup,
- InputGroupAddon,
- Input,
- CustomInput
+ Button,
+ InputGroup,
+ ButtonGroup,
+ InputGroupAddon,
+ Input,
+ CustomInput
} from 'reactstrap';
import {
- areaClickAction, environmentClickAction,
- mapTypeChangeAction, sensorClickAction
+ areaClickAction,
+ environmentClickAction,
+ mapTypeChangeAction,
+ sensorClickAction
} from '../../../modules/control/map/actions/controlMapActions';
+import ControlReservation from './ControlReservation';
const ControlSetting = props => {
- const dispatch = useDispatch();
+ const [modal, setModal] = useState(false);
+ const dispatch = useDispatch();
- const mapControl = useSelector(state => state.controlMapReducer);
+ const mapControl = useSelector(state => state.controlMapReducer);
- const handlerMapType = val => {
- dispatch(mapTypeChangeAction(val));
- };
+ const handlerMapType = val => {
+ dispatch(mapTypeChangeAction(val));
+ };
- const handlerAreaClick = val => {
- dispatch(areaClickAction(val));
- };
+ const handlerAreaClick = val => {
+ dispatch(areaClickAction(val));
+ };
- const handlerSensorClick = (val, isChecked) => {
- if (isChecked) {
- dispatch(sensorClickAction(val));
- } else {
- dispatch(sensorClickAction(''));
- }
- };
+ const handlerModal = () => {
+ setModal(!modal);
+ };
- return (
-
-
-
-
지도유형
- {/*
*/}
+ return (
+
+
+
+
지도유형
+ {/* */}
+
+
+
+
+
+
+
+
+
+
+
+
공역 표출 정보
+
+
+
+
+ -
+
+ 비행금지구역
+
+
+ handlerAreaClick('0001')}
+ className='custom-control-primary'
+ type='switch'
+ id='test01'
+ name='test01'
+ inline
+ defaultChecked={mapControl.area0001}
+ />
+
+
+ -
+
+ 비행제한구역
+
+
+ handlerAreaClick('0002')}
+ className='custom-control-primary'
+ type='switch'
+ id='test02'
+ name='test02'
+ inline
+ defaultChecked={mapControl.area0002}
+ />
-
-
-
-
-
-
+
+
-
+
+ 관제권(공항)
-
-
-
-
공역 표출 정보
+
+ handlerAreaClick('0003')}
+ className='custom-control-primary'
+ type='switch'
+ id='test03'
+ name='test03'
+ inline
+ defaultChecked={mapControl.area0003}
+ />
-
-
-
- -
-
- 비행금지구역
-
-
- handlerAreaClick('0001')}
- className='custom-control-primary'
- type='switch'
- id='test01'
- name='test01'
- inline
- defaultChecked={mapControl.area0001}
- />
-
-
- -
-
- 비행제한구역
-
-
- handlerAreaClick('0002')}
- className='custom-control-primary'
- type='switch'
- id='test02'
- name='test02'
- inline
- defaultChecked={mapControl.area0002}
- />
-
-
- -
-
- 관제권(공항)
-
-
- handlerAreaClick('0003')}
- className='custom-control-primary'
- type='switch'
- id='test03'
- name='test03'
- inline
- defaultChecked={mapControl.area0003}
- />
-
-
- -
-
- 비행장(군사)
-
-
- handlerAreaClick('0004')}
- className='custom-control-primary'
- type='switch'
- id='test04'
- name='test04'
- inline
- defaultChecked={mapControl.area0004}
- />
-
-
- -
-
- 이착륙장
-
-
- handlerAreaClick('0005')}
- className='custom-control-primary'
- type='switch'
- id='test05'
- name='test05'
- inline
- defaultChecked={mapControl.area0005}
- />
-
-
- -
-
-
- 초경량비행장치공역
-
-
- handlerAreaClick('0006')}
- className='custom-control-primary'
- type='switch'
- id='test06'
- name='test06'
- inline
- defaultChecked={mapControl.area0006}
- />
-
-
-
-
+
+
-
+
+ 비행장(군사)
-
- {/*
-
-
환경지표
+
+ handlerAreaClick('0004')}
+ className='custom-control-primary'
+ type='switch'
+ id='test04'
+ name='test04'
+ inline
+ defaultChecked={mapControl.area0004}
+ />
-
-
-
- -
-
- 미세먼지(DUST)
-
-
- handlerSensorClick('dust', e.target.checked)}
- className='custom-control-primary'
- type='switch'
- id='sensorDust'
- name='sensorDust'
- inline
- checked={mapControl.sensor === 'dust'}
- // defaultChecked={mapControl.sensor === 'dust'}
- />
-
-
- -
-
- 오존(O3)
-
-
- handlerSensorClick('o3', e.target.checked)}
- className='custom-control-primary'
- type='switch'
- id='sensorO3'
- name='sensorO3'
- inline
- checked={mapControl.sensor === 'o3'}
- // defaultChecked={mapControl.sensor === 'o3'}
- />
-
-
- -
-
- 이산화질소(No2)
-
-
- handlerSensorClick('no2', e.target.checked)}
- className='custom-control-primary'
- type='switch'
- id='sensorNo2'
- name='sensorNo2'
- inline
- checked={mapControl.sensor === 'no2'}
- // defaultChecked={mapControl.sensor === 'no2'}
- />
-
-
- -
-
- 일산화탄소(Co)
-
-
- handlerSensorClick('co', e.target.checked)}
- className='custom-control-primary'
- type='switch'
- id='sensorCo'
- name='sensorCo'
- inline
- checked={mapControl.sensor === 'co'}
- // defaultChecked={mapControl.sensor === 'co'}
- />
-
-
- -
-
- 아황산가스(So2)
-
-
- handlerSensorClick('so2', e.target.checked)}
- className='custom-control-primary'
- type='switch'
- id='sensorSo2'
- name='sensorSo2'
- inline
- checked={mapControl.sensor === 'so2'}
- // defaultChecked={mapControl.sensor === 'so2'}
- />
-
-
-
-
+
+
-
+
+ 이착륙장
- */}
+
+ handlerAreaClick('0005')}
+ className='custom-control-primary'
+ type='switch'
+ id='test05'
+ name='test05'
+ inline
+ defaultChecked={mapControl.area0005}
+ />
+
+
+
-
+
+
+ 초경량비행장치공역
+
+
+ handlerAreaClick('0006')}
+ className='custom-control-primary'
+ type='switch'
+ id='test06'
+ name='test06'
+ inline
+ defaultChecked={mapControl.area0006}
+ />
+
+
+
+
+
+
+
+ {modal ? (
+
+ ) : (
+ <>>
+ )}
+
+ );
};
export default ControlSetting;