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 ( +
+ + 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 신청하기

-
- -
- -
+ ); };