New changes made

rupeshmohanty · rupeshmohanty · commit 7977a01707df · 2021-02-10T13:23:04.000+05:30
diff --git a/Explore/assets/js/Snackbar.js b/Explore/assets/js/Snackbar.js
@@ -0,0 +1,10 @@
+function myFunction() {
+  // Get the snackbar DIV
+  var x = document.getElementById("snackbar");
+
+  // Add the "show" class to DIV
+  x.className = "show";
+
+  // After 3 seconds, remove the show class from DIV
+  setTimeout(function(){ x.className = x.className.replace("show", ""); }, 3000);
+}
diff --git a/Explore/index.php b/Explore/index.php
@@ -1,3 +1,25 @@
+<?php
+  // session_start
+  session_start();
+
+  // include db connection
+  include('../config/db.php');
+
+  if(isset($_SESSION['email'])) {
+
+    $email = $_SESSION['email'];
+    $getUserDetails = "SELECT * FROM `users` WHERE `email` = '$email'";
+    $getUserDetailsStatus = mysqli_query($conn,$getUserDetails);
+    $getUserDetailsRow = mysqli_fetch_assoc($getUserDetailsStatus);
+
+    $name = $getUserDetailsRow['name'];
+
+  } else {
+
+    header('Location: ../index.php?message=Please login first!');
+
+  }
+?>
 <!DOCTYPE html>
 <html>
 
@@ -13,14 +35,14 @@
     <link rel="stylesheet" href="assets/css/styles.min.css">
 </head>
 
-<body>
+<body onload="myFunction()">
     <section>
         <nav class="navbar navbar-light navbar-expand-md fixed-top" style="font-size: 20px;background: rgba(0,0,0,0.4);">
             <div class="container-fluid"><a class="navbar-brand" href="#" style="font-family: 'Titillium Web', sans-serif;font-size: 30px;color: rgb(254,254,254);">LesKollab</a><button data-toggle="collapse" class="navbar-toggler" data-target="#navcol-1"><span class="sr-only">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
                 <div
                     class="collapse navbar-collapse" id="navcol-1">
                     <ul class="nav navbar-nav ml-auto">
-                        <li class="nav-item"><a class="nav-link active text-danger" href="#" style="margin-right: 1vw;">Trideep Barik&nbsp;<i class="fa fa-user-circle-o"></i></a></li>
+                        <li class="nav-item"><a class="nav-link active text-danger" href="#" style="margin-right: 1vw;"><?=$name?>&nbsp;<i class="fa fa-user-circle-o"></i></a></li>
                         <li class="nav-item"><a class="nav-link" href="#" style="color: rgb(255,255,251);margin-right: 1vw;">Explore&nbsp;<i class="fa fa-files-o"></i></a></li>
                         <li class="nav-item"><a class="nav-link" href="#" style="color: rgb(197,189,0);margin-right: 1vw;">Post an Idea&nbsp;<i class="fa fa-lightbulb-o"></i></a></li>
                     </ul>
@@ -30,6 +52,9 @@
     </section>
     <div style="width: 100vw;height: auto;background: url(&quot;https://wallpaperaccess.com/full/983279.jpg&quot;) bottom / cover no-repeat;padding-top: 10vh;">
         <div class="container" style="width: 100vw;height: auto;margin: 0px;padding: 0px;">
+          <?php
+            include("../components/common/messages.php");
+          ?>
             <div class="row" style="width: 100vw;margin-top: 0px;">
                 <div class="col-4" style="padding: 2vw;height: auto;">
                     <div class="profile-card" style="border-width: 0px;"><img class="rounded-circle profile-pic" src="assets/img/2.jpg">
@@ -153,6 +178,7 @@ <h6 class="text-muted card-subtitle mb-2">#tag1&nbsp; &nbsp;#tag2&nbsp; &nbsp;#t
     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.2/js/bootstrap.bundle.min.js"></script>
     <script src="assets/js/script.min.js"></script>
+    <script src="assets/js/Snackbar.js"></script>
 </body>
 
 </html>
