From f5231b3baf64469a8b40ce1e4a026427171a6e2a Mon Sep 17 00:00:00 2001
From: geun1416 <1416geun@naver.com>
Date: Mon, 25 Sep 2023 14:57:13 +0900
Subject: [PATCH] =?UTF-8?q?validation=20=EC=98=81=EC=97=AD,=20=EB=AF=B8?=
 =?UTF-8?q?=EC=8A=B9=EC=9D=B8=20=EC=82=AC=EC=9C=A0,=20=EB=B9=84=ED=96=89?=
 =?UTF-8?q?=EB=82=A0=EC=A7=9C~=EC=8B=9C=EA=B0=84=20input=20=ED=81=AC?=
 =?UTF-8?q?=EA=B8=B0=20=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/css/custom.css                     |  7 +++++-
 .../basis/flight/plan/FlightPlanContainer.js  | 23 ++++++++++++-------
 2 files changed, 21 insertions(+), 9 deletions(-)

diff --git a/src/assets/css/custom.css b/src/assets/css/custom.css
index 174e5058..0452fb10 100644
--- a/src/assets/css/custom.css
+++ b/src/assets/css/custom.css
@@ -936,4 +936,9 @@ background-size: 75% auto;
 .laanc-modal .terms-box{max-height:180px;overflow-x: hidden;;overflow-y:scroll;border:1px solid #ddd;padding:0.857rem;border-radius: 0.357rem;}
 .laanc-modal .terms-box p{font-size:0.75em;line-height:1.4;word-break:keep-all;}
 .laanc-modal .terms-check {padding:0 0 0 28px;border-bottom:0;margin-top:10px}
-.laanc-modal .terms-check label{font-size:0.875rem;font-weight:400;margin-top: -2px;}
\ No newline at end of file
+.laanc-modal .terms-check label{font-size:0.875rem;font-weight:400;margin-top: -2px;}
+.laanc-modal .validation{visibility: hidden;opacity: 0;width:0px;height:0px;transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in;margin-bottom:0;margin-top:0;}
+.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
diff --git a/src/containers/basis/flight/plan/FlightPlanContainer.js b/src/containers/basis/flight/plan/FlightPlanContainer.js
index 67e0e8be..b9c244f6 100644
--- a/src/containers/basis/flight/plan/FlightPlanContainer.js
+++ b/src/containers/basis/flight/plan/FlightPlanContainer.js
@@ -25,7 +25,7 @@ import {
   GROUP_LIST
 } from '../../../../modules/basis/group/actions/basisGroupAction';
 import FlightPlanGroupGrid from '../../../../components/basis/flight/plan/FlightPlanGroupGrid';
-import { AlertCircle, CheckCircle } from 'react-feather';
+import { AlertCircle, CheckCircle, XCircle, AlertTriangle } from 'react-feather';
 
 const initSearchData = {
   schFltStDt: moment()
@@ -236,19 +236,19 @@ const FlightPlanContainer = () => {
               <Col className='list-input' md='12'> 
                 <div className='ti'>비행 계획 정보</div>                          
                   <Row>
-                    <Col className='list-input' md='4'>                           
+                    <Col className='list-input' md='6'>                           
                       <FormGroup>
                         <Label for='test'><span className='necessary'>*</span>비행 시작 일자</Label>
                         <Input type='text' id='test' size='sm' placeholder='' />
                       </FormGroup>
                     </Col> 
-                    <Col className='list-input' md='4'>                           
+                    <Col className='list-input' md='6'>                           
                       <FormGroup>
                         <Label for='test'><span className='necessary'>*</span>비행 종료 일자</Label>
                         <Input type='text' id='test' size='sm' placeholder='' />
                       </FormGroup>
                     </Col> 
-                    <Col className='list-input' md='4'>                           
+                    <Col className='list-input' md='12'>                           
                       <FormGroup>
                         <Label for='test'><span className='necessary'>*</span>비행 목적</Label>
                         <Input type='text' id='test' size='sm' placeholder='' />
@@ -388,7 +388,7 @@ const FlightPlanContainer = () => {
                 지도영역
               </div>
               <div className='mt-1'>
-                <Alert color='danger'>
+                <Alert color='warning'>
                   <div className='alert-body'>
                     <AlertCircle size={15} />{' '}
                     <span className='ms-1'>
@@ -543,16 +543,23 @@ const FlightPlanContainer = () => {
                     </div>
                   </Alert>
                 </Col>
+                {/* validation은 on 클래스로 제어  */}
+                <Col className='validation on' md='12'>
+                  <p>
+                  <AlertTriangle />기체보험가입이 되어있지 않거나 유효기간이 만료되었습니다. 기체보험가입이 되어있지 않거나 유효기간이 만료되었습니다. 기체보험가입이 되어있지 않거나 유효기간이 만료되었습니다. 
+                  </p>
+                </Col>
               </Row>
             </div>
             <div className='mb-1'>
               <div className='ti'>비행승인 사전결과 확인</div>
               <div className='laanc-map-sm'>지도영역</div>
               <div className='mt-1'>
-                <Alert color='success'>
+                <Alert color='warning'>
                   <div className='alert-body'>
-                    <CheckCircle size={15} />{' '}
-                    <span className='ms-1'>사전 결과 승인 대상입니다.</span>
+                    <AlertCircle size={15} />{' '}
+                    <span className='ms-1'>사전 결과 미 승인 대상입니다.</span>
+                    <span className='cancel-txt'>관제권 및 비행금지 공역을 제외한 지역에서는 주간에 150m미만의 고도에서는 비행승인없이 비행가능합니다. </span>
                   </div>
                 </Alert>
               </div>