112 lines
4.8 KiB
PHP
112 lines
4.8 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="de">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<link rel="stylesheet" type="text/css" href="css/style.css">
|
|
<link rel="icon" href="img/favicon.png" type="image/x-icon">
|
|
<title>Materialverwaltung</title>
|
|
<script>
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
const form = document.getElementById('addMaterialForm');
|
|
form.addEventListener('submit', function(event) {
|
|
event.preventDefault(); // Verhindert das Standardverhalten des Formulars
|
|
|
|
// AJAX-Anfrage senden
|
|
const formData = new FormData(form);
|
|
const xhr = new XMLHttpRequest();
|
|
xhr.open('POST', 'add_material.php', true);
|
|
xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest');
|
|
xhr.onload = function() {
|
|
if (xhr.status === 200) {
|
|
const response = JSON.parse(xhr.responseText);
|
|
if (response.success) {
|
|
const messageElement = document.createElement('p');
|
|
messageElement.textContent = response.message;
|
|
messageElement.style.color = 'green';
|
|
// Nachricht neben dem Button einfügen
|
|
form.parentNode.insertBefore(messageElement, form.nextSibling);
|
|
setTimeout(function() {
|
|
messageElement.remove();
|
|
}, 3000);
|
|
// Formular zurücksetzen
|
|
form.reset();
|
|
} else {
|
|
const errorMessage = document.createElement('p');
|
|
errorMessage.textContent = response.message;
|
|
errorMessage.style.color = 'red';
|
|
// Fehlermeldung einfügen
|
|
form.parentNode.insertBefore(errorMessage, form.nextSibling);
|
|
setTimeout(function() {
|
|
errorMessage.remove();
|
|
}, 3000);
|
|
}
|
|
} else {
|
|
console.error('AJAX-Fehler beim Hinzufügen des Artikels.');
|
|
}
|
|
};
|
|
xhr.onerror = function() {
|
|
console.error('AJAX-Fehler beim Hinzufügen des Artikels.');
|
|
};
|
|
xhr.send(formData);
|
|
});
|
|
});
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<header class="header">
|
|
<div class="header-container">
|
|
<h1>Materialverwaltung</h1>
|
|
<nav>
|
|
<ul>
|
|
<li><a href="index.php">Home</a></li>
|
|
<li><a href="add_material_form.php">Artikel hinzufügen</a></li>
|
|
<li><a href="article_overview.php">Artikel Übersicht</a></li>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
</header>
|
|
<div class="add-material-box">
|
|
<h2>Material hinzufügen</h2>
|
|
<form method="post" action="add_material.php" id="addMaterialForm">
|
|
<div class="form-group">
|
|
<label for="item_name">Gegenstand/Medikament:</label>
|
|
<input type="text" id="item_name" name="item_name" required>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="manufacturer">Hersteller:</label>
|
|
<input type="text" id="manufacturer" name="manufacturer" required>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="location">Lagerort:</label>
|
|
<input type="text" id="location" name="location" required>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="amount_should">Anzahl soll:</label>
|
|
<input type="number" id="amount_should" name="amount_should" required>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="amount_is">Anzahl ist:</label>
|
|
<input type="number" id="amount_is" name="amount_is" required>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="expiration_date">Mindesthaltbarkeitsdatum:</label>
|
|
<input type="date" id="expiration_date" name="expiration_date">
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="barcode">Barcode/EAN:</label>
|
|
<input type="text" id="barcode" name="barcode" required>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="image">Bild (optional):</label>
|
|
<input type="file" id="image" name="image">
|
|
</div>
|
|
<div class="form-group" style="display: flex; justify-content: flex-end;">
|
|
<input type="submit" value="Hinzufügen" class="submit-button">
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</body>
|
|
<span class="watermark">© copyright 2024 by M_Viper</span>
|
|
</html>
|