|
@@ -55,20 +55,27 @@
|
|
|
|
|
|
|
|
|
|
/* Style for the modal */
|
|
/* Style for the modal */
|
|
- #navBar.modal {
|
|
|
|
|
|
+ /* #navBar.modal {
|
|
display: flex;
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
align-items: center;
|
|
- }
|
|
|
|
|
|
+ } */
|
|
|
|
|
|
#emailCode,
|
|
#emailCode,
|
|
#emailCodeVerify {
|
|
#emailCodeVerify {
|
|
- display: flex;
|
|
|
|
flex-direction: row;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
align-items: center;
|
|
margin-bottom: 10px;
|
|
margin-bottom: 10px;
|
|
}
|
|
}
|
|
|
|
|
|
|
|
+ #emailCode {
|
|
|
|
+ display: block;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ #emailCodeVerify {
|
|
|
|
+ display: none;
|
|
|
|
+ }
|
|
|
|
+
|
|
.modal {
|
|
.modal {
|
|
display: none;
|
|
display: none;
|
|
position: fixed;
|
|
position: fixed;
|
|
@@ -168,14 +175,14 @@
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
- <div id="navBar" class="modal" style="display: none;">
|
|
|
|
- <div id="emailCode" style="display:block; align-items: center;">
|
|
|
|
|
|
+ <div id="navBar" class="modal">
|
|
|
|
+ <div id="emailCode" style="align-items: center;">
|
|
<label for="emailInput">Enter your email:</label>
|
|
<label for="emailInput">Enter your email:</label>
|
|
<input type="email" id="emailInput" v-model="loginEmail" required>
|
|
<input type="email" id="emailInput" v-model="loginEmail" required>
|
|
<button class="btn_login_logout primary_login_logout is-large_login_logout" @click="sendOTP"
|
|
<button class="btn_login_logout primary_login_logout is-large_login_logout" @click="sendOTP"
|
|
style="text-align:center;">Send Code</button>
|
|
style="text-align:center;">Send Code</button>
|
|
</div>
|
|
</div>
|
|
- <div id="emailCodeVerify" style="display: none;">
|
|
|
|
|
|
+ <div id="emailCodeVerify">
|
|
<label for="otpInput">Enter Code to Login:</label>
|
|
<label for="otpInput">Enter Code to Login:</label>
|
|
<input type="text" id="otpInput" v-model="otpCode" required>
|
|
<input type="text" id="otpInput" v-model="otpCode" required>
|
|
<button class="btn_login_logout primary_login_logout is-large_login_logout" @click="verifyOTP">Verify
|
|
<button class="btn_login_logout primary_login_logout is-large_login_logout" @click="verifyOTP">Verify
|
|
@@ -215,10 +222,10 @@
|
|
window.location.reload();
|
|
window.location.reload();
|
|
}
|
|
}
|
|
|
|
|
|
- function showLoginModal() {
|
|
|
|
- document.getElementById('navBar').style.display = 'block';
|
|
|
|
- // document.getElementById('overlay').style.display = 'block';
|
|
|
|
- }
|
|
|
|
|
|
+ // function showLoginModal() {
|
|
|
|
+ // document.getElementById('navBar').style.display = 'block';
|
|
|
|
+ // // document.getElementById('overlay').style.display = 'block';
|
|
|
|
+ // }
|
|
|
|
|
|
function hideLoginModal() {
|
|
function hideLoginModal() {
|
|
document.getElementById('navBar').style.display = 'none';
|
|
document.getElementById('navBar').style.display = 'none';
|
|
@@ -254,8 +261,8 @@
|
|
loginEmail: '',
|
|
loginEmail: '',
|
|
email: localStorage.getItem('userEmail'),
|
|
email: localStorage.getItem('userEmail'),
|
|
otpCode: "",
|
|
otpCode: "",
|
|
- backendUrlOtp: "http://localhost:3000/api/send_otp",
|
|
|
|
- backendUrlValidateOtp: "http://localhost:3000/api/validate_otp"
|
|
|
|
|
|
+ backendUrlOtp: "/api/send_otp",
|
|
|
|
+ backendUrlValidateOtp: "/api/validate_otp"
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
|
|
|