82 lines
3.0 KiB
PHP
82 lines
3.0 KiB
PHP
|
<?php include('includes/header.php');
|
||
|
|
if(!isset($_SESSION['id'])){
|
||
|
|
header('Location: index.php');
|
||
|
|
}
|
||
|
|
?>
|
||
|
|
<div>
|
||
|
|
<div class="card card-body p-4">
|
||
|
|
<?= alertMessage(); ?>
|
||
|
|
|
||
|
|
<?php
|
||
|
|
$ID = $_SESSION['id'];
|
||
|
|
if(!is_numeric($ID)){
|
||
|
|
echo '<div class="alert alert-danger" role="alert">'.$ID.'</div>';
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
|
||
|
|
$registration = getById('tbl_registrations',$ID);
|
||
|
|
if($registration['status'] == 200)
|
||
|
|
{
|
||
|
|
?>
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-12">
|
||
|
|
<h4 class="fw-semibold mb-4">Unterschrift Schüler:in</h4>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<form action="code.php" method="POST" enctype="multipart/form-data">
|
||
|
|
<input type="hidden" name="id" value="<?= $registration['data']['id'] ;?>" required>
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-md-6">
|
||
|
|
<!-- Canvas-Element für die Unterschrift -->
|
||
|
|
<canvas id="signatureCanvas" width="280" height="150" style="border:1px solid #000;"></canvas>
|
||
|
|
<input type="hidden" name="signature" id="signatureInput" required>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="col-md-12 mt-4">
|
||
|
|
<button type="button" id="clearButton" class="btn btn-light float-start">Zurücksetzen</button>
|
||
|
|
<button type="submit" id="submitBtn" name="signaturestudent" class="btn btn-info float-end mx-1">Weiter<i class="ti ti-arrow-right ms-2"></i> </button>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</form>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<?php include('includes/footer.php'); ?>
|
||
|
|
<!-- JavaScript -->
|
||
|
|
<script>
|
||
|
|
document.addEventListener('DOMContentLoaded', function() {
|
||
|
|
// Referenz zum Canvas-Element
|
||
|
|
var canvas = document.getElementById('signatureCanvas');
|
||
|
|
var signaturePad = new SignaturePad(canvas);
|
||
|
|
|
||
|
|
// Eventlistener zum Löschen der Unterschrift
|
||
|
|
document.getElementById('clearButton').addEventListener('click', function() {
|
||
|
|
signaturePad.clear(); // Löscht die Unterschrift im Signature Pad
|
||
|
|
document.getElementById('signatureInput').value = ''; // Setzt den Wert des versteckten Eingabefelds auf leer
|
||
|
|
});
|
||
|
|
|
||
|
|
// Überprüft, ob eine gespeicherte Unterschrift vorhanden ist
|
||
|
|
<?php if (!empty($registration['data']['sig_student'])): ?>
|
||
|
|
var signatureDataUrl = '<?= $registration['data']['sig_student']; ?>';
|
||
|
|
var img = new Image();
|
||
|
|
img.onload = function() {
|
||
|
|
canvas.getContext('2d').drawImage(img, 0, 0);
|
||
|
|
};
|
||
|
|
img.src = signatureDataUrl;
|
||
|
|
document.getElementById('signatureInput').value = signatureDataUrl; // Setzt den Wert des versteckten Eingabefelds auf die Base64-codierte URL
|
||
|
|
<?php endif; ?>
|
||
|
|
|
||
|
|
// Eventlistener zum Speichern der Unterschrift beim Klicken des Submit-Buttons
|
||
|
|
document.getElementById('submitBtn').addEventListener('click', function() {
|
||
|
|
// Konvertiert die Unterschrift in eine Base64-codierte URL
|
||
|
|
var signatureDataUrl = signaturePad.toDataURL();
|
||
|
|
// Setzt den Wert des versteckten Eingabefelds auf die Base64-codierte URL
|
||
|
|
document.getElementById('signatureInput').value = signatureDataUrl;
|
||
|
|
});
|
||
|
|
});
|
||
|
|
<?php
|
||
|
|
}
|
||
|
|
?>
|
||
|
|
</script>
|