Commit @ebc3ce2933016013b8801e74fc56e613161f9a2a

kmg 2025-02-06

2024/02/06 주소록등록 팝업 추가 및 수정

@ebc3ce2933016013b8801e74fc56e613161f9a2a

9cd3659

ebc3ce2

src/main/webapp/publish/css/popupLayer.css

--- src/main/webapp/publish/css/popupLayer.css

+++ src/main/webapp/publish/css/popupLayer.css


 .layer_in .popup_search_type2 { background-color: #f2f2f2; padding: 9px 20px; border-radius: 5px; margin: 0 0 20px 0; display:flex; align-items:center;}
 .layer_in .popup_search_type2 .title {margin:0 20px 0 10px;}
 .layer_in .popup_search_type2 input.send_text {width:265px; border:solid 1px #ccc; height:36px;}
-.layer_in .popup_search_type2 button { width:63px;}
+.layer_in .popup_search_type2 button { width:63px; margin:0 0 0 5px;}
+
+/* 발송화면 개선 : 발송대상 리스트 팝업 : 주소록등록 */
+.layer_in .layer_tType1.style1 select{width:155px;}
+.layer_in .layer_tType1.style1 input{width:190px;}
+
 
 /* 주소록 대량등록  */
 .file_upload_wrap{position:relative;display:flex;justify-content:space-between;align-items:center;}

9cd3659

ebc3ce2

src/main/webapp/publish/js/popupLayer.js

--- src/main/webapp/publish/js/popupLayer.js

+++ src/main/webapp/publish/js/popupLayer.js

...	...	@@ -155,6 +155,10 @@
155	155	if($(this).closest(".adr_layer").is(".adr_popup14") == true){
156	156	$(".mask").addClass("on");
157	157	}else{}
	158	+ // 결과상세에서 레이어팝업 2개 뜰 경우
	159	+ if($(this).closest(".adr_layer").is(".rev_popup02") == true){
	160	+ $(".mask").addClass("on");
	161	+ }else{}
158	162	})
159	163	}
160	164

9cd3659

ebc3ce2

src/main/webapp/publish/textingmsg_2025_detail.html

--- src/main/webapp/publish/textingmsg_2025_detail.html

+++ src/main/webapp/publish/textingmsg_2025_detail.html


                         <div class="title">수신번호</div>
                         <label for="" class="label">검색어입력</label>
                         <input type="text" class="send_text" id="" name="" value="" placeholder="3자 이상 입력하세요." onfocus="this.placeholder=''" onblur="this.placeholder='3자 이상 입력하세요.'">
-                        <button type="button" class="btnType btnType2" style="width:63px; margin:0 0 0 5px;">검색</button>
+                        <button type="button" class="btnType btnType2">검색</button>
                 </div>
                 
 				<div class="list_tab_wrap2 type4">

 				<div class="table_btn clearfix">
 					<div class="table_btn_left">
 						<button type="button" class="excel_btn btnType"><i class="downroad"></i>엑셀 다운로드</button>
-						<button type="button" class="btnType btnType14"><i class="add_img"></i>주소록 등록</button>						
+						<button type="button" data-tooltip="rev_popup02" class="btnType btnType14"><i class="add_img"></i>주소록 등록</button>						
 					</div>
 				</div>
 				

 				<div class="table_btn clearfix">
 					<div class="table_btn_left">
 						<button type="button" class="excel_btn btnType"><i class="downroad"></i>엑셀 다운로드</button>
-						<button type="button" class="btnType btnType14"><i class="add_img"></i>주소록 등록</button>						
+						<button type="button" data-tooltip="rev_popup02" class="btnType btnType14"><i class="add_img"></i>주소록 등록</button>						
 					</div>
 				</div>
 				

 				<!--// 실패 내용 -->
 				
 			</div>
-
+			<div class="popup_btn_wrap2" style="margin: -40px auto 30px auto;">
+				<button type="button" class="tooltip-close" data-focus="adr_popup01-close"  data-focus-next="popup02">닫기</button>                      
+			</div>
 		</div>
 	</div>
 	<!-- //발송대상 리스트 안내 팝업 -->	
 
-	<!-- 그룹등록 팝업 data-tooltip:rev_popup02 -->
+	<!-- 주소록에 등록 팝업 -->
 	<div class="tooltip-wrap">
-		<div class="popup-com adr_layer rev_popup02" tabindex="0" data-tooltip-con="rev_popup02" data-focus="rev_popup02" data-focus-prev="rev_popup02-close" style="width: 500px;">
+		<div class="popup-com adr_layer rev_popup02" tabindex="0" data-tooltip-con="rev_popup02" data-focus="rev_popup02" data-focus-prev="rev_popup02-close" style="width: 510px;">
 			<div class="popup_heading">
