-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathSignup.html
134 lines (131 loc) · 10.3 KB
/
Signup.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
<!DOCTYPE html>
<html lang="en">
<head>
<title>Signup</title>
<link rel="icon" type="image/x-icon" href="./Images/favicon (2).png" />
<link rel="stylesheet" href="./styles/Login.css" />
<link rel="stylesheet" href="./styles/navbar.css" />
<link rel="stylesheet" href="./styles/footer.css" />
</head>
<body>
<div id="navi"></div>
<div id="container">
<div id="bodySignUp">
<div>
<h1>REGISTER</h1>
<div id="loginSocialMeadia">
<div id="fb" style="background-color: rgb(42, 75, 169)">
<img
src="data:image/jpeg;base64,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"
alt="facebook"
/>
<a
href="https://www.facebook.com/login.php?skip_api_login=1&api_key=846735432885025&kid_directed_site=0&app_id=846735432885025&signed_next=1&next=https%3A%2F%2Fwww.facebook.com%2Fv3.3%2Fdialog%2Foauth%3Fclient_id%3D846735432885025%26redirect_uri%3Dhttps%253A%252F%252Fapp.getflits.com%252Fapi%252Fsocial_login%252Ffacebook%252Fauth%252Fcallback%26scope%3Demail%26response_type%3Dcode%26state%3DeyJzaG9wX25hbWUiOiJoZWFkcGhvbmUtem9uZS5teXNob3BpZnkuY29tIiwidG9rZW4iOiJhNmRiOTMyMDE5MDViYjFhODllYzlmMDU3ZGE3YTczNiJ9%26auth_type%3Drerequest%26ret%3Dlogin%26fbapp_pres%3D0%26logger_id%3D87b1b9bc-4bb6-4424-aeee-49ed5512859f%26tp%3Dunspecified&cancel_url=https%3A%2F%2Fapp.getflits.com%2Fapi%2Fsocial_login%2Ffacebook%2Fauth%2Fcallback%3Ferror%3Daccess_denied%26error_code%3D200%26error_description%3DPermissions%2Berror%26error_reason%3Duser_denied%26state%3DeyJzaG9wX25hbWUiOiJoZWFkcGhvbmUtem9uZS5teXNob3BpZnkuY29tIiwidG9rZW4iOiJhNmRiOTMyMDE5MDViYjFhODllYzlmMDU3ZGE3YTczNiJ9%23_%3D_&display=page&locale=en_GB&pl_dbl=0"
><h3>Facebook</h3></a
>
</div>
<div id="google" style="background-color: rgb(66, 133, 244)">
<img
src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQqApzuKaI8tu2rkdlElqZ0MeOUCc61NRh0BajY9Ve6bw&s"
alt="google"
/>
<a
href="https://accounts.google.com/o/oauth2/auth/oauthchooseaccount?client_id=378826172517-gjhd7esiva3nj7aott9sri1p5sfm4tcu.apps.googleusercontent.com&redirect_uri=https%3A%2F%2Fapp.getflits.com%2Fapi%2Fsocial_login%2Fgoogle%2Fauth%2Fcallback&scope=openid%20profile%20email&response_type=code&state=eyJzaG9wX25hbWUiOiJoZWFkcGhvbmUtem9uZS5teXNob3BpZnkuY29tIiwidG9rZW4iOiJhNmRiOTMyMDE5MDViYjFhODllYzlmMDU3ZGE3YTczNiJ9&flowName=GeneralOAuthFlow"
><h3>Google</h3></a
>
</div>
<div id="twitter" style="background-color: rgb(0, 172, 237)">
<img
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMUAAACPCAMAAAB9Je/IAAAASFBMVEX///9dqd1WptxOo9v7/f5rr9+RwuZkrN7F3vH3+v2bx+jb6vbz+Pzi7vjn8fnW5/WpzutCntl1tOG72O+z0+2CuuPM4vOKvuUfecxkAAAFDklEQVR4nO2c65azKgyGaxCwKKh4uv873dbWfm3HAyBB91o8P2d54G0SkiDM7RaJRCKRSCQSiUQikUgkEomskBZKFfezR+FOqvqqI/UE4SKTxdkjsifNGCUEkhcAJBlatXLx2t/PJtPjwJNvALhY8q1UVMHHZ0Kp618JTwg0vzpUS0iOMopCHrk7FcmyhknH8PVsWVECA070C33gufeOrGp4+BXv35dmmo96IfMw5L8UNRmcb87ppoiRuhkvu8uekelKcH/XJhVJiGvASbruTW9ztFk18HkCIzgzVEGnNzneuy9iEvK+jLi9aJfsaXeXp+/ExJIckXoXMFE9R0Iah1vNLPEhQiNl9GKYHdbaGtLaEslbhOfZVtH5HbWltVPDoPhjiTRvO78ibvm/H5QwK3s3liLq5+NlyyDxPVGVH25h5bZFZ6cC2vR2L8WY+cB/4ss+nRtIaXxjbxkVVcP4WLQDymzbfA0GEtM3pMw2KsgraxDmXcSPivFlndn0cbedoN4vGBBm2+x3NJAYea2tQ82QDiNl/B0NgMlcJWwz3ksETt7LF35ToNlu6qB/bzMAOpxiUPKlt9V6pyFLnUQQhlRGrUz7kIjNDlA5iVhsxL2w5uCjjg3r5w4iwKHgNGW9kCA1k2seUNqLoDirBk+WA+OlI2ErcV5aT1EgEEXcbpv1ECR80bHsbQEIKftzQPX260mt2/x3lpdXU3Hb7ROAJJ3IvoQUl1NhUkyMlRynoi/SOUw2omkZjCLwE9PyFIDU0Im2L3OpLLsL9Oi2c/JRCiHAtb0tsFXcsp0A9wHWStQHwrVbsFCBmLlfpAxdBsFZZX7SvIq+wa1fsFBh3tLbw2pWTsnZse0xB7OMEmNTr0U2CundGh9TKObnvJY8Zs8xp2nWYYoAlH575p244c/3Rb8qsNq8iRw7HGYVqF9WlQ4kAzVdpOhz0wvMidZ+6dsRjrs7RFnXdS6ARhUx5r0QxkCvBVWAgjapMTP3BHoJNUIws8VEgMhAb/RuDl98rSH9/igOY91E24JaCs4UHFcGbhH1pt/Y4+RDBX63GkAGD7UVskR0KuxlwQ9yjbaAUB/a0mdHKgiOOdBrqG/KAaXfQ13DWeDe69q7X4EOvg04VYJ6Lkgcd/O5oYpZR2u78WmbYNPsg1azic5+OXwT5/2hTuTwwquG0aGCFB8zd5yeL8BS+Rc9hgi0XZurYNTnSLvKN1D+SxCsXeVbVN5lIO0q3+Tuex0hdGg/UX7zHdaBkT2k13QBASvybxkerRG6lv2U4a1Zwv9Mv4FiflY8w+e7b7Lds0YmIvhZQTFTCH5YR5DVwB1km6ycJDQVEbI12iB/NH2uhXrQ/m4H1TeNUzo/dXpaoHT5BIu2hdmNwmnHEcE6zuZG6ZQBryWiYE4r0JeKCVU5rXdCqEV+E2TrlvcMD9IEQTLHGgQo7j4JY+5FQx3XzgGGS8S1KtsBXNf/zU/JISKzqtOJ+yeMWp9TxErWsWpEsI5OO5YP1H/AzzNExWsyDf9gmwpk6/QPOqo6VoA/NdS6PzmsD3dEAPQKOUIe0QGk+/P/V05CtcTNsR6+dKH/TZT2HbcM8fFyempML5LbJLxxYqY/J5WuQiGb7nkafk9CnYjycmb4JK805bCYQp5f/ahm1zTCD0XZVKLT/JHPZ8bsyGknqqa/tA1+SAslZd5nTdO2bdNkj2NhqrhEyRqJRCKRSCQSiUQikf89/wFLrjz4j99hlQAAAABJRU5ErkJggg=="
alt="twitter"
/>
<a
href="https://api.twitter.com/oauth/authorize?oauth_token=f3-vuAAAAAAA2tl0AAABgB76Akg"
><h3>Twitter</h3></a
>
</div>
</div>
<div
style="
display: flex;
flex-direction: row;
width: 96%;
align-items: center;
"
>
<hr style="width: 139px" />
<h4>LOGIN WITH SOCIAL OR</h4>
<hr style="width: 139px" />
</div>
<p style="margin-bottom: 40px">Please fill the fields below:</p>
<form action="" id="signUpDetailsForm">
<input type="text" id="firstName" placeholder="First name" />
<input type="text" id="lastName" placeholder="Last name" />
<input type="email" id="userEmail" placeholder="E-mail" />
<input type="password" id="userpassword" placeholder="Password" />
<input type="submit" id="submitButton" value="CREATE ACCOUNT" />
</form>
<p>
Already have an account?
<a href="./Login.html" style="color: grey">Login</a>
</p>
</div>
</div>
</div>
<div id="footer"></div>
</body>
<script src="./scripts/navbar.js"></script>
<script type="module">
import nav from "./scripts/navbar.js";
var navi = document.getElementById("navi");
navi.innerHTML = nav();
if (localStorage.getItem("Additemtocart") != null) {
let lc_len = localStorage.getItem("counter");
var lc_len_int = parseInt(lc_len);
console.log(typeof lc_len_int);
if (lc_len_int > 0) {
document.getElementById("cart").innerText = lc_len_int;
}
} else {
document.getElementById("cart").innerText = 0;
lc_len_int = 0;
lc_len = JSON.stringify(lc_len_int);
localStorage.setItem("counter", lc_len);
}
</script>
<script type="module">
import footer from "./footer.js";
var footerr = document.getElementById("footer");
footerr.innerHTML = footer();
</script>
<script>
document.addEventListener("submit", userDataCollection);
var userData = JSON.parse(localStorage.getItem("headPhoneuserData")) || [];
function userDataCollection() {
event.preventDefault();
var userDataObj = {
firstName: "",
lastName: "",
email: "",
password: "",
};
var userFirstName = document.querySelector("#firstName").value;
var userLastName = document.querySelector("#lastName").value;
var userEmail = document.querySelector("#userEmail").value;
var userPassword = document.querySelector("#userpassword").value;
if (userFirstName === "" || userEmail === "" || userPassword === "") {
alert("Please eneter valid details");
} else {
userDataObj.firstName = userFirstName;
userDataObj.lastName = userLastName;
userDataObj.email = userEmail;
userDataObj.password = userPassword;
userData.push(userDataObj);
console.log(userData);
localStorage.setItem("headPhoneuserData", JSON.stringify(userData));
alert("User registaration sucesfull please login");
window.location.href = "Login.html";
}
}
</script>
</html>