jonas
/
WEBT_rentalsystem
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Compare commits

base: jonas:869a11d17ddee9f1ced7db628bf8d48067b5c1cb
Branches Tags
jonas:main
...
compare: jonas:78fd0087e39abc2c8bb679d900e3adef5ab8c395
Branches Tags
jonas:main

3 Commits
869a11d17d ... 78fd0087e3

Author SHA1 Message Date
Jonas Arnold 78fd0087e3 finished project according to task
4 years ago
Jonas Arnold fe28688ff7 rm testfile
4 years ago
Jonas Arnold 57003df7fc now removed
4 years ago
9 changed files with 204 additions and 144 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats
  1. 8
      css/style.css
  2. BIN
      img/aside_image.jpg
  3. 24
      js/validation.js
  4. 7
      readme.txt
  5. 186
      rental.html
  6. 95
      rental_action.php
  7. 28
      schema.sql
  8. 0
      testfile.txt
  9. 0
      testfile2.txt

8
css/style.css
Unescape View File

@ -38,8 +38,7 @@ legend {
#parent { #parent {
display: flex; display: flex;
flex-flow: row wrap; flex-flow: row wrap;
align-items: center; justify-content: flex-start;
justify-content: center;
} }
/* text description element */ /* text description element */
#parent div:nth-child(1) { #parent div:nth-child(1) {
@ -47,10 +46,13 @@ legend {
} }
/* symbol elements */ /* symbol elements */
#parent div { #parent div {
flex-basis: 50%; flex-basis: 45%;
} }
/* spacing */ /* spacing */
.article-spacing {
margin-bottom: 0.5cm;
}
.between-spacing { .between-spacing {
margin-bottom: 1cm; margin-bottom: 1cm;
} }

BIN
img/aside_image.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 MiB

24
js/validation.js
Unescape View File

