Merge branch 'features/ui-improvements' into jenkins_with_weblogic

WebContent/jsp/onl/admin/rule/layoutManDetail.jsp

@@ -375,10 +375,20 @@
                     url:url,
                     data:postData,
                     success:function(args){
-                        alert("<%=localeMessage.getString("common.saveMsg")%>");
                         if(isPop == "true"){
+                        	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}'
+							}, origin);
+
                             window.close();
                         } else {
+                        	alert("<%=localeMessage.getString("common.saveMsg")%>");
                             goNav(returnUrl);
                         }
                     },

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

@@ -1153,27 +1153,41 @@
             addLayoutBtnEvent('outboundErrResponse', '아웃바운드 오류', 'TGTE');
 
             window.addEventListener('message', function(e) {
+                if (e.origin !== window.location.origin) return;
+
                 const popupMessage = e.data;
-                if('DELETE' == popupMessage.cmd){
-                    if('layout' == popupMessage.type){
-                        $('#'+popupMessage.layoutPartName).val('');
+                if (!popupMessage) return;
+
+                if ('DELETE' == popupMessage.cmd) {
+                    if ('layout' == popupMessage.type) {
+                        $('#' + popupMessage.layoutPartName).val('');
                     }
-                    if('transform' == popupMessage.type){
+                    if ('transform' == popupMessage.type) {
                         const partName = popupMessage.transformName.endsWith('REQ') ? '#requestTransform' : '#responseTransform';
                         $(partName).val('');
                     }
                     transformSetStateChange();
+                    return; 
                 }
-            });
 
-            $('#requestTransformButton').on("click", function(event) {
-                modifyTransform('request');
-            });
-            $('#responseTransformButton').on("click", function(event) {
-                modifyTransform('response');
-            });
-            $('#errResponseTransformButton').on("click", function(event) {
-                modifyTransform('errResponse');
+                // 레이아웃 저장 후 변환 팝업 자동 실행 로직
+                if (popupMessage.action === 'LAYOUT_SAVED_OPEN_TRANSFORM') {
+
+                    // 혹시 모를 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');
+                    }
+                }
             });
             // modifyLayout('inboundRequestLayout', '인바운드 요청', 'CBSS')
 

WebContent/jsp/onl/transaction/tracking/trackingManDetail.jsp

@@ -15,6 +15,14 @@
 <jsp:include page="/jsp/common/include/css.jsp"/>
 <jsp:include page="/jsp/common/include/script.jsp"/>
 <style>
+
+#tab4 div {
+    display: block;
+    overflow-wrap: break-word;
+    word-break: break-all;
+    white-space: normal;
+}
+
 </style>
 <script language="javascript" >
     // var eaiBzwkDstcd   = window.dialogArguments["eaiBzwkDstcd"];
@@ -792,8 +800,21 @@ $(document).ready(function() {
 		const jexcelGrid = $('#grid1').get(0).jexcel;
 		const data = jexcelGrid.getData();
 		let paddedValues = "";
-		for (let row of data) {
-			paddedValues += row[5].padEnd(row[4], " ");
+
+		// 마지막 요소 전까지 처리
+		for (let i = 0; i < data.length - 1; i++) {
+			paddedValues += data[i][5].padEnd(data[i][4], " ");
+		}
+
+		// 마지막 요소 전에 bzwkdatatntInfo 추가
+		if (bzwkdatatntInfo) {
+			paddedValues += bzwkdatatntInfo;
+		}
+
+		// 마지막 요소 추가
+		if (data.length > 0) {
+			const lastRow = data[data.length - 1];
+			paddedValues += lastRow[5].padEnd(lastRow[4], " ");
 		}
 
 		navigator.clipboard.writeText(paddedValues);//클립보드로 복사
@@ -919,14 +940,14 @@ html,hbody {
 						<td style="width:30%;"><input type="text" name="msgDpstYMS" readonly="readonly"/> </td>
 					</tr>
 					<tr>
-						<th><%=localeMessage.getString("trackingDetail.eaiSvcName")%></th><td><input type="text" name="eaiSvcName" readonly="readonly" />
+						<th>API ID</th><td><input type="text" name="eaiSvcName" readonly="readonly" />
 <%-- 						<img src="<c:url value="/images/bt/pop_detail.gif"/>" alt="" id="eaiSvcName" class="eaiSvcName_btn" />  --%>
 <%--						<button type="button" class="cssbtn smallBtn2" id="eaiSvcName" style="vertical-align:middle; font-weight:bold;"><i class="material-icons">details</i><%= localeMessage.getString("button.detail") %></button>--%>
 						</td>
 						<th><%=localeMessage.getString("trackingDetail.msgPrcssYMS")%></th><td><input type="text" name="msgPrcssYMS" readonly="readonly"/> </td>
 					</tr>
 					<tr>
-						<th><%=localeMessage.getString("trackingDetail.eaiSvcDesc")%></th><td><input type="text" name="eaiSvcDesc" readonly="readonly"/> </td>
+						<th>API 명</th><td><input type="text" name="eaiSvcDesc" readonly="readonly"/> </td>
 						<th>ORG GUID</th><td><input type="text" name="pguid" readonly="readonly"/> </td>
 					</tr>
 					<tr>