Merge branch 'features/ui-improvements' into jenkins_with_weblogic

WebContent/jsp/onl/transaction/apim/apiInterfaceManDetail.jsp

@@ -1173,24 +1173,36 @@
                 // 레이아웃 저장 후 변환 팝업 자동 실행 로직
                 if (popupMessage.action === 'LAYOUT_SAVED_OPEN_TRANSFORM') {
 
-                    // 혹시 모를 popup창 닫기
+                    // 눈이 보이지않는 팝업창 popup창 닫기
                     if ($('.ui-dialog-content').length > 0) {
                         $('.ui-dialog-content').dialog('close');
                     }
 
                     const part = popupMessage.layoutPartName || "";
                     
-                    if (part.includes('Request')) {
-                        modifyTransform('request'); 
-                    } else if (part.includes('Response')) {
-                        modifyTransform('response');
-                    } else if (part.includes('ErrResponse')) {
-                        modifyTransform('errResponse');
-                    }
+                    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')
             
+            $('#requestTransformButton').on("click", function(event) {
+                modifyTransform('request');
+            });
+            $('#responseTransformButton').on("click", function(event) {
+                modifyTransform('response');
+            });
+            $('#errResponseTransformButton').on("click", function(event) {
+                modifyTransform('errResponse');
+            });
+
             // 함수 사용 예시에 인바운드 응답 처리 추가
             $("#fromAdapter").change(function() {
                 const adapterGroupName = $(this).val();