|
|
|
@ -236,7 +236,7 @@ const FlightPlanContainer = () => {
|
|
|
|
|
</Col> |
|
|
|
|
<Col className='list-input' md='4'>
|
|
|
|
|
<FormGroup> |
|
|
|
|
<Label for='test'><span className='necessary'>*</span>비행목적</Label> |
|
|
|
|
<Label for='test'><span className='necessary'>*</span>비행 목적</Label> |
|
|
|
|
<Input type='text' id='test' size='sm' placeholder='' /> |
|
|
|
|
</FormGroup> |
|
|
|
|
</Col> |
|
|
|
@ -297,22 +297,30 @@ const FlightPlanContainer = () => {
|
|
|
|
|
</Row> |
|
|
|
|
</div> |
|
|
|
|
<div> |
|
|
|
|
<div className='ti'>비행구역설정<Button size='sm' onClick={() => setCenteredModal(!centeredModal)}>자세히보기</Button></div> |
|
|
|
|
<div className='ti'>비행 구역 설정<Button size='sm' onClick={() => setCenteredModal(!centeredModal)}>자세히보기</Button></div> |
|
|
|
|
<div className='laanc-map-sm'> |
|
|
|
|
지도영역 |
|
|
|
|
</div> |
|
|
|
|
<div className='vertically-centered-modal'> |
|
|
|
|
<Modal isOpen={centeredModal} toggle={() => setCenteredModal(!centeredModal)} className='modal-dialog-centered'> |
|
|
|
|
<ModalHeader toggle={() => setCenteredModal(!centeredModal)}>Vertically Centered</ModalHeader> |
|
|
|
|
<Modal isOpen={centeredModal} toggle={() => setCenteredModal(!centeredModal)} className='modal-dialog-centered modal-xl'> |
|
|
|
|
<ModalHeader toggle={() => setCenteredModal(!centeredModal)}>비행 구역 설정</ModalHeader> |
|
|
|
|
<ModalBody> |
|
|
|
|
Oat cake ice cream candy chocolate cake chocolate cake cotton candy dragée apple pie. Brownie carrot cake |
|
|
|
|
candy canes bonbon fruitcake topping halvah. Cake sweet roll cake cheesecake cookie chocolate cake |
|
|
|
|
liquorice. |
|
|
|
|
지도영역 지도 height 정해주기 |
|
|
|
|
</ModalBody> |
|
|
|
|
<ModalFooter> |
|
|
|
|
<Button color='primary' onClick={() => setCenteredModal(!centeredModal)}> |
|
|
|
|
Accept |
|
|
|
|
</Button>{' '} |
|
|
|
|
<div className='laanc-map-btn'> |
|
|
|
|
<div className='laanc-point'> |
|
|
|
|
<Button color='primary'>버튼1</Button> |
|
|
|
|
<Button color='primary'>버튼2</Button> |
|
|
|
|
<Button color='primary'>버튼3</Button> |
|
|
|
|
<Button color='primary'>버튼4</Button> |
|
|
|
|
</div> |
|
|
|
|
<div> |
|
|
|
|
<Button color='primary' onClick={() => setCenteredModal(!centeredModal)}> |
|
|
|
|
닫기 |
|
|
|
|
</Button> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</ModalFooter> |
|
|
|
|
</Modal> |
|
|
|
|
</div> |
|
|
|
@ -322,10 +330,18 @@ const FlightPlanContainer = () => {
|
|
|
|
|
</div> |
|
|
|
|
</ModalBody> |
|
|
|
|
<ModalFooter> |
|
|
|
|
<Button outline color='danger' onClick={() => setDisabledAnimation(!disabledAnimation)}> |
|
|
|
|
이전 |
|
|
|
|
</Button> |
|
|
|
|
<ul className='step'> |
|
|
|
|
<li><span className='on'></span></li> |
|
|
|
|
<li><span></span></li> |
|
|
|
|
<li><span></span></li> |
|
|
|
|
</ul> |
|
|
|
|
{/* 유효성 검사 완료후 다음 진행할 수 있을때 버튼에 ouline 뺴주고 color='danger' 넣어주기 */} |
|
|
|
|
<Button outline onClick={() => setDisabledAnimation(!disabledAnimation)}> |
|
|
|
|
다음 |
|
|
|
|
</Button>{' '} |
|
|
|
|
</Button> |
|
|
|
|
</ModalFooter> |
|
|
|
|
</Modal> |
|
|
|
|
</div> |
|
|
|
|