diff --git a/src/assets/css/custom.css b/src/assets/css/custom.css index 0452fb1..973a1d8 100644 --- a/src/assets/css/custom.css +++ b/src/assets/css/custom.css @@ -908,7 +908,7 @@ background-size: 75% auto; .onstop-link a{width:100%;color: #8a1c05} .onstop-link a + a{margin-top:10px} .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;} +.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;} .laanc-modal .modal-header{position:sticky;width:100%;top:0;z-index:2;} .laanc-modal .modal-header h5{display:flex;width:100%;align-items: center;justify-content: space-between;} @@ -941,4 +941,12 @@ background-size: 75% auto; .laanc-modal .validation.on{visibility:visible;opacity: 1;width:auto;height:auto;transition:all 0.3s ease-in;-webkit-transition: 0.3s ease-in;margin-top:-5px;margin-bottom:0.5rem;} .laanc-modal .validation p{font-size:0.875rem;color:#ed1125;line-height:1.3} .laanc-modal .validation p svg{width:16px;margin-right:4px} -.laanc-modal .alert .cancel-txt{display:block;color:#ed1125;font-size:0.875rem;line-height:1.3;font-weight:300;word-break: keep-all;margin-top:4px} \ No newline at end of file +.laanc-modal .alert .cancel-txt{display:block;color:#ed1125;font-size:0.875rem;line-height:1.3;font-weight:300;word-break: keep-all;margin-top:4px} +.laanc-modal .document .ti{text-align:center;justify-content: center;font-size:1.25rem;margin:10px 0 20px 0;color:#8a1c05;font-weight:bold;} +.laanc-modal .document .terms-box{max-height:650px} +.laanc-modal .document button{font-size:1rem;width:100%;margin-top:1rem} +.document-pop{text-align: center;} +.document-pop .cont{margin-bottom:1rem} +.document-pop strong{display:flex;justify-content:center;align-items: center;font-size:1.125rem;font-weight:500;margin-bottom:4px} +.document-pop .cont svg{margin:20px 0;} +.document-pop span{display:block;} \ No newline at end of file diff --git a/src/containers/basis/flight/plan/FlightPlanContainer.js b/src/containers/basis/flight/plan/FlightPlanContainer.js index 091241a..2c36e57 100644 --- a/src/containers/basis/flight/plan/FlightPlanContainer.js +++ b/src/containers/basis/flight/plan/FlightPlanContainer.js @@ -200,7 +200,7 @@ const FlightPlanContainer = () => { const [centeredModal, setCenteredModal] = useState(false); const [disabledAnimation, setDisabledAnimation] = useState(false); - + const [centeredModal2, setCenteredModal2] = useState(false) return ( {/* step-1 */} @@ -504,7 +504,7 @@ const FlightPlanContainer = () => { */} {/* step-2 2번째 */} -
+ {/*
- {/* validation은 on 클래스로 제어 */} + validation은 on 클래스로 제어

@@ -820,6 +820,162 @@ const FlightPlanContainer = () => { +

*/} + +
+ + setDisabledAnimation(!disabledAnimation)} + className='modal-dialog-centered laanc-modal' + fade={false} + backdrop={false} + > + + LAANC 승인 요청 + + + +
+
비행승인 완료 공문
+
+