@ -4,31 +4,36 @@ function isValid() {
/* VALIDATE RENTAL ARTICLE NUMBER */ /* VALIDATE RENTAL ARTICLE NUMBER */
let rental_art_nr = document.getElementById("mietart_nr").value; let rental_art_nr = document.getElementById("mietart_nr").value;
if(rental_art_nr == ''){ // check if rental art nr is present. if(rental_art_nr == ''){ // check if rental art nr is present.
setErrorPanel("Bitte eine Mietartikel Nummer angeben."); return false; setErrorPanel("Bitte eine Mietartikel Nummer angeben.");
return false;
} }
console.log("Testing if " + rental_art_nr[0] + " is a letter. IsLetter=" + rental_art_nr[0].match(/[a-z]/i)); console.log("Testing if " + rental_art_nr[0] + " is a letter. IsLetter=" + rental_art_nr[0].match(/[a-z]/i));
if(rental_art_nr[0].match(/[a-z]/i) == null){ // check if first character is a letter. all article numbers start with a letter. if(rental_art_nr[0].match(/[a-z]/i) == null){ // check if first character is a letter. all article numbers start with a letter.
setErrorPanel("Bitte eine gültige Mietartikel Nummer angeben."); return false; setErrorPanel("Bitte eine gültige Mietartikel Nummer angeben.");
return false;
} }
/* VALIDATE START DATE */ /* VALIDATE START DATE */
let start_date_string = document.getElementById("von").value; let start_date_string = document.getElementById("von").value;
let start_date = new Date(start_date_string); let start_date = new Date(start_date_string);
if(start_date_string == '' || start_date == null){ // check if start date is present and valid. if(start_date_string == '' || start_date == null){ // check if start date is present and valid.
setErrorPanel("Bitte ein valides Startdatum angeben."); return false; setErrorPanel("Bitte ein valides Startdatum angeben.");
return false;
} }
/* VALIDATE END DATE */ /* VALIDATE END DATE */
let end_date_string = document.getElementById("bis").value; let end_date_string = document.getElementById("bis").value;
let end_date = new Date(end_date_string); let end_date = new Date(end_date_string);
if(end_date_string == '' || end_date == null){ // check if end date is present and valid. if(end_date_string == '' || end_date == null){ // check if end date is present and valid.
setErrorPanel("Bitte ein valides Enddatum angeben."); return false; setErrorPanel("Bitte ein valides Enddatum angeben.");
return false;
} }
/* VALIDATE START DATE IS BEFORE END DATE */ /* VALIDATE START DATE IS BEFORE END DATE */
console.log("Testing if start date " + start_date.toISOString() + " is before end date " + end_date.toISOString() + " Is=" + (end_date >= start_date)); console.log("Testing if start date " + start_date.toISOString() + " is before end date " + end_date.toISOString() + " Is=" + (end_date >= start_date));
if(end_date < start_date){ // check if start date is before end date. if(end_date < start_date){ // check if start date is before end date.
setErrorPanel("Startdatum muss vor Enddatum liegen."); return false; setErrorPanel("Startdatum muss vor Enddatum liegen.");
return false;
} }
/* VALIDATE START DATE IS AFTER TODAY */ /* VALIDATE START DATE IS AFTER TODAY */
@ -36,17 +41,20 @@ function isValid() {
let now_dateOnly = new Date(now.getUTCFullYear(), now.getUTCMonth(), now.getUTCDate()); let now_dateOnly = new Date(now.getUTCFullYear(), now.getUTCMonth(), now.getUTCDate());
console.log("Testing if start date " + start_date.toISOString() + " is after now " + now_dateOnly.toISOString() + ". IsTodayOrLater=" + (start_date >= now_dateOnly)); console.log("Testing if start date " + start_date.toISOString() + " is after now " + now_dateOnly.toISOString() + ". IsTodayOrLater=" + (start_date >= now_dateOnly));
if(start_date < now_dateOnly){ // check if start date in the past. today is ok. if(start_date < now_dateOnly){ // check if start date in the past. today is ok.
setErrorPanel("Startdatum liegt in der Vergangenheit."); return false; setErrorPanel("Startdatum liegt in der Vergangenheit.");
return false;
} }
/* VALIDATE CUSTOMER NUMBER */ /* VALIDATE CUSTOMER NUMBER */
let customer_nr = document.getElementById("kunden_nr").value; let customer_nr = document.getElementById("kunden_nr").value;
if(customer_nr == ''){ // check if customer number empty if(customer_nr == ''){ // check if customer number empty
setErrorPanel("Bitte eine Kundennummer angeben."); return false; setErrorPanel("Bitte eine Kundennummer angeben.");
return false;
} }
console.log("Testing if customer number " + customer_nr + " is a number. IsInteger=" + (isNaN(customer_nr) == false)); console.log("Testing if customer number " + customer_nr + " is a number. IsInteger=" + (isNaN(customer_nr) == false));
if(isNaN(customer_nr) == true){ // check if customer number is a number if(isNaN(customer_nr) == true){ // check if customer number is a number
setErrorPanel("Kundennummer ist ungültig."); return false; setErrorPanel("Kundennummer ist ungültig.");
return false;
} }
console.log("Validation sucessful"); console.log("Validation sucessful");

7
readme.txt
Unescape View File

@ -0,0 +1,7 @@
Einige Hinweise zur Applikation:
- Die Kundennummer wird nicht mit einer DB abgeglichen, da ich dies nicht innerhalb der gesetzten Zeilenlimiten realisieren konnte.
Für diese Nummer deshalb einfach etwas erfinden: 123456 o.ä.
- Nicht alle Materialien, welche in der PDF Liste sind, sind auch in der DB erfasst. Das ist ein valider Fall.
Um das Erfassen eines DB-Eintrags zu testen, sollte eine erfasste Materialnummer verwendet werden (siehe schema.sql). Beispielsweise T010102
- Die Anzahl der verfügbaren Materialien gem. PDF ist ebenfalls nicht implementiert. Dies hätte den Rahmen der Zeilenlimiten überschritten.
Jedes Material wird als "nur einmal verfügbar" angenommen.

186
rental.html
Unescape View File

