{
"event": "PreToolUse",
"tool_name": "mcp__mcp-tasks__tasks_create",
"tool_input": {
"title": "HTMX: content-pipeline\/show.php - fetch() durch HTMX ersetzen",
"type": "ai_task",
"description": "# HTMX-Implementation: content-pipeline\/show.php\n\n## Ziel\nCustom fetch()-Aufrufe durch HTMX ersetzen für Konsistenz.\n\n---\n\n## Betroffene Datei\n`\/var\/www\/dev.campus.systemische-tools.de\/src\/View\/content-pipeline\/show.php`\n\n---\n\n## Aktuelle Implementierung (Zeilen 291-324)\n\n```javascript\n\/\/ Model-Dropdowns\ndocument.querySelectorAll('.model-cell select').forEach(select => {\n select.addEventListener('change', async function() {\n const stepId = row.dataset.stepId;\n const model = this.value;\n \n this.classList.add('is-saving');\n \n const response = await fetch(`\/content-pipeline\/${pipelineId}\/steps\/${stepId}\/model`, {\n method: 'POST',\n headers: { 'Content-Type': 'application\/x-www-form-urlencoded' },\n body: 'model=' + encodeURIComponent(model)\n });\n \/\/ ...\n });\n});\n```\n\n**Problem:** Verletzt `no-fetch-for-simple-post` aus htmx-patterns-contract.\n\n---\n\n## Ziel-Implementierung\n\n### Model-Select mit HTMX\n\n```php\n<select class=\"form-select--compact\"\n name=\"model\"\n hx-post=\"\/content-pipeline\/<?= $pipeline['id'] ?>\/steps\/<?= $step['id'] ?>\/model\"\n hx-headers='{\"X-CSRF-TOKEN\": \"<?= $csrfToken ?>\"}'\n hx-swap=\"none\"\n hx-indicator=\"this\"\n hx-on::after-request=\"this.classList.add('is-saved'); setTimeout(() => this.classList.remove('is-saved'), 500)\">\n <!-- options -->\n<\/select>\n```\n\n### Collection-Select mit HTMX\n\n```php\n<select class=\"collection-select\"\n name=\"collection\"\n hx-post=\"\/content-pipeline\/<?= $pipeline['id'] ?>\/steps\/<?= $step['id'] ?>\/collection\"\n hx-headers='{\"X-CSRF-TOKEN\": \"<?= $csrfToken ?>\"}'\n hx-swap=\"none\"\n hx-indicator=\"this\"\n hx-on::after-request=\"this.classList.add('is-saved'); setTimeout(() => this.classList.remove('is-saved'), 500)\">\n <!-- options -->\n<\/select>\n```\n\n### Inline-Edit für Config-Werte\n\n```php\n<span class=\"config-list__value\"\n hx-get=\"\/content-pipeline\/<?= $pipeline['id'] ?>\/config\/<?= $field ?>\/edit\"\n hx-trigger=\"click\"\n hx-target=\"this\"\n hx-swap=\"outerHTML\">\n <?= htmlspecialchars($value) ?>\n<\/span>\n```\n\n---\n\n## Zu entfernender JavaScript-Code\n\nLösche Zeilen 286-426 (gesamter `<script>`-Block) - wird durch HTMX ersetzt.\n\n---\n\n## Contract-Compliance (htmx-patterns-contract v1.0)\n\n- ✅ `csrf-on-post`: hx-headers\n- ✅ `no-fetch-for-simple-post`: fetch() eliminiert\n- ✅ `use-hx-indicator`: Loading-State\n\n---\n\n## Testplan\n\n1. [ ] Model-Dropdown funktioniert\n2. [ ] Collection-Dropdown funktioniert\n3. [ ] Inline-Edit für source_path\/extensions funktioniert\n4. [ ] Kein JavaScript-Fehler in Console\n5. [ ] Contract validieren: `contracts_validate(\"htmx-patterns-contract\")`\n\n---\n\n## Aufwand\n- View-Refactoring: ~30 Minuten\n- JS-Entfernung: ~5 Minuten\n- Test: ~15 Minuten\n- **Gesamt: ~50 Minuten**"
}
}
{
"tool_response": [
{
"type": "text",
"text": "{\n \"success\": true,\n \"task\": {\n \"id\": 440,\n \"uuid\": \"c9e7ea7b-2768-48ff-8044-399547783600\",\n \"title\": \"HTMX: content-pipeline\/show.php - fetch() durch HTMX ersetzen\",\n \"description\": \"# HTMX-Implementation: content-pipeline\/show.php\\n\\n## Ziel\\nCustom fetch()-Aufrufe durch HTMX ersetzen für Konsistenz.\\n\\n---\\n\\n## Betroffene Datei\\n`\/var\/www\/dev.campus.systemische-tools.de\/src\/View\/content-pipeline\/show.php`\\n\\n---\\n\\n## Aktuelle Implementierung (Zeilen 291-324)\\n\\n```javascript\\n\/\/ Model-Dropdowns\\ndocument.querySelectorAll('.model-cell select').forEach(select => {\\n select.addEventListener('change', async function() {\\n const stepId = row.dataset.stepId;\\n const model = this.value;\\n \\n this.classList.add('is-saving');\\n \\n const response = await fetch(`\/content-pipeline\/${pipelineId}\/steps\/${stepId}\/model`, {\\n method: 'POST',\\n headers: { 'Content-Type': 'application\/x-www-form-urlencoded' },\\n body: 'model=' + encodeURIComponent(model)\\n });\\n \/\/ ...\\n });\\n});\\n```\\n\\n**Problem:** Verletzt `no-fetch-for-simple-post` aus htmx-patterns-contract.\\n\\n---\\n\\n## Ziel-Implementierung\\n\\n### Model-Select mit HTMX\\n\\n```php\\n<select class=\\\"form-select--compact\\\"\\n name=\\\"model\\\"\\n hx-post=\\\"\/content-pipeline\/<?= $pipeline['id'] ?>\/steps\/<?= $step['id'] ?>\/model\\\"\\n hx-headers='{\\\"X-CSRF-TOKEN\\\": \\\"<?= $csrfToken ?>\\\"}'\\n hx-swap=\\\"none\\\"\\n hx-indicator=\\\"this\\\"\\n hx-on::after-request=\\\"this.classList.add('is-saved'); setTimeout(() => this.classList.remove('is-saved'), 500)\\\">\\n <!-- options -->\\n<\/select>\\n```\\n\\n### Collection-Select mit HTMX\\n\\n```php\\n<select class=\\\"collection-select\\\"\\n name=\\\"collection\\\"\\n hx-post=\\\"\/content-pipeline\/<?= $pipeline['id'] ?>\/steps\/<?= $step['id'] ?>\/collection\\\"\\n hx-headers='{\\\"X-CSRF-TOKEN\\\": \\\"<?= $csrfToken ?>\\\"}'\\n hx-swap=\\\"none\\\"\\n hx-indicator=\\\"this\\\"\\n hx-on::after-request=\\\"this.classList.add('is-saved'); setTimeout(() => this.classList.remove('is-saved'), 500)\\\">\\n <!-- options -->\\n<\/select>\\n```\\n\\n### Inline-Edit für Config-Werte\\n\\n```php\\n<span class=\\\"config-list__value\\\"\\n hx-get=\\\"\/content-pipeline\/<?= $pipeline['id'] ?>\/config\/<?= $field ?>\/edit\\\"\\n hx-trigger=\\\"click\\\"\\n hx-target=\\\"this\\\"\\n hx-swap=\\\"outerHTML\\\">\\n <?= htmlspecialchars($value) ?>\\n<\/span>\\n```\\n\\n---\\n\\n## Zu entfernender JavaScript-Code\\n\\nLösche Zeilen 286-426 (gesamter `<script>`-Block) - wird durch HTMX ersetzt.\\n\\n---\\n\\n## Contract-Compliance (htmx-patterns-contract v1.0)\\n\\n- ✅ `csrf-on-post`: hx-headers\\n- ✅ `no-fetch-for-simple-post`: fetch() eliminiert\\n- ✅ `use-hx-indicator`: Loading-State\\n\\n---\\n\\n## Testplan\\n\\n1. [ ] Model-Dropdown funktioniert\\n2. [ ] Collection-Dropdown funktioniert\\n3. [ ] Inline-Edit für source_path\/extensions funktioniert\\n4. [ ] Kein JavaScript-Fehler in Console\\n5. [ ] Contract validieren: `contracts_validate(\\\"htmx-patterns-contract\\\")`\\n\\n---\\n\\n## Aufwand\\n- View-Refactoring: ~30 Minuten\\n- JS-Entfernung: ~5 Minuten\\n- Test: ~15 Minuten\\n- **Gesamt: ~50 Minuten**\",\n \"type\": \"ai_task\",\n \"status\": \"pending\",\n \"created_by\": \"mcp-tasks\",\n \"created_by_type\": \"ai\",\n \"parent_task_id\": null,\n \"due_date\": null,\n \"created_at\": \"2025-12-27T11:34:08.379603\",\n \"updated_at\": \"2025-12-27T11:34:08.379606\",\n \"completed_at\": null,\n \"metadata\": {}\n },\n \"message\": \"Task #440 created\"\n}"
}
]
}