From 5f91ae64d9056accdb4365b6397388640c5f899b Mon Sep 17 00:00:00 2001
From: daekuk <eactive@eactive_daekuk>
Date: Mon, 29 Sep 2025 11:19:20 +0900
Subject: [PATCH] =?UTF-8?q?=EC=9D=B8=ED=84=B0=ED=8E=98=EC=9D=B4=EC=8A=A4?=
 =?UTF-8?q?=20=ED=99=94=EB=A9=B4=20=EA=B8=B0=EB=8A=A5=20=EB=B0=8F=20UI=20?=
 =?UTF-8?q?=EA=B0=9C=EC=84=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../apim/apiInterfaceManDetail.jsp            | 63 ++++++++++++++-----
 1 file changed, 47 insertions(+), 16 deletions(-)

diff --git a/WebContent/jsp/onl/transaction/apim/apiInterfaceManDetail.jsp b/WebContent/jsp/onl/transaction/apim/apiInterfaceManDetail.jsp
index 1e402a2..a7cbe4c 100644
--- a/WebContent/jsp/onl/transaction/apim/apiInterfaceManDetail.jsp
+++ b/WebContent/jsp/onl/transaction/apim/apiInterfaceManDetail.jsp
@@ -48,6 +48,19 @@
             background-color: #eeeeee;
             border-color: #cccccc;
         }
+        
+        /* input-group 안에서 invalid-feedback이 차지하는 공간 없애기, 유효성검사 할 때 현재 스타일 바뀌지않게 CSS 처리 */
+		.input-group > .invalid-feedback {
+		  position: absolute;
+		  top: 100%; 
+		  left: 0;
+		  width: 100%;
+		  margin-top: .25rem;
+		}
+		
+		.input-group {
+		  position: relative;
+		}
 
     </style>
     <script language="javascript" >
@@ -1319,18 +1332,34 @@
                                 <select id="eaiBzwkDstcd" class="form-select" name="eaiBzwkDstcd" style="width: 100%">
                                 </select>
                             </div>
-                            <div class="form-group col-md-3">
-                                <label for="eaiSvcName"><span class="material-icons-outlined">badge</span> API 명</label>
-                                <div class="input-group">
-                                    <input type="text" class="form-control" id="eaiSvcName" name="eaiSvcName" required>
-                                    <span class="input-group-text" id="sendRecvTypeSpan" style="padding: 0; border: none;">
-											<input type="text" id="sendRecvType" name="sendRecvType" class="ignore form-control" readonly="readonly" style="width: 40px; text-align: center; border-radius: 0; margin-left: -1px;" :value="apiInterface.requestType">
-										</span>
-                                    <span class="input-group-text" id="inOutTypeSpan" style="padding: 0; border: none;">
-											<input type="text" id="inOutType" name="inOutType" class="ignore form-control" readonly="readonly" style="width: 40px; text-align: center; border-radius: 0; margin-left: -1px;" :value="apiInterface.wordType">
-										</span>
-                                </div>
-                            </div>
+                            
+							<div class="form-group col-md-3">
+							    <label for="eaiSvcName">
+							        <span class="material-icons-outlined">badge</span> API 명
+							    </label>
+							    <div class="input-group">
+							        <input type="text" 
+							               class="form-control" 
+							               id="eaiSvcName" 
+							               name="eaiSvcName" 
+							               required>
+							        <span class="input-group-text" id="sendRecvTypeSpan" style="padding: 0; border: none;">
+							            <input type="text" id="sendRecvType" name="sendRecvType"
+							                   class="ignore form-control"
+							                   readonly="readonly"
+							                   style="width: 40px; text-align: center; border-radius: 0; margin-left: -1px;"
+							                   :value="apiInterface.requestType">
+							        </span>
+							        <span class="input-group-text" id="inOutTypeSpan" style="padding: 0; border: none;">
+							            <input type="text" id="inOutType" name="inOutType"
+							                   class="ignore form-control"
+							                   readonly="readonly"
+							                   style="width: 40px; text-align: center; border-radius: 0; margin-left: -1px;"
+							                   :value="apiInterface.wordType">
+							        </span>
+							    </div>
+							</div>
+							
                             <div class="form-group col-md-6">
                                 <label for="eaiSvcDesc"><span class="material-icons-outlined">chat</span> 설명</label>
                                 <input type="text" class="form-control" id="eaiSvcDesc" name="eaiSvcDesc" required></input>
@@ -1429,6 +1458,7 @@
                                     <option value="1">[1]오류 로그만(900)</option>
                                     <option value="2">[2]인바운드(100,400)</option>
                                     <option value="3" selected>[3]전체로그</option>
+                                    <option value="4">[4]업무데이터 제외</option>
                                 </select>
                             </div>
                             <div class="form-group col-md-2">
@@ -1500,7 +1530,8 @@
                             	</div>
                         	</div>
                             <div class="form-group col-md-6">
-                             	<div x-show="showOutboundResponse">
+                            	<!-- toAdapterUrl 겹치지 않도록 mt-3 속성 추가 -->
+                             	<div class="mt-3" x-show="showOutboundResponse">
 	                                <label for="toResponseAdapter">
 	                                    <span class="material-icons">keyboard_return</span>
 	                                    OUTBOUND (ASYNC) 응답 어댑터
@@ -1529,8 +1560,8 @@
                                     <%= localeMessage.getString("apiInterface.recvMethod") %>
                                 </label>
                                 <select id="inboundHttpMethod" class="form-select" name="inboundHttpMethod" disabled>
-                                    <option value="get">GET</option>
                                     <option value="post">POST</option>
+                                    <option value="get">GET</option>
                                     <option value="put">PUT</option>
                                     <option value="patch">PATCH</option>
                                     <option value="delete">DELETE</option>
@@ -1579,8 +1610,8 @@
                                             class="form-select"
                                             name="inboundResponseHttpMethod"
                                             disabled>
-                                        <option value="get">GET</option>
                                         <option value="post">POST</option>
+                                        <option value="get">GET</option>
                                         <option value="put">PUT</option>
                                         <option value="patch">PATCH</option>
                                         <option value="delete">DELETE</option>
@@ -1630,8 +1661,8 @@
 				                        송신 메소드
 				                    </label>
 				                    <select id="outboundHttpMethod" class="form-select" name="outboundHttpMethod" disabled>
-				                        <option value="get">GET</option>
 				                        <option value="post">POST</option>
+				                        <option value="get">GET</option>
 				                        <option value="put">PUT</option>
 				                        <option value="patch">PATCH</option>
 				                        <option value="delete">DELETE</option>