Skip to content

Instantly share code, notes, and snippets.

@Amvos2000

Amvos2000/VoetenDeBaas_afspraak.php

Created January 25, 2019 15:06
Show Gist options
  • Save Amvos2000/651aa0e9fd523c15004ce086343c2f0c to your computer and use it in GitHub Desktop.
Save Amvos2000/651aa0e9fd523c15004ce086343c2f0c to your computer and use it in GitHub Desktop.
Download ZIP
Website met reserveringsysteem voor het bedrijf voeten de baas
Raw
VoetenDeBaas_afspraak.php
<?php
require_once "database/database.php";
//require_once "main/query/reactie_ophalen.php";
$year = (isset($_GET['year'])) ? $_GET['year'] : date("Y");
$week = (isset($_GET['week'])) ? $_GET['week'] : date('W');
$week = intval($week);
?>
<!DOCTYPE html>
<html lang="en">
<head>
<title>Voeten De Baas</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="stylesheets/main.css">
<link rel="stylesheet" href="stylesheets/link.css">
<link rel="stylesheet" href="stylesheets/slideshow.css">
<link rel="stylesheet" href="stylesheets/reactie.css">
</head>
<body>
<?php
//require_once "main/Header.php";
require_once "pages/main/front/Slideshow.php";
?>
<?php
require_once "pages/main/front/homeBalk.php";
?>
<?php
require_once "pages/main/front/Route.php";
?>
<div class="main">
<h2>Welkom bij Pedicure praktijk Voeten de Baas</h2>
<div class="linkbox">
<a href="pages/calender/date.php?week=<?=$week?>&year=<?=$year?>" target="_blank">Afspraak maken</a>
</div>
<br>
<p>
<b>U kunt heel makkelijk een afspraak maken door hier boven te klikken of telefonisch via
<a href="tel:555-555-5555" class="right">06 51 04 05 06</a><br>
of via <a href="mailto:[email protected]?subject=Afspraak maken&body=Afspraak maken voor voeten de baas:" class="right">
[email protected]</a></b><br>
</p>
<hr>
<div class="linkreactie">
<a href="pages/calender/query/reactie.php">Nieuw bericht toevoegen aan gastenboek</a>
<hr>
</div>
<?php
$query = "SELECT * FROM gastenBoek";
$result = mysqli_query($conn, $query);
//Loop through the result to create a custom array
/** @var lists $lists */
$lists = [];
while ($row = mysqli_fetch_assoc($result)) {
$lists[] = $row;
}
//Close connection
mysqli_close($conn);
foreach ($lists as $list) { ?>
<div class="box_reactie">
<table border="0px">
<tr>
<td>
<b>naam:</b><?= $list['name']; ?><br>
<b>reactie:</b> <?= $list['reactie']; ?><br></td>
<hr>
<?php } ?>
</tr>
</table>
</div>
</div>
</div>
<?php
require_once "pages/main/front/UnderBalk.php";
?>
</body>
</html>
Raw
VoetenDeBaas_database_database.php
<?php
$host = "192.168.50.5";
$database = "website";
$user = "root";
$password = "root";
$conn = mysqli_connect($host, $user, $password, $database)
or die("Error: " . mysqli_connect_error());;
Raw
VoetenDeBaas_dePraktijk.php
<?php
namespace dePraktijk;
?>
<!DOCTYPE html>
<html lang="en">
<head>
<title>Voeten De Baas</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="stylesheets/main.css">
<link rel="stylesheet" href="stylesheets/slideshow.css">
</head>
<body>
<?php
//require_once "main/Header.php";
require_once "pages/main/front/Slideshow.php";
?>
<?php
require_once "pages/main/front/homeBalk.php";
?>
<?php
require_once "pages/main/front/Route.php";
?>
<div class="main">
<h2>Welkom bij Pedicure praktijk Voeten de Baas</h2>
<div class="fakeimg" style="height:200px;">
<img src="pages/image/pedicure.png" alt="mail" width="700" height="170" >
</div>
<p>
<br><b><h3>Uw voeten verdienen uw aandacht</h3></b>
<br>Als u erbij stil staat hoeveel kilometers u gedragen wordt door uw voeten,
<br>dan is dit zeker geen loze kreet. U kunt te maken krijgen met allerlei ongemakken
<br>zoals eelt, likdoorns/eksteroog, ingroeiende nagels, et cetera. Maar wist u dat,
<br>als u problemen met uw voeten heeft, u vaak ongemerkt uw houding veranderd waardoor
<br>er vervolgens andere problemen kunnen ontstaan. Denkt u maar eens aan rug-heup en/of
<br>nekklachten. Wanneer u bedenkt hoeveel werk uw voeten moeten verrichten, bent u het
<br>ongetwijfeld met mij eens dat wat extra aandacht volledig op zijn plaats is. Goed en
<br>gemakkelijk lopen heeft invloed op de totale gezondheid! Veel mensen onderschatten dan
<br>ook het belang van goede voetverzorging.
</p>
<p>
<br><b><h3>Zelf kunt u een aantal van deze ongemakken voorkomen door:</h3></b>
<br> - Geen strakke sokken of kousen te dragen.
<br>- De voeten dagelijks te wassen en goed af te drogen. {vooral tussen de tenen}.
<br>- Teennagels recht en niet te kort af te knippen.
<br>- Goed passende schoenen te dragen met voldoende ruimte voor de tenen.
</p>
<p>
<br><b><h3>De behandeling bestaat uit:</h3></b>
<br>- Desinfecteren van de voeten
<br>- Knippen van de nagels
<br>- Verwijderen van overtollig eelt
<br>- Verwijderen van eventuele likdoorns, zoals eeltpit/eksteroog
<br>- Behandelen van eventuele kloven
<br>- Behandelen van kalknagels en ingroeiende nagels
<br>- Verzorging van de nagels en de nagelomgeving [nagelwallen]
<br>- Het aanbrengen van voetencrème ter bevordering van de doorbloeding.
</p>
<p>
<br><b><h3>Duur van de basis behandeling is ongeveer 45 min. en kost € 26.00
<br>Voor iedere 15 min extra € 8,50 </h3></b>
( wordt besproken bij de anamnese )
</p>
<p>
<br><b><h3>Deelbehandeling van de voet €15,00</h3></b>
<br>Tijdens deze behandeling wordt niet de hele voet behandeld, maar alleen een specifieke plek of probleem.
<br>Bijv, een ingroeiende nagel, 1 eeltlocatie of likdoorn verwijderen.
</p>
<p>
<br><b><h3>Afspraak maken?</h3></b>
<br>Dit kan zowel telefonisch via 06 51 04 05 06 als via de knop "afspraak maken"
</p>
<p>
<br><b><h3>Volgorde:</h3></b>
<br>Bij uw eerste bezoek vindt er vooraf aan een pedicure behandeling een anamnese/voetonderzoek
<br>plaats met eventueel een blauwafdruk van beide voeten. Dit houd in dat ik u een paar vragen ga
<br>stellen met betrekking tot uw gezondheid en uw klachten. Dit alles om een behandelplan op te stellen.
<br>Eerst bekijk ik nauwkeurig de huid en de nagels van uw voeten. Het kan zijn dat uw voeten meer onderhoud
<br>nodig hebben dan de standaard basisbehandeling van 45 min, dan wordt dit vooraf met u besproken.
<br>
<br>Voor een optimale hygiëne worden de voeten gedesinfecteerd. De behandeling bestaat onder meer uit het
<br>verwijderen van eelt en likdoorns, het op de juiste manier het knippen van de nagels en het polijsten van de
<br>nagelplaat. Met een pedicure motor op basis van nat techniek wordt u snel en vrijwel pijnloos geholpen. Als de
<br>conditie van de voet het toelaat wordt de behandeling afgerond met het incrèmen van de voet met een ontspannende
<br>voetmassage.
</p>
</div>
</div>
<?php
require_once "pages/main/front/UnderBalk.php";
?>
</body>
</html>
Raw
VoetenDeBaas_index.php
<!DOCTYPE html>
<html lang="en">
<head>
<title>Voeten De Baas</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="stylesheets/main.css">
<link rel="stylesheet" href="stylesheets/slideshow.css">
</head>
<body>
<?php
//require_once "main/Header.php";
try { require_once "pages/main/front/Slideshow.php";} finally{($e);}
try { require_once "pages/main/front/homeBalk.php";} finally{($e);}
try { require_once "pages/main/front/Route.php";} finally{($e);}
?>
<?php
//require_once "pages/main/front/homeBalk.php";
?>
<?php
//require_once "pages/main/front/Route.php";
?>
<div class="main">
<h2>Welkom bij Pedicure praktijk Voeten de Baas</h2>
<div class="fakeimg" style="height:200px;">
<img src="pages/image/kamertje.png" alt="mail" width="500" height="190" >
</div>
<p>
Mijn naam is Diana Baas en ik ben gediplomeerd Pedicure. Kwaliteit en service staat bij mij voorop.Ik heb mijn praktijk aan huis<br>
op de eerste verdieping, die door middel van een trap te bereiken is. Ik ben aangesloten bij de Nederlandse branchevereniging voor<br>
pedicures "provoet", te herkennen aan het provoet-logo en/of provoet muurbord. Alle leden van provoet worden verplicht om een door<br>
de branche erkend diploma te halen. Hierdoor weet u zeker dat uw voeten door een vakkundige voetverzorger behandeld worden!<br>
</p>
<div class="fakeimg" style="height:100px;">
<img src="pages/image/provoet.png" alt="mail" width="200" height="100" >
</div>
<p>
Ik werk volgens de code van de voetverzorger, dit houdt in dat er altijd met gereinigde en gedesinfecteerde instrumenten in een<br>
hygiënische omgeving wordt gewerkt. Daarbij werk ik met een nat techniek pedicure motor, wat het mogelijk maakt om efficiënt en<br>
(vrijwel) pijnloze behandelingen te geven.<br>
</p><p>
Als u, na het bezoeken van deze website, nog vragen heeft of als u een afspraak wilt maken voor een pedicure behandeling, dan kunt<br>
u contact met mij opnemen. U kunt ook een afspraak maken via de knop "afspraak maken". Mijn gegevens staan in de contactpagina.<br>
Ik wens u een plezierig verblijf op mijn website en hoop u binnenkort te mogen verwelkomen in mijn pedicure praktijk.<br>
</p><p>
Met vriendelijke groet,<br>
</p><p>
Diana Baas<br>
</p><br>
</div>
</div>
<?php
require_once "pages/main/front/UnderBalk.php";
?>
<script>
/* $(window).scroll(function () {
var sc = $(window).scrollTop();
let wh = screen.hei
console.log(sc);
if (sc > 231) {
$("#header-sroll").addClass("fixed");
} else {
$("#header-sroll").removeClass("fixed");
}
});
*/
let header = document.getElementById("header-scroll")
window.addEventListener('scroll', function (e) {
let top = .scrollTop
console.log(top)
})
</script>
</body>
</html>
Raw
VoetenDeBaas_pages_calender_date.php
<?php
session_start();
//require gegevens uit de datebase voor calender
require_once "inc/gegevensdate.inc.php";
require_once "../main/calender/calender_balk.php";
?>
<?php
$year = (isset($_GET['year'])) ? $_GET['year'] : date("Y");
$week = (isset($_GET['week'])) ? $_GET['week'] : date('W');
$dag = (isset($_GET['day'])) ? $_GET['day'] : date('d');
$month = (isset($_GET['month'])) ? $_GET['month'] : date('M');
if($week > 52) {
$year++;
$week = 1;
} elseif($week < 1) {
$year--;
$week = 52;
}
?>
<!DOCTYPE html>
<html>
<head>
<title>Voeten De Baas calender custemer</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="../../stylesheets/calender/calender.css">
<link rel="stylesheet" href="../../stylesheets/balk.css">
</head>
<body>
<br><br>
<div class="link">
<div style="text-align:center;">
<a href="<?php echo $_SERVER['PHP_SELF'].'?week='.($week == 1 ? 52 : $week -1).'&year='.($week == 1 ? $year - 1 : $year); ?>">Pre Week</a> <!--Previous week-->
<a href="<?php echo $_SERVER['PHP_SELF'].'?week='.($week == 52 ? 1 : 1 + $week).'&year='.($week == 52 ? 1 + $year : $year); ?>">Next Week</a> <!--Next week-->
</div>
</div>
<div class="box">
<table border="1px">
<tr>
<?php
if($week < 10) {
$week = '0'. $week;
}
for($day= 1; $day <= 7; $day++) {
$d = strtotime($year ."W". $week . $day);
//d
echo "<th>". date('l', $d) ."<br>". date('d M', $d) ."</th>";
}
?>
</tr>
<tr>
<?php
for ($weekday = 1; $weekday <= 7; $weekday++) {
?>
<td>
<?php
foreach ($lists as $list) {
if ($list['year'] == $year &&
$list['week'] == $week &&
$list['day'] == $weekday) {
$testje = false;
foreach ($ids as $id) {
if ($list['id'] == $id['appointment_id']) {
$testje = true;
}
}
if($testje == true) {
?>
<div class="taken">
<?php
if(isset($_SESSION['userId'])){
?>
<a class="link_detail" href="query/detail.php?id=<?=($list['id'])?>"> <?= $list['timeStart'] ?> - <?= $list['timeEnd'] ?> <br> Bezet!<br></a>
<br>
<a class="link_delete" href="query/Delete_date.php?id=<?=($list['id'])?>" >Delete</a>
<?php }else{?>
<?= $list['timeStart'] ?> - <?= $list['timeEnd'] ?> <br> Bezet!<br>
<?php } ?>
<hr>
</div>
<?php
} else {
?>
<a class="link_detail" href="query/Insert_user.php?id=<?=($list['id'])?>">
<div class="free">
<?= $list['timeStart'] ?> - <?= $list['timeEnd'] ?> <br> Vrij!<br>
</a>
<?php
if(isset($_SESSION['userId'])){
?>
<br>
<a class="link_delete" href="query/Delete_date.php?id=<?=($list['id'])?>" class="">Delete</a>
<?php }?>
<hr>
</div>
<?php
}
}
}
?>
</td>
<?php
}
?>
</tr>
</table>
</div>
<?php
if(isset($_SESSION['userId'])){?>
<div class="link">
<a href="query/Insert_date.php" >Insert</a>
</div>
<?php } ?>
</body>
</html>
Raw
VoetenDeBaas_pages_calender_inc_database_database.php
<?php
$host = "192.168.50.5";
$database = "website";
$user = "root";
$password = "root";
$conn = mysqli_connect($host, $user, $password, $database)
or die("Error: " . mysqli_connect_error());;
Raw
VoetenDeBaas_pages_calender_inc_gegevensdate.inc.php
<?php
require_once "database/database.php";
?>
<!DOCTYPE html>
<html>
<title>datebase data for calender</title>
<body>
<?php
//Get the result set from the database with a SQL query
$query = "SELECT * FROM appointment";
$query_users = "SELECT appointment_id FROM users";
$result = mysqli_query($conn, $query);
$result_users = mysqli_query($conn, $query_users);
//Loop through the result to create a custom array
/** @var lists $lists */
$lists = [];
while ($row = mysqli_fetch_assoc($result)) {
$lists[] = $row;
}
$ids = [];
while ($id = mysqli_fetch_assoc($result_users)) {
$ids[] = $id;
}
//Close connection
mysqli_close($conn);
?>
</body>
</html>
Raw
VoetenDeBaas_pages_calender_query_Delete_date.php
<?php
require_once "../inc/database/database.php";
$year = (isset($_GET['year'])) ? $_GET['year'] : date("Y");
$week = (isset($_GET['week'])) ? $_GET['week'] : date('W');
$week = intval($week);
$id_afspraak = (isset($_GET['id'])) ? $_GET['id'] : "";
$sql =
"DELETE FROM appointment WHERE id=$id_afspraak";
if ($conn->query($sql) === TRUE) {
echo "New record created successfully";
} else {
echo "Error: " . $sql . "<br>" . $conn->error;
}
header("Location: ../../calender/date.php?week=$week&year=$year");
exit();
?>
Raw
VoetenDeBaas_pages_calender_query_Delete_user.php
<?php
require_once "../inc/database/database.php";
$year = (isset($_GET['year'])) ? $_GET['year'] : date("Y");
$week = (isset($_GET['week'])) ? $_GET['week'] : date('W');
$week = intval($week);
$id_afspraak = (isset($_GET['id'])) ? $_GET['id'] : "";
$sql =
"DELETE FROM users WHERE id=$id_afspraak";
if ($conn->query($sql) === TRUE) {
echo "Record deleted";
} else {
echo "Error: " . $sql . "<br>" . $conn->error;
}
header("Location: ../../calender/date.php?week=$week&year=$year");
exit();
?>
Raw
VoetenDeBaas_pages_calender_query_detail.php
<?php
//Require database in this file
require_once "../inc/database/database.php";
require_once "../../main/calender/afspraak_balk.php";
$id_afspraak = (isset($_GET['id'])) ? $_GET['id'] : "";
$year = (isset($_GET['year'])) ? $_GET['year'] : date("Y");
$week = (isset($_GET['week'])) ? $_GET['week'] : date('W');
$week = intval($week);
$query = "SELECT * FROM users WHERE appointment_id = $id_afspraak";
$result = mysqli_query($conn, $query);
//Loop through the result to create a custom array
/** @var lists $lists */
$lists = [];
while ($row = mysqli_fetch_assoc($result)) {
$lists[] = $row;
}
//Close connection
mysqli_close($conn);
?>
<!DOCTYPE html>
<html>
<title>Voeten De Baas</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="../../../stylesheets/calender/detail.css">
<link rel="stylesheet" href="../../../stylesheets/balk.css">
<body>
<div class="container">
<?php foreach ($lists as $list) { ?>
<table border="1px">
<tr>
<td>
naam:<?= $list['name']; ?><br>
<?= $list['email']; ?><br>
</td><td> </td>
<td> <?= $list['phone']; ?><br></td>
<hr>
<?php } ?>
</tr>
</table>
<br>
<div class="link">
<a class="link" href="Delete_user.php?id=<?=($list['id'])?>" class="">Delete</a>
</div>
</div>
</body>
</html>
Raw
VoetenDeBaas_pages_calender_query_Insert_date.php
<?php
require_once "../inc/database/database.php";
require_once "../../main/calender/afspraak_balk.php";
$year = (isset($_GET['year'])) ? $_GET['year'] : date("Y");
$week = (isset($_GET['week'])) ? $_GET['week'] : date('W');
$week = intval($week);
?>
<!doctype html>
<html>
<head>
<title>Voeten De Baas</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="../../../stylesheets/form.css">
<link rel="stylesheet" href="../../../stylesheets/balk.css">
</head>
<body>
<?php
if(isset($_POST['save'])) {
$id = '';
$year = $_POST['year'];
$week = $_POST['week'];
$week = intval($week);
$day = $_POST['day'];
$timeStart = $_POST['poep'];
$timeEnd = date('H:i', strtotime($timeStart) + 60*60);
$sql =
"INSERT INTO appointment (id, year, week, day, timeStart, timeEnd)
VALUES (' $id ',' $year ',' $week ',' $day ',' $timeStart ',' $timeEnd ')";
if ($conn->query($sql) === TRUE) {
echo "New record created successfully";
} else {
echo "Error: " . $sql . "<br>" . $conn->error;
}
header("Location: ../../calender/date.php?week=$week&year=$year");
exit();
}
//mysqli_query($conn, $sql)
?>
<div class="container">
<form action="" method="post" >
<label for="year">Jaar:</label>
<select id="year" name="year">
<option value="<?= date("Y") ?>"><?= date("Y") ?></option>
<option value="<?= date('Y', strtotime('+1 years')); ?>"><?= date('Y', strtotime('+1 years')); ?></option>
<option value="<?= date('Y', strtotime('+2 years')); ?>"><?= date('Y', strtotime('+2 years')); ?></option>
</select><br><br>
<label for="week">Week:</label>
<select id="week" name="week">
<option value="<?=date("W") ?>"><?= date("W") ?></option>
<?php for ($i = 1; $i <= 52; $i++) {?>
<option value="<?= date('W', strtotime('+' .$i. 'week')); ?>"><?= date('W', strtotime('+ ' .$i. ' week')); ?></option>
<?php } ?>
</select><br><br>
<label for="day">Dag:</label>
<select id="day" name="day">
<option value="1">Maandag</option>
<option value="2">Dinsdag</option>
<option value="3">Woensdag</option>
<option value="4">Donderdag</option>
<option value="5">Vrijdag</option>
<option value="6">Zaterdag</option>
<option value="7">Zondag</option>
</select><br><br>
<label for="timeStart">Tijd:</label>
<input type="time" id="time" name="poep"/>
<br><br>
<button type="submit" name="save" value="GO">save</button>
</form>
</div>
</body>
</html>
Raw
VoetenDeBaas_pages_calender_query_Insert_user.php
<?php
require_once "../inc/database/database.php";
require_once "../../main/calender/afspraak_balk.php";
$year = (isset($_GET['year'])) ? $_GET['year'] : date("Y");
$week = (isset($_GET['week'])) ? $_GET['week'] : date('W');
$week = intval($week);
$id_afspraak = (isset($_GET['id'])) ? $_GET['id'] : "";
$query = "select * from appointment where appointment.id = $id_afspraak";
$result = mysqli_query($conn, $query);
$row = mysqli_fetch_assoc($result);
if ($row === null){
?>
<!doctype html>
<html>
<head>
<title>oops</title>
</head>
<body>
<p>Deze afspraak bestaat niet.</p>
</body>
<?php
}
else {
if(isset($_POST['save'])) {
$id = '';
$name = $_POST['name'];
$email = $_POST['email'];
$phone = $_POST['phone'];
if($name == "" || $email == "" || $phone == ""){
echo "dit mag niet";
}
else {
$query = "select * from users where users.appointment_id = $id_afspraak";
$result = mysqli_query($conn, $query);
$row = mysqli_fetch_assoc($result);
if ($row === null){
$sql =
"INSERT INTO users (id, name, email, phone, appointment_id)
VALUES (' $id ',' $name ',' $email ',' $phone ',' $id_afspraak')";
if ($conn->query($sql) === TRUE) {
echo "New record created successfully";
} else {
echo "Error: " . $sql . "<br>" . $conn->error;
}
}
else {
echo "Deze afspraak is al bezet!";
}
header("Location: ../../calender/date.php?week=$week&year=$year");
exit();
}
}
?>
<!doctype html>
<html>
<head>
<title>Voeten De Baas</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="../../../stylesheets/form.css">
<link rel="stylesheet" href="../../../stylesheets/balk.css">
</head>
<body>
<div class="container">
<?php
$sql2 = "SELECT * FROM appointment WHERE id = $id_afspraak";
$result = mysqli_query($conn, $sql2);
//Loop through the result to create a custom array
/** @var lists $lists */
$lists = [];
while ($row = mysqli_fetch_assoc($result)) {
$lists[] = $row;
}
foreach ($lists as $list) {
$day_full = array("Dag bestaat niet", "Maandag", "Dinsdag", "Woensdag", "Donderdag", "Vrijdag", "Zaterdag", "Zondag");
?>
<p>
Je bent nu een afspraak aan het maken voor:<br>
tijd: <?= $list['timeStart'];?> -
<?= $list['timeEnd'];?><br>
dag: <?= $day_full[$list['day']];?><br>
Week: <?= $list['week'];?><br>
Jaar: <?= $list['year'];?><br>
<br>
Vul de volgende gegevens in om u afspraak te verzilveren<br>
</p>
<?php } ?>
<form method="post">
<label id="first">Naam:</label><br>
<input id="nameField" type="text" name="name" placeholder="Name..."><br>
<label id="first">E-mail:</label><br/>
<input id="mailField" type="email" name="email" placeholder="E-mail...."><br/>
<label id="first">telefoonnummer:</label><br/>
<input id="phoneField" type="text" name="phone" placeholder="Telefoonnummer..."><br/>
<button id="button" disabled="true" type="submit" name="save" class="button">Afspraak maken</button>
</form>
</div>
<script>
let name = document.getElementById("nameField")
let mail = document.getElementById("mailField")
let phone = document.getElementById("phoneField")
let button = document.getElementById("button")
function buttonSwitch() {
if (name.value === "" || name.value == null) {
button.disabled = true;
}
else if (mail.value === "" || mail.value == null) {
button.disabled = true;
}
else if (phone.value === "" || phone.value == null) {
button.disabled = true;
} else {
button.disabled = false;
}
}
window.addEventListener("keypress", buttonSwitch)
</script>
</body>
</html>
<?php
}
?>
Raw
VoetenDeBaas_pages_calender_query_reactie.php
<?php
require_once "../inc/database/database.php";
require_once "../../main/front/reactie_balk.php";
?>
<!doctype html>
<html>
<head>
<title>Voeten De Baas</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="../../../stylesheets/form.css">
<link rel="stylesheet" href="../../../stylesheets/balk.css">
</head>
<body>
<?php
if(isset($_POST['save'])) {
$id = '';
$name = $_POST['name'];
$reactie = $_POST['reactie'];
$sql =
"INSERT INTO gastenBoek (id, name,reactie)
VALUES (' $id ',' $name ',' $reactie ')";
if ($conn->query($sql) === TRUE) {
echo "New record created successfully";
} else {
echo "Error: " . $sql . "<br>" . $conn->error;
}
header("Location: ../../../afspraak.php");
exit();
}
//mysqli_query($conn, $sql)
?>
<div class="box">
<form method="post">
<label id="first"> naam:</label><br/>
<input type="text" name="name"><br/>
<label id="first">Bericht</label><br/>
<input type="text" name="reactie"><br/>
<button type="submit" name="save" class="button">Plaats bericht</button>
</form>
</div>
</body>
</html>
Display the source blob
Display the rendered blob
Raw
VoetenDeBaas_pages_image_mail.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Display the source blob
Display the rendered blob
Raw
VoetenDeBaas_pages_image_phone.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Raw
VoetenDeBaas_pages_login_header.php
<?php
require_once "../main/calender/inlog/inlog.balk.php";
?>
<!DOCTYPE html>
<html>
<title>Voeten De Baas</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="../../stylesheets/form.css">
<link rel="stylesheet" href="../../stylesheets/balk.css">
<body>
<div class="container">
<form action="inc/login.inc.php" method="post">
<input type="text" name="mailuid" placeholder="Username/E-mail...">
<input type="password" name="pwd" placeholder="Password...">
<button type="submit" name="login-submit" class="button">login</button>
</form>
Raw
VoetenDeBaas_pages_login_inc_database.php
<?php
$host = "192.168.50.5";
$database = "website";
$user = "root";
$password = "root";
$conn = mysqli_connect($host, $user, $password, $database)
or die("Error: " . mysqli_connect_error());;
Raw
VoetenDeBaas_pages_login_inc_login.inc.php
<?php
$year = (isset($_GET['year'])) ? $_GET['year'] : date("Y");
$week = (isset($_GET['week'])) ? $_GET['week'] : date('W');
$week = intval($week);
if(isset($_POST['login-submit'])){
require "database.php";
$mailuid = $_POST['mailuid'];
$password = $_POST['pwd'];
if(empty($mailuid) || empty($password)){
header("Location: ../inlog.php?error=emptyfields");
exit();
}
else{
$sql = "SELECT * FROM admin WHERE uidusers=? OR emailUsers=?;";
$stmt = mysqli_stmt_init($conn);
if(!mysqli_stmt_prepare($stmt, $sql)){
header("Location: ../inlog.php?error=sqlerror");
exit();
}
else{
mysqli_stmt_bind_param($stmt, "ss", $mailuid, $mailuid);
mysqli_stmt_execute($stmt);
$result = mysqli_stmt_get_result($stmt);
if($row = mysqli_fetch_assoc($result)){
$pwdCheck = password_verify($password, $row['pwdUsers']);
if($pwdCheck == false){
header("Location: ../inlog.php?error=wrongpwd");
exit();
}
else if($pwdCheck == true){
session_start();
$_SESSION['userId'] = $row['id'];
$_SESSION['userUid'] = $row['uidUsers'];
header("Location: ../../calender/date.php?week=$week&year=$year");
exit();
}
else{
header("Location: ../inlog.php?error=wrongpwd");
exit();
}
}
else{
header("Location: ../inlog.php?error=nouser");
exit();
}
}
}
}
else{
header("Location: ../inlog.php");
exit();
}
Raw
VoetenDeBaas_pages_login_inc_logout.inc.php
<?php
session_start();
session_unset();
session_destroy();
header("Location: ../../../index.php");
Raw
VoetenDeBaas_pages_login_inc_signup.inc.php
<?php
if (isset($_POST['signup-submit'])){
require "database.php";
$username = $_POST['uid'];
$email = $_POST['mail'];
$password = $_POST['pwd'];
$passwordRepeat = $_POST['pwd-repeat'];
if(empty($username) || empty($email) || empty($password) || empty($passwordRepeat)){
header("Location: ../signup.php?error=emptyfields&uid=".$username."&mail=".$email);
exit();
}
else if(!filter_var($email, FILTER_VALIDATE_EMAIL) && !preg_match("/^[a-zA-Z0-9]*$/", $username)){
header("Location: ../signup.php?error=invalidmailuis");
exit();
}
else if(!filter_var($email, FILTER_VALIDATE_EMAIL)){
header("Location: ../signup.php?error=invalidmail&uid=".$username);
exit();
}
else if(!preg_match("/^[a-zA-Z0-9]*$/", $username)){
header("Location: ../signup.php?error=invaliduid&mail=".$email);
exit();
}
else if($password !== $passwordRepeat){
header("Location: ../signup.php?error=passwordcheck&uid=".$username."&mail=".$email);
exit();
}
else {
$sql= "SELECT uidUsers FROM admin WHERE uidusers=?";
$stmt = mysqli_stmt_init($conn);
if(!mysqli_stmt_prepare($stmt, $sql)){
header("Location: ../signup.php?error=sqlerror");
exit();
}
else{
mysqli_stmt_bind_param($stmt, "s", $username);
mysqli_stmt_execute($stmt);
mysqli_stmt_store_result($stmt);
$resultCheck= mysqli_stmt_num_rows($stmt);
if($resultCheck > 0){
header("Location: ../signup.php?error=usertaken&mail=".$email);
exit();
}
else{
$sql= "INSERT INTO admin (uidUsers, emailUsers, pwdUsers) VALUES (?, ?, ?)";
$stmt = mysqli_stmt_init($conn);
if(!mysqli_stmt_prepare($stmt, $sql)){
header("Location: ../signup.php?error=sqlerror");
exit();
}
else{
$hashedPwd = password_hash($password, PASSWORD_DEFAULT);
mysqli_stmt_bind_param($stmt, "sss", $username, $email, $hashedPwd);
mysqli_stmt_execute($stmt);
header("Location: ../signup.php?signup=success");
exit();
}
}
}
}
mysqli_stmt_close($stmt);
mysqli_close($conn);
}
else{
header("Location: ../signup.php");
exit();
}
Raw
VoetenDeBaas_pages_login_inlog.php
<?php
require_once "header.php";
?>
<main>
</main>
</div>
</body>
</html>
Raw
VoetenDeBaas_pages_login_signup.php
<?php
require_once "../main/calender/inlog/inlog.balk.php";
?>
<!DOCTYPE html>
<html>
<title>Voeten De Baas</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="../../stylesheets/form.css">
<link rel="stylesheet" href="../../stylesheets/balk.css">
<body>
<main>
<div class="container">
<h1>Signup</h1>
<?php
if(isset($_GET['error'])){
if($_GET['error'] == "emptyfields"){
echo '<p> Fill in aal fields! </p>';
}
else if($_GET['error'] == "invaliduidmail"){
echo '<p> Invalid username and e-mail! </p>';
}
else if($_GET['error'] == "invaliduid"){
echo '<p> Invalid username! </p>';
}
else if($_GET['error'] == "invalidmail"){
echo '<p> Invalid e-mail! </p>';
}
else if($_GET['error'] == "passwordcheck"){
echo '<p> Your password do not match! </p>';
}
else if($_GET['error'] == "usertaken"){
echo '<p> Username is already taken! </p>';
}
}
/* else if($_GET['signup'] == "success"){
echo'<p> Signup succesful! </p>';
}*/
?>
<form action="inc/signup.inc.php" method="post">
<input type="text" name="uid" placeholder="Username">
<input type="text" name="mail" placeholder="E-mail">
<input type="password" name="pwd" placeholder="Password">
<input type="password" name="pwd-repeat" placeholder="Repeat password">
<button type="submit" name="signup-submit" class="button">Signup</button>
</form>
</div>
</main>
</body>
</html>
Raw
VoetenDeBaas_pages_main_calender_afspraak_balk.php
<?php
$year = (isset($_GET['year'])) ? $_GET['year'] : date("Y");
$week = (isset($_GET['week'])) ? $_GET['week'] : date('W');
$week = intval($week);
?>
<div class="navbar">
<a class="active" href="../date.php?week=<?=$week?>&year=<?=$year?>"> Terug naar kalender</a>
<?php
if(isset($_SESSION['userId'])){?>
<a href="../../login/inc/logout.inc.php" class="right">Logout</a>
<?php } else {?>
<?php } ?>
</div>
Raw
VoetenDeBaas_pages_main_calender_calender_balk.php
<div class="navbar">
<a class="active" href="../../../VoetenDeBaas/index.php"> Terug naar home</a>
<?php
if(isset($_SESSION['userId'])){?>
<a href="../login/inc/logout.inc.php" class="right">Logout</a>
<a href="../login/signup.php" class="right">Signup a new user</a>
<?php } else {?>
<a href="../login/inlog.php" class="right">Login</a>
<?php } ?>
</div>
Raw
VoetenDeBaas_pages_main_calender_inlog_inlog.balk.php
<?php
$year = (isset($_GET['year'])) ? $_GET['year'] : date("Y");
$week = (isset($_GET['week'])) ? $_GET['week'] : date('W');
$week = intval($week);
?>
<div class="navbar">
<a class="active" href="../calender/date.php?week=<?=$week?>&year=<?=$year?>"> Terug naar kalender</a>
<?php
if(isset($_SESSION['userId'])){?>
<a href="inc/logout.inc.php" class="right">Logout</a>
<?php } ?>
</div>
Raw
VoetenDeBaas_pages_main_front_Header.php
<!DOCTYPE html>
<html lang="en">
<head>
<title>Voeten De Baas</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="main.css">\
</head>
<body>
<div class="header">
</div>
</body>
</html>
Raw
VoetenDeBaas_pages_main_front_homeBalk.php
<?php
session_start()
?>
<!DOCTYPE html>
<html lang="en">
<head>
<title>Voeten De Baas</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="../../../stylesheets/main.css">
</head>
<body>
<div class="tweedrieeen"></div>
<div class="navbar" id="header-sroll">
<a href="index.php">Home</a>
<a href="dePraktijk.php">De praktijk</a>
<a href="afspraak.php">Afspraak maken</a>
<?php
if(isset($_SESSION['userId'])){?>
<a href="pages/login/inc/logout.inc.php" class="right">Logout</a>
<?php } ?>
</div>
</body>
</html>
Raw
VoetenDeBaas_pages_main_front_js.php
<script>
window.onscroll = function() {myFunction()};
var header = document.getElementById("navbar");
var sticky = header.offsetTop;
function myFunction() {
if (window.pageYOffset > sticky) {
header.classList.add("sticky");
} else {
header.classList.remove("sticky");
}
}
</script>
Raw
VoetenDeBaas_pages_main_front_reactie_balk.php
<div class="navbar">
<a class="active" href="../../../../VoetenDeBaas/afspraak.php"> Terug </a>
<?php
if(isset($_SESSION['userId'])){?>
<a href="../../login/inc/logout.inc.php" class="right">Logout</a>
<a href="../../login/signup.php" class="right">Signup a new user</a>
<?php } else {?>
<a href="../../login/inlog.php" class="right">Login</a>
<?php } ?>
</div>
Raw
VoetenDeBaas_pages_main_front_Route.php
<!DOCTYPE html>
<html lang="en">
<head>
<title>Voeten De Baas</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="main.css">
</head>
<body>
<div class="row">
<div class="side">
<h2>Route</h2>
<p><b>Pedicure praktijk Voeten de Baas: </b></p>
<p>Harriet Freezerstraat 4 </p>
<p>3207 HB Spijkenisse </p>
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2465.3972568281433!2d4.362254115749484!3d51.83544027969041!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47c4361f6533093f%3A0xa918cbd8d45bdc5c!2sHarri%C3%ABt+Freezerstraat+4%2C+3207+HB+Spijkenisse!5e0!3m2!1snl!2snl!4v1543180009935"
width="300" height="225" frameborder="0" style="border:0" allowfullscreen></iframe>
<h3>werkdagen: </h3>
<p>Dinsdag:           0900 -  17.00</p>
<p>Donderdag       09.00 - 17.00  en 18.00 - 21.00</p>
<p>Vrijdag              09.00 - 17.00</p>
</div>
</body>
</html>
Raw
VoetenDeBaas_pages_main_front_Slideshow.php
<div class="column">
<img src="pages/image/logo.png" style="width:101%">
</div>
<div class="slideshow-container">
<div class="mySlides fade">
<div class="numbertext"></div>
<img src="pages/image/Headerslide1.jpg" style="width:100%">
</div>
<div class="mySlides fade">
<div class="numbertext"></div>
<img src="pages/image/Headerslide4.jpg" style="width:100%">
</div>
<div class="mySlides fade">
<div class="numbertext"></div>
<img src="pages/image/Headerslide5.jpg" style="width:100%">
</div>
</div>
<br>
<div style="text-align:right">
<span class="dot"></span>
<span class="dot"></span>
<span class="dot"></span>
</div>
<script>
var slideIndex = 0;
showSlides();
function showSlides() {
var i;
var slides = document.getElementsByClassName("mySlides");
var dots = document.getElementsByClassName("dot");
for (i = 0; i < slides.length; i++) {
slides[i].style.display = "none";
}
slideIndex++;
if (slideIndex > slides.length) {slideIndex = 1}
for (i = 0; i < dots.length; i++) {
dots[i].className = dots[i].className.replace(" active", "");
}
slides[slideIndex-1].style.display = "block";
dots[slideIndex-1].className += " active";
setTimeout(showSlides, 5000); // Change image every 2 seconds
}
</script>
<script>
</script>
Raw
VoetenDeBaas_pages_main_front_UnderBalk.php
<!DOCTYPE html>
<html lang="en">
<head>
<title>Voeten De Baas</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="main.css">
</head>
<body>
<div class="box">
<div class="footerleft">
<p>Tel: 06 51 04 05 06</p>
<p>[email protected]</p>
</div>
<div class="footercenter">
<p>www.pedicurevoetendebaas.nl</p>
<p>NL89 KNAB 0257872124</p>
</div>
<div class="footerright">
<p>KVK NR: 72789476</p>
</div>
</div>
</body>
</html>
Raw
VoetenDeBaas_stylesheets_balk.css
* {
box-sizing: border-box;
}
/* Style the body */
body {
font-family: Arial, Helvetica, sans-serif;
margin: 0;
}
.navbar {
padding-top: 1%;
overflow: hidden;
background-color: #02305a;
}
/* Style the navigation bar links */
.navbar a {
float: left;
display: block;
color: white;
text-align: center;
padding: 14px 20px;
text-decoration: none;
}
/* Right-aligned link */
.navbar a.right {
float: right;
}
/* Change color on hover */
.navbar a:hover {
background-color: #5e86f5;
color: black;
}
Raw
VoetenDeBaas_stylesheets_calender_calender.css
body{
background: #eee;
}
.box {
border: solid grey 1 px;
width: 78%;
border-radius: 0px;
margin-left: 11% ;
margin-top: 1% ;
margin-bottom: 1% ;
background: white;
padding: 10px;
}
table, td, th {
border: 1px solid black;
}
table {
border-collapse: collapse;
width: 100%;
}
th {
height: 50px;
}
.free{
background-color: #5e86f5;
color: white;
padding: 14px 25px;
width: 200px;
text-align: center;
text-decoration: none;
display: inline-block;
border: 10px solid #ffffff;
}
.taken{
background-color: #696969;
color: white;
padding: 14px 25px;
width: 200px;
text-align: center;
text-decoration: none;
display: inline-block;
border: 10px solid #ffffff;
}
a.link_delete:link, a.link_taken:visited {
background-color: #f41e1e;
color: #fbffff;
padding: 5px 10px;
text-decoration: none;
display: inline-block;
border: 2px solid #ffffff;
}
a.link_delete:hover, a.link_delete:active {
background-color: #af0900;
}
a.link_detail:link {
color: #ffffff;
text-decoration: none;
}
.link a:link, a:visited {
background-color: #02305a;
color: white;
padding: 14px 25px;
text-align: center;
text-decoration: none;
display: inline-block;
}
.link a:hover, a:active {
background-color: #02305a;
}
.link a.right {
float: right;
}
Raw
VoetenDeBaas_stylesheets_calender_detail.css
body {
font-family: Arial;
}
div.container {
border-radius: 5px;
background-color: #f2f2f2;
padding-top: 50px;
padding-right: 25%;
padding-bottom: 50px;
padding-left: 25%;
}
.link a:link, a:visited {
background-color: #f44336;
color: white;
padding: 14px 25px;
text-align: center;
text-decoration: none;
display: inline-block;
}
.link a:hover, a:active {
background-color: red;
}
Raw
VoetenDeBaas_stylesheets_form.css
body {
font-family: Arial;
}
input[type=text], select {
width: 50%;
padding: 12px 20px;
margin: 8px 0;
display: block;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
}
input[type=email], select {
width: 50%;
padding: 12px 20px;
margin: 8px 0;
display: block;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
}
input[type=password], select {
width: 50%;
padding: 12px 20px;
margin: 8px 0;
display: block;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
}
input[type=submit] {
width: 50%;
background-color: #5e86f5;
color: white;
padding: 14px 20px;
margin: 8px 0;
border: none;
border-radius: 4px;
cursor: pointer;
}
input[type=submit]:hover {
background-color: #02305a;
}
.button {
width: 50%;
background-color: #5e86f5;
color: white;
padding: 14px 20px;
margin: 8px 0;
border: none;
border-radius: 4px;
cursor: pointer;
}
.button:hover {
background-color: #02305a;
}
div.container {
border-radius: 5px;
background-color: #f2f2f2;
padding-top: 50px;
padding-right: 25%;
padding-bottom: 50px;
padding-left: 25%;
}
Raw
VoetenDeBaas_stylesheets_main.css
/* Style the body */
body {
font-family: Arial, Helvetica, sans-serif;
margin: 0;
}
/* Header/logo Title */
.header {
padding: 20px;
text-align: right;
background-image: url("../pages/image/header.png");
width: 100%;
height: 257px;
}
/* Increase the font size of the heading */
.header h1 {
font-size: 40px;
}
/* Style the top navigation bar */
.navbar {
overflow: hidden;
background-color: #02305a;
padding-top: 231px;
}
/* Style the navigation bar links */
.navbar a {
float: left;
display: block;
color: white;
text-align: center;
padding-top: 8%;
padding-left:14px;
padding-right:14px;
padding-bottom: 10px;
text-decoration: none;
}
/* Right-aligned link */
.navbar a.right {
float: right;
}
/* Change color on hover */
.navbar a:hover {
background-color: #5e86f5;
color: #000000;
}
/* Column container */
.row {
display: -ms-flexbox; /* IE10 */
display: flex;
-ms-flex-wrap: wrap; /* IE10 */
flex-wrap: wrap;
}
/* Create two unequal columns that sits next to each other */
/* Sidebar/left column */
.side {
-ms-flex: 30%; /* IE10 */
flex: 30%;
background-color: #cdf2fe;
padding: 20px;
}
/* Main column */
.main {
-ms-flex: 70%; /* IE10 */
flex: 70%;
background-color: #ffffff;
padding: 20px;
}
/* Fake image, just for this example */
.fakeimg {
background-color: white;
width: 100%;
padding: 0px;
}
/* Footer */
/*.footer {
padding: 200px;
display: block;
width: 100%;
min-height: 260px;
background: grey;
text-align: center;
}
*/
.box {
background-color: #02305A;
width: 99%;
border: 5px solid #02305A;
padding-top: 10px;
padding-right: 75px;
padding-left: 75px;
padding-bottom: 75px;
margin: 5px;
}
.footerleft {
color: white;
text-align: left;
float: left;
padding-left: 50vh;
}
.footercenter {
color: white;
text-align: left;
float: left;
padding-left: 40px;
}
.footerright {
color: white;
text-align: left;
float: left;
padding-left: 40px;
}
/* Responsive layout - when the screen is less than 700px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 700px) {
.row {
flex-direction: column;
}
}
/* Responsive layout - when the screen is less than 400px wide, make the navigation links stack on top of each other instead of next to each other */
@media screen and (max-width: 400px) {
.navbar a {
float: none;
width: 100%;
}
}
Raw
VoetenDeBaas_stylesheets_reactie.css
.box_reactie {
border: solid grey 1 px;
width: 80%;
border-radius: 0px;
margin-left: 11% ;
margin-top: 1% ;
margin-bottom: 1% ;
background: white;
padding: 0px;
}
table, td, th {
border: 1px solid black;
}
table {
border-collapse: collapse;
width: 100%;
}
th {
height: 50px;
}
Raw
VoetenDeBaas_stylesheets_slideshow.css
* {box-sizing: border-box;}
body {font-family: Verdana, sans-serif;}
.mySlides {display: none;}
img {vertical-align: right;}
/* image logo*/
.column {
position:absolute;
top: 25px;
left: 25px;
width: 25%;
height: 20%;
z-index: 2;
}
/* Slideshow container */
.slideshow-container {
width: 100%;
height: 20%;
position: relative;
position:absolute;
top: 10px;
left: 00px;
z-index: 1;
}
/* Caption text */
.text {
color: #f2f2f2;
font-size: 15px;
padding: 8px 12px;
position: absolute;
bottom: 8px;
width: 100%;
text-align: center;
}
/* Number text (1/3 etc) */
.numbertext {
color: #f2f2f2;
font-size: 12px;
padding: 8px 12px;
position: absolute;
top: 0;
}
/* The dots/bullets/indicators */
.dot {
height: 0px;
width: 0px;
margin: 0 2px;
background-color: #bbb;
border-radius: 50%;
display: inline-block;
transition: background-color 0.6s ease;
}
.active {
background-color: #717171;
}
/* Fading animation */
.fade {
-webkit-animation-name: fade;
-webkit-animation-duration: 1.5s;
animation-name: fade;
animation-duration: 1.5s;
}
@-webkit-keyframes fade {
from {opacity: .4}
to {opacity: 1}
}
@keyframes fade {
from {opacity: .4}
to {opacity: 1}
}
/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
.text {font-size: 11px}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment