API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Aug 10th, 2018
248
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.05 KB | None | 0 0
raw download clone embed print report
  1. <?php
  2. session_start();
  3. if(isset($_SESSION['user']))
  4. header('Location:./dashboard.php');
  5. ?>
  6. <html>
  7. <head>
  8. <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
  9. <title>Itraderlab Login</title>
  10. <link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
  11. <script
  12. src="https://code.jquery.com/jquery-3.3.1.min.js"
  13. integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
  14. crossorigin="anonymous"></script>
  15. <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
  16. <link href="/css/login.css" rel="stylesheet">
  17. <style>
  18. .msg{
  19. margin: 2px auto;
  20. }
  21. .img-fluid1{
  22. width: auto;
  23. height: 100%;
  24. }
  25. .overlay4{
  26. width: 100%;
  27. height: 100%;
  28. background-color: #0000008f;
  29. position: fixed;
  30. }
  31. </style>
  32. </head>
  33. <body>
  34. <div class="fade1">
  35. </div>
  36. <section class="login-block">
  37. <div class="container">
  38. <div class="row">
  39. <div class="col-md-4 login-sec">
  40. <h2 class="text-center" id="text-login">Login Now</h2>
  41. <div class="error-w1indow">
  42. </div>
  43. <form class="login-form" id="login-form">
  44. <div class="form-group" role="form">
  45. <label for="useremail" class="text-uppercase">Username or Email</label>
  46. <input id="useremail" name="useremail" type="text" class="form-control" placeholder="Username or Email Address">
  47. </div>
  48. <div class="form-group">
  49. <label for="pass" class="text-uppercase">Password</label>
  50. <input id="pass" name="pass" type="password" class="form-control" placeholder="Password">
  51. </div>
  52. <div class="form-check">
  53. <label class="form-check-label">
  54. <a href="#" class="signup"><small>Create An Account</small></a>
  55. </label>
  56. |
  57. <label class="form-check-label">
  58. <a href="#" class="fpass"><small>Forget password</small></a>
  59. </label>
  60. <button type="button" id="login-submit" name="login-submit" class="btn btn-login float-right">Submit</button>
  61. </div>
  62. </form>
  63. <form class="login-form" id="reg-form" style="display: none;" autocomplete="nope">
  64. <div class="form-group">
  65. <label for="username" class="text-uppercase">Create a Username</label>
  66. <input id="username" name="username" type="text" class="form-control" placeholder="Username" autocomplete="off">
  67. <p class="msg username-msg"></p>
  68. </div>
  69. <div class="form-group">
  70. <label for="email" class="text-uppercase">Enter Your Email</label>
  71. <input id="email" name="email" type="email" class="form-control" placeholder="Email Address" autocomplete="off">
  72. <p class="msg email-msg"></p>
  73. </div>
  74. <div class="form-group">
  75. <label for="password" class="text-uppercase">Create a Password</label>
  76. <input id="password" name="password" type="password" class="form-control" placeholder="Password" autocomplete="off">
  77. <p class="msg password-msg"></p>
  78. </div>
  79. <div class="form-group">
  80. <label for="password1" class="text-uppercase">Confirm Password</label>
  81. <input id="password1" name="password1" type="password" class="form-control" placeholder="Confirm password" autocomplete="off">
  82. <p class="msg password1-msg"></p>
  83. </div>
  84. <div class="form-check">
  85. <a href="javascript:void" class="signup"><small>Already have a account? Login</small></a>
  86. <button type="button" id="signup-submit" class="btn btn-login float-right">Submit</button>
  87. </div>
  88. </form>
  89. <form class="login-form" id="fpass-form" style="display: none;" autocomplete="nope">
  90. <div class="form-group" role="form">
  91. <label for="fuseremail" class="text-uppercase">Username or Email</label>
  92. <input id="fuseremail" name="fuseremail" type="text" class="form-control" placeholder="Username or Email Address">
  93. </div>
  94. <div class="form-check">
  95. <label class="form-check-label">
  96. <a href="#" class="signup"><small>< Back </small></a>
  97. </label>
  98. <button type="button" id="fpass-submit" name="login-submit" class="btn btn-login float-right">Submit</button>
  99. </div>
  100. </form>
  101. </div>
  102.  
  103. <div class="col-md-8 banner-sec">
  104. <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
  105. <ol class="carousel-indicators">
  106. <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
  107. <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
  108. <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
  109. </ol>
  110. <div class="carousel-inner" role="listbox">
  111. <div class="carousel-item active">
  112. <div class="overlay4">
  113. </div>
  114. <img class="d-block img-fluid1" src="/images/inter.png" alt="First slide">
  115. <div class="carousel-caption d-none d-md-block">
  116. <div class="banner-text">
  117. <h4>The Most Profitable Buy And Sell Signals</h3>
  118. </div>
  119. </div>
  120. </div>
  121. <div class="carousel-item">
  122. <div class="overlay4">
  123. </div>
  124. <img class="d-block img-fluid1" src="images/screen.png" alt="First slide">
  125. <div class="carousel-caption d-none d-md-block">
  126. <div class="banner-text">
  127.  
  128.  
  129. </div>
  130. </div>
  131. </div>
  132. <div class="carousel-item">
  133. <img class="d-block img-fluid" src="https://images.pexels.com/photos/872957/pexels-photo-872957.jpeg" alt="First slide">
  134. <div class="carousel-caption d-none d-md-block">
  135. <div class="banner-text">
  136. <h2>This is Heaven</h2>
  137. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation</p>
  138. </div>
  139. </div>
  140. </div>
  141. </div>
  142. </div>
  143. </div>
  144. </div>
  145. </section>
  146. </body>
  147. <script>
  148. /** Page setup **/
  149. var state = "create";
  150. $(".signup").click(function(){
  151. $("#fpass-form").fadeOut();
  152. if (state == "create"){
  153. $("#text-login").text("Sign Up");
  154. $("#login-form").fadeOut();
  155. $("#reg-form").fadeIn();
  156. state = "not create";
  157. }
  158. else {
  159. $("#text-login").text("Login");
  160. $("#login-form").fadeIn();
  161. $("#reg-form").fadeOut();
  162. state = "create";
  163. }
  164. $('.error-window').html('');
  165. });
  166. $('.fpass').click(function(){
  167. $("#text-login").text("Forget Password?");
  168. $("#login-form").fadeOut();
  169. $("#reg-form").fadeOut();
  170. $("#fpass-form").fadeIn();
  171. state = "not create";
  172. $('.error-window').html('');
  173. });
  174. /** Page setup ends */
  175.  
  176.  
  177. /** Registration part */
  178. let errors = {
  179. email:true,
  180. username:true,
  181. pass_score:true,
  182. pass_match:true,
  183. };
  184.  
  185. function enableButton(index){
  186. switch(index){
  187. case 0: errors.email = true; break;
  188. case 1: errors.username = true; break;
  189. case 2: errors.pass_score = true; break;
  190. case 3: errors.pass_match = true; break;
  191. }
  192. if(errors.email && errors.username && errors.pass_score && errors.pass_match)
  193. $('#signup-submit').removeAttr('disabled');
  194. }
  195.  
  196. function disableButton(index){
  197. switch(index){
  198. case 0: errors.email = false; break;
  199. case 1: errors.username = false; break;
  200. case 2: errors.pass_score = false; break;
  201. case 3: errors.pass_match = false; break;
  202. }
  203. $('#signup-submit').attr('disabled', true);
  204. }
  205.  
  206. /** Email check */
  207. $("#email").change(function(){
  208. let email = $('#email').val();
  209. const regex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/;
  210. if(!regex.test(email)){
  211. $('.email-msg').html("<span class='alert-danger'>Invalid email</span>");
  212. disableButton(0);
  213. }else{
  214. $.ajax({
  215. url: 'ajax.php',
  216. data: {
  217. 'process': 'check_email',
  218. 'value': email
  219. },
  220. success: function(res){
  221. if(res){
  222. $('.email-msg').html("<span class='alert-danger'>Email already registered</span>");
  223. disableButton(0);
  224. }else{
  225. $('.email-msg').html("<span class='alert-success'>Valid email</span>");
  226. enableButton(0);
  227. }
  228. }
  229. });
  230. }
  231. });
  232.  
  233. /** Username validation */
  234. $("#username").keyup(function(e){
  235. let username = $('#username').val();
  236. if(username.length > 2){
  237. $.ajax({
  238. url: 'ajax.php',
  239. data: {
  240. 'process': 'check_username',
  241. 'value': username
  242. },
  243. success: function(res){
  244. if(res){
  245. $('.username-msg').html("<span class='alert-danger'>Username already exists</span>");
  246. disableButton(1);
  247. }else{
  248. $('.username-msg').html("<span class='alert-success'>Valid username</span>");
  249. enableButton(1);
  250. }
  251. }
  252. });
  253. }
  254. });
  255.  
  256. /** Password strength checker */
  257. $("#password").keyup(function(e){
  258. let password = $('#password').val();
  259. let score = getStrength(password);
  260. switch(score){
  261. case 1: case 2:
  262. $('.password-msg').html("<span class='alert-danger'>Weak password</span>");
  263. disableButton(2);
  264. break;
  265. case 3:
  266. $('.password-msg').html("<span class='alert-warning'>Normal password</span>");
  267. enableButton(2);
  268. break;
  269. case 4: case 5:
  270. $('.password-msg').html("<span class='alert-success'>Strong password</span>");
  271. enableButton(2);
  272. }
  273. let password1 = $('#password1').val();
  274. if(password1 === password){
  275. $('.password1-msg').html("<span class='alert-success'>Password match</span>");
  276. enableButton(3);
  277. }else{
  278. $('.password1-msg').html("<span class='alert-danger'>Password do not match</span>");
  279. disableButton(3);
  280. }
  281. });
  282.  
  283. function getStrength(pass){
  284. var strength = 1;
  285. var arr = [/.{5,}/, /[a-z]+/, /[0-9]+/, /[A-Z]+/];
  286. jQuery.map(arr, function(regexp) {
  287. if(pass.match(regexp))
  288. strength++;
  289. });
  290. return strength;
  291. }
  292.  
  293. /** Password match */
  294. $("#password1").keyup(function(e){
  295. let password = $('#password').val();
  296. let password1 = $('#password1').val();
  297. if(password.length > 0 && password1.length > 0)
  298. if(password1 === password){
  299. $('.password1-msg').html("<span class='alert-success'>Password match</span>");
  300. enableButton(3);
  301. }else{
  302. $('.password1-msg').html("<span class='alert-danger'>Password do not match</span>");
  303. disableButton(3);
  304. }
  305. });
  306.  
  307. /** User registration through ajax */
  308. // I know it's a stupid idea but I'd like to try
  309. $("#signup-submit").click(function(){
  310. if(errors.email && errors.username && errors.pass_score && errors.pass_match){
  311. let username = $('#username').val();
  312. let email = $('#email').val();
  313. let password = $('#password').val();
  314.  
  315. $.ajax({
  316. url: 'register.php',
  317. data: {
  318. username: username,
  319. email: email,
  320. password: password
  321. },
  322. type: 'POST',
  323. success: function(res){
  324. if(res == 'true'){
  325. alert("Please check your email");
  326. window.location = "entry.php";
  327. }else{
  328. $('#password').val('');
  329. $('#password1').val('');
  330. var text = '';
  331. $('.error-window').html(text);
  332. for(var i=0;i<res.length;i++){
  333. text += '<div class="alert alert-danger">' + res[i] + '</div>';
  334. }
  335. $('.error-window').html(text);
  336. }
  337. }
  338. });
  339. }
  340. });
  341. /** Registration part ends */
  342.  
  343. /** Login part starts */
  344. $('#login-submit').click(function(){
  345. let useremail = $('#useremail').val();
  346. let password = $('#pass').val();
  347.  
  348. $.ajax({
  349. url: 'login.php',
  350. data: {
  351. useremail: useremail,
  352. password: password
  353. },
  354. type: 'POST',
  355. success: function(res){
  356. if(res === true){
  357. window.location = "dashboard.php";
  358. }else{
  359. $('#useremail').val('');
  360. $('#pass').val('');
  361. var text = '';
  362. $('.error-window').html(text);
  363. for(var i=0;i<res.length;i++){
  364. text += '<div class="alert alert-danger">' + res[i] + '</div>';
  365. }
  366. $('.error-window').html(text);
  367. }
  368. }
  369. });
  370. });
  371. /** Login part ends here */
  372.  
  373. /** Forget pass */
  374. $('#fpass-submit').click(function(){
  375. let useremail = $('#fuseremail').val();
  376. $.ajax({
  377. url : 'forgotpass.php',
  378. type: 'POST',
  379. data : {
  380. useremail: useremail
  381. },
  382. success: function(res){
  383. if(res === true){
  384. alert('A mail has been sent to your registered email. Please check.');
  385. document.location.reload();
  386. }else{
  387. $('#fuseremail').val('');
  388. var text = '';
  389. $('.error-window').html(text);
  390. for(var i=0;i<res.length;i++){
  391. text += '<div class="alert alert-danger">' + res[i] + '</div>';
  392. }
  393. $('.error-window').html(text);
  394. }
  395. }
  396. });
  397. });
  398. /**Forget pass ends here */
  399. </script>
  400. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!