|
|
|
@ -200,7 +200,7 @@ const FlightPlanContainer = () => {
|
|
|
|
|
|
|
|
|
|
const [centeredModal, setCenteredModal] = useState(false); |
|
|
|
|
const [disabledAnimation, setDisabledAnimation] = useState(false); |
|
|
|
|
|
|
|
|
|
const [centeredModal2, setCenteredModal2] = useState(false) |
|
|
|
|
return ( |
|
|
|
|
<CustomMainLayout title={'LAANC 신청 목록'}> |
|
|
|
|
{/* step-1 */} |
|
|
|
@ -504,7 +504,7 @@ const FlightPlanContainer = () => {
|
|
|
|
|
</div> */} |
|
|
|
|
|
|
|
|
|
{/* step-2 2번째 */} |
|
|
|
|
<div className='disabled-animation-modal'> |
|
|
|
|
{/* <div className='disabled-animation-modal'> |
|
|
|
|
<Button |
|
|
|
|
color='primary' |
|
|
|
|
className='laanc-pop-btn' |
|
|
|
@ -548,7 +548,7 @@ const FlightPlanContainer = () => {
|
|
|
|
|
</div> |
|
|
|
|
</Alert> |
|
|
|
|
</Col> |
|
|
|
|
{/* validation은 on 클래스로 제어 */} |
|
|
|
|
validation은 on 클래스로 제어 |
|
|
|
|
<Col className='validation on' md='12'> |
|
|
|
|
<p> |
|
|
|
|
<AlertTriangle /> |
|
|
|
@ -820,6 +820,162 @@ const FlightPlanContainer = () => {
|
|
|
|
|
</Button> |
|
|
|
|
</ModalFooter> |
|
|
|
|
</Modal> |
|
|
|
|
</div> */} |
|
|
|
|
|
|
|
|
|
<div className='disabled-animation-modal'> |
|
|
|
|
<Button |
|
|
|
|
color='primary' |
|
|
|
|
className='laanc-pop-btn' |
|
|
|
|
onClick={() => setDisabledAnimation(!disabledAnimation)} |
|
|
|
|
> |
|
|
|
|
LAANC 신청하기 |
|
|
|
|
</Button> |
|
|
|
|
<Modal |
|
|
|
|
isOpen={disabledAnimation} |
|
|
|
|
toggle={() => setDisabledAnimation(!disabledAnimation)} |
|
|
|
|
className='modal-dialog-centered laanc-modal' |
|
|
|
|
fade={false} |
|
|
|
|
backdrop={false} |
|
|
|
|
> |
|
|
|
|
<ModalHeader> |
|
|
|
|
LAANC 승인 요청 |
|
|
|
|
<Button |
|
|
|
|
color='danger' |
|
|
|
|
onClick={() => setDisabledAnimation(!disabledAnimation)} |
|
|
|
|
> |
|
|
|
|
취소 |
|
|
|
|
</Button> |
|
|
|
|
</ModalHeader> |
|
|
|
|
<ModalBody> |
|
|
|
|
<div className='document'> |
|
|
|
|
<div className='ti'>비행승인 완료 공문</div> |
|
|
|
|
<div className='terms-box'> |
|
|
|
|
<p> |
|
|
|
|
이것은 봄날의 소리다.이것은 타오르고 못할 천고에 놀이 |
|
|
|
|
위하여 뿐이다. 꾸며 크고 인간에 끝까지 인간은 뿐이다. 예가 |
|
|
|
|
꽃이 이것이야말로 것이다. 노래하며 가진 일월과 찬미를 |
|
|
|
|
인도하겠다는 목숨이 있는가? 아름답고 보배를 찾아 얼음 |
|
|
|
|
것이다. 주는 끓는 같이, 눈이 피부가 따뜻한 이것이다. |
|
|
|
|
그들은 역사를 따뜻한 굳세게 커다란 소담스러운 이것이야말로 |
|
|
|
|
크고 황금시대다. 앞이 용감하고 인간의 못할 동력은 투명하되 |
|
|
|
|
트고, 것이다. 같으며, 우리 생생하며, 부패를 이상은 길지 |
|
|
|
|
피다. 심장은 트고, 두기 청춘 그들을 품었기 이성은 밥을 |
|
|
|
|
천지는 것이다. 불어 싸인 소담스러운 쓸쓸하랴? 인간의 |
|
|
|
|
거선의 원대하고, 끓는 봄바람이다. 있는 물방아 인도하겠다는 |
|
|
|
|
칼이다. 가치를 가지에 얼마나 이상 이것이다. 대중을 |
|
|
|
|
노년에게서 온갖 청춘의 미묘한 그들에게 굳세게 그들은 불러 |
|
|
|
|
말이다. 갑 구하기 그들의 내려온 이것이다. 전인 예가 속에서 |
|
|
|
|
것이다. 천지는 있음으로써 과실이 속잎나고, 불어 피어나는 |
|
|
|
|
별과 아니다. 인류의 얼마나 뜨거운지라, 그들은 되는 놀이 |
|
|
|
|
미묘한 이상은 있다. 바로 꽃이 없는 그들을 이상은 고행을 |
|
|
|
|
군영과 위하여, 목숨이 칼이다. 무엇을 되는 생의 수 |
|
|
|
|
평화스러운 피가 할지니, 이상의 봄바람이다. 커다란 피가 |
|
|
|
|
찾아다녀도, 별과 있는 심장의 낙원을 위하여서. 생의 기관과 |
|
|
|
|
피어나기 역사를 오직 청춘을 그들을 그들의 쓸쓸하랴? 위하여 |
|
|
|
|
그러므로 그들의 인생에 끓는다. 장식하는 못할 무엇을 |
|
|
|
|
그리하였는가? 인류의 못하다 가치를 있을 있다. 거선의 |
|
|
|
|
풍부하게 위하여서, 피고, 만천하의 보이는 그들의 것이다. |
|
|
|
|
밥을 못하다 간에 불어 그와 꽃이 쓸쓸하랴? 가슴에 실현에 |
|
|
|
|
끝에 피가 피부가 부패뿐이다. 풀이 없으면, 하였으며, 따뜻한 |
|
|
|
|
때에, 교향악이다. 하였으며, 뜨고, 있는 그들은 그들은 품고 |
|
|
|
|
청춘이 보이는 동산에는 아니다. 바이며, 거선의 인간의 |
|
|
|
|
노년에게서 희망의 미묘한 안고, 봄날의 것이 칼이다. 원질이 |
|
|
|
|
것은 이상이 할지라도 이것을 위하여서, 청춘을 아니다. 가장 |
|
|
|
|
그들의 이상을 우리의 심장은 우리는 듣기만 용감하고 말이다. |
|
|
|
|
너의 풀밭에 그것은 피는 피가 보라. 실로 따뜻한 풀밭에 |
|
|
|
|
약동하다. 예가 살았으며, 것이다.보라, 길을 보내는 |
|
|
|
|
약동하다. 따뜻한 하여도 싹이 아니다. 못할 못하다 |
|
|
|
|
날카로우나 피가 끓는다. 인도하겠다는 이상의 창공에 지혜는 |
|
|
|
|
우리의 충분히 위하여서 것이다. 별과 것은 것은 가치를 |
|
|
|
|
낙원을 있으며, 위하여 사막이다. 열락의 무엇이 피어나기 |
|
|
|
|
이상의 그들은 얼마나 인생에 끓는다. 석가는 보배를 꾸며 |
|
|
|
|
영락과 안고, 구할 이상 현저하게 피고 피다. 그들은 스며들어 |
|
|
|
|
위하여 이 끝에 하였으며, 힘차게 대중을 황금시대다. 일월과 |
|
|
|
|
바로 우리는 인생을 내는 청춘의 열락의 보라. 이것을 구할 |
|
|
|
|
많이 인생에 있으랴? 구하기 이상 무엇을 주며, 내려온 그들의 |
|
|
|
|
가치를 청춘의 못하다 부패뿐이다. 풀이 봄바람을 이상은 |
|
|
|
|
인생의 트고, 속에 싹이 것은 약동하다. 하는 든 얼음과 |
|
|
|
|
군영과 너의 밥을 철환하였는가? 사는가 할지라도 관현악이며, |
|
|
|
|
없는 피고, 이것이다. 구하지 피가 우리의 우리 철환하였는가? |
|
|
|
|
찾아다녀도, 그와 품었기 되려니와, 더운지라 커다란 거친 |
|
|
|
|
스며들어 거선의 칼이다. 같이 청춘을 그들에게 공자는 |
|
|
|
|
봄바람이다. 모래뿐일 내려온 피가 때까지 오아이스도 |
|
|
|
|
그들에게 끓는 지혜는 때문이다. 때까지 군영과 같은 기관과 |
|
|
|
|
구하지 끝에 부패뿐이다. 같이, 열락의 그와 못하다 인간의 |
|
|
|
|
현저하게 구하지 것이다. 우리는 무엇을 소리다.이것은 |
|
|
|
|
피어나는 천지는 되려니와, 커다란 청춘 수 피다. 위하여 |
|
|
|
|
인생을 가진 피다. 얼마나 같이 봄날의 눈에 낙원을 타오르고 |
|
|
|
|
목숨이 이상은 것은 것이다. 그들은 심장은 얼음과 |
|
|
|
|
철환하였는가? 목숨을 고동을 열매를 것이다. 보배를 같은 |
|
|
|
|
피에 미묘한 얼마나 찾아 말이다. 가장 어디 위하여서, 천하를 |
|
|
|
|
않는 보라. 작고 불어 긴지라 놀이 목숨을 인생에 예수는 |
|
|
|
|
그들의 싹이 것이다. 위하여 맺어, 긴지라 사막이다. 내는 |
|
|
|
|
못할 것은 있는 그들은 갑 이것이다. 수 같이 풍부하게 얼마나 |
|
|
|
|
바로 품으며, 사는가 만천하의 우리의 것이다. 거선의 청춘의 |
|
|
|
|
품으며, 없는 그들은 일월과 않는 있으랴? 위하여 |
|
|
|
|
인도하겠다는 얼음 아름다우냐? 하는 청춘의 가지에 위하여, |
|
|
|
|
더운지라 만물은 이것이야말로 거선의 아니다. 않는 인생에 |
|
|
|
|
소금이라 관현악이며, 목숨이 수 것이다. 천하를 얼마나 가진 |
|
|
|
|
물방아 이상, 하여도 힘있다. 열락의 얼음이 뼈 피고 대한 |
|
|
|
|
그들의 맺어, 갑 대중을 그리하였는가? 타오르고 생의 그들의 |
|
|
|
|
무엇을 작고 것이 바로 위하여서, 위하여서. 뼈 있는 못할 |
|
|
|
|
웅대한 현저하게 노래하며 앞이 평화스러운 같이, 운다. |
|
|
|
|
산야에 원대하고, 구할 꽃 스며들어 사막이다. 이상 눈에 |
|
|
|
|
힘차게 들어 같은 뼈 수 맺어, 반짝이는 이것이다. 갑 인생에 |
|
|
|
|
피어나기 유소년에게서 용감하고 무엇을 대한 보내는 인생에 |
|
|
|
|
있으랴? 열락의 고동을 그들의 듣는다. 대중을 꽃이 같은 |
|
|
|
|
그들을 무엇을 천자만홍이 뼈 관현악이며, 봄바람이다. 가슴에 |
|
|
|
|
이상의 없으면, 남는 끝까지 그들에게 사랑의 피어나기 |
|
|
|
|
것이다. 붙잡아 있으며, 청춘의 우리 인간에 사람은 못할 |
|
|
|
|
관현악이며, 청춘 것이다. 힘차게 얼마나 아름답고 주는 없는 |
|
|
|
|
능히 이것이다. |
|
|
|
|
</p> |
|
|
|
|
</div> |
|
|
|
|
<Button color='primary' size='lg'>공문 다운로드</Button> |
|
|
|
|
</div> |
|
|
|
|
</ModalBody> |
|
|
|
|
<ModalFooter> |
|
|
|
|
<Button |
|
|
|
|
outline |
|
|
|
|
color='danger' |
|
|
|
|
onClick={() => setDisabledAnimation(!disabledAnimation)} |
|
|
|
|
> |
|
|
|
|
이전 |
|
|
|
|
</Button> |
|
|
|
|
<ul className='step'> |
|
|
|
|
<li> |
|
|
|
|
<span></span> |
|
|
|
|
</li> |
|
|
|
|
<li> |
|
|
|
|
<span className='on'></span> |
|
|
|
|
</li> |
|
|
|
|
<li> |
|
|
|
|
<span></span> |
|
|
|
|
</li> |
|
|
|
|
</ul> |
|
|
|
|
<Button |
|
|
|
|
outline |
|
|
|
|
onClick={() => setCenteredModal2(!centeredModal2)} |
|
|
|
|
> |
|
|
|
|
다음 |
|
|
|
|
</Button> |
|
|
|
|
<Modal isOpen={centeredModal2} toggle={() => setCenteredModal2(!centeredModal2)} className='modal-dialog-centered document-pop'> |
|
|
|
|
<ModalHeader toggle={() => setCenteredModal2(!centeredModal2)}>승인 완료</ModalHeader> |
|
|
|
|
<ModalBody> |
|
|
|
|
<div className='cont'> |
|
|
|
|
<CheckCircle className='text-success' size={40}/> |
|
|
|
|
<strong className='text-success'>비행신청이 승인되었습니다. </strong> |
|
|
|
|
<span>조종사 준수사항을 다시 확인해주시기 바랍니다.</span> |
|
|
|
|
</div> |
|
|
|
|
</ModalBody> |
|
|
|
|
<ModalFooter> |
|
|
|
|
<Button color='success' onClick={() => setCenteredModal2(!centeredModal2)}> |
|
|
|
|
완료 |
|
|
|
|
</Button>{' '} |
|
|
|
|
</ModalFooter> |
|
|
|
|
</Modal> |
|
|
|
|
</ModalFooter> |
|
|
|
|
</Modal> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<div className='pal-card-box'> |
|
|
|
|