-				<p>그룹등록</p>
-				<button type="button" class="tooltip-close" data-focus="rev_popup02-close"><img
-						src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
+				<p>주소록에 등록</p>
+				<button type="button" class="tooltip-close" data-focus="rev_popup02-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
 			</div>
-			<div class="layer_in">
-				<div class="gorup_join_cont">
-					<p class="adr_pop_title">선택된 발송내역 전화번호를 그룹으로 등록합니다.</p>
-					<div class="group_input" style="margin-top: 0;">
-						<div class="input_left">그룹이름</div>
-						<div class="input_right">
-							<label for="" class="label">새 그룹명 입력</label>
-							<input type="text" placeholder="새 그룹명 입력" onfocus="this.placeholder=''"
-								onblur="this.placeholder='새 그룹명 입력'" class="inputLight">
-						</div>
-					</div>
-					<div class="popup_btn_wrap2">
-						<button type="button">저장</button>
-						<button type="button" class="tooltip-close" data-focus="rev_popup02-close"
-							data-focus-next="rev_popup02">취소</button>
-					</div>
-				</div>
+			<div class="layer_in">				
+				<table class="layer_tType1 style1">
+					<caption>주소록 그룹선택 표</caption>
+					<colgroup>
+						<col style="width: 80px">
+						<col style="width: auto">
+					</colgroup>
+					<tbody>
+						<tr>
+							<th>그룹 선택</th>
+							<td>
+								<label for="" class="label">그룹 선택</label>
+								<select id="addrGrpIdInfo" name="addrGrpIdInfo"><option value="NEW">그룹추가</option><option value="0">그룹미지정</option><option value="bookmark">자주보내는 번호</option>	<option value="">테스트그룹</option>	</select>
+								<label for="" class="label">그룹명 입력</label>
+								<input type="text" id="addrGrpNm" name="addrGrpNm" placeholder="새 그룹명을 입력해주세요." onfocus="this.placeholder=''" onblur="this.placeholder='새 그룹명을 입력해주세요.'" class="inputLight">
+							</td>
+						</tr>
+					</tbody>
+				</table>
+				<div class="popup_btn_wrap2">
+					<button type="button">등록</button>
+					<button type="button" class="tooltip-close" data-focus="rev_popup02-close" data-focus-next="rev_popup02">닫기</button>
+				</div>				
 			</div>
 		</div>
 	</div>
-	<!--// 발송실패사유 팝업 -->
+	<!--// 주소록에 등록 팝업 -->
 
 	<!-- skip 메뉴  -->
 	<div class="skip_menu">

Add a comment

Open 0
Closed 0

List

