이호영 이호영 2024-11-19
마이페이지 > 보안로그인 화면
@0f01c43ead10d00a7deab2be9998dd77cc4be8c3
src/main/webapp/WEB-INF/jsp/web/user/mberInfoIndex.jsp
--- src/main/webapp/WEB-INF/jsp/web/user/mberInfoIndex.jsp
+++ src/main/webapp/WEB-INF/jsp/web/user/mberInfoIndex.jsp
@@ -47,6 +47,32 @@
 	subContentSendReserv();	//발송,예약건수
 
 	subContentKakaoATSentList();//톡 발송 정보
+	
+	
+	
+
+	$('#showLoginBtn').on('click', function() {
+		$('.security_login').fadeIn(); // 서서히 나타나도록 설정
+	});
+	
+	
+});
+
+
+// 보안 로그인
+$(document).ready(function(){
+
+	$('#showLoginBtn').on('click', function() {
+		if ($('#securityLogin').is(':visible')) {
+			$('#securityLogin').fadeOut(); // 서서히 사라짐
+			$(this).text('보안 로그인 표시'); // 버튼 텍스트 변경
+		} else {
+			$('#securityLogin').fadeIn(); // 서서히 나타남
+			$(this).text('보안 로그인 숨기기'); // 버튼 텍스트 변경
+		}
+	});
+	
+	
 });
 
 //기간 요일 지정
@@ -374,9 +400,10 @@
 							<span class="user_name"><c:out value="${mberManageVO.mberNm}"/></span>
 							회원님 반갑습니다
 						</p>
-						<c:if test="${loginVO.dept eq 'p'}">
-								<button type="button" class="btnType" onclick="location.href='/web/user/membershipChange.do'">기업회원전환</button>
-						</c:if>
+<%-- 						<c:if test="${loginVO.dept eq 'p'}"> --%>
+<!-- 								<button type="button" class="btnType" onclick="location.href='/web/user/membershipChange.do'">기업회원전환</button> -->
+								<button type="button" class="btnType" id="showLoginBtn">보안로그인</button>
+<%-- 						</c:if> --%>
 					</div>
 					<div class="send_price">
 						<div class="price_title">나의<br />단가</div>
@@ -478,6 +505,130 @@
 						</div>
 					</div>
 				</div>
+				
+				<!-- 보안로그인 -->
+				<!-- 보안로그인 -->
+				<!-- 보안로그인 -->
+				<!-- 보안로그인 -->
+				<!-- 보안로그인 -->
+<!-- 				<div class="security_login" id="showLoginBtn" style="display: none;"> -->
+				<div class="security_login" id="securityLogin" style="display: none;">
+
+					<ul class="explanation_wrap box info">
+						<li>· 사이트 부정로그인으로 인한 피해를 방지할 수 있는 2차 로그인 인증 서비스입니다. </li>
+						<li>· 인증 휴대폰번호 추가 등록 또는 IP 접속 허용을 통해 편리한 사용이 가능합니다.</li>
+						<li>· 보안로그인 기능을 사용할 경우 로그인 시 등록한 휴대폰번호로 추가 인증이 진행됩니다.</li>
+					</ul>
+
+
+					<!-- 보안로그인 설정 -->
+					<div class="security_set box">
+						<p class="dashboard_title">보안로그인</p>
+
+						<div class="set_area">
+							<p class="lately_date">최근 변경일시 : <span>2024-11-01 12:49</span></p>
+
+							<div class="tab_depth1">
+								<a href="#none" class="on">ON</a>
+								<a href="#none">OFF</a>
+							</div>
+						</div>
+					</div>
+					<!-- //보안로그인 설정 -->
+
+					<!-- 접속 IP관리 -->
+					<div class="title_area">
+						<p class="dashboard_title">접속 IP 관리</p>
+						<p class="qmMark">?</p>
+						<div class="hover_cont" style="width:380px;left:160px;top:25px;">
+							<p>접속 IP를 미리 등록할 경우 2차 로그인 인증 없이 접속이 가능합니다. <br>
+								<span>(공용 PC는 보안상의 이유로 등록을 권장하지 않습니다.)</span></p>
+						</div>
+						<button type="button" class="btn_plus btn_ip_plus"><img src="/publish/images/content/mypage_plus.png" alt="더보기"></button>
+					</div>
+
+					<div class="table_wrap ip_table">
+						<table>
+							<colgroup>
+								<col style="width: 26%;">
+								<col style="width: auto;">
+								<col style="width: 26%;">
+								<col style="width: 100px;">
+							</colgroup>
+							<thead>
+								<tr>
+									<th scope="col">허용IP</th>
+									<th scope="col">메모</th>
+									<th scope="col">등록일시</th>
+									<th scope="col">관리</th>
+								</tr>
+							</thead>
+							<tbody>
+								<tr>
+									<td><input type="text" class="input_text"></td>
+									<td><input type="text" class="input_text"></td>
+									<td>-</td>
+									<td><button type="button" class="btnType btnType5">등록</button></td>
+								</tr>
+								<tr>
+									<td>192.168.0.0</td>
+									<td>dadfadfjadkfjalkdjfajflajdlfjaldjflajd</td>
+									<td>2024-11-11 11:11</td>
+									<td><button type="button" class="btnType btn_text btn_lightgray fill btn_28">삭제</button></td>
+								</tr>
+							</tbody>
+						</table>
+					</div>
+					<!-- //접속 IP관리 -->
+
+					<!-- 인증 휴대폰번호 관리 -->
+					<div class="title_area">
+						<p class="dashboard_title">인증 휴대폰번호 관리</p>
+						<p class="qmMark">?</p>
+						<div class="hover_cont" style="width:330px;left:240px;top:25px;">
+							<p>인증에 사용할 휴대폰번호를 추가로 등록하여 관리할 수 있습니다. <br>
+								(등록 및 삭제 시 휴대폰 본인인증 필요)</p>
+						</div>
+						<button type="button" class="btn_plus"><img src="/publish/images/content/mypage_plus.png" alt="더보기"></button>
+					</div>
+
+					<div class="table_wrap">
+						<table>
+							<colgroup>
+								<col style="width: calc((100% - 100px)/2);">
+								<col style="width: calc((100% - 100px)/2);">
+								<col style="width: 100px;">
+							</colgroup>
+							<thead>
+								<tr>
+									<th scope="col">휴대폰번호</th>
+									<th scope="col">등록일시</th>
+									<th scope="col">관리</th>
+								</tr>
+							</thead>
+							<tbody>
+								<tr>
+									<td>010-0000-0000</td>
+									<td>2024-11-04 11:54</td>
+									<td>-</td>
+								</tr>
+								<tr>
+									<td>192.168.0.0</td>
+									<td>dadfadfjadkfjalkdjfajflajdlfjaldjflajd</td>
+									<td><button type="button" class="btnType btn_text btn_lightgray fill btn_28">삭제</button></td>
+								</tr>
+							</tbody>
+						</table>
+					</div>
+					<!-- //인증 휴대폰번호 관리 -->
+				</div>
+				<!-- //보안로그인 -->
+				<!-- //보안로그인 -->
+				<!-- //보안로그인 -->
+				<!-- //보안로그인 -->
+				<!-- //보안로그인 -->
+				<!-- //보안로그인 -->
+				
 				<div class="my_dashboard_cont3">
 					<p class="dashboard_title">이용내역</p>
 					
Add a comment
List