|
|
@ -207,10 +207,10 @@ const FlightPlanContainer = () => { |
|
|
|
|
|
|
|
|
|
|
|
<div className='sub-text'>상업용 또는 비 상업용이며, 기체최대이륙중량이 2KG 초과 시 기체등록은 필수입니다. <a href='/laanc/report'><Badge color='light-primary'>기체신고대상 및 기준 자세히보기</Badge></a></div> |
|
|
|
<div className='sub-text'>상업용 또는 비 상업용이며, 기체최대이륙중량이 2KG 초과 시 기체등록은 필수입니다. <a href='/laanc/report'><Badge color='light-primary'>기체신고대상 및 기준 자세히보기</Badge></a></div> |
|
|
|
{/* step-1 */} |
|
|
|
{/* step-1 */} |
|
|
|
{/* <div className='disabled-animation-modal'> |
|
|
|
<div className='disabled-animation-modal'> |
|
|
|
<Button color='primary' className='laanc-pop-btn' onClick={() => setDisabledAnimation(!disabledAnimation)}> |
|
|
|
{/* <Button color='primary' className='laanc-pop-btn' onClick={() => setDisabledAnimation(!disabledAnimation)}> |
|
|
|
LAANC 신청하기 |
|
|
|
LAANC 신청하기 |
|
|
|
</Button> |
|
|
|
</Button> */} |
|
|
|
<Modal |
|
|
|
<Modal |
|
|
|
isOpen={disabledAnimation} |
|
|
|
isOpen={disabledAnimation} |
|
|
|
toggle={() => setDisabledAnimation(!disabledAnimation)} |
|
|
|
toggle={() => setDisabledAnimation(!disabledAnimation)} |
|
|
@ -226,14 +226,14 @@ const FlightPlanContainer = () => { |
|
|
|
<FormGroup> |
|
|
|
<FormGroup> |
|
|
|
<div className='ti'>조종사 정보</div> |
|
|
|
<div className='ti'>조종사 정보</div> |
|
|
|
<Label for='test'><span className='necessary'>*</span>성명</Label> |
|
|
|
<Label for='test'><span className='necessary'>*</span>성명</Label> |
|
|
|
<Input type='text' id='test' size='sm' placeholder='' value='홍길동' disabled/> |
|
|
|
<Input type='text' id='test' bsSize='sm' placeholder='' value='홍길동' disabled/> |
|
|
|
</FormGroup> |
|
|
|
</FormGroup> |
|
|
|
</Col> |
|
|
|
</Col> |
|
|
|
<Col className='list-input' md='6'>
|
|
|
|
<Col className='list-input' md='6'>
|
|
|
|
<FormGroup> |
|
|
|
<FormGroup> |
|
|
|
<div className='ti'>비행 유형</div> |
|
|
|
<div className='ti'>비행 유형</div> |
|
|
|
<Label for='test'><span className='necessary'>*</span>종류</Label> |
|
|
|
<Label for='test'><span className='necessary'>*</span>종류</Label> |
|
|
|
<Input type='select' name='select' size='sm' id='test'> |
|
|
|
<Input type='select' name='select' bsSize='sm' id='test'> |
|
|
|
<option>무인 비행기</option> |
|
|
|
<option>무인 비행기</option> |
|
|
|
<option>무인 헬리콥터</option> |
|
|
|
<option>무인 헬리콥터</option> |
|
|
|
<option>무인 멀티콥터</option> |
|
|
|
<option>무인 멀티콥터</option> |
|
|
@ -247,19 +247,19 @@ const FlightPlanContainer = () => { |
|
|
|
<Col className='list-input' md='6'>
|
|
|
|
<Col className='list-input' md='6'>
|
|
|
|
<FormGroup> |
|
|
|
<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='' /> |
|
|
|
<Input type='text' id='test' bsSize='sm' placeholder='' /> |
|
|
|
</FormGroup> |
|
|
|
</FormGroup> |
|
|
|
</Col> |
|
|
|
</Col> |
|
|
|
<Col className='list-input' md='6'>
|
|
|
|
<Col className='list-input' md='6'>
|
|
|
|
<FormGroup> |
|
|
|
<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='' /> |
|
|
|
<Input type='text' id='test' bsSize='sm' placeholder='' /> |
|
|
|
</FormGroup> |
|
|
|
</FormGroup> |
|
|
|
</Col> |
|
|
|
</Col> |
|
|
|
<Col className='list-input' md='12'>
|
|
|
|
<Col className='list-input' md='12'>
|
|
|
|
<FormGroup> |
|
|
|
<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='' /> |
|
|
|
<Input type='text' id='test' bsSize='sm' placeholder='' /> |
|
|
|
</FormGroup> |
|
|
|
</FormGroup> |
|
|
|
</Col> |
|
|
|
</Col> |
|
|
|
</Row> |
|
|
|
</Row> |
|
|
@ -276,19 +276,19 @@ const FlightPlanContainer = () => { |
|
|
|
<Col className='list-input' md='6'>
|
|
|
|
<Col className='list-input' md='6'>
|
|
|
|
<FormGroup> |
|
|
|
<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='' /> |
|
|
|
<Input type='text' id='test' bsSize='sm' placeholder='' /> |
|
|
|
</FormGroup> |
|
|
|
</FormGroup> |
|
|
|
</Col> |
|
|
|
</Col> |
|
|
|
<Col className='list-input' md='6'>
|
|
|
|
<Col className='list-input' md='6'>
|
|
|
|
<FormGroup> |
|
|
|
<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='' /> |
|
|
|
<Input type='text' id='test' bsSize='sm' placeholder='' /> |
|
|
|
</FormGroup> |
|
|
|
</FormGroup> |
|
|
|
</Col> |
|
|
|
</Col> |
|
|
|
<Col className='list-input' md='6'>
|
|
|
|
<Col className='list-input' md='6'>
|
|
|
|
<FormGroup> |
|
|
|
<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='' /> |
|
|
|
<Input type='text' id='test' bsSize='sm' placeholder='' /> |
|
|
|
</FormGroup> |
|
|
|
</FormGroup> |
|
|
|
</Col> |
|
|
|
</Col> |
|
|
|
</Row> |
|
|
|
</Row> |
|
|
@ -299,19 +299,19 @@ const FlightPlanContainer = () => { |
|
|
|
<Col className='list-input' md='4'>
|
|
|
|
<Col className='list-input' md='4'>
|
|
|
|
<FormGroup> |
|
|
|
<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='' /> |
|
|
|
<Input type='text' id='test' bsSize='sm' placeholder='' /> |
|
|
|
</FormGroup> |
|
|
|
</FormGroup> |
|
|
|
</Col> |
|
|
|
</Col> |
|
|
|
<Col className='list-input' md='4'>
|
|
|
|
<Col className='list-input' md='4'>
|
|
|
|
<FormGroup> |
|
|
|
<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='' /> |
|
|
|
<Input type='text' id='test' bsSize='sm' placeholder='' /> |
|
|
|
</FormGroup> |
|
|
|
</FormGroup> |
|
|
|
</Col> |
|
|
|
</Col> |
|
|
|
<Col className='list-input' md='4'>
|
|
|
|
<Col className='list-input' md='4'>
|
|
|
|
<FormGroup> |
|
|
|
<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='' /> |
|
|
|
<Input type='text' id='test' bsSize='sm' placeholder='' /> |
|
|
|
</FormGroup> |
|
|
|
</FormGroup> |
|
|
|
</Col> |
|
|
|
</Col> |
|
|
|
</Row> |
|
|
|
</Row> |
|
|
@ -368,13 +368,13 @@ const FlightPlanContainer = () => { |
|
|
|
<li><span></span></li> |
|
|
|
<li><span></span></li> |
|
|
|
<li><span></span></li> |
|
|
|
<li><span></span></li> |
|
|
|
</ul> |
|
|
|
</ul> |
|
|
|
완료후 다음 진행할 수 있을때 버튼에 ouline 뺴주고 color='danger' 넣어주기 |
|
|
|
{/* 완료후 다음 진행할 수 있을때 버튼에 ouline 뺴주고 color='danger' 넣어주기 */} |
|
|
|
<Button outline onClick={() => setDisabledAnimation(!disabledAnimation)}> |
|
|
|
<Button outline onClick={() => setDisabledAnimation(!disabledAnimation)}> |
|
|
|
다음 |
|
|
|
다음 |
|
|
|
</Button> |
|
|
|
</Button> |
|
|
|
</ModalFooter> |
|
|
|
</ModalFooter> |
|
|
|
</Modal> |
|
|
|
</Modal> |
|
|
|
</div> */} |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
{/* step-2 */} |
|
|
|
{/* step-2 */} |
|
|
|
{/* <div className='disabled-animation-modal'> |
|
|
|
{/* <div className='disabled-animation-modal'> |
|
|
@ -435,14 +435,14 @@ const FlightPlanContainer = () => { |
|
|
|
<FormGroup> |
|
|
|
<FormGroup> |
|
|
|
<div className='ti'>조종사 정보</div> |
|
|
|
<div className='ti'>조종사 정보</div> |
|
|
|
<Label for='test'><span className='necessary'>*</span>성명</Label> |
|
|
|
<Label for='test'><span className='necessary'>*</span>성명</Label> |
|
|
|
<Input type='text' id='test' size='sm' placeholder='' value='홍길동' disabled/> |
|
|
|
<Input type='text' id='test' bsSize='sm' placeholder='' value='홍길동' disabled/> |
|
|
|
</FormGroup> |
|
|
|
</FormGroup> |
|
|
|
</Col> |
|
|
|
</Col> |
|
|
|
<Col className='list-input' md='6' sm='12'>
|
|
|
|
<Col className='list-input' md='6' sm='12'>
|
|
|
|
<FormGroup> |
|
|
|
<FormGroup> |
|
|
|
<div className='ti'>승인 유형</div> |
|
|
|
<div className='ti'>승인 유형</div> |
|
|
|
<Label for='test'><span className='necessary'>*</span>종류</Label> |
|
|
|
<Label for='test'><span className='necessary'>*</span>종류</Label> |
|
|
|
<Input type='select' name='select' size='sm' id='test' disabled> |
|
|
|
<Input type='select' name='select' bsSize='sm' id='test' disabled> |
|
|
|
<option>무인 비행기</option> |
|
|
|
<option>무인 비행기</option> |
|
|
|
<option>무인 헬리콥터</option> |
|
|
|
<option>무인 헬리콥터</option> |
|
|
|
<option>무인 멀티콥터</option> |
|
|
|
<option>무인 멀티콥터</option> |
|
|
@ -456,13 +456,13 @@ const FlightPlanContainer = () => { |
|
|
|
<Col className='list-input' md='6'>
|
|
|
|
<Col className='list-input' md='6'>
|
|
|
|
<FormGroup> |
|
|
|
<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='' disabled/> |
|
|
|
<Input type='text' id='test' bsSize='sm' placeholder='' disabled/> |
|
|
|
</FormGroup> |
|
|
|
</FormGroup> |
|
|
|
</Col> |
|
|
|
</Col> |
|
|
|
<Col className='list-input' md='6'>
|
|
|
|
<Col className='list-input' md='6'>
|
|
|
|
<FormGroup> |
|
|
|
<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='' disabled/> |
|
|
|
<Input type='text' id='test' bsSize='sm' placeholder='' disabled/> |
|
|
|
</FormGroup> |
|
|
|
</FormGroup> |
|
|
|
</Col> |
|
|
|
</Col> |
|
|
|
</Row> |
|
|
|
</Row> |
|
|
@ -474,7 +474,7 @@ const FlightPlanContainer = () => { |
|
|
|
<Col className='list-input' md='12'>
|
|
|
|
<Col className='list-input' md='12'>
|
|
|
|
<FormGroup> |
|
|
|
<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='' disabled/> |
|
|
|
<Input type='text' id='test' bsSize='sm' placeholder='' disabled/> |
|
|
|
</FormGroup> |
|
|
|
</FormGroup> |
|
|
|
</Col> |
|
|
|
</Col> |
|
|
|
</Row> |
|
|
|
</Row> |
|
|
@ -619,7 +619,7 @@ const FlightPlanContainer = () => { |
|
|
|
<Input |
|
|
|
<Input |
|
|
|
type='text' |
|
|
|
type='text' |
|
|
|
id='test' |
|
|
|
id='test' |
|
|
|
size='sm' |
|
|
|
bsSize='sm' |
|
|
|
placeholder='' |
|
|
|
placeholder='' |
|
|
|
value='홍길동' |
|
|
|
value='홍길동' |
|
|
|
disabled |
|
|
|
disabled |
|
|
@ -635,7 +635,7 @@ const FlightPlanContainer = () => { |
|
|
|
<Input |
|
|
|
<Input |
|
|
|
type='select' |
|
|
|
type='select' |
|
|
|
name='select' |
|
|
|
name='select' |
|
|
|
size='sm' |
|
|
|
bsSize='sm' |
|
|
|
id='test' |
|
|
|
id='test' |
|
|
|
disabled |
|
|
|
disabled |
|
|
|
> |
|
|
|
> |
|
|
@ -657,7 +657,7 @@ const FlightPlanContainer = () => { |
|
|
|
<Input |
|
|
|
<Input |
|
|
|
type='text' |
|
|
|
type='text' |
|
|
|
id='test' |
|
|
|
id='test' |
|
|
|
size='sm' |
|
|
|
bsSize='sm' |
|
|
|
placeholder='' |
|
|
|
placeholder='' |
|
|
|
disabled |
|
|
|
disabled |
|
|
|
/> |
|
|
|
/> |
|
|
@ -671,7 +671,7 @@ const FlightPlanContainer = () => { |
|
|
|
<Input |
|
|
|
<Input |
|
|
|
type='text' |
|
|
|
type='text' |
|
|
|
id='test' |
|
|
|
id='test' |
|
|
|
size='sm' |
|
|
|
bsSize='sm' |
|
|
|
placeholder='' |
|
|
|
placeholder='' |
|
|
|
disabled |
|
|
|
disabled |
|
|
|
/> |
|
|
|
/> |
|
|
@ -691,7 +691,7 @@ const FlightPlanContainer = () => { |
|
|
|
<Input |
|
|
|
<Input |
|
|
|
type='text' |
|
|
|
type='text' |
|
|
|
id='test' |
|
|
|
id='test' |
|
|
|
size='sm' |
|
|
|
bsSize='sm' |
|
|
|
placeholder='' |
|
|
|
placeholder='' |
|
|
|
disabled |
|
|
|
disabled |
|
|
|
/> |
|
|
|
/> |
|
|
@ -833,7 +833,7 @@ const FlightPlanContainer = () => { |
|
|
|
> |
|
|
|
> |
|
|
|
LAANC 신청하기 |
|
|
|
LAANC 신청하기 |
|
|
|
</Button> |
|
|
|
</Button> |
|
|
|
<Modal |
|
|
|
{/* <Modal |
|
|
|
isOpen={disabledAnimation} |
|
|
|
isOpen={disabledAnimation} |
|
|
|
toggle={() => setDisabledAnimation(!disabledAnimation)} |
|
|
|
toggle={() => setDisabledAnimation(!disabledAnimation)} |
|
|
|
className='modal-dialog-centered laanc-modal' |
|
|
|
className='modal-dialog-centered laanc-modal' |
|
|
@ -978,7 +978,7 @@ const FlightPlanContainer = () => { |
|
|
|
</ModalFooter> |
|
|
|
</ModalFooter> |
|
|
|
</Modal> |
|
|
|
</Modal> |
|
|
|
</ModalFooter> |
|
|
|
</ModalFooter> |
|
|
|
</Modal> |
|
|
|
</Modal> */} |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<div className='pal-card-box'> |
|
|
|
<div className='pal-card-box'> |
|
|
|