@ -1,106 +1,112 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="de"> <html lang="de">
<head> <head>
<title>Mietanfrage</title> <title>Mietanfrage</title>
<meta charset="utf8"> <meta charset="utf8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="./js/canvas.js"></script> <script src="./js/canvas.js"></script>
<script src="./js/validation.js"></script> <script src="./js/validation.js"></script>
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"> <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="./css/custom.css"> <!-- Load custom css after w3 --> <link rel="stylesheet" href="./css/custom.css"> <!-- Load custom css after w3 -->
<link rel="stylesheet" href="./css/style.css"> <link rel="stylesheet" href="./css/style.css">
</head> </head>
<body onload="animateCheckmark('canvasCheckmark', 150, 200, 10);animateCross('canvasCross', 150, 200, 10);"> <body onload="animateCheckmark('canvasCheckmark', 150, 200, 10);animateCross('canvasCross', 150, 200, 10);">
<header class="w3-container"> <header class="w3-container">
<h1>Mietanfrage Jonas Arnold Eventtechnik</h1> <h1>Mietanfrage Jonas Arnold Eventtechnik</h1>
<nav class="w3-bar navbar"> <nav class="w3-bar navbar">
<a href="#Information" class="w3-bar-item w3-button w3-mobile">Information</a> <a href="#Information" class="w3-bar-item w3-button w3-mobile">Information</a>
<a href="#Formular" class="w3-bar-item w3-button w3-mobile">Formular</a> <a href="#Formular" class="w3-bar-item w3-button w3-mobile">Formular</a>
</nav> </nav>
</header> </header>
<main> <main>
<!-- INFORMATION / DESCRIPTION --> <!-- INFORMATION / DESCRIPTION -->
<article class="w3-container"> <article class="w3-container">
<h2 id="Information">Information</h2> <h2 id="Information">Information</h2>
<aside class="w3-container w3-col l6"> <aside class="w3-container w3-col l6">
<img class="aside-image" src="./var/aside_image.jpg" alt="Zwei gestapelte Racks mit Mischpult und Stagebox"> <img class="aside-image" src="./img/aside_image.jpg" alt="Zwei gestapelte Racks mit Mischpult und Stagebox">
</aside> </aside>
<section class="w3-container w3-col l6"> <section class="w3-container w3-col l6">
<h2>Beschreibung</h2> <h2>Beschreibung</h2>
<!-- information text --> <!-- information text -->
Auf dieser Webseite können Sie als registrierter Kunde, Material von Jonas Arnold Eventtechnik mieten. Sie erhalten direkt eine Bestätigung, ob das Material zum gewünschten Zeitpunkt noch verfügbar ist. <br/> <p>Auf dieser Webseite können Sie, als registrierter Kunde, Material von Jonas Arnold Eventtechnik mieten. Sie erhalten direkt eine Bestätigung, ob das Material zum gewünschten Zeitpunkt noch verfügbar ist. <br/>
Sofern es verfügbar ist, wird es für Sie reserviert und wir nehmen im Anschluss Kontakt mit Ihnen auf. <br> Sofern es verfügbar ist, wird es für Sie reserviert und wir nehmen im Anschluss Kontakt mit Ihnen auf. <br>
Wenn Sie mehrere Materialien mieten möchten, füllen Sie das untenstehende Formular mehrmals aus. Die Bestellnummer bleibt während einer Stunde dieselbe. <br/> Wenn Sie mehrere Materialien mieten möchten, füllen Sie das untenstehende Formular mehrmals aus. Die Bestellnummer bleibt während einer Stunde dieselbe. <br/>
Die verfügbaren Mietartikel und deren Nummer finden Sie hier: <br/> Zur Reservation benötigen sie die eindeutige Materialnummer. Die verfügbaren Mietartikel und deren Nummer finden Sie hier: </p>
<form action="https://jonasarnold.com/wp-content/uploads/2022/12/Mietpreisliste_2023-1.pdf" method="get" target="_blank"> <p class="article-spacing"></p>
<button class="w3-button" type="submit" alt="Weiterleitung zu PDF, welches Mietartikel auflistet">PDF Mietartikel</button> <form action="https://jonasarnold.com/wp-content/uploads/2022/12/Mietpreisliste_2023-1.pdf" method="get" target="_blank">
</form> <br/> <button class="w3-button" type="submit" alt="Weiterleitung zu PDF, welches Mietartikel auflistet">PDF Mietartikel</button>
</form>
<h2>Bestätigung Reservation</h2> <br/>
<!-- flexbox -->
<div id="parent"> <h2>Bestätigung Reservation</h2>
<div> <!-- flexbox -->
Die Mietanfrage wird mit der Datenbank abgeglichen. Sofern das Material verfügbar ist, wird es für Sie reserviert. Ansonsten werden Sie darüber informiert, dass das Material bereits vermietet ist. <br/> <br/> <div id="parent">
<div>
<p>Die Mietanfrage wird mit der Datenbank abgeglichen. Sofern das Material verfügbar ist, wird es für Sie reserviert. Ansonsten werden Sie darüber informiert, dass das Material bereits vermietet ist.<br/>
Folgende Symbole werden angezeigt, um die Reservation zu bestätigen oder abzulehnen. </p>
<p class="article-spacing"></p>
</div>
<div>
<h5>Erfolgreiche Reservation</h5><br/>
<canvas id="canvasCheckmark" width="200px" height="200px" aria-label="Grüner Haken zur Bestätigung der erfolgreichen Reservation">
Ihr Webbrowser unterstützt kein Canvas.
</canvas>
</div>
<div>
<h5>Reservation nicht möglich</h5><br/>
<canvas id="canvasCross" width="200px" height="200px" aria-label="Rotes Stop Symbol zum Ausdruck der fehlgeschlagenen Reservation">
Ihr Webbrowser unterstützt kein Canvas.
</canvas>
</div>
</div> </div>
<div> </section>
<b>Erfolgreiche Reservation</b><br/> </article>
<canvas id="canvasCheckmark" width="200px" height="200px" aria-label="Grüner Haken zur Bestätigung der erfolgreichen Reservation">
Ihr Webbrowser unterstützt kein Canvas.
</canvas>
</div>
<div>
<b>Reservation nicht möglich</b><br/>
<canvas id="canvasCross" width="200px" height="200px" aria-label="Rotes Stop Symbol zum Ausdruck der fehlgeschlagenen Reservation">
Ihr Webbrowser unterstützt kein Canvas.
</canvas>
</div>
</div>
</section>
</article>
<p class="between-spacing"></p> <p class="between-spacing"></p>
<!-- FORM --> <!-- FORM -->
<article class="w3-container"> <article class="w3-container">
<form action="rental_action.php" method="post" onsubmit="return isValid();">
<!-- Error box, default hidden -->
<h2 id="Formular">Mietanfrage Formular</h2> <h2 id="Formular">Mietanfrage Formular</h2>
<!-- Error box, default hidden -->
<div class="w3-container"> <div class="w3-container">
<div class="w3-panel w3-pale-red w3-border" hidden="true" id="error-panel"> <div class="w3-panel w3-pale-red w3-border" hidden="true" id="error-panel">
<h3>Eingabefehler</h3> <h3>Eingabefehler</h3>
<p id="error-text"></p> <p id="error-text"></p>
</div> </div>
</div> </div>
<div class="w3-container w3-col l6"> <form action="rental_action.php" method="post" onsubmit="return isValid();">
<fieldset> <div class="w3-container w3-col l6">
<legend>Mietartikel</legend> <fieldset>
<label for="mietart_nr">Mietartikel Nummer</label> <legend>Mietartikel</legend>
<input class="w3-input" placeholder="z.B. T010301" type="text" id="mietart_nr" name="rental_article_nr" required><br/> <label for="mietart_nr">Mietartikel Nummer</label>
<input class="w3-input" placeholder="z.B. T010301" type="text" id="mietart_nr" name="rental_article_nr" required>
<label for="von">Von</label> <br/>
<input class="w3-input" type="date" id="von" name="start_date" required> <label for="von">Von</label>
<label for="bis">Bis</label> <input class="w3-input" type="date" id="von" name="start_date" required>
<input class="w3-input" type="date" id="bis" name="end_date" required><br/> <label for="bis">Bis</label>
</fieldset> <input class="w3-input" type="date" id="bis" name="end_date" required>
</div> <br/>
<div class="w3-container w3-col l6"> </fieldset>
<fieldset> </div>
<legend>Kundenangaben</legend> <div class="w3-container w3-col l6">
<label for="kunden_nr">Kundennummer</label> <fieldset>
<input class="w3-input" placeholder="z.B. 123456" type="number" id="kunden_nr" name="customer_nr" required><br/> <legend>Kundenangaben</legend>
</fieldset> <label for="kunden_nr">Kundennummer</label>
<fieldset> <input class="w3-input" placeholder="z.B. 123456" type="number" id="kunden_nr" name="customer_nr" required>
<label for="submit">Mietanfrage senden</label> <br/>
<button class="w3-button w3-block" type="submit" id="submit">Senden</button> </fieldset>
</fieldset> <fieldset>
</div> <label for="submit">Mietanfrage senden</label>
</form> <button class="w3-button w3-block" type="submit" id="submit">Senden</button>
</article> </fieldset>
<p class="bottom-spacing"></p> </div>
</main> </form>
</body> </article>
<p class="bottom-spacing"></p>
</main>
</body>
</html> </html>

