From 9696bb09afdb19936cad5519f1b75f0c32519b7a Mon Sep 17 00:00:00 2001
From: daekuk <daekuk@eactive.co.kr>
Date: Wed, 25 Feb 2026 09:54:49 +0900
Subject: [PATCH] =?UTF-8?q?-=20=EC=A0=84=EB=AC=B8=EB=B3=B4=EA=B8=B0=20?=
 =?UTF-8?q?=EB=B2=84=ED=8A=BC=20=EB=B0=8F=20=EA=B8=B0=EB=8A=A5=20=EC=83=9D?=
 =?UTF-8?q?=EC=84=B1=20-=20=EC=A0=84=EB=AC=B8=EB=B3=B4=EA=B8=B0=20?=
 =?UTF-8?q?=EB=B2=84=ED=8A=BC=EC=9C=BC=EB=A1=9C=20=EB=A0=88=EC=9D=B4?=
 =?UTF-8?q?=EC=95=84=EC=9B=83=20=EC=83=9D=EC=84=B1=EC=8B=9C=20=EC=95=8C?=
 =?UTF-8?q?=EB=A6=BC=20=EB=B0=8F=20=EB=B3=80=ED=99=98=ED=8C=9D=EC=97=85=20?=
 =?UTF-8?q?=EC=8B=A4=ED=96=89=ED=95=98=EC=A7=80=EC=95=8A=EB=8F=84=EB=A1=9D?=
 =?UTF-8?q?=20=EC=88=98=EC=A0=95=20-=20API=20=EB=AA=85=20=ED=86=B5?=
 =?UTF-8?q?=EC=9D=BC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../jsp/onl/admin/rule/layoutManDetail.jsp    |  12 ++-
 .../apim/apiInterfaceManDetail.jsp            | 100 ++++++++++++------
 2 files changed, 77 insertions(+), 35 deletions(-)

diff --git a/WebContent/jsp/onl/admin/rule/layoutManDetail.jsp b/WebContent/jsp/onl/admin/rule/layoutManDetail.jsp
index 4ab7166..61ca8a4 100644
--- a/WebContent/jsp/onl/admin/rule/layoutManDetail.jsp
+++ b/WebContent/jsp/onl/admin/rule/layoutManDetail.jsp
@@ -19,6 +19,7 @@
 
     <script language="javascript">
         var isPop = "${param.pop}";
+        var isLayoutView = "${param.isLayoutView}";
         var isDetail = false;
         var url = '<c:url value="/onl/admin/rule/layoutMan.json" />';
         var url_view = '<c:url value="/onl/admin/rule/layoutMan.view" />';
@@ -376,14 +377,19 @@
                     data:postData,
                     success:function(args){
                         if(isPop == "true"){
-                        	alert("<%=localeMessage.getString("common.saveMsg")%> \n저장 후 변환정보 수정이 필수입니다. 변환정보를 확인하세요");
+                            if(isLayoutView == "true"){
+                            	alert("<%=localeMessage.getString("common.saveMsg")%>");
+                            } else {
+                                alert("<%=localeMessage.getString("common.saveMsg")%> \n저장 후 변환정보 수정이 필수입니다. 변환정보를 확인하세요");
+                            }
                             const origin = window.location.origin;
-
+	
                             const layoutName = $("input[name='loutName']").val();
 
 							parent.postMessage({
 								action: 'LAYOUT_SAVED_OPEN_TRANSFORM',
-					            layoutPartName: '${param.layoutPartName}'
+					            layoutPartName: '${param.layoutPartName}',
+					            isLayoutView: isLayoutView
 							}, origin);
 
                             window.close();
diff --git a/WebContent/jsp/onl/transaction/apim/apiInterfaceManDetail.jsp b/WebContent/jsp/onl/transaction/apim/apiInterfaceManDetail.jsp
index f6ecc27..34a1497 100644
--- a/WebContent/jsp/onl/transaction/apim/apiInterfaceManDetail.jsp
+++ b/WebContent/jsp/onl/transaction/apim/apiInterfaceManDetail.jsp
@@ -1,4 +1,4 @@
-                                       <%@ page language="java" contentType="text/html; charset=utf-8"%>
+<%@ page language="java" contentType="text/html; charset=utf-8"%>
 <%@ page import="java.io.*"%>
 <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
 <%@ include file="/jsp/common/include/localemessage.jsp" %>
@@ -602,6 +602,7 @@
         }
 
         function openLayoutPopup(layoutPartName){
+        	var isLayoutView = $('#toggleLayoutView').prop('checked');
             const layoutName = $('#'+layoutPartName).val();
             var args = {title:layoutName+' 수정', parent: true};
             var url='<c:url value="/onl/admin/rule/layoutMan.view"/>';
@@ -609,6 +610,7 @@
             url += '&loutName='+layoutName;
             url += '&layoutPartName='+layoutPartName;
             url += '&pop=true';
+            url += '&isLayoutView=' + isLayoutView;
             const width = parent.document.body.clientWidth - 30;
             const height = parent.document.body.clientHeight - 30;
             showModal(url,args,width,height,null,{fullScreenPopup:true});
@@ -1116,14 +1118,42 @@
                     $('#collapseApiCache').collapse('hide');
                 }
             })