diff --git a/assets/js/Snackbar.js b/assets/js/Snackbar.js
@@ -0,0 +1,10 @@
+function myFunction() {
+  // Get the snackbar DIV
+  var x = document.getElementById("snackbar");
+
+  // Add the "show" class to DIV
+  x.className = "show";
+
+  // After 3 seconds, remove the show class from DIV
+  setTimeout(function(){ x.className = x.className.replace("show", ""); }, 3000);
+}
diff --git a/components/common/messages.php b/components/common/messages.php
@@ -0,0 +1,58 @@
+<?php
+  if(isset($_GET['message'])) {
+      $message = $_GET['message'];
+?>
+
+<style>
+  /* The snackbar - position it at the bottom and in the middle of the screen */
+  #snackbar {
+  visibility: hidden; /* Hidden by default. Visible on click */
+  min-width: 250px; /* Set a default minimum width */
+  margin-left: -125px; /* Divide value of min-width by 2 */
+  background-color: #333; /* Black background color */
+  color: #fff; /* White text color */
+  text-align: center; /* Centered text */
+  border-radius: 2px; /* Rounded borders */
+  padding: 16px; /* Padding */
+  position: fixed; /* Sit on top of the screen */
+  z-index: 1; /* Add a z-index if needed */
+  left: 50%; /* Center the snackbar */
+  bottom: 30px; /* 30px from the bottom */
+  }
+
+  /* Show the snackbar when clicking on a button (class added with JavaScript) */
+  #snackbar.show {
+  visibility: visible; /* Show the snackbar */
+  /* Add animation: Take 0.5 seconds to fade in and out the snackbar.
+  However, delay the fade out process for 2.5 seconds */
+  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
+  animation: fadein 0.5s, fadeout 0.5s 2.5s;
+  }
+
+  /* Animations to fade the snackbar in and out */
+  @-webkit-keyframes fadein {
+  from {bottom: 0; opacity: 0;}
+  to {bottom: 30px; opacity: 1;}
+  }
+
+  @keyframes fadein {
+  from {bottom: 0; opacity: 0;}
+  to {bottom: 30px; opacity: 1;}
+  }
+
+  @-webkit-keyframes fadeout {
+  from {bottom: 30px; opacity: 1;}
+  to {bottom: 0; opacity: 0;}
+  }
+
+  @keyframes fadeout {
+  from {bottom: 30px; opacity: 1;}
+  to {bottom: 0; opacity: 0;}
+  }
+</style>
+
+<div id="snackbar"><?=$message?></div>
+
+<?php
+}
+?>
diff --git a/config/db.php b/config/db.php
@@ -0,0 +1,3 @@
+<?php
+  $conn = mysqli_connect("localhost","root","","LesKollab") or die(mysqli_error($conn));
+?>
diff --git a/index.php b/index.php
@@ -1,3 +1,14 @@
+<?php
+  // session_start
+  session_start();
+
+  // include db connection
+  include('./config/db.php');
+
+  if(isset($_SESSION['email'])) {
+    header('Location: ./Explore/index.php?message=You have logged in successfully!');
+  }
+?>
 <!DOCTYPE html>
 <html>
 
@@ -13,10 +24,13 @@
     <link rel="stylesheet" href="assets/css/styles.css">
 </head>
 
-<body>
+<body onLoad = "myFunction()">
 
     <nav class="navbar navbar-light navbar-expand-md fixed-top" style="height: 10vh;background: rgba(255,255,255,0.18);">
         <div class="container-fluid"><a class="navbar-brand" href="#" style="font-size: 30px;font-family: Aclonica, sans-serif;">LesKollab</a><button data-toggle="collapse" class="navbar-toggler" data-target="#navcol-1"><span class="sr-only">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
+            <?php
+              include("components/common/messages.php");
+            ?>
             <div
                 class="collapse navbar-collapse" id="navcol-1">
                 <ul class="nav navbar-nav ml-auto">
@@ -31,15 +45,15 @@
             <h2>Have Some Pending Projects?</h2>
             <i><h5>Need Someone's help to complete it?</h5> <br>
             <p>Ideas reshape the world, but there's always a staring and learning point.<br> It's time to redefine the way we learn.</p>
-            Learnt a new skill, but have no one to work on a starting project with?<br> 
+            Learnt a new skill, but have no one to work on a starting project with?<br>
             Thought of an idea but don't have the necessar tech stacks?<br>
-            Search for people to collaborate with, or propose a project and let collaborators find you.<br/> 
+            Search for people to collaborate with, or propose a project and let collaborators find you.<br/>
             With LesKollab, it's time to implement and learn things on the get go, but not alone anymore!</p></i>
             <br><br><br><br>
             <button type="button" class="btn btn-outline-warning" style="height: 10vh;width:27vw;font-size:1.5em;">Find a Project Partner</button>
 
         </div>
-        
+
     </div>
 
     <div class="modal fade bd-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
@@ -56,42 +70,46 @@ <h2>Have Some Pending Projects?</h2>
                     <button data-target="#carouselExampleIndicators" data-slide-to="1" type="button" class="btn btn-outline-warning btn-lg">Register</button>
                     <div class="carousel-inner">
                         <div class="carousel-item active">
