From 0caccde9fd5e087ddc1a345d28887054618d263e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?junh=5Feee=28=EC=9D=B4=EC=A4=80=ED=9D=AC=29?= Date: Fri, 13 Oct 2023 17:10:11 +0900 Subject: [PATCH] =?UTF-8?q?=EC=98=88=EC=95=BD=ED=94=84=EB=A1=9C=EC=84=B8?= =?UTF-8?q?=EC=8A=A4=20=EB=AA=A8=EB=8B=AC=20=EC=83=9D=EC=84=B1?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../control/setting/ControlReservation.js | 44 ++ src/views/control/setting/ControlSetting.js | 427 +++++++----------- 2 files changed, 219 insertions(+), 252 deletions(-) create mode 100644 src/views/control/setting/ControlReservation.js 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;