DopeyCode/marmeladenladen
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added logic / Form stuff

Browse Source
This commit is contained in:
StockiP
2022-05-02 09:21:19 +02:00
parent 664bf41c91
commit 4e6af105f5
6 changed files with 115 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
components/register.html
View File

@@ -23,7 +23,7 @@
<div>
<div class="row">
<div class="col-4">
<input type="text" class="form-control" name="zip" id="zip" placeholder="PLZ" required>
<input type="text" class="form-control" name="postalcode" id="postalcode" placeholder="PLZ" required>
</div>
<div class="col-8">
<input type="text" class="form-control" name="city" id="city" placeholder="Stadt" required>
@@ -31,7 +31,12 @@
</div>
<div class="row">
<div class="col-12">
<input type="text" class="form-control" name="country" id="country" placeholder="Land" required>
<select name="country" id="country">
<option disabled selected value="" style="display:none">Land</option>
<option value="Frau">Österreich</option>
<option value="Herr">Deutschland</option>
<option value="Person">Schweiz</option>
</select>
</div>
</div>
<div class="row">
@@ -59,4 +64,5 @@
<button type="submit" class="btn btn-success float-end" id="registration" >Registrieren</button>
</div>
</form>
</div>
</div>
<script src="../js/registration.js"></script>

27
db/datahandler.php
View File

@@ -4,20 +4,21 @@ include($_SERVER['DOCUMENT_ROOT'] . '/logic/testinput.php');
class DataHandler
{
public function registerUser($username, $password, $email, $phone, $salutation, $firstname, $lastname, $role, $street, $streetnumber, $postalcode, $country)
public function registerUser($data)
{
$username = testinput($username);
$password = testinput($password);
$email = testinput($email);
$phone = testinput($phone);
$salutation = testinput($salutation);
$firstname = testinput($firstname);
$lastname = testinput($lastname);
$role = testinput($role);
$street = testinput($street);
$streetnumber = testinput($streetnumber);
$postalcode = testinput($postalcode);
$country = testinput($country);
$username = testinput($data->username);
$password = testinput($data->password);
$email = testinput($data->email);
$phone = testinput($data->phone);
$salutation = testinput($data->salutation);
$firstname = testinput($data->firstname);
$lastname = testinput($data->lastname);
$street = testinput($data->street);
$streetnumber = testinput($data->streetnumber);
$postalcode = testinput($data->postalcode);
$country = testinput($data->country);
$password = password_hash($password, PASSWORD_DEFAULT);
require($_SERVER['DOCUMENT_ROOT'] . '/config/setupDBAccess.php');

19
js/app.js Normal file
View File

@@ -0,0 +1,19 @@
"use strict";
$(document).ready(function () {
$('#mmlMainContent').load('../components/homepage.html');
$('#top_nav_bar').load('../components/top_nav.html');
$('#main_nav_bar').load('../components/main_nav.html', function () {
var _a, _b, _c;
(_a = document.getElementById('registerLink')) === null || _a === void 0 ? void 0 : _a.addEventListener('click', function () {
$('#mmlMainContent').load('../components/register.html');
});
(_b = document.getElementById('homeLink')) === null || _b === void 0 ? void 0 : _b.addEventListener('click', function () {
$('#mmlMainContent').load('../components/homepage.html');
});
(_c = document.getElementById('loginLink')) === null || _c === void 0 ? void 0 : _c.addEventListener('click', function () {
$('#mmlMainContent').load('../components/login.html');
});
});
$('#marmeladenladen_footer').load('../components/footer.html');
$('#marmeladenladen_search').load('../components/modal.html');
});

3
js/app.ts
View File

@@ -1,5 +1,3 @@
$(document).ready(function() {
$('#mmlMainContent').load('../components/homepage.html');
$('#top_nav_bar').load('../components/top_nav.html');
@@ -14,7 +12,6 @@ $(document).ready(function() {
$('#mmlMainContent').load('../components/login.html');
},);
});
$('#mmlMainContent').load('../components/ftProducts.html');
$('#marmeladenladen_footer').load('../components/footer.html');
$('#marmeladenladen_search').load('../components/modal.html');
});

63
js/registration.js
View File

@@ -1,41 +1,42 @@
const email = document.getElementById('email');
const password = document.getElementById('password');
const password2 = document.getElementById('password2');
password2.addEventListener('change', checkPassword);
const form = document.getElementById('marmeladenLadenRegisterForm');
form.addEventListener('submit', register);
async function register(event) {
event.preventDefault();
function register() {
//check password with checkPassword function
if (checkPassword()) {
//get form data
const formData = new FormData(form);
//create object with form data
const data = {};
formData.forEach((value, key) => data[key] = value);
$.ajax({
url: 'php/registration.php',
type: 'POST',
data: {
email: email.value,
password: password.value,
password2: password2.value
},
success: function (data) {
if (data == 'success') {
window.location.href = 'index.html';
} else {
alert(data);
//send data to php with Ajax
$.ajax({
url: '../logic/serviceLogic.php',
type: 'POST',
data: {method: 'register', data: data},
datatype: 'json',
success: function (response) {
if (response === 'success') {
window.location.replace('index.html');
} else {
alert(response);
}
}
}
});
return false;
});
}
}
var formData = new FormData(form);
const jSONdata = JSON.stringify(Object.fromEntries(formData));
//print elements of jSONdata
console.log(jSONdata);
function checkPassword() {
async function checkPassword() {
if (password.value != password2.value) {
password2.setCustomValidity('Passwords do not match');
return false;
@@ -43,14 +44,4 @@ function checkPassword() {
password2.setCustomValidity('');
return true;
}
}
function checkemail() {
if (email.value != '') {
email.setCustomValidity('');
return true;
} else {
email.setCustomValidity('Email is required');
return false;
}
}

46
logic/serviceLogic.php Normal file
View File

@@ -0,0 +1,46 @@
<?php
include( $_SERVER['DOCUMENT_ROOT'] . '/logic/userLogic.php' );
$param = "";
$method = "";
isset($_GET["method"]) ? $method = $_GET["method"] : false;
isset($_GET["param"]) ? $param = $_GET["param"] : false;
$logic = new UserLogic();
$result = $logic->handleUserRequests($method, $param);
if ($result == null) {
response("GET", 400, null);
} else {
response("GET", 200, $result);
}
function response($method, $status, $data)
{
header('Content-Type: application/json');
switch ($method) {
case 'GET':
http_response_code($status);
echo json_encode($data);
break;
case 'POST':
http_response_code($status);
echo json_encode($data);
break;
case 'PUT':
http_response_code($status);
echo json_encode($data);
break;
case 'DELETE':
http_response_code($status);
echo json_encode($data);
break;
default:
http_response_code(400);
echo json_encode(array("message" => "Invalid method"));
break;
}
}
?>