socrates/schrauben
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

First bootstrap implementation. Some stuff still missing.

Browse Source
This commit is contained in:
Sockenklaus
2024-11-13 23:25:44 +01:00
parent 3bbd259857
commit 3388de5cfe
1 changed files with 54 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

102
index.php
View File

@@ -74,8 +74,8 @@
* Mail-Kram
*/
$mail_to = "jandop@yahoo.de";
//$mail_to = "sockenklaus@gmail.com";
//$mail_to = "jandop@yahoo.de";
$mail_to = "sockenklaus@gmail.com";
$subject = "Rundkopfschlitzschrauben - Bestellformular";
/*
@@ -177,7 +177,7 @@
$headers .= "MIME-Version: 1.0\r\n";
$headers .= "\r\n";
$mail_ok = mail($mail_to, $subject, $text, $headers);
//$mail_ok = mail($mail_to, $subject, $text, $headers);
if ($mail_ok) {
$form_errors[] = "Mail erfolgreich verschickt.";
@@ -198,14 +198,16 @@
<head>
<meta charset="utf-8">
<title>DIN 86 Metrisch Rundkopf-Schlitzschrauben</title>
<link rel="stylesheet" type="text/css" href="css/style.css" />
<script type="text/javascript" src="js/form_helper.js" defer></script>
<!--<link rel="stylesheet" type="text/css" href="css/style.css" />-->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<!--<script type="text/javascript" src="js/form_helper.js" defer></script>-->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
</head>
<body>
<div class="container">
<div>
<a href="/"><h1>DIN 86 Metrisch Rundkopf-Schlitzschrauben</h1></a>
<body class="bg-secondary">
<div class="container bg-white p-5">
<div class="mx-auto">
<a href="/" class="link-dark"><h1>DIN 86 Metrisch Rundkopf-Schlitzschrauben</h1></a>
<table>
<tr><td colspan="2" style="font-weight: bold;">Preise:</td></tr>
@@ -253,17 +255,16 @@
</div>
<form action="index.php#form" method="post">
<table class="table table-sm">
<colgroup>
<col />
<col />
<col />
</colgroup>
<?php
foreach ($array as $key => $values) {
echo '
<table class="schrauben" rules="all">
<colgroup>
<col width="*" />
<col width="*" />
<col width="70px" />
</colgroup>
<tr>
<th>Schrauben in '.$key.' Größe</th>
<th>Ausführung</th>
@@ -293,21 +294,21 @@
if($has_error) {
echo '
<tr>
<td colspan="3" class="error">
<span style="color:red">'. $screw_errors[$key] .'</span>
<td colspan="3" class="text-end text-danger">
'. $screw_errors[$key] .'
</td>
</tr>
';
}
}
echo '
</table>
';
}
echo '
</table>
';
if(count($form_errors) == 0 && count($screw_errors) == 0) echo '<br />';
?>
<p class="error">
<p class="text-danger text-center">
<?php
if(count($screw_errors) > 0) echo 'Fehler bei der Schraubenauswahl. Bitte prüfen.<br />';
foreach($form_errors as $error) {
@@ -315,33 +316,38 @@
}
?>
</p>
<div class="grid-container">
<label for="name">Name / Vorname: *</label>
<input type="text" name="name" id="name" value="<?=$name;?>" required />
<div class="form_feedback">Name / Vorname erforderlich.</div>
<label for="strasse">Straße, Hausnummer: *</label>
<input type="text" name="strasse" id="strasse" value="<?=$strasse;?>" required />
<div class="form_feedback">Straße und Hausnummer erforderlich.</div>
<label for="plz">PLZ: *</label>
<input type="text" name="plz" id="plz" value="<?=$plz;?>" required />
<div class="form_feedback">Postleitzahl erforderlich.</div>
<label for="stadt">Stadt: *</label>
<input type="text" name="stadt" id="stadt" value="<?=$stadt?>" required />
<div class="form_feedback">Stadt erforderlich.</div>
<label for="email">Email: *</label>
<input type="email" name="email" id="email" value="<?=$mail_from;?>" required />
<div class="form_feedback">(Korrekte) E-Mail-Adresse erforderlich.</div>
<label for="telefon">Telefon:</label>
<input type="tel" name="telefon" id="telefon" value="<?=$telefon;?>" />
<div class="form_feedback">Bitte Telefonnummer eingeben.</div>
<div class="container">
<div class="row mb-2">
<label class="col" for="name">Name / Vorname: *</label>
<input type="text" class="form-control col" id="name" value="<?=$name;?>" />
</div>
<div class="row mb-2">
<label class="col" for="strasse">Straße, Hausnummer: *</label>
<input type="text" class="form-control col" id="strasse" value="<?=$strasse;?>" />
</div>
<div class="row mb-2">
<label class="col" for="plz">PLZ: *</label>
<input type="text" class="form-control col" id="plz" value="<?=$plz;?>" />
</div>
<div class="row mb-2">
<label class="col" for="stadt">Stadt: *</label>
<input type="text" class="form-control col" id="stadt" value="<?=$stadt?>" required />
</div>
<div class="row mb-2">
<label class="col" for="email">Email: *</label>
<input type="email" class="form-control col" id="email" value="<?=$mail_from;?>" required />
</div>
<div class="row mb-2">
<label class="col" for="telefon">Telefon:</label>
<input type="tel" class="form-control col" id="telefon" value="<?=$telefon;?>" />
</div>
<div class="row mb-2">
<div class="col-auto">
Notiz:
</div>
</div>
</div>
<p>Notiz:</p>
<textarea name="notiz"><?=$notiz;?></textarea>
<p>Mit Sternchen markierte Felder müssen ausgefüllt sein.</p>
<input type="submit" name="senden" value="Abschicken" />