95
rental_action.php
Unescape View File

@ -1,25 +1,24 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<title>Mietanfrage</title> <title>Mietanfrage</title>
<meta charset="utf8"> <meta charset="utf8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="./js/canvas.js"></script> <script src="./js/canvas.js"></script>
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"> <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="./css/custom.css"> <link rel="stylesheet" href="./css/custom.css">
<link rel="stylesheet" href="./css/style_confirmation.css"> <link rel="stylesheet" href="./css/style_confirmation.css">
</head> </head>
<body> <body>
<header class="w3-container"> <header class="w3-container">
<h2>Rückmeldung Mietanfrage</h2> <h2>Rückmeldung Mietanfrage</h2>
</header> </header>
<main> <main>
<aside class="w3-container w3-center w3-col l3"> <aside class="w3-container w3-center w3-col l4">
<canvas id="canvas" width="300px" height="300px" class="confirmation-symbol" aria-label="Symbol, das die Reservation bestätigt oder ablehnt"></canvas> <canvas id="canvas" width="300px" height="300px" class="confirmation-symbol" aria-label="Symbol, das die Reservation bestätigt oder ablehnt"></canvas>
</aside> </aside>
<section class="w3-container w3-col l9 confirmation-container"> <section class="w3-container w3-col l8 confirmation-container">
<!-- php generated details -->
<!-- generated details -->
<?php <?php
/* validates parameters received via POST. checks if all are set and they are valid. */ /* validates parameters received via POST. checks if all are set and they are valid. */
function validateParameters() { function validateParameters() {
@ -27,50 +26,60 @@ function validateParameters() {
/* VALIDATE RENTAL ARTICLE NUMBER */ /* VALIDATE RENTAL ARTICLE NUMBER */
if (!isset($_POST['rental_article_nr'])) { // check if rental art nr is present. if (!isset($_POST['rental_article_nr'])) { // check if rental art nr is present.
$failure_text = "Parameter 'rental_art_nr' is required."; return false; $failure_text = "Parameter 'rental_art_nr' is required.";
return false;
} }
$rental_art_nr = trim($_POST['rental_article_nr']); $rental_art_nr = trim($_POST['rental_article_nr']);
if(ctype_alpha($rental_art_nr[0]) == false){ // check if first character is a letter. all article numbers start with a letter. if(ctype_alpha($rental_art_nr[0]) == false){ // check if first character is a letter. all article numbers start with a letter.
$failure_text = "Parameter 'rental_art_nr' has to start with a letter."; return false; $failure_text = "Parameter 'rental_art_nr' has to start with a letter.";
return false;
} }
/* VALIDATE START DATE */ /* VALIDATE START DATE */
if (!isset($_POST['start_date'])) { // check if start date is present if (!isset($_POST['start_date'])) { // check if start date is present
$failure_text = "Parameter 'start_date' is required."; return false; $failure_text = "Parameter 'start_date' is required.";
return false;
} }
$start_date = trim($_POST['start_date']); // string arrives like "yyyy-mm-dd" $start_date = trim($_POST['start_date']); // string arrives like "yyyy-mm-dd"
$start_date_array = explode('-', $start_date); $start_date_array = explode('-', $start_date);
if (!checkdate($start_date_array[1], $start_date_array[2], $start_date_array[0])) { // check if start date is a valid date if (!checkdate($start_date_array[1], $start_date_array[2], $start_date_array[0])) { // check if start date is a valid date
$failure_text = "Parameter 'start_date' is not valid."; return false; $failure_text = "Parameter 'start_date' is not valid.";
return false;
} }
/* VALIDATE END DATE */ /* VALIDATE END DATE */
if (!isset($_POST['end_date'])) { // check if end date is present if (!isset($_POST['end_date'])) { // check if end date is present
$failure_text = "Parameter 'end_date' is required."; return false; $failure_text = "Parameter 'end_date' is required.";
return false;
} }
$end_date = trim($_POST['end_date']); // string arrives like "yyyy-mm-dd" $end_date = trim($_POST['end_date']); // string arrives like "yyyy-mm-dd"
$end_date_array = explode('-', $end_date); $end_date_array = explode('-', $end_date);
if (!checkdate($end_date_array[1], $end_date_array[2], $end_date_array[0])) { // check if end date is a valid date if (!checkdate($end_date_array[1], $end_date_array[2], $end_date_array[0])) { // check if end date is a valid date
$failure_text = "Parameter 'end_date' is not valid."; return false; $failure_text = "Parameter 'end_date' is not valid.";
return false;
} }
/* VALIDATE START DATE IS BEFORE END DATE */ /* VALIDATE START DATE IS BEFORE END DATE */
if (strtotime($end_date) < strtotime($start_date)) { // check if start date is before end date. same date is accepted. if (strtotime($end_date) < strtotime($start_date)) { // check if start date is before end date. same date is accepted.
$failure_text = "'start_date' must be before 'end_date'."; return false; $failure_text = "'start_date' must be before 'end_date'.";
return false;
} }
/* VALIDATE START DATE IS AFTER TODAY */ /* VALIDATE START DATE IS AFTER TODAY */
if (strtotime($start_date) < strtotime('today 00:00')) { // check if start date in the past. today is ok. if (strtotime($start_date) < strtotime('today 00:00')) { // check if start date in the past. today is ok.
$failure_text = "'start_date' cannot be in the past."; return false; $failure_text = "'start_date' cannot be in the past.";
return false;
} }
/* VALIDATE CUSTOMER NUMBER */ /* VALIDATE CUSTOMER NUMBER */
if (!isset($_POST['customer_nr'])) { // check if customer number is present if (!isset($_POST['customer_nr'])) { // check if customer number is present
$failure_text = "Parameter 'customer_nr' is required."; return false; $failure_text = "Parameter 'customer_nr' is required.";
return false;
} }
$customer_nr = intval($_POST['customer_nr']); $customer_nr = intval($_POST['customer_nr']);
if($customer_nr == 0){ // check if customer number is a number if($customer_nr == 0){ // check if customer number is a number
$failure_text = "Parameter 'customer_nr' is not a valid number."; return false; $failure_text = "Parameter 'customer_nr' is not a valid number.";
return false;
} }
return true; return true;
@ -93,7 +102,7 @@ function buildFailedConfirmationDetailsSection($text) {
echo "<confirmation-details-1>".$text."</confirmation-details-1>"; echo "<confirmation-details-1>".$text."</confirmation-details-1>";
} }
/* main PHP */ /* main PHP procedure */
// initialize variables // initialize variables
$failure_text = "Unbekannter Fehler"; $failure_text = "Unbekannter Fehler";
$material_name = ""; $material_name = "";
@ -178,7 +187,7 @@ if(validateParameters()){
} }
} }
/* final check for success, generate according defauls section */ /* check for success, generate according details section */
if($rentalSuccess){ if($rentalSuccess){
echo "<script>drawCheckmark('canvas', 250, 250);</script>"; echo "<script>drawCheckmark('canvas', 250, 250);</script>";
echo "<confirmation-header><h3 class=\"success\">Mietanfrage erfolgreich erfasst</h3></confirmation-header>"; echo "<confirmation-header><h3 class=\"success\">Mietanfrage erfolgreich erfasst</h3></confirmation-header>";
@ -188,15 +197,15 @@ if($rentalSuccess){
echo "<confirmation-header><h3 class=\"failure\">Mietanfrage konnte nicht erfasst werden</h3></confirmation-header>"; echo "<confirmation-header><h3 class=\"failure\">Mietanfrage konnte nicht erfasst werden</h3></confirmation-header>";
buildFailedConfirmationDetailsSection($failure_text); buildFailedConfirmationDetailsSection($failure_text);
} }
?>
?> <!-- end of php generated code -->
<!-- Footer with return link --> <!-- Footer with return link -->
<confirmation-footer> <confirmation-footer>
<button class="w3-button" onclick="window.location.href='./rental.html';"> <button class="w3-button" onclick="window.location.href='./rental.html';">
Zurück zum Formular Zurück zum Formular
</button> </button>
</confirmation-footer> </confirmation-footer>
</section> </section>
</main> </main>
</body> </body>
</html> </html>

28
schema.sql
Unescape View File

@ -0,0 +1,28 @@
create database rental_system;
use rental_system;
create table articles(
article_number varchar(20) unique,
article_name varchar(100),
html_description varchar(500)
);
create table rental_entries(
rental_id INT auto_increment,
article_number varchar(20),
start_day date,
end_day date,
order_number varchar(30),
customer_number numeric,
primary key (rental_id)
);
insert into articles (article_number, article_name, html_description) values ("T010301", "Focusrite Scarlett 2i2 3rd Gen", "<ul><li>2x Mic/Line/Instr Input (XLR/Jack)</li><li>2x Jack Output (inkl. Adapter auf XLR)</li><li>AD-DA-Wandler 24 Bit/192 kHz</li><li>USB-C Anschluss</li><li>Gewicht inkl. Transportbox: 1,0 kg</li></ul>");
insert into articles (article_number, article_name, html_description) values ("L010302", "MA Lighting grandMA2 Tour Pack (command Wing)", "<ul><li>Intel NUC PC mit grandMA2 onPC</li><li>grandMA2 command Wing</li><li>Hochwertiger 19.5&rdquo; ELO Touchscreen</li><li>Bis zu 2048 DMX-Kan&auml;le steuerbar</li><li>Gewicht: ca. 20,0 kg</li></ul>");
insert into articles (article_number, article_name, html_description) values ("E010101", "McCrypt DB-S8, Vertikal-Nebelmaschine 1300W", "<ul><li>Ausstoss-Volumen ca. 300 m3/min</li><li>Ausstossweite: 10m</li><li>2 Nebelarten (Normal oder senkrecht nach oben)</li><li>DMX Steuerbar</li><li>Gewicht: 6,0 kg</li></ul>");
insert into articles (article_number, article_name, html_description) values ("T010101", "Midas M32R Live, 40-Kanal Digitalmischpult", "<ul> <li>25 Bus, 8 DCA, 6 Mutegruppen</li> <li>16 XLR in, 8 XLR out</li> <li>6 Klinke in, 6 Klinke Out</li> <li>17 Midas PRO Motorfader</li> <li>Kompatibel mit Midas Stageboxen (AES50)<br> (bis zu 96 Inputs und 96 Outputs)</li> <li>Klark Teknik DN32-LIVE Karte</li> <li>Gewicht inkl. Case : 30,0 kg</li> </ul>");
insert into articles (article_number, article_name, html_description) values ("T010102", "Midas M32C, Rackmischpult", "<ul> <li>40-Kanal Digitalmischpult im 2HE Case</li> <li>25 Bus, 8 DCA, 6 Mutegruppen</li> <li>Kompatibel mit Midas Stageboxen (AES50)<br> (bis zu 96 Inputs und 96 Outputs)</li> <li>Klark Teknik DN32-LIVE Karte</li> <li>Inkl. Midas DL32<br> (32 In, 16 Out) Digitale Stagebox</li> <li>OHNE WiFi-Access Point</li> <li>Gewicht inkl. Cases: 26,0 kg</li> </ul>");
insert into articles (article_number, article_name, html_description) values ("T010201", "Midas DL32 Digitale Stagebox", "<ul> <li>32 XLR in MIDAS PRO Preamps, 16 XLR out</li> <li>2x AES/EBU (AES-3) out</li> <li>2x AES50 SuperMAC Ports<br> geschirmte CAT5e-Kabel verwenden,<br> max. 100m</li> <li>Gewicht inkl. Case: 15,0 kg</li> </ul>");
insert into articles (article_number, article_name) values ("Z040201", "CAT5E Kabelrolle etherCon 50m");
insert into articles (article_number, article_name, html_description) values ("Z010301", "Kabelrolle 50m, Typ13, 10A", "<ul><li>Gummikabel H07FN-F 3x1.5mm2</li><li>4x T13 Ausgang, Spritzwasserfest, IP44</li></ul>");

0
testfile.txt
Unescape View File

0
testfile2.txt
Unescape View File

Write Preview
Loading…
Cancel
Save