Merge branch 'master' into hendrik-testing

2017-01-18 16:02:02 +01:00
parent e7e3ae9c8b 32ff271b5e
commit 38e5b28ff5
27 changed files with 1107 additions and 389 deletions
--- a/website/public/chat.php
+++ b/website/public/chat.php
@@ -5,6 +5,7 @@
    <style>
        @import url("styles/chat.css");
    </style>
+    <script src="js/chat.js"></script>
 </head>
 <body>
 <?php
--- a/website/public/external/nietslecht_button.png
+++ b/website/public/external/nietslecht_button.png
--- a/website/public/js/chat.js
+++ b/website/public/js/chat.js
@@ -0,0 +1,57 @@
+$(document).ready(function() {
+    loadMessages();
+});
+
+function loadMessages() {
+    $.post(
+        "loadMessages.php",
+        $("#lastIDForm").serialize()
+    ).done(function(data) {
+        if (data && data != "[]") {
+            console.log(data);
+            messages = JSON.parse(data);
+            addMessages(messages);
+            $("#lastID").val(messages[messages.length - 1].messageID);
+            $("#chat-history").scrollTop($("#chat-history")[0].scrollHeight);
+        }
+    });
+
+    setTimeout(loadMessages, 1000);
+}
+
+
+function sendMessage() {
+    console.log($("#sendMessageForm").serialize());
+    $.post(
+        "sendMessage.php",
+        $("#sendMessageForm").serialize()
+    ).done(function( data ) {
+        console.log(data);
+    });
+
+    $("#newContent").val("");
+}
+
+function addMessages(messages) {
+    for(i in messages) {
+        if (messages[i].destination == $(".destinationID").val()) {
+            type = "chat-message-self";
+        } else {
+            type = "chat-message-other";
+        }
+
+        $("#chat-history").append('\
+            <div class="chat-message"> \
+                <div class="' + type + '">\
+                ' + messages[i].content + '\
+                </div> \
+            </div>\
+        ');
+    }
+}
+
+function switchUser(userID) {
+    $(".destinationID").val(userID);
+    $("#chat-history").html("");
+    $("#lastID").val("");
+}
--- a/website/public/login.php
+++ b/website/public/login.php
@@ -1,13 +1,44 @@
 <!DOCTYPE html>
 <html>
 <?php
-include("../views/login_head.php");
+    include("../views/login_head.php");
+    include_once("../queries/connect.php");
+    include_once("../queries/login.php");
 ?>
 <body>
 <?php
-/*
- * This view adds login view
- */
+    session_start();
+
+    // Define variables and set to empty values
+    $uname = $psw ="";
+    $loginErr ="";
+
+    // Trying to login
+    if ($_SERVER["REQUEST_METHOD"] == "POST") {
+        $uname=strtolower($_POST["uname"]);
+        // Empty username or password field
+        if (empty($_POST["uname"]) || empty($_POST["psw"])) {
+            $loginErr = "Gebruikersnaam of wachtwoord is niet ingevuld";
+
+        }
+        else {
+            $psw=$_POST["psw"];
+            $hash=hashPassword()["password"];
+            $userid=hashPassword()["userID"];
+
+            // If there's an account, go to the profile page
+            if(password_verify($psw.$uname, $hash)) {
+               $_SESSION["userID"] = $userid;
+               header("location: profile.php");
+
+            } else {
+               $loginErr = "Inloggegevens zijn niet correct";
+            }
+
+        }
+    }
+
+/* This view adds login view */
 include("../views/login-view.php");
 ?>
 </body>
