Backup #1712

Dateiinhalt

<?php ob_start(); ?>

<nav class="breadcrumb">
    <a href="/tasks">Tasks</a> &raquo; <a href="/tasks/<?= $task['id'] ?>">Task #<?= $task['id'] ?></a> &raquo; Bearbeiten
</nav>

<h1>Task bearbeiten</h1>

<form id="task-form" class="form" style="max-width: 600px;">
    <div class="form-group">
        <label for="title">Titel *</label>
        <input type="text" id="title" name="title" class="form-input" value="<?= htmlspecialchars($task['title']) ?>" required>
    </div>
    <div class="form-group">
        <label for="description">Beschreibung</label>
        <textarea id="description" name="description" class="form-textarea" rows="4"><?= htmlspecialchars($task['description'] ?? '') ?></textarea>
    </div>
    <div class="form-group">
        <label for="type">Typ</label>
        <select id="type" name="type" class="form-select">
            <option value="human_task" <?= $task['type'] === 'human_task' ? 'selected' : '' ?>>Mensch</option>
            <option value="ai_task" <?= $task['type'] === 'ai_task' ? 'selected' : '' ?>>KI</option>
            <option value="mixed" <?= $task['type'] === 'mixed' ? 'selected' : '' ?>>Gemischt</option>
        </select>
    </div>
    <div class="form-actions">
        <button type="submit" class="btn btn--primary">Speichern</button>
        <a href="/tasks/<?= $task['id'] ?>" class="btn">Abbrechen</a>
    </div>
</form>
<div id="form-message" class="form-message"></div>

<script>
document.getElementById('task-form').addEventListener('submit', async (e) => {
    e.preventDefault();
    const form = e.target;
    const formData = new FormData(form);
    const data = Object.fromEntries(formData.entries());

    const response = await fetch('/api/v1/tasks/<?= $task['id'] ?>', {
        method: 'PUT',
        headers: {'Content-Type': 'application/json'},
        body: JSON.stringify(data)
    });
    const result = await response.json();

    if (result.success) {
        window.location.href = '/tasks/<?= $task['id'] ?>';
    } else {
        document.getElementById('form-message').innerHTML =
            '<span class="form-message--error">Fehler: ' + result.error + '</span>';
    }
});
</script>

<?php $content = ob_get_clean(); ?>
<?php require VIEW_PATH . '/layout.php'; ?>

Vollständig herunterladen

Aktionen

← Zurück zur Übersicht