Add Button angepasst

This commit is contained in:
Borgal
2025-08-20 17:56:36 +02:00
parent 7978eba678
commit 220a0bb99d
3 changed files with 185 additions and 142 deletions

View File

@@ -77,7 +77,6 @@ require_once '../inc/header.php';
?>
<div class="container mt-5">
<h2 class="mb-4">Farbverwaltung</h2>
<?php if ($message) : ?>
<div class="alert alert-<?= $message_type ?> alert-dismissible fade show" role="alert">
@@ -86,42 +85,54 @@ require_once '../inc/header.php';
</div>
<?php endif; ?>
<div class="card shadow mb-4">
<div class="card-header bg-primary-subtle text-secondary">
<h4 class="mb-0"><?= $edit_mode ? 'Farbe bearbeiten' : 'Neue Farbe hinzufügen'; ?></h4>
</div>
<div class="card-body">
<form action="colors.php" method="post">
<?php if ($edit_mode): ?>
<input type="hidden" name="id" value="<?= htmlspecialchars($edit_color['id']); ?>">
<?php endif; ?>
<div class="row g-3">
<div class="col-md-6">
<label for="name" class="form-label">Name der Farbe</label>
<input type="text" class="form-control" id="name" name="name"
value="<?= htmlspecialchars($edit_color['name'] ?? ''); ?>" required>
</div>
<div class="col-md-6">
<label for="hex_code" class="form-label">Hex-Code</label>
<input type="color" class="form-control form-control-color" id="hex_code" name="hex_code"
value="<?= htmlspecialchars($edit_color['hex_code'] ?? '#'); ?>">
</div>
<div class="col-12 d-flex justify-content-start mt-2">
<button type="submit" class="btn btn-sm btn-outline-<?= $edit_mode ? 'success' : 'primary'; ?> me-2">
<?= $edit_mode ? 'Speichern' : 'Hinzufügen'; ?>
</button>
<?php if ($edit_mode): ?>
<a href="colors.php" class="btn btn-sm btn-outline-secondary">Abbrechen</a>
<?php endif; ?>
</div>
</div>
</form>
<div class="d-flex justify-content-between align-items-center mb-4">
<h2 class="mb-0">Farbverwaltung</h2>
<a class="btn btn-sm btn-outline-primary" data-bs-toggle="collapse" href="#colorFormCollapse" role="button" aria-expanded="false" aria-controls="colorFormCollapse">
<span class="material-symbols-outlined">add</span>
</a>
</div>
<div class="collapse <?= $edit_mode ? 'show' : '' ?>" id="colorFormCollapse">
<div class="card shadow mb-4">
<div class="card-header bg-primary-subtle text-secondary">
<h4 class="mb-0"><?= $edit_mode ? 'Farbe bearbeiten' : 'Neue Farbe hinzufügen'; ?></h4>
</div>
<div class="card-body">
<form action="colors.php" method="post">
<?php if ($edit_mode): ?>
<input type="hidden" name="id" value="<?= htmlspecialchars($edit_color['id']); ?>">
<?php endif; ?>
<div class="row g-3">
<div class="col-md-6">
<label for="name" class="form-label">Name der Farbe</label>
<input type="text" class="form-control" id="name" name="name"
value="<?= htmlspecialchars($edit_color['name'] ?? ''); ?>" required>
</div>
<div class="col-md-6">
<label for="hex_code" class="form-label">Hex-Code</label>
<input type="color" class="form-control form-control-color" id="hex_code" name="hex_code"
value="<?= htmlspecialchars($edit_color['hex_code'] ?? '#'); ?>">
</div>
<div class="col-12 d-flex justify-content-start mt-2">
<button type="submit" class="btn btn-sm btn-outline-<?= $edit_mode ? 'success' : 'primary'; ?> me-2">
<?= $edit_mode ? 'Speichern' : 'Hinzufügen'; ?>
</button>
<?php if ($edit_mode): ?>
<a href="colors.php" class="btn btn-sm btn-outline-secondary">Abbrechen</a>
<?php endif; ?>
</div>
</div>
</form>
</div>
</div>
<hr class="mt-4 mb-4">
</div>
<div class="card shadow">
<div class="card-header bg-secondary bg-opacity-50 text-secondary">
<h4 class="mb-0">Aktuelle Farben</h4>
</div>
<div class="card-body">
<?php if (empty($colors)): ?>