Commit @071fd2b35b101183a79f23a25f1eb9f3a869f86a

이호영 2025-01-14

발송결과 상위 탭 active 코드개선

@071fd2b35b101183a79f23a25f1eb9f3a869f86a

b5d6d19

071fd2b

src/main/webapp/WEB-INF/jsp/web/kakao/include/KakaoSentTopMentTap.jsp

--- src/main/webapp/WEB-INF/jsp/web/kakao/include/KakaoSentTopMentTap.jsp

+++ src/main/webapp/WEB-INF/jsp/web/kakao/include/KakaoSentTopMentTap.jsp


 	console.log('uri:', uri);
 	
 	
-	if(uri.includes('selectMsgSentView')){
-		$('.topTab').removeClass("active");
-		$("#smsTab").addClass("active");
-	}else if(uri.includes('selectKakaoSentView')){
-		$('.topTab').removeClass("active");
-		$("#kakaoTab").addClass("active");
-	}else if(uri.includes('faxSendList')){
-		$('.topTab').removeClass("active");
-		$("#faxTab").addClass("active");
+	// URI 키워드와 해당 탭 ID를 매핑
+	const tabMapping = [
+		{ keyword: 'selectMsgSentView', tabId: '#smsTab' }, // 'selectMsgSentView' 키워드를 '#smsTab'으로 매핑
+		{ keyword: 'selectKakaoSentView', tabId: '#kakaoTab' }, // 'selectKakaoSentView' 키워드를 '#kakaoTab'으로 매핑
+		{ keyword: 'faxSendList', tabId: '#faxTab' } // 'faxSendList' 키워드를 '#faxTab'으로 매핑
+	];
+
+	// URI에 특정 키워드가 포함되어 있는지 확인하여 활성 탭 정보를 찾음
+	const activeTab = tabMapping.find(mapping => uri.includes(mapping.keyword)); // 'uri'에 키워드가 포함된 첫 번째 매핑을 검색
+
+	// 매칭된 탭이 있으면 UI를 업데이트하여 해당 탭을 활성화
+	if (activeTab) {
+		$('.topTab').removeClass("active"); // 모든 탭에서 "active" 클래스 제거
+		$(activeTab.tabId).addClass("active"); // 매핑된 탭 ID에 "active" 클래스 추가
 	}
+	
+	
 }
 
 function fnLinkPageTab(tabInfo){

Add a comment

Open 0
Closed 0

List

...	...	@@ -25,16 +25,23 @@
25	25	console.log('uri:', uri);
26	26
27	27
28		- if(uri.includes('selectMsgSentView')){
29		- $('.topTab').removeClass("active");
30		- $("#smsTab").addClass("active");
31		- }else if(uri.includes('selectKakaoSentView')){
32		- $('.topTab').removeClass("active");
33		- $("#kakaoTab").addClass("active");
34		- }else if(uri.includes('faxSendList')){
35		- $('.topTab').removeClass("active");
36		- $("#faxTab").addClass("active");
	28	+ // URI 키워드와 해당 탭 ID를 매핑
	29	+ const tabMapping = [
	30	+ { keyword: 'selectMsgSentView', tabId: '#smsTab' }, // 'selectMsgSentView' 키워드를 '#smsTab'으로 매핑
	31	+ { keyword: 'selectKakaoSentView', tabId: '#kakaoTab' }, // 'selectKakaoSentView' 키워드를 '#kakaoTab'으로 매핑
	32	+ { keyword: 'faxSendList', tabId: '#faxTab' } // 'faxSendList' 키워드를 '#faxTab'으로 매핑
	33	+ ];
	34	+
	35	+ // URI에 특정 키워드가 포함되어 있는지 확인하여 활성 탭 정보를 찾음
	36	+ const activeTab = tabMapping.find(mapping => uri.includes(mapping.keyword)); // 'uri'에 키워드가 포함된 첫 번째 매핑을 검색
	37	+
	38	+ // 매칭된 탭이 있으면 UI를 업데이트하여 해당 탭을 활성화
	39	+ if (activeTab) {
	40	+ $('.topTab').removeClass("active"); // 모든 탭에서 "active" 클래스 제거
	41	+ $(activeTab.tabId).addClass("active"); // 매핑된 탭 ID에 "active" 클래스 추가
37	42	}
	43	+
	44	+
38	45	}
39	46
40	47	function fnLinkPageTab(tabInfo){

Delete comment