+ 이것은 봄날의 소리다.이것은 타오르고 못할 천고에 놀이 + 위하여 뿐이다. 꾸며 크고 인간에 끝까지 인간은 뿐이다. 예가 + 꽃이 이것이야말로 것이다. 노래하며 가진 일월과 찬미를 + 인도하겠다는 목숨이 있는가? 아름답고 보배를 찾아 얼음 + 것이다. 주는 끓는 같이, 눈이 피부가 따뜻한 이것이다. + 그들은 역사를 따뜻한 굳세게 커다란 소담스러운 이것이야말로 + 크고 황금시대다. 앞이 용감하고 인간의 못할 동력은 투명하되 + 트고, 것이다. 같으며, 우리 생생하며, 부패를 이상은 길지 + 피다. 심장은 트고, 두기 청춘 그들을 품었기 이성은 밥을 + 천지는 것이다. 불어 싸인 소담스러운 쓸쓸하랴? 인간의 + 거선의 원대하고, 끓는 봄바람이다. 있는 물방아 인도하겠다는 + 칼이다. 가치를 가지에 얼마나 이상 이것이다. 대중을 + 노년에게서 온갖 청춘의 미묘한 그들에게 굳세게 그들은 불러 + 말이다. 갑 구하기 그들의 내려온 이것이다. 전인 예가 속에서 + 것이다. 천지는 있음으로써 과실이 속잎나고, 불어 피어나는 + 별과 아니다. 인류의 얼마나 뜨거운지라, 그들은 되는 놀이 + 미묘한 이상은 있다. 바로 꽃이 없는 그들을 이상은 고행을 + 군영과 위하여, 목숨이 칼이다. 무엇을 되는 생의 수 + 평화스러운 피가 할지니, 이상의 봄바람이다. 커다란 피가 + 찾아다녀도, 별과 있는 심장의 낙원을 위하여서. 생의 기관과 + 피어나기 역사를 오직 청춘을 그들을 그들의 쓸쓸하랴? 위하여 + 그러므로 그들의 인생에 끓는다. 장식하는 못할 무엇을 + 그리하였는가? 인류의 못하다 가치를 있을 있다. 거선의 + 풍부하게 위하여서, 피고, 만천하의 보이는 그들의 것이다. + 밥을 못하다 간에 불어 그와 꽃이 쓸쓸하랴? 가슴에 실현에 + 끝에 피가 피부가 부패뿐이다. 풀이 없으면, 하였으며, 따뜻한 + 때에, 교향악이다. 하였으며, 뜨고, 있는 그들은 그들은 품고 + 청춘이 보이는 동산에는 아니다. 바이며, 거선의 인간의 + 노년에게서 희망의 미묘한 안고, 봄날의 것이 칼이다. 원질이 + 것은 이상이 할지라도 이것을 위하여서, 청춘을 아니다. 가장 + 그들의 이상을 우리의 심장은 우리는 듣기만 용감하고 말이다. + 너의 풀밭에 그것은 피는 피가 보라. 실로 따뜻한 풀밭에 + 약동하다. 예가 살았으며, 것이다.보라, 길을 보내는 + 약동하다. 따뜻한 하여도 싹이 아니다. 못할 못하다 + 날카로우나 피가 끓는다. 인도하겠다는 이상의 창공에 지혜는 + 우리의 충분히 위하여서 것이다. 별과 것은 것은 가치를 + 낙원을 있으며, 위하여 사막이다. 열락의 무엇이 피어나기 + 이상의 그들은 얼마나 인생에 끓는다. 석가는 보배를 꾸며 + 영락과 안고, 구할 이상 현저하게 피고 피다. 그들은 스며들어 + 위하여 이 끝에 하였으며, 힘차게 대중을 황금시대다. 일월과 + 바로 우리는 인생을 내는 청춘의 열락의 보라. 이것을 구할 + 많이 인생에 있으랴? 구하기 이상 무엇을 주며, 내려온 그들의 + 가치를 청춘의 못하다 부패뿐이다. 풀이 봄바람을 이상은 + 인생의 트고, 속에 싹이 것은 약동하다. 하는 든 얼음과 + 군영과 너의 밥을 철환하였는가? 사는가 할지라도 관현악이며, + 없는 피고, 이것이다. 구하지 피가 우리의 우리 철환하였는가? + 찾아다녀도, 그와 품었기 되려니와, 더운지라 커다란 거친 + 스며들어 거선의 칼이다. 같이 청춘을 그들에게 공자는 + 봄바람이다. 모래뿐일 내려온 피가 때까지 오아이스도 + 그들에게 끓는 지혜는 때문이다. 때까지 군영과 같은 기관과 + 구하지 끝에 부패뿐이다. 같이, 열락의 그와 못하다 인간의 + 현저하게 구하지 것이다. 우리는 무엇을 소리다.이것은 + 피어나는 천지는 되려니와, 커다란 청춘 수 피다. 위하여 + 인생을 가진 피다. 얼마나 같이 봄날의 눈에 낙원을 타오르고 + 목숨이 이상은 것은 것이다. 그들은 심장은 얼음과 + 철환하였는가? 목숨을 고동을 열매를 것이다. 보배를 같은 + 피에 미묘한 얼마나 찾아 말이다. 가장 어디 위하여서, 천하를 + 않는 보라. 작고 불어 긴지라 놀이 목숨을 인생에 예수는 + 그들의 싹이 것이다. 위하여 맺어, 긴지라 사막이다. 내는 + 못할 것은 있는 그들은 갑 이것이다. 수 같이 풍부하게 얼마나 + 바로 품으며, 사는가 만천하의 우리의 것이다. 거선의 청춘의 + 품으며, 없는 그들은 일월과 않는 있으랴? 위하여 + 인도하겠다는 얼음 아름다우냐? 하는 청춘의 가지에 위하여, + 더운지라 만물은 이것이야말로 거선의 아니다. 않는 인생에 + 소금이라 관현악이며, 목숨이 수 것이다. 천하를 얼마나 가진 + 물방아 이상, 하여도 힘있다. 열락의 얼음이 뼈 피고 대한 + 그들의 맺어, 갑 대중을 그리하였는가? 타오르고 생의 그들의 + 무엇을 작고 것이 바로 위하여서, 위하여서. 뼈 있는 못할 + 웅대한 현저하게 노래하며 앞이 평화스러운 같이, 운다. + 산야에 원대하고, 구할 꽃 스며들어 사막이다. 이상 눈에 + 힘차게 들어 같은 뼈 수 맺어, 반짝이는 이것이다. 갑 인생에 + 피어나기 유소년에게서 용감하고 무엇을 대한 보내는 인생에 + 있으랴? 열락의 고동을 그들의 듣는다. 대중을 꽃이 같은 + 그들을 무엇을 천자만홍이 뼈 관현악이며, 봄바람이다. 가슴에 + 이상의 없으면, 남는 끝까지 그들에게 사랑의 피어나기 + 것이다. 붙잡아 있으며, 청춘의 우리 인간에 사람은 못할 + 관현악이며, 청춘 것이다. 힘차게 얼마나 아름답고 주는 없는 + 능히 이것이다. +

+
+ +
+
+ + +
    +
  • + +
  • +
  • + +
  • +
  • + +
  • +
+ + setCenteredModal2(!centeredModal2)} className='modal-dialog-centered document-pop'> + setCenteredModal2(!centeredModal2)}>승인 완료 + +
+ + 비행신청이 승인되었습니다. + 조종사 준수사항을 다시 확인해주시기 바랍니다. +
+
+ + {' '} + +
+
+