MyHyvesBookPlus/WebDB
1
0
Fork 0
Code Issues 2 Pull Requests Projects Releases Wiki Activity

Lars algemeen #39

Merged
11291680 merged 12 commits from lars-algemeen into master 2017-01-13 11:20:11 +01:00
Conversation 2 Commits 12 Files Changed 6 +259 -29
6 changed files with 259 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

144
website/login.php
View File

@@ -12,7 +12,7 @@
<img style="width:50%;margin-left:25%" src="img/top-logo.png" alt="MyHyvesbook+"> <img style="width:50%;margin-left:25%" src="img/top-logo.png" alt="MyHyvesbook+">
</div> </div>
<form action="../profile.php/" method="post"> <form action="/profile.php" method="post">
<h1>Welkom bij MyHyvesbook+ </h1> <h1>Welkom bij MyHyvesbook+ </h1>
<div class="login_containerlogin"> <div class="login_containerlogin">
<label><b>Gebruikersnaam</b></label> <label><b>Gebruikersnaam</b></label>
@@ -42,7 +42,7 @@
class="close" title="Close Modal">&times;</span> class="close" title="Close Modal">&times;</span>
<!-- Register Content --> <!-- Register Content -->
<form class="modal-content animate" action="../profile.php/" onsubmit="return passwordfunction()" method="post"> <form class="modal-content animate" action="/profile.php" onsubmit="return passwordfunction()" method="post">
<h2>Registreer je account</h2> <h2>Registreer je account</h2>
<div class="login_containerregister"> <div class="login_containerregister">
@@ -123,37 +123,127 @@
</div> </div>
</form> </form>
</div> <div class="login_containerlogin">
</div> <button onclick="document.getElementById('id01').style.display='block'">Registreer</button>
<script> </div>
$("#default-settings").birthdayPicker();
</script> <div class="login_containerregister">
</body> <div id="id01" class="modal">
<span onclick="document.getElementById('id01').style.display='none'"
class="close" title="Close Modal">&times;</span>
<!-- Register Content -->
<form class="modal-content animate" action="../profile.php" onsubmit="return passwordfunction()" method="post">
<h2>Registreer je account</h2>
<div class="login_containerregister">
<label><b>Naam</b></label>
<input type="text" placeholder="Voer je naam in" name="name"
pattern="[A-Za-z]{1,}" title="Moet alleen letters zijn" required>
</div>
<div class="login_containerregister">
<label><b>Achternaam</b></label>
<input type="text" placeholder="Voer je achternaam in" name="surname"
pattern="[A-Za-z]{1,}" title="Moet alleen letters zijn" required>
</div>
<div class="login_containerregister">
<label><b>Geboortedatum</b></label>
<!-- These are the select elements we will target -->
<select id="dobday" title="Voer een dag in" ></select>
<select id="dobmonth" title="Voer een maand in" required></select>
<select id="dobyear" title="Voer een jaar in" required></select>
<!-- And here's the library being called! -->
<script>
$(document).ready(function() {
$.dobPicker({
daySelector: '#dobday',
monthSelector: '#dobmonth',
yearSelector: '#dobyear',
dayDefault: 'Dag',
monthDefault: 'Maand',
yearDefault: 'Jaar',
minimumAge: 12,
maximumAge: 80
});
});
</script>
</div>
<div class="login_containerregister">
<label><b>Gebruikersnaam</b></label>
<input type="text" placeholder="Voer je gebruikersnaam in" name="username"
pattern=".{6,}" title="Moet meer dan 6 karakers zijn" required>
</div>
<div class="login_containerregister">
<label><b>Wachtwoord</b></label>
<input type="password" placeholder="Voer je wachtwoord in" name="password"
pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,}" id="password"
title="Moet miniaal 1 cijfer, 1 hoofdletter en kleine letter hebben en minstens 8 of meer karakters zijn" required>
</div>
<div class="login_containerregister">
<label><b>Herhaal wachtwoord</b></label>
<input type="password" placeholder="Herhaal wachtwoord" name="confirmpassword"
pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,}" id="confirmpassword"
title="Herhaal wachtwoord" required>
</div>
<div class="login_containerregister">
<label><b>Straatnaam</b></label>
<input type="text" placeholder="Voer jouw straatnaam in" name="name"
pattern="[A-Za-z]{1,}" title="Moet alleen letters zijn" required>
</div>
<div class="login_containerregister">
<label><b>Straatnummer</b></label>
<input type="text" placeholder="Voer jouw straatnummer in" name="name"
pattern="[1-9][0-9]{0,}" title="Moet alleen nummers zijn" required>
</div>
<div class="login_containerregister">
<label><b>Email</b></label>
<input type="email" placeholder="Voer je email in" id="email"
title="Voer een geldige email in" required>
</div>
<div class="login_containerregister">
<input type="submit" value="Registreer je account" name="Submit" id="frm1_submit" />
</div>
</form>
</div>
</div>
<script>
$("#default-settings").birthdayPicker();
</script>
</body>
</html> </html>
<script> <script>
// Get the modal // Get the modal
var modal = document.getElementById('id01'); var modal = document.getElementById('id01');
// When the user clicks anywhere outside of the modal, close it // When the user clicks anywhere outside of the modal, close it
window.onclick = function(event) { window.onclick = function(event) {
if (event.target == modal) { if (event.target == modal) {
modal.style.display = "none"; modal.style.display = "none";
} }
} }
</script> </script>
<script> <script>
function passwordfunction() { function passwordfunction() {
var password1 = document.getElementById("password").value; var password1 = document.getElementById("password").value;
var password2 = document.getElementById("confirmpassword").value; var password2 = document.getElementById("confirmpassword").value;
var passwordmatching = true; var passwordmatching = true;
if (password1 != password2) { if (password1 != password2) {
document.getElementById("password").style.borderColor = "red"; document.getElementById("password").style.borderColor = "red";
document.getElementById("confirmpassword").style.borderColor = "red"; document.getElementById("confirmpassword").style.borderColor = "red";
passwordmatching = false; passwordmatching = false;
confirmpassword.setCustomValidity("Wachwoord match niet") confirmpassword.setCustomValidity("Wachwoord match niet")
}
return passwordmatching;
} }
return passwordmatching; </script>
}
</script>

