Markt-Bearbeiten direkt an Detailkarte binden

modules/shared/auth/ui/home.php

@@ -1207,6 +1207,7 @@ function render_auth_home_page(array $user, array $otcProducts = [], array $otcM
     echo "  const closeDrawer = () => { resetForm(); readCard.hidden = true; card.hidden = true; activeMarket = null; setDrawerState(false); };";
     echo "  const showReadCard = (trigger) => { activeMarket = { id: trigger.dataset.marketDefinitionId || '', trigger }; readCard.querySelector('[data-market-definition-read-title]').textContent = trigger.dataset.marketDefinitionName || 'Markt'; readCard.querySelector('[data-market-definition-read-name]').textContent = trigger.dataset.marketDefinitionName || 'Nicht hinterlegt'; readCard.querySelector('[data-market-definition-read-category]').textContent = trigger.dataset.marketDefinitionCategoryName || 'Nicht hinterlegt'; readCard.querySelector('[data-market-definition-read-website]').textContent = trigger.dataset.marketDefinitionWebsite || 'Nicht hinterlegt'; readCard.hidden = false; card.hidden = true; setDrawerState(true); };";
     echo "  const openEditCard = () => { if (!activeMarket) { return; } form.querySelector('[data-market-definition-form-title]').textContent = 'Markt bearbeiten'; form.querySelector('[data-market-definition-name]').value = activeMarket.trigger.dataset.marketDefinitionName || ''; form.querySelector('[data-market-definition-category]').value = activeMarket.trigger.dataset.marketDefinitionCategoryId || ''; form.querySelector('[data-market-definition-website]').value = activeMarket.trigger.dataset.marketDefinitionWebsite === 'Nicht hinterlegt' ? '' : (activeMarket.trigger.dataset.marketDefinitionWebsite || ''); readCard.hidden = true; card.hidden = false; form.querySelector('[data-market-definition-name]')?.focus(); };";
+    echo "  editButton.addEventListener('click', (event) => { event.preventDefault(); openEditCard(); });";
     echo "  const appendMarketRow = (market) => { const table = contentRoot.querySelector('[data-market-definitions-table]'); if (!table) { return; } const row = document.createElement('div'); row.className = 'sg-card-segment sg-card-segment--body sg-large-table__row'; row.setAttribute('role', 'row'); row.dataset.componentPart = 'large-table-row'; row.dataset.marketDefinitionRow = ''; row.dataset.marketDefinitionId = String(market.id || ''); const category = form.querySelector('[data-market-definition-category]')?.selectedOptions[0]?.textContent || ''; const website = market.website_url || 'Nicht hinterlegt'; const cells = document.createElement('div'); cells.className = 'sg-large-table__cell'; const trigger = document.createElement('a'); trigger.className = 'sg-interaction-element sg-hyperlink'; trigger.href = '#'; trigger.setAttribute('aria-haspopup', 'dialog'); trigger.setAttribute('aria-expanded', 'false'); trigger.dataset.marketDefinitionOpen = ''; trigger.dataset.marketDefinitionId = String(market.id || ''); trigger.dataset.marketDefinitionName = market.name || ''; trigger.dataset.marketDefinitionCategoryId = String(market.category_id || ''); trigger.dataset.marketDefinitionCategoryName = category; trigger.dataset.marketDefinitionWebsite = website; trigger.textContent = market.name || ''; cells.appendChild(trigger); row.appendChild(cells); [category, website, '0', 'Aktiv'].forEach((value) => { const cell = document.createElement('div'); cell.className = 'sg-large-table__cell'; cell.setAttribute('role', 'cell'); cell.textContent = value; row.appendChild(cell); }); table.appendChild(row); };";
     echo "  document.addEventListener('click', (event) => { const openTrigger = event.target.closest('[data-market-definition-open]'); if (openTrigger) { event.preventDefault(); showReadCard(openTrigger); return; } if (event.target.closest('[data-market-definition-create]')) { event.preventDefault(); activeMarket = null; resetForm(); form.querySelector('[data-market-definition-form-title]').textContent = 'Neuen Markt anlegen'; readCard.hidden = true; card.hidden = false; setDrawerState(true); form.querySelector('[data-market-definition-name]')?.focus(); return; } if (event.target.closest('[data-market-definition-edit]')) { event.preventDefault(); openEditCard(); return; } if (event.target.closest('[data-market-definition-cancel]') || event.target.closest('[data-market-definition-drawer-backdrop]')) { event.preventDefault(); closeDrawer(); } });";
     echo "  document.addEventListener('keydown', (event) => { if (event.key === 'Escape' && drawer.dataset.open === 'true') { closeDrawer(); } });";