Files
paliad/frontend/src/admin-rules-list.tsx
mAi cc13a5b857
Some checks failed
Paliad CI gate / build (push) Has been cancelled
Paliad CI gate / test-go (push) Has been cancelled
Paliad CI gate / deploy (push) Has been cancelled
chore(admin): remove /admin/rules/export page + export-migrations API (t-paliad-297)
Workflow shifted to hand-written numbered migrations; the audit-row SQL
export tool no longer has any consumers. Pure deletion — /admin/rules
and /admin/rules/{id}/edit stay; only the export-to-SQL flow goes.

Deleted:
- frontend/src/admin-rules-export.tsx
- frontend/src/client/admin-rules-export.ts

Removed:
- routes GET /admin/rules/export and GET /admin/api/rules/export-migrations
- handleAdminExportRuleMigrations + handleAdminRulesExportPage
- RuleEditorService.ExportMigrationsSince + ExportResult + sqlEscape helper
- build.ts entries (import, client bundle, dist HTML write)
- Sidebar "Regel-Migrations" nav item + "Migrations exportieren" button on /admin/rules
- all admin.rules.export.* + nav.admin.rules_export + admin.rules.list.export i18n keys (DE+EN)
- .admin-rules-export-* CSS rules (dead after page deletion)

Doc references in design-fristen-phase2-2026-05-15.md and
design-paliad-data-export-2026-05-19.md updated to mark the endpoint as
removed (acceptance #2 requires grep to return zero hits).
2026-05-26 11:50:14 +02:00

185 lines
9.8 KiB
TypeScript

import { h } from "./jsx";
import { Sidebar } from "./components/Sidebar";
import { PaliadinWidget } from "./components/PaliadinWidget";
import { BottomNav } from "./components/BottomNav";
import { Footer } from "./components/Footer";
import { PWAHead } from "./components/PWAHead";
// /admin/rules — Slice 11b (t-paliad-192). Filterable rule table + an
// Orphans tab that surfaces the Slice 10 fuzzy-match staging rows so an
// admin can hand-bind each legacy deadline to one of the candidate
// rule_ids. Both surfaces share the same page shell to keep navigation
// shallow — the count badge on the Orphans tab is loaded eagerly on
// first paint so the editor sees the legal-review backlog every visit.
export function renderAdminRulesList(): string {
return "<!DOCTYPE html>" + (
<html lang="de">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
<meta name="theme-color" content="#BFF355" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="default" />
<PWAHead />
<title data-i18n="admin.rules.list.title">Regeln verwalten &mdash; Paliad</title>
<link rel="stylesheet" href="/assets/global.css" />
</head>
<body className="has-sidebar">
<Sidebar currentPath="/admin/rules" />
<BottomNav currentPath="/admin/rules" />
<main>
<section className="tool-page">
<div className="container">
<div className="tool-header">
<div>
<h1 data-i18n="admin.rules.list.heading">Regeln verwalten</h1>
<p className="tool-subtitle" data-i18n="admin.rules.list.subtitle">
Fristen-Regeln anlegen, bearbeiten und freigeben. Lifecycle: draft &rarr; published &rarr; archived.
</p>
</div>
<div className="admin-rules-header-actions">
<button type="button" id="rules-new-btn" className="btn-primary" data-i18n="admin.rules.list.new">
+ Neue Regel
</button>
</div>
</div>
<div className="admin-rules-tabs">
<button type="button" className="admin-rules-tab active" id="rules-tab-rules" data-tab="rules" data-i18n="admin.rules.tab.rules">
Regeln
</button>
<button type="button" className="admin-rules-tab" id="rules-tab-orphans" data-tab="orphans">
<span data-i18n="admin.rules.tab.orphans">Orphans</span>
<span className="admin-rules-tab-badge" id="rules-orphans-badge" style="display:none">0</span>
</button>
</div>
<div id="rules-feedback" className="form-msg" style="display:none" />
{/* Rules tab */}
<div id="rules-pane-rules" className="admin-rules-pane">
<div className="admin-rules-filters">
<div className="admin-rules-filter">
<label htmlFor="rules-filter-proceeding" data-i18n="admin.rules.filter.proceeding">Verfahrenstyp</label>
<select id="rules-filter-proceeding" className="admin-rules-select">
<option value="" data-i18n="admin.rules.filter.proceeding.any">Alle</option>
</select>
</div>
<div className="admin-rules-filter">
<label htmlFor="rules-filter-trigger" data-i18n="admin.rules.filter.trigger">Trigger-Ereignis</label>
<select id="rules-filter-trigger" className="admin-rules-select">
<option value="" data-i18n="admin.rules.filter.trigger.any">Alle</option>
</select>
</div>
<div className="admin-rules-filter admin-rules-filter-chips">
<span className="admin-rules-filter-label" data-i18n="admin.rules.filter.lifecycle">Lifecycle</span>
<div className="admin-rules-chips" id="rules-filter-lifecycle">
<button type="button" className="admin-rules-chip active" data-state="" data-i18n="admin.rules.filter.lifecycle.any">Alle</button>
<button type="button" className="admin-rules-chip" data-state="draft" data-i18n="admin.rules.lifecycle.draft">Draft</button>
<button type="button" className="admin-rules-chip" data-state="published" data-i18n="admin.rules.lifecycle.published">Published</button>
<button type="button" className="admin-rules-chip" data-state="archived" data-i18n="admin.rules.lifecycle.archived">Archived</button>
</div>
</div>
<div className="admin-rules-filter admin-rules-filter-search">
<label htmlFor="rules-filter-search" data-i18n="admin.rules.filter.search">Suche</label>
<input
type="text"
id="rules-filter-search"
className="admin-rules-input"
placeholder="Name, Submission Code, Rechtsgrundlage..."
data-i18n-placeholder="admin.rules.filter.search.placeholder"
autocomplete="off"
/>
</div>
</div>
<div className="entity-table-wrap admin-rules-table-wrap">
<table className="entity-table admin-rules-table">
<thead>
<tr>
<th data-i18n="admin.rules.col.submission_code">Submission Code</th>
<th data-i18n="admin.rules.col.legal_citation">Rechtsgrundlage</th>
<th data-i18n="admin.rules.col.name">Name</th>
<th data-i18n="admin.rules.col.proceeding">Verfahrenstyp</th>
<th data-i18n="admin.rules.col.priority">Priorit&auml;t</th>
<th data-i18n="admin.rules.col.lifecycle">Lifecycle</th>
<th data-i18n="admin.rules.col.modified">Zuletzt ge&auml;ndert</th>
</tr>
</thead>
<tbody id="rules-tbody">
<tr><td colspan={7} className="admin-rules-loading" data-i18n="admin.rules.loading">Lade...</td></tr>
</tbody>
</table>
</div>
<div className="entity-empty" id="rules-empty" style="display:none">
<p data-i18n="admin.rules.empty">Keine Regeln f&uuml;r die gew&auml;hlten Filter.</p>
</div>
</div>
{/* Orphans tab */}
<div id="rules-pane-orphans" className="admin-rules-pane" style="display:none">
<p className="tool-subtitle" data-i18n="admin.rules.orphans.subtitle">
Legacy-Deadlines aus dem fuzzy-match Backfill (Slice 10), die nicht eindeutig einer Regel zugeordnet werden konnten. Bitte die richtige Kandidaten-Regel ausw&auml;hlen.
</p>
<div id="rules-orphans-list" className="admin-rules-orphans">
<p className="admin-rules-loading" data-i18n="admin.rules.orphans.loading">Lade...</p>
</div>
</div>
</div>
</section>
</main>
{/* Reason modal — reused for "+ Neue Regel" (creates a draft) and for
the orphan resolve flow. Both writes go through audit-reason
session config server-side, so the modal enforces the 10-char
minimum client-side per Slice 11a edge case #4. */}
<div className="modal-overlay" id="rules-reason-modal" style="display:none">
<div className="modal-card">
<div className="modal-header">
<h2 id="rules-reason-title" data-i18n="admin.rules.modal.new.title">Neue Regel anlegen</h2>
<button className="modal-close" id="rules-reason-close" type="button" aria-label="Close">&times;</button>
</div>
<p id="rules-reason-body" className="invite-modal-body" data-i18n="admin.rules.modal.new.body">
Eine neue Regel wird als Draft angelegt. Bitte einen Grund (mind. 10 Zeichen) angeben &mdash; dieser wandert ins Audit-Log und beim Export in die Migration.
</p>
<form id="rules-reason-form" className="entity-form" autocomplete="off">
<div id="rules-reason-extra" />
<div className="form-field">
<label htmlFor="rules-reason-text" data-i18n="admin.rules.modal.reason">Grund</label>
<textarea
id="rules-reason-text"
className="admin-rules-input"
rows={3}
required
minlength={10}
placeholder="z. B. „Neue Regel f&uuml;r RoP.198 nach UPC-Reform 2026..."
data-i18n-placeholder="admin.rules.modal.reason.placeholder"
/>
<p className="admin-rules-hint" data-i18n="admin.rules.modal.reason.hint">
Mindestens 10 Zeichen.
</p>
</div>
<p className="form-msg" id="rules-reason-msg" style="display:none" />
<div className="form-actions">
<button type="button" className="btn-cancel" id="rules-reason-cancel" data-i18n="common.cancel">Abbrechen</button>
<button type="submit" className="btn-primary" id="rules-reason-submit" data-i18n="admin.rules.modal.confirm">
Best&auml;tigen
</button>
</div>
</form>
</div>
</div>
<Footer />
<PaliadinWidget />
<script src="/assets/admin-rules-list.js"></script>
</body>
</html>
);
}