-
-            $('#toggleTransformYn').change(function() {
-                if($(this).prop('checked')){
-                    $('#collapseTransform').collapse('show');
-                }else{
-                    $('#collapseTransform').collapse('hide');
-                }
-            })
+			
+			$('#toggleTransformYn').change(function() {
+			    if ($(this).prop('checked')) {
+			        $('#toggleLayoutView').bootstrapToggle('off');
+			        $('#toggleLayoutView').closest('.form-group').hide();
+			        
+			        $('#collapseTransform').collapse('show');
+			        $('#requestTransform').closest('.form-group').show();
+			        $('#responseTransform').closest('.form-group').show();
+			    } else {
+			        $('#collapseTransform').collapse('hide');
+			        $('#toggleLayoutView').closest('.form-group').show();
+			    }
+			});
+			
+			$('#toggleLayoutView').change(function() {
+			    if ($('#toggleTransformYn').prop('checked')) {
+			        return;
+			    }
+			
+			    if ($(this).prop('checked')) {
+			        $('#collapseTransform').collapse('show');
+			        $('#requestTransform').closest('.form-group').hide();
+			        $('#responseTransform').closest('.form-group').hide();
+			    } else {
+			        $('#collapseTransform').collapse('hide');
+			        $('#requestTransform').closest('.form-group').show();
+			        $('#responseTransform').closest('.form-group').show();
+			    }
+			});
+			
+            if ($('#toggleTransformYn').prop('checked')) {
+                 $('#toggleLayoutView').closest('.form-group').hide();
+            } else {
+                 $('#toggleLayoutView').closest('.form-group').show();
+            }
 
             $('#toggleErrTransformYn').change(function() {
                 if($(this).prop('checked')){
@@ -1170,26 +1200,28 @@
                     return; 
                 }
 
-                // 레이아웃 저장 후 변환 팝업 자동 실행 로직
-                if (popupMessage.action === 'LAYOUT_SAVED_OPEN_TRANSFORM') {
-
-                    // 눈이 보이지않는 팝업창 popup창 닫기
-                    if ($('.ui-dialog-content').length > 0) {
-                        $('.ui-dialog-content').dialog('close');
-                    }
-
-                    const part = popupMessage.layoutPartName || "";
-                    
-                    setTimeout(function() {
-                        if (part.includes('Request')) {
-                            modifyTransform('request');
-                        } else if (part.includes('Response')) {
-                            modifyTransform('response');
-                        } else if (part.includes('ErrResponse')) {
-                            modifyTransform('errResponse');
-                        }
-                    }, 300);
-                }
+				if(popupMessage.isLayoutView == "false") {
+                	// 레이아웃 저장 후 변환 팝업 자동 실행 로직
+	                if (popupMessage.action === 'LAYOUT_SAVED_OPEN_TRANSFORM') {
+	
+	                    // 눈이 보이지않는 팝업창 popup창 닫기
+	                    if ($('.ui-dialog-content').length > 0) {
+	                        $('.ui-dialog-content').dialog('close');
+	                    }
+	
+	                    const part = popupMessage.layoutPartName || "";
+	                    
+	                    setTimeout(function() {
+	                        if (part.includes('Request')) {
+	                            modifyTransform('request');
+	                        } else if (part.includes('Response')) {
+	                            modifyTransform('response');
+	                        } else if (part.includes('ErrResponse')) {
+	                            modifyTransform('errResponse');
+	                        }
+	                    }, 300);
+	                }
+				}
             });
             // modifyLayout('inboundRequestLayout', '인바운드 요청', 'CBSS')
             
@@ -1489,7 +1521,7 @@
                             
 							<div class="form-group col-md-3">
 							    <label for="eaiSvcName">
-							        <span class="material-icons-outlined">badge</span> API ID
+							        <span class="material-icons-outlined">badge</span> <%= localeMessage.getString("eaiMessage.eaiSvcName")%>
 							    </label>
 							    <div class="input-group">
 							        <input type="text" 
@@ -1514,7 +1546,7 @@
 							    </div>
 							</div>
 							
-                            <div class="form-group col-md-5">
+                            <div class="form-group col-md-4">
                                 <label for="eaiSvcDesc"><span class="material-icons-outlined">chat</span> API 명</label>
                                 <input type="text" class="form-control" id="eaiSvcDesc" name="eaiSvcDesc" required></input>
                             </div>
@@ -1522,6 +1554,10 @@
                                 <label for="toggleTransformYn"><span class="material-icons">account_tree</span> 전문변환</label><br>
                                 <input type="checkbox" name="toggleTransformYn" id="toggleTransformYn" data-toggle="toggle" data-onstyle="success"  data-on="사용" data-off="미사용" data-width="100" data-offstyle="secondary" data-style="ios" />
                             </div>
+                            <div class="form-group col-md-1">
+						    <label for="toggleLayoutView"><span class="material-icons">visibility</span> 전문보기</label><br>
+						    <input type="checkbox" id="toggleLayoutView" data-toggle="toggle" data-onstyle="info" data-on="보기" data-off="숨김" data-width="100" data-offstyle="secondary" data-style="ios" />
+							</div>
                             <div class="form-group col-md-1">
 							<label for="toggleSimYn"><span class="material-icons" >science</span> 가상응답</label><br>
 								<input type="checkbox" name="toggleSimYn" id="toggleSimYn" data-toggle="toggle" data-onstyle="success" data-on="사용" data-off="미사용" data-width="100" data-offstyle="secondary" data-style="ios"/>
@@ -2097,7 +2133,7 @@
                                     </select>
                                 </div>
                                 <div class="form-group col-md-6">
-                                    <label for="newSvcName"><span class="material-icons-outlined">badge</span> API ID</label>
+                                    <label for="newSvcName"><span class="material-icons-outlined">badge</span> <%= localeMessage.getString("eaiMessage.eaiSvcName")%></label>
                                     <div class="input-group">
                                         <input type="text" class="form-control" id="newSvcName" name="newSvcName" required>
                                         <span class="input-group-text" style="padding: 0; border: none;">