--- a/website/public/register.php
+++ b/website/public/register.php
@@ -0,0 +1,165 @@
+<!DOCTYPE html>
+<html>
+<?php
+    include("../views/login_head.php");
+    include_once("../queries/connect.php");
+    include_once("../queries/register.php");
+
+?>
+<body>
+<?php
+    session_start();
+
+    // define variables and set to empty values
+    $name = $surname = $bday = $username = $password = $confirmpassword = $location = $housenumber = $email = "";
+    $genericErr = $nameErr = $surnameErr = $bdayErr = $usernameErr = $passwordErr = $confirmpasswordErr = $locationErr = $housenumberErr = $emailErr = "";
+    $correct = true;
+
+    // Saves information of filling in the form
+    if (isset($_POST["name"])) {
+        $name = $_POST["name"];
+    }
+
+    if (isset($_POST["surname"])) {
+        $surname = $_POST["surname"];
+    }
+
+    if (isset($_POST["bday"])) {
+        $bday = $_POST["bday"];
+    }
+
+    if (isset($_POST["username"])) {
+        $username = $_POST["username"];
+    }
+
+    if (isset($_POST["password"])) {
+        $password = $_POST["password"];
+    }
+
+    if (isset($_POST["location"])) {
+        $location = $_POST["location"];
+    }
+
+    if (isset($_POST["housenumber"])) {
+        $housenumber = $_POST["housenumber"];
+    }
+
+    if (isset($_POST["email"])) {
+        $email = $_POST["email"];
+    }
+
+    // Trying to register an account
+    if ($_SERVER["REQUEST_METHOD"] == "POST") {
+        if (empty($_POST["name"])) {
+            $nameErr = "Naam is verplicht!";
+            $correct = false;
+
+        } else {
+            if (!preg_match("/^[a-zA-Z ]*$/",$name)) {
+                $nameErr = "Alleen letters en spaties zijn toegestaan!";
+                $correct = false;
+
+            }
+        }
+
+        if (empty($_POST["surname"])) {
+            $surnameErr = "Achternaam is verplicht!";
+            $correct = false;
+
+        } else {
+            if (!preg_match("/^[a-zA-Z ]*$/",$surname)) {
+                $surnameErr = "Alleen letters en spaties zijn toegestaan!";
+                $correct = false;
+
+            }
+        }
+        if (empty($_POST["bday"])) {
+            $bdayErr = "Geboortedatum is verplicht!";
+            $correct = false;
+
+        }
+
+        if (empty($_POST["username"])) {
+            $usernameErr = "Gebruikersnaam is verplicht!";
+            $correct = false;
+
+        } else {
+            if (strlen($username) < 6) {
+                $usernameErr = "Gebruikersnaam moet minstens 6 karakters bevatten";
+                $correct = false;
+
+            } else if (getExistingUsername() == 1){
+                $usernameErr = "Gebruikersnaam bestaat al";
+                $correct = false; 
+
+            }
+        }
+
+        if (empty($_POST["password"])) {
+            $passwordErr = "Wachtwoord is verplicht!";
+            $correct = false;
+
+        } else {
+            if (strlen($password) < 8) {
+                $passwordErr = "Wachtwoord moet minstens 8 karakters bevatten";
+                $correct = false;
+
+            }
+        }
+
+        if (empty($_POST["confirmpassword"])) {
+            $confirmpasswordErr = "Herhaal wachtwoord!";
+            $correct = false;
+
+        }
+
+        if ($_POST["password"] != $_POST["confirmpassword"]) {
+            $confirmpasswordErr = "Wachtwoorden matchen niet";
+            $correct = false;
+
+        }
+
+        if (empty($_POST["location"])) {
+            $locationErr = "Straatnaam is verplicht!";
+            $correct = false;
+
+        } else {
+            if (!preg_match("/^[a-zA-Z ]*$/",$location)) {
+                $locationErr = "Alleen letters en spaties zijn toegestaan!";
+                $correct = false;
+
+            }
+        }
+
+        if (empty($_POST["email"])) {
+            $emailErr = "Email is verplicht!";
+            $correct = false;
+
+        } else {
+            if (!filter_var($email, FILTER_VALIDATE_EMAIL)) {
+                $emailErr = "Geldige email invullen!";
+                $correct = false;
+
+            } else if (getExistingEmail() == 1){
+                $emailErr = "Email bestaat al";
+                $correct = false;
+
+            }
+        }
+
+        // Checks if everything is filled in correctly
+        if ($correct == false){
+            $genericErr = "Bepaalde velden zijn verkeerd of niet ingevuld!";
+
+        } else {
+            registerAccount();
+            header("location: login.php");
+
+        }
+    }
+
+/* This view adds register view */
+include("../views/register-view.php");
+?>
+</body>
+</html>
--- a/website/public/sendMessage.php
+++ b/website/public/sendMessage.php
@@ -0,0 +1,16 @@
+<?php
+
+include_once("../queries/private_message.php");
+
+if (isset($_POST["destination"]) &&
+    isset($_POST["content"])) {
+
+    if (sendMessage($_POST["destination"], $_POST["content"])) {
+        echo $_POST["content"] . " is naar " . $_POST["destination"] . " gestuurd";
+    } else {
+        echo "YOU FAILED!!!";
+    }
+
+} else {
+    echo "maybe dont try to hax the system?";
+}
--- a/website/public/settings.php
+++ b/website/public/settings.php
@@ -1,24 +1,47 @@
 <!DOCTYPE html>
 <html>
 <head>
-    <?php include("../views/head.php"); ?>
+    <?php
+    include("../views/head.php");
+    include_once("../queries/connect.php");
+    include_once("../queries/settings.php");
+    ?>
    <style>
        @import url("styles/settings.css");
    </style>
 </head>
 <body>
 <?php
-/*
- * This view adds the main layout over the screen.
- * Header and menu.
- */
+
 include("../views/main.php");

-/* Add your view files here. */
+if ($_SERVER["REQUEST_METHOD"] == "POST") {
+    switch ($_POST["form"]) {
+        case "profile":
+            $result = updateSettings();
+            break;
+        case "password":
+            $result = updatePassword();
+            break;
+        case "email":
+            $result = array (
+                "type" => "settings-message-angry",
+                "message" => "Deze functie werkt nog niet :("
+            );
+            break;
+        case "picture":
+            $result = array (
+                "type" => "settings-message-angry",
+                "message" => "Deze functie werkt nog niet :("
+            );
+            break;
+    }
+}
+
 include("../views/settings-view.php");

-/* This adds the footer. */
 include("../views/footer.php");
+
 ?>
 </body>
 </html>
--- a/website/public/styles/index.css
+++ b/website/public/styles/index.css
@@ -1,98 +1,118 @@
 ::selection {
-  background: #845663;
-  color: white;
+    background: #845663;
+    color: white;
 }

 ::-moz-selection {
-  background: #845663;
-  color: white;
+    background: #845663;
+    color: white;
 }

 a, a:link, a:visited, a:hover, a:active {
-  color: inherit;
-  text-decoration: none;
+    color: inherit;
+    text-decoration: none;
 }

+a.button {
+    background-color: #845663;
+    border: 2px solid black;
+    border-radius: 12px;
+    color: white;
+    cursor: pointer;
+    height: 50%;
+    margin: 8px 0;
+    padding: 14px 20px;
+    width: 25%;
+    font-family: Arial;
+    font-size: 16px;
+}

 a[data-title]:hover:after, img[data-title]:hover:after, span[data-title]:hover:after,
 div[data-title]:hover:after{
-  content: attr(data-title);
-  padding: 4px 4px;
-  color: #FFFFFF;
-  position: absolute;
-  left: 0;
-  top: 100%;
-  z-index: 20;
-  white-space: nowrap;
-  -moz-border-radius: 5px;
-  -webkit-border-radius: 5px;
-  border-radius: 5px;
-  -moz-box-shadow: 0px 0px 4px #222;
-  -webkit-box-shadow: 0px 0px 4px #222;
-  box-shadow: 0px 0px 4px #222;
-  background-color: #333;
-  font-size: 15px;
-  line-height: normal;
-  font-family: Arial, sans-serif;
+    content: attr(data-title);
+    padding: 4px 4px;
+    color: #FFFFFF;
+    position: absolute;
+    left: 0;
+    top: 100%;
+    z-index: 20;
+    white-space: nowrap;
+    -moz-border-radius: 5px;
+    -webkit-border-radius: 5px;
+    border-radius: 5px;
+    -moz-box-shadow: 0px 0px 4px #222;
+    -webkit-box-shadow: 0px 0px 4px #222;
+    box-shadow: 0px 0px 4px #222;
+    background-color: #333;
+    font-size: 15px;
+    line-height: normal;
+    font-family: Arial, sans-serif;
 }

 /* Add Zoom Animation */
 .animate {
-  animation: animatezoom 0.6s
-  -webkit-animation: animatezoom 0.6s;
+    animation: animatezoom 0.6s
+    -webkit-animation: animatezoom 0.6s;
 }

 /* Body */
 body {
-  height: 100%;
+    height: 900px;

-  background-color: #B78996;
-  color: #333;
+    background-image: url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTEnqKdVtLbxjKuNsCSCxFRhTOpp3Gm0gsU8bMgA_MeUYyzrUFy);
+    background-size: cover;
+    background-repeat: repeat-x;
+    background-attachment: fixed;

-  font-family: Arial, sans-serif;
+    /*background-color: #B78996;*/
+    color: #333;
+
+    font-family: Arial, sans-serif;
 }

 /* stijl voor alle buttons */
 button {
-  background-color: #845663;
-  border: 2px solid black;
-  border-radius: 12px;
-  color: white;
-  cursor: pointer;
-  height: 50%;
-  margin: 8px 0;
-  padding: 14px 20px;
-  width: 25%;
-  font-family: Arial;
-  font-size: 16px;
+    background-color: #845663;
+    border: 2px solid black;
+    border-radius: 12px;
+    color: white;
+    cursor: pointer;
+    height: 50%;
+    margin: 8px 0;
+    padding: 14px 20px;
+    width: 25%;
+    font-family: Arial;
+    font-size: 16px;
 }

 /* The Close Button */
 .close {
  /* Position it in the top right corner outside of the modal */
-  color: white;
-  font-size: 100px;
-  font-weight: bold;
-  position: absolute;
-  right: 25px;
-  top: 0;
+    color: white;
+    font-size: 100px;
+    font-weight: bold;
+    position: absolute;
+    right: 25px;
+    top: 0;
 }

 /* Close button on hover */
 .close:hover,
 .close:focus {
-  color: red;
-  cursor: pointer;
+    color: red;
+    cursor: pointer;
 }

 /* inlogform */
 form {
-    background-color: #a87a87;
+    /*background-color: #a87a87;*/
    border: 5px solid #325da3;
+    background-color: #a87a87;
    border-radius: 12px;
-    height: 50%;
-    margin: auto;
-    width: 55%;
+    height: 55%;
+    margin: 35px auto;
+    width: 45%;
+    overflow-y:auto;
 }

 /* inlog titel */
@@ -115,14 +135,14 @@ input[type=text], input[type=password], input[type=email], input[type="date"] {
    box-sizing: border-box;
    display: inline-block;
    height: 50%;
-    padding: 12px 20px;
-    margin: 8px 0;
+    padding: 8px 20px;
+    margin: 4px 0;
    width: 50%;
    font-family: Arial;
    font-size: 16px;
 }

-input[type=submit] {
+button[type=submit] {
    background-color: #845663;
    border: 2px solid black;
    border-radius: 12px;
@@ -142,14 +162,21 @@ label {

 /* padding voor registreer container */
 .login_containerregister {
-  padding: 16px;
-  text-align: left;
+    padding: 16px;
+    text-align: left;
 }

 /* padding voor login_containers */
 .login_containerlogin {
-  padding: 16px;
-  text-align: center;
+    padding: 16px;
+    text-align: center;
+}
+
+/* padding voor foutmelding login */
+.login_containerfault {
+    padding: 16px;
+    text-align: center;
+    color: red;
 }

 /* The Modal (background) */
@@ -175,12 +202,13 @@ label {
    margin: 5px auto; /* 15% from the top and centered */
    overflow-y: auto;
    width: 40%; /* Could be more or less, depending on screen size */
-    height: 80%;
+    height: 60%;
+
 }

@keyframes animatezoom {
-  from {transform: scale(0)}
-  to {transform: scale(1)}
+    from {transform: scale(0)}
+    to {transform: scale(1)}
 }

 /* datepicker */
@@ -203,6 +231,6 @@ select {
 }

 ul {
-  font-family: Arial;
-  font-size: 16px;
+    font-family: Arial;
+    font-size: 16px;
 }
--- a/website/public/styles/menu.css
+++ b/website/public/styles/menu.css
@@ -25,3 +25,16 @@
    font-size: 14px;
    cursor: pointer;
 }
+
+.friend-item {
+    cursor: pointer;
+}
+
+.menu button {
+    background: none;
+    color: #333;
+    width: 100%;
+    height: 100%;
+    padding: 0;
+    text-align: left;
+}
--- a/website/public/styles/settings.css
+++ b/website/public/styles/settings.css
@@ -5,6 +5,17 @@
 .settings-password {
    margin-right: 15px;
 }
+.settings-message {
+    color: white;
+}
+.settings-message-angry {
+    background-color: firebrick;
+}
+
+.settings-message-happy {
+    background-color: forestgreen;
+
+}


 .settings li {
@@ -21,6 +32,10 @@
    text-align: right;
 }

+.settings-password label, .settings-email label {
+    text-align: left;
+}
+
 /* All the fields for typing things. */
 .settings input[type="password"],
 .settings input[type="text"],