tolag3/mjon_git
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

2024/11/21 보안로그인 on/off 수정, 로그인 정보창 보안로그인 추가

Browse Source
This commit is contained in:
subsub 2024-11-21 16:42:56 +09:00
parent 2e7852a002
commit b7411be08a
4 changed files with 90 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/main/webapp/publish/css/common.css
View File

@ -151,6 +151,14 @@ caption, .label {position: absolute;width: 1px;height: 1px;margin: -1px;border:
.login2 .check_money,
.login2 .point,
.login2 .event {white-space:nowrap;}
/* 보안로그인 */
.security_box{display:inline-flex;height:36px;font-weight:500;background:#fff;padding:0 11px;margin:0 0 0 10px;vertical-align:middle;border-radius:5px;align-items:center;}
.login2 .login_info .security_box i.icon_lock{display:inline-block;width:20px;height:18px;background:url(/publish/images/icon_lock.png) no-repeat center center;background-size:auto 100%;vertical-align:top;}
.security_box .state{font-size:13px;font-weight:600;padding:5px 10px;margin:0 0 0 5px;border-radius:5px;}
.security_box .state.on{border:1px solid #18bb59;background:#e7f8ee;color:#18bb59;}
.security_box .state.off{border:1px solid #e62c2c;background:#fce9e9;color:#e62c2c;}
/* //header */

BIN
src/main/webapp/publish/images/icon_lock.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

2
src/main/webapp/publish/js/content.js
View File

@ -70,7 +70,7 @@ $(document).ready(function () {
});
/* 문자샘플 탭 선택 시 활성화 */
$(".tab_depth1 a").click(function () {
$(".tab_depth1:not(.security_tab) a").click(function () {
var tabText = $(this).text();
var tabPosi = $(this).position().left;
tabPosi -= 1;

104
src/main/webapp/publish/mypage_index_2024.html
View File

@ -24,11 +24,26 @@
$(function () {
// on/off 시 confirm 창 노출
$('.security_set .tab_depth1 a').click(function () {
if ($(this).text().trim() == "ON") {
confirm("보안로그인 설정 후 로그인 시, 등록한 휴대폰번호로 추가 인증이 진행됩니다");
} else {
confirm("가입자 휴대폰번호로 본인인증 후 해제가 가능하며, 보안로그인 설정을 해제함으로써 발생하는 손해에 대하여 회사는 책임지지 않습니다.");
$('.security_tab a').click(function (e) {
console.log($(this).hasClass("on"))
if ($(this).hasClass("on") == false) {
if ($(this).text().trim() == "ON") {
if (!confirm("보안로그인 설정 후 로그인 시, 등록한 휴대폰번호로 추가 인증이 진행됩니다")) {
$(this).removeClass("on");
$(this).siblings("a").addClass("on");
} else {
$(this).addClass("on");
$(this).siblings("a").removeClass("on");
}
} else {
if (!confirm("가입자 휴대폰번호로 본인인증 후 해제가 가능하며, 보안로그인 설정을 해제함으로써 발생하는 손해에 대하여 회사는 책임지지 않습니다.")) {
$(this).removeClass("on");
$(this).siblings("a").addClass("on");
} else {
$(this).addClass("on");
$(this).siblings("a").removeClass("on");
}
}
}
});
@ -198,15 +213,52 @@
</div>
</div>
</div>
<div id="login" class="login">
<div id="login" class="login2">
<div class="inner table">
<div class="login_left table_cell">
<div class="login_put"><label for="id_text" class="label"></label><input type="text" placeholder="아이디를 입력해주세요" id="id_text" class="id_text" maxlength="30" size="18"><label for="password_text" class="label"></label><input type="password" placeholder="비밀번호를 입력해주세요" id="password_text" class="password_text" maxlength="30" size="18"><label for="login_button" class="label"></label><button type="submit" class="btnType btnType1" class="login_button">로그인</button></div>
<div class="login_save"><input type="checkbox" id="save_id"><label for="save_id">아이디 저장</label></div>
<div class="login_find"><a href="#">아이디찾기 /</a><a href="#">비밀번호 찾기</a></div>
<div><button type="button" class="btnType btnType2">회원가입</button><button type="button" class="btnType btnType3">둘러보기</button></div>
</div>
<div class="login_right"><span><i></i>이달의 이벤트</span><button type="button" class="btnType btnType4">바로가기</button>
<div class="login_info">
<i></i>
<div class="login2_name">
<p>홍길동</p>
<span>(개인)</span>
</div>
<div class="session">
<span>08:46</span>
<button type="button">연장</button>
</div>
<button type="button" class="btnType btnType3">마이페이지</button>
<button type="button" class="btnType btnType2">로그아웃</button>
<div class="security_box">
<p class="title"><i class="icon_lock"></i>보안로그인</p>
<a href="#" class="state on">ON</a>
<!-- <a href="#" class="state off">OFF</a> -->
</div>
</div>
<div class="login_pay">
<div class="check_money">
<div class="holdingsum_box">
<i></i>
<p>보유잔액 <span class="fwMd">3,000</span>원</p>
<dl>
<dd>후불제 고객의 보유잔액(캐시)은 당월 발송 가능<br>금액을 말하며 <span>매월 1일 자동으로 충전</span>됩니다.</dd>
</dl>
</div>
<button type="button" class="btnType btnType3">충전</button>
<div class="account_box">
<button type="button" class="btnType btnType3">전용계좌</button>
<dl>
<dt>전용계좌</dt>
<dd>신한은행 56212519515101</dd>
</dl>
</div>
</div>
<div class="point">
<i></i>
<p>포인트 <span class="fwMd">1,000</span>원</p>
<button type="button" class="btnType btnType3">교환</button>
</div>
</div>
</div>
</div>
</div>
@ -239,7 +291,7 @@
</ul>
<!-- 보안로그인 설정(허용 IP 아닌 경우) -->
<!-- 보안로그인 설정 -->
<div class="security_set box">
<div class="title_wrap">
<p class="dashboard_title">보안로그인</p>
@ -252,15 +304,15 @@
<div class="set_area">
<p class="lately_date">최근 변경일시 : <span>2024-11-01 12:49</span></p>
<div class="tab_depth1">
<div class="tab_depth1 security_tab">
<a href="#none" class="on">ON</a>
<a href="#none">OFF</a>
</div>
</div>
</div>
<!-- //보안로그인 설정(허용 IP 아닌 경우) -->
<!-- //보안로그인 설정 -->
<!-- 보안로그인 설정(허용 IP인 경우) -->
<!-- 보안로그인 설정 -->
<div class="security_set box">
<div class="title_wrap">
<p class="dashboard_title">보안로그인</p>
@ -272,13 +324,13 @@
<div class="set_area">
<p class="lately_date">최근 변경일시 : <span>2024-11-01 12:49</span></p>
<div class="tab_depth1">
<div class="tab_depth1 security_tab">
<a href="#none" class="on">ON</a>
<a href="#none">OFF</a>
</div>
</div>
</div>
<!-- //보안로그인 설정(허용 IP인 경우) -->
<!-- //보안로그인 설정 -->
<!-- 인증 휴대폰번호 관리 -->
<div class="title_area">
@ -297,7 +349,7 @@
<col style="width: 26%;">
<col style="width: auto;">
<col style="width: 26%;">
<col style="width: 140px;">
<col style="width: 100px;">
</colgroup>
<thead>
<tr>
@ -308,17 +360,23 @@
</tr>
</thead>
<tbody>
<!-- <tr>
<td>010-0000-0000</td>
<td><input type="text" class="input_text"></td>
<td>2024-11-04 11:54</td>
<td><button type="button" class="btnType btnType5 btn_save">저장</button></td>
</tr> -->
<tr>
<td>010-0000-0000</td>
<td class="td_memo">메모 내용</td>
<td>2024-11-04 11:54</td>
<td><button type="button" class="btnType btnType5 btn_edit" style="margin:0 5px 0 0;" onclick="memoEdit(this);">수정</button><button type="button" class="btnType btn_text btn_lightgray fill btn_28">삭제</button></td>
<td><button type="button" class="btnType btnType5 btn_edit" onclick="memoEdit(this);">수정</button></td>
</tr>
<tr>
<td>010-0000-0000</td>
<td>메모내용</td>
<td><input type="text" class="input_text"></td>
<td>2024-11-04 11:54</td>
<td><button type="button" class="btnType btnType5 btn_edit" style="margin:0 5px 0 0;" onclick="memoEdit(this);">수정</button><button type="button" class="btnType btn_text btn_lightgray fill btn_28">삭제</button></td>
<td><button type="button" class="btnType btn_text btn_lightgray fill btn_28">삭제</button></td>
</tr>
</tbody>
</table>
@ -376,7 +434,7 @@
<p class="dashboard_title">로그인 내역 <span class="small_text">로그인 내역은 최대 90일까지만 보관됩니다.</span></p>
</div>
<div class="table_wrap ip_table">
<div class="table_wrap">
<table>
<colgroup>
<col style="width:calc(100% /3);">