...	...	@@ -1218,7 +1218,12 @@
1218	1218	.layer_in .popup_search_type2 { background-color: #f2f2f2; padding: 9px 20px; border-radius: 5px; margin: 0 0 20px 0; display:flex; align-items:center;}
1219	1219	.layer_in .popup_search_type2 .title {margin:0 20px 0 10px;}
1220	1220	.layer_in .popup_search_type2 input.send_text {width:265px; border:solid 1px #ccc; height:36px;}
1221		-.layer_in .popup_search_type2 button { width:63px;}
	1221	+.layer_in .popup_search_type2 button { width:63px; margin:0 0 0 5px;}
	1222	+
	1223	+/* 발송화면 개선 : 발송대상 리스트 팝업 : 주소록등록 */
	1224	+.layer_in .layer_tType1.style1 select{width:155px;}
	1225	+.layer_in .layer_tType1.style1 input{width:190px;}
	1226	+
1222	1227
1223	1228	/* 주소록 대량등록 */
1224	1229	.file_upload_wrap{position:relative;display:flex;justify-content:space-between;align-items:center;}

...	...	@@ -255,7 +255,7 @@
255	255	<div class="title">수신번호</div>
256	256	<label for="" class="label">검색어입력</label>
257	257	<input type="text" class="send_text" id="" name="" value="" placeholder="3자 이상 입력하세요." onfocus="this.placeholder=''" onblur="this.placeholder='3자 이상 입력하세요.'">
258		- <button type="button" class="btnType btnType2" style="width:63px; margin:0 0 0 5px;">검색</button>
	258	+ <button type="button" class="btnType btnType2">검색</button>
259	259	</div>
260	260
261	261	<div class="list_tab_wrap2 type4">
...	...	@@ -335,7 +335,7 @@
335	335	<div class="table_btn clearfix">
336	336	<div class="table_btn_left">
337	337	<button type="button" class="excel_btn btnType"><i class="downroad"></i>엑셀 다운로드</button>
338		- <button type="button" class="btnType btnType14"><i class="add_img"></i>주소록 등록</button>
	338	+ <button type="button" data-tooltip="rev_popup02" class="btnType btnType14"><i class="add_img"></i>주소록 등록</button>
339	339	</div>
340	340	</div>
341	341
...	...	@@ -450,7 +450,7 @@
450	450	<div class="table_btn clearfix">
451	451	<div class="table_btn_left">
452	452	<button type="button" class="excel_btn btnType"><i class="downroad"></i>엑셀 다운로드</button>
453		- <button type="button" class="btnType btnType14"><i class="add_img"></i>주소록 등록</button>
	453	+ <button type="button" data-tooltip="rev_popup02" class="btnType btnType14"><i class="add_img"></i>주소록 등록</button>
454	454	</div>
455	455	</div>
456	456
...	...	@@ -533,40 +533,47 @@
533	533	<!--// 실패 내용 -->
534	534
535	535	</div>
536		-
	536	+ <div class="popup_btn_wrap2" style="margin: -40px auto 30px auto;">
	537	+ <button type="button" class="tooltip-close" data-focus="adr_popup01-close" data-focus-next="popup02">닫기</button>
	538	+ </div>
537	539	</div>
538	540	</div>
539	541	<!-- //발송대상 리스트 안내 팝업 -->
540	542
541		- <!-- 그룹등록 팝업 data-tooltip:rev_popup02 -->
	543	+ <!-- 주소록에 등록 팝업 -->
542	544	<div class="tooltip-wrap">
543		- <div class="popup-com adr_layer rev_popup02" tabindex="0" data-tooltip-con="rev_popup02" data-focus="rev_popup02" data-focus-prev="rev_popup02-close" style="width: 500px;">
	545	+ <div class="popup-com adr_layer rev_popup02" tabindex="0" data-tooltip-con="rev_popup02" data-focus="rev_popup02" data-focus-prev="rev_popup02-close" style="width: 510px;">
544	546	<div class="popup_heading">
545		- <p>그룹등록</p>
546		- <button type="button" class="tooltip-close" data-focus="rev_popup02-close"><img
547		- src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
	547	+ <p>주소록에 등록</p>
	548	+ <button type="button" class="tooltip-close" data-focus="rev_popup02-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
548	549	</div>
549		- <div class="layer_in">
550		- <div class="gorup_join_cont">
551		- <p class="adr_pop_title">선택된 발송내역 전화번호를 그룹으로 등록합니다.</p>
552		- <div class="group_input" style="margin-top: 0;">
553		- <div class="input_left">그룹이름</div>
554		- <div class="input_right">
555		- <label for="" class="label">새 그룹명 입력</label>
556		- <input type="text" placeholder="새 그룹명 입력" onfocus="this.placeholder=''"
557		- onblur="this.placeholder='새 그룹명 입력'" class="inputLight">
558		- </div>
559		- </div>
560		- <div class="popup_btn_wrap2">
561		- <button type="button">저장</button>
562		- <button type="button" class="tooltip-close" data-focus="rev_popup02-close"
563		- data-focus-next="rev_popup02">취소</button>
564		- </div>
565		- </div>
	550	+ <div class="layer_in">
	551	+ <table class="layer_tType1 style1">
	552	+ <caption>주소록 그룹선택 표</caption>
	553	+ <colgroup>
	554	+ <col style="width: 80px">
	555	+ <col style="width: auto">
	556	+ </colgroup>
	557	+ <tbody>
	558	+ <tr>
	559	+ <th>그룹 선택</th>
	560	+ <td>
	561	+ <label for="" class="label">그룹 선택</label>
	562	+ <select id="addrGrpIdInfo" name="addrGrpIdInfo"><option value="NEW">그룹추가</option><option value="0">그룹미지정</option><option value="bookmark">자주보내는 번호</option> <option value="">테스트그룹</option> </select>
	563	+ <label for="" class="label">그룹명 입력</label>
	564	+ <input type="text" id="addrGrpNm" name="addrGrpNm" placeholder="새 그룹명을 입력해주세요." onfocus="this.placeholder=''" onblur="this.placeholder='새 그룹명을 입력해주세요.'" class="inputLight">
	565	+ </td>
	566	+ </tr>
	567	+ </tbody>
	568	+ </table>
	569	+ <div class="popup_btn_wrap2">
	570	+ <button type="button">등록</button>
	571	+ <button type="button" class="tooltip-close" data-focus="rev_popup02-close" data-focus-next="rev_popup02">닫기</button>
	572	+ </div>
566	573	</div>
567	574	</div>
568	575	</div>
569		- <!--// 발송실패사유 팝업 -->
	576	+ <!--// 주소록에 등록 팝업 -->
570	577
571	578	<!-- skip 메뉴 -->
572	579	<div class="skip_menu">

Delete comment