-                            <form>
+                            <form action = "./scripts/Login.php" method="post">
                                 <div class="form-group">
                                 <br>
                                   <label for="exampleInputEmail1">Email address</label>
-                                  <input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Enter email">
+                                  <input type="email" class="form-control" name = "email" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Enter email">
                                   <small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small>
                                 </div>
                                 <div class="form-group">
                                   <label for="exampleInputPassword1">Password</label>
-                                  <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
+                                  <input type="password" class="form-control" name = "password" id="exampleInputPassword1" placeholder="Password">
                                 </div>
                                 <br>
                                 <button type="submit" class="btn btn-primary">Submit</button>
                               </form>
                         </div>
                         <div class="carousel-item">
-                            <form>
+                            <form action = "./scripts/Register.php" method = "post">
                                 <div class="form-group">
                                     <br>
                                   <label for="exampleInputEmail1">Email address</label>
-                                  <input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Enter email">
+                                  <input type="email" class="form-control" name = "email" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Enter email">
                                   <small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small>
                                 </div>
+                                <div class="form-group">
+                                  <label for="exampleInputPassword1">Name</label>
+                                  <input type="text" class="form-control" name = "name" id="exampleInputPassword1" placeholder="Your name">
+                                </div>
                                 <div class="form-group">
                                   <label for="exampleInputPassword1">Password</label>
-                                  <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
+                                  <input type="password" class="form-control" name = "password" id="exampleInputPassword1" placeholder="Password">
                                 </div>
                                 <div class="form-group">
                                     <br>
                                   <label for="exampleInputEmail1">GitHub</label>
-                                  <input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Enter email">
+                                  <input type="text" class="form-control" name = "github" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Enter github profile link">
                                 </div>
                                 <div class="form-group">
                                     <br>
                                   <label for="exampleInputEmail1">LinkedIn</label>
-                                  <input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Enter email">
+                                  <input type="text" class="form-control" name = "linkedin" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Enter linkedin profile link">
                                 </div>
                                 <br>
                                 <button type="submit" class="btn btn-primary">Submit</button>
@@ -107,11 +125,12 @@ <h2>Have Some Pending Projects?</h2>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.2/js/bootstrap.bundle.min.js"></script>
     <script src="assets/js/Button-Ripple-Effect-Animation-Wave-Pulse.js"></script>
+    <script src="assets/js/Snackbar.js"></script>
     <script>
         $('#myModal').on('shown.bs.modal', function () {
             $('#myInput').trigger('focus')
             })
     </script>
 </body>
 
-</html>
+</html>
diff --git a/logout.php b/logout.php
@@ -0,0 +1,6 @@
+<?php
+  session_start();
+  session_unset($_SESSION['email']);
+  session_destroy();
+  header('Location: ./index.php?message=You have logged out successfully!');
+?>
diff --git a/scripts/Login.php b/scripts/Login.php
@@ -0,0 +1,58 @@
+<?php
+
+  // session start
+  session_start();
+
+  // include db connection
+  include('./db.php');
+
+  // declare variables
+  $email = "";
+  $password = "";
+
+  // get form data
+  if(isset($_POST['email'])) {
+    $email = $_POST['email'];
+  }
+
+  if(isset($_POST['password'])) {
+    $password = $_POST['password'];
+  }
+
+  if($email != "" && $password != "") { // if the fields are not empty!
+
+    // check user!
+    $checkUser = "SELECT * FROM `users` WHERE `email` = '$email'";
+    $checkUserStatus = mysqli_query($conn,$checkUser) or die(mysqli_error($conn));
+    $checkUserRow = mysqli_fetch_assoc($checkUserStatus);
+
+      if(mysqli_num_rows($checkUserStatus) > 0) { // if user exists!
+
+        $dbPassword = $checkUserRow['password'];
+        $salt = $checkUserRow['salt'];
+
+        $newPassword = md5(md5($password.$salt));
+
+        if($newPassword == $dbPassword) { // password matches with db!
+
+          $_SESSION['email'] = $email;
+          header('Location: ../Explore/index.php?message=Logged in successfully!');
+
+        } else { // if password is incorrect!
+
+          header('Location: ../index.php?message=The password is incorrect!');
+
+        }
+
+      } else {
+
+        header('Location: ../index.php?message=Sorry user doesnt exist! Please Register!');
+
+      }
+
+  } else { // if the fields are empty!
+
+    header('Location: ../index.php?message=Please fill the form properly!');
+
+  }
+?>
diff --git a/scripts/Register.php b/scripts/Register.php
diff --git a/scripts/db.php b/scripts/db.php

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+<?php`
	`2`	`+ $conn = mysqli_connect("localhost","root","","LesKollab") or die(mysqli_error($conn));`
	`3`	`+?>`