Browse Source

login page ui changes

Naresh Ch 2 years ago
parent
commit
62220212ed
3 changed files with 12 additions and 6 deletions
  1. 6
    1
      assets/css/login.css
  2. 2
    1
      assets/js/login.js
  3. 4
    4
      login/index.html

+ 6
- 1
assets/css/login.css View File

109
     color: #1a73e8;
109
     color: #1a73e8;
110
 }
110
 }
111
 
111
 
112
+.biz-login-wrap .form-group input.error:focus+label {
113
+    color: #d93025;
114
+}
115
+
112
 .biz-login-wrap .password-fixed {
116
 .biz-login-wrap .password-fixed {
113
     transform: translate3d(0, -175%, 0);
117
     transform: translate3d(0, -175%, 0);
114
     z-index: 1 !important;
118
     z-index: 1 !important;
197
     font-weight: 500;
201
     font-weight: 500;
198
 }
202
 }
199
 
203
 
200
-.biz-login-wrap .err-msg {
204
+.biz-login-wrap .err-msg:not(:empty) {
201
     color: #d93025;
205
     color: #d93025;
202
     font-size: 12px;
206
     font-size: 12px;
207
+    margin-top: 5px;
203
 }
208
 }
204
 
209
 
205
 .biz-login-wrap h4 {
210
 .biz-login-wrap h4 {

+ 2
- 1
assets/js/login.js View File

76
     .then((response) => response.text())
76
     .then((response) => response.text())
77
     .then((result) => {
77
     .then((result) => {
78
       const user = JSON.parse(result);
78
       const user = JSON.parse(result);
79
-      setCookie('authentication', JSON.stringify(user.sessionId), 1);
79
+      setCookie('authentication', user.result.sessionId, 1);
80
+      window.location = '../authentication';
80
     })
81
     })
81
     .catch((error) => console.log('error', error));
82
     .catch((error) => console.log('error', error));
82
 }
83
 }

+ 4
- 4
login/index.html View File

21
                 <div class="form-body">
21
                 <div class="form-body">
22
                     <div class="form-input-wrap">
22
                     <div class="form-input-wrap">
23
                         <div class="form-group">
23
                         <div class="form-group">
24
-                            <input type="text input" id="email" class="email-input">
24
+                            <input type="text" id="email" class="email-input">
25
                             <label class="form-control-placeholder" for="name">Email or phone</label>
25
                             <label class="form-control-placeholder" for="name">Email or phone</label>
26
-                            <div class="err-msg" id="emailErrMsg"></div>
27
                         </div>
26
                         </div>
27
+                        <div class="err-msg" id="emailErrMsg"></div>
28
                         <div class="form-link mt-10">
28
                         <div class="form-link mt-10">
29
                             <label><a href="javascript:;">Forgot email?</a></label>
29
                             <label><a href="javascript:;">Forgot email?</a></label>
30
                         </div>
30
                         </div>
53
                                 onfocus="this.value = this.value;">
53
                                 onfocus="this.value = this.value;">
54
                             <label class="form-control-placeholder" id="password-label" for="name">Enter Your
54
                             <label class="form-control-placeholder" id="password-label" for="name">Enter Your
55
                                 Password</label>
55
                                 Password</label>
56
-                            <div class="err-msg" id="passwordErrMsg"></div>
57
                         </div>
56
                         </div>
57
+                        <div class="err-msg" id="passwordErrMsg"></div>
58
                         <div class="form-link show-password-link">
58
                         <div class="form-link show-password-link">
59
                             <input type="checkbox" id="showPassword" class="password-checkbox">
59
                             <input type="checkbox" id="showPassword" class="password-checkbox">
60
                             <label for="showPassword">Show password</label>
60
                             <label for="showPassword">Show password</label>
61
                         </div>
61
                         </div>
62
                     </div>
62
                     </div>
63
                     <div class="form-link flex-between-center">
63
                     <div class="form-link flex-between-center">
64
-                        <label><a href="../forgotpassword/index.html">Forgot password?</a></label>
64
+                        <label><a href="../forgotpassword">Forgot password?</a></label>
65
                         <button class="btn" id="loginSubmitBtn">Submit</button>
65
                         <button class="btn" id="loginSubmitBtn">Submit</button>
66
                     </div>
66
                     </div>
67
                 </div>
67
                 </div>

Loading…
Cancel
Save