19
website/settings.php Normal file
View File

@@ -0,0 +1,19 @@
<!DOCTYPE html>
<html>
<?php include("views/head.php"); ?>
<body>
<?php
/*
* This view adds the main layout over the screen.
* Header and menu.
*/
include("views/main.php");
/* Add your view files here. */
include("views/settings-view.php");
/* This adds the footer. */
include("views/footer.php");
?>
</body>
</html>

33
website/styles/settings.css Normal file
View File

@@ -0,0 +1,33 @@
.settings {
}
.settings input,
.settings textarea{
padding: 10px;
margin: 5px;
border-radius: 10px;
width: 200px;
}
.settings label {
width: 125px;
display: inline-block;
text-align: right;
}
.settings input[type="password"],
.settings input[type="text"],
.settings input[type="date"],
.settings input[type="email"],
.settings textarea{
border: 1px solid black;
}
.settings-password {
}
.settings-profile {
}

1
website/views/head.php
View File

@@ -16,5 +16,6 @@
@import url("styles/search.css"); @import url("styles/search.css");
@import url("styles/adminpanel.css"); @import url("styles/adminpanel.css");
@import url("styles/chat.css"); @import url("styles/chat.css");
@import url("styles/settings.css");
</style> </style>
</head> </head>

4
website/views/header.php
View File

@@ -10,8 +10,8 @@
</div> </div>
<div class="right profile-menu"> <div class="right profile-menu">
<div id="profile-menu-popup"> <div id="profile-menu-popup">
<a href="login.php"><span style="color: red;" class="fa fa-sign-out" data-title="Uitloggen"></span></a> | <a href="index.php"><span style="color: red;" class="fa fa-sign-out" data-title="Uitloggen"></span></a> |
<a href="setting.php"><span style="color: blue;" class="fa fa-cog" data-title="Instellingen"></span></a> | <a href="settings.php"><span style="color: blue;" class="fa fa-cog" data-title="Instellingen"></span></a> |
<a href="profile.php"><span style="color: green;" class="fa fa-user" data-title="Profiel"></span></a> <a href="profile.php"><span style="color: green;" class="fa fa-user" data-title="Profiel"></span></a>
</div> </div>
<div id="profile-hello-popup"> <div id="profile-hello-popup">

87
website/views/settings-view.php Normal file
View File

@@ -0,0 +1,87 @@
<div class="content">
<div class="settings">
<form class="settings-profile platform">
<h5>Profiel Instllingen</h5>
<label for="first-name">Voornaam</label>
<input type="text"
name="first-name"
id="first-name"
placeholder="Voornaam"
title="Voornaam"
><br />
<label for="last-name">Achternaam</label>
<input type="text"
name="last-name"
id="last-name"
placeholder="Lastname"
><br />
<label for="place">Woonplaats</label>
<input type="text"
name="place"
id="place"
placeholder="Woonplaats"
><br />
<label for="bday">Geboortedatum</label>
<input type="date"
name="bday"
id="bday"
placeholder="01/01/1900"
><br />
<label for="location">Locatie</label>
<input type="text"
name="location"
id="location"
placeholder="Locatie"
><br />
<label for="bio">Bio</label>
<textarea name="bio"
rows="5"
cols="10"
title="bio"
id="bio"
></textarea>
<br />
<label></label>
<input type="submit"
>
</form>
<form class="settings-password platform" method="post">
<h5>Verander Wachtwoord</h5>
<br />
<input type="password"
name="password-old"
placeholder="Oud wachtwoord"
><br />
<input type="password"
name="password-new"
placeholder="Nieuw wachtwoord"
><br />
<input type="password"
name="password-confirm"
placeholder="Bevestig wachtwoord"
><br />
<input type="submit"
value="Verander wachtwoord"
>
</form>
<form class="settings-email platform" method="post">
<h5>Verander Email</h5>
<br />
<input type="email"
name="email"
placeholder="Nieuw Email-adres"
><br />
<input type="email"
name="email-confirm"
placeholder="Bevestig Email"
><br />
<input type="submit"
value="Verander Email"
>
</form>
</div>
</div>