Merge branch 'devs' of https://gitlab.com/big.imcloud/badyfeed/bf into devs

3 years ago · 6eb2e0abe3
parent fcc9f0d122 e282898539
commit 6eb2e0abe3
2 changed files with 105 additions and 4 deletions
--- a/src/main/webapp/m/css/style.css
+++ b/src/main/webapp/m/css/style.css
@ -5797,13 +5797,14 @@ main {

 .main_cont_camera {
    padding-top: 1.5rem;
+    padding-bottom: 2rem;
    background: none;
 }

 .main_cont_camera li {
    position: relative;
    width: 100%;
-    padding-bottom: 8.5rem;
+    padding-bottom: 6.5rem;
    text-align: center;
    background: none;
    display: flex;
@ -5985,11 +5986,10 @@ main {
    width: .14rem;
    background-color: #FF9C01;
    left: 6.03rem;
-    z-index: -99;
 }

 .main_cont_circle {
-       position: absolute;
+    position: absolute;
    width: 20px;
    height: 20px;
    background-color: #FFFFFF;
@ -5998,6 +5998,7 @@ main {
    margin: auto 0;
    left: 5.462rem;
    top: 1.62rem;
+    z-index: 1;
 }

 .main_cont_info {
@ -14942,6 +14943,7 @@ main.sona_cont_measurement {
    display: flex;
    justify-content: center;
    align-items: center;
+    background-color: #FFF;
 }

 .float_chatbot img {
@ -15005,6 +15007,18 @@ main.sona_cont_measurement {
    color: #000000;
 }

+/* 8-4.설정하기-전화번호변경 */
+.connect .display_none {
+    display: none;
+}
+
+.connect .description01 {
+    padding-top: 0.5rem;
+    color: #00000080;
+    font-size: 0.7rem;
+    margin: 0 20px;
+}
+
 /* 8-10.설정하기-인증코드확인 */
 .connect .cont_code {
    margin: 0 20px;
@ -16029,7 +16043,7 @@ main.sona_cont_measurement {

 .calendar .today .this {
    position: relative;
-    color: #FFFFFF;
+    /* color: #FFFFFF; */
 }
  
 .calendar .today .this::before {
--- a/src/main/webapp/m/html/setting/8-4.설정하기-전화번호변경.html
+++ b/src/main/webapp/m/html/setting/8-4.설정하기-전화번호변경.html
@ -0,0 +1,87 @@
+<!DOCTYPE html>
+<html lang="ko">
+
+<head>
+    <meta charset="utf-8">
+    <meta content="IE=Edge" http-equiv="X-UA-Compatible" />
+    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover" />
+    <title>아이키 매니저::계정관리</title>
+    <link rel="shortcut icon" href="../../img/favicon.ico">
+    <link rel="stylesheet" href="../../css/style.css">
+    <script type="text/javascript" src="../../js/jquery-3.3.1.min.js"></script>
+</head>
+
+<body class="bg_setting">
+    <div class="wrap">
+        <header class="header_wrapper">
+            <a href="javascript:history.back();" class="side_Lbtn hidden pre_btn">이전으로</a>
+            <h1 class="header_title">전화번호 변경</h1>
+            <a href="#" class="side_Rbtn hidden"></a>
+        </header>
+        <main class="m_set_account connect">
+            <div class="l_list">
+                <h1 class="l_title">전화번호</h1>
+                <div class="cont_code input">
+                    <input type="number" class="view_code" id="input_phone" placeholder="변경하실 휴대전화 번호를 입력해주세요.">
+                </div>
+                <div id="code_send_done" class="description01 display_none">
+                    * 번호로 인증코드를 발송하였습니다.
+                </div>
+
+                <div id="code_check_input" class="display_none">
+                    <h1 class="l_title">인증코드</h1>
+                    <div class="cont_code input">
+                        <input type="number" class="view_code" id="input_code" placeholder="인증코드를 입력하세요.">
+                    </div>
+                    <div id="code_check_done" class="description01 display_none">
+                        * 인증코드가 확인되었습니다.
+                    </div>
+                </div>
+
+                <div class="m_set_account_btn">
+                    <button type="button" id="code_send" name="" class="btns blue_btn">인증코드 발송</button>
+                    <button type="button" id="code_check" name="" class="btns blue_btn display_none">인증코드 확인</button>
+                    <button type="button" id="pwd_change" name="" class="btns blue_btn display_none">변경하기</button>
+                </div>
+            </div>
+        </main>
+    </div>
+
+    <script>
+        // 인증코드 발송 이벤트
+        $("#code_send").on("click", function() {
+            if($("#input_phone").val() == ""){
+                alert("전화번호를 입력해주세요");
+                $("#input_phone").focus();
+                return false;
+            }
+            // 버튼 바꾸기
+            $("#code_send").hide();
+            $("#code_send_done").show();
+            // 전화번호 input 비활성화
+            $("#input_phone").attr("readonly", true);
+            // 인증번호 입력 칸 출력
+            $("#code_check_input").show(); 
+            $("#code_check").show();
+        })
+
+        // 인증코드 확인 이벤트
+        $("#code_check").on("click", function() {
+            if($("#input_code").val() == ""){
+                alert("인증코드를 입력해주세요");
+                $("#input_code").focus();
+                return false;
+            }
+            $("#code_check").hide();
+            $("#code_check_done").show();
+            $("#pwd_change").show();
+        })
+
+        // 변경하기 이벤트
+        $("#pwd_change").on("click", function() {
+            
+        })
+    </script>
+</body>
+
+</html>