reclaim/app/lib/pages/norms_list_page.dart
flemming-it aabff2b140 feat(ui): scope, freshness and jurist-review badges + live empty-state
Adds three dark-first chip badges in the TierBadge pattern:
- Jurisdiction (Berlin/DE/EU/International) — derived from the ELI,
  surfaced on the norms list, detail header and heatmap chips/hover.
- Freshness (aktuell/geaendert/ungeprueft) — flags norms amended
  upstream (standDate + sourceSha256); renders only when stale.
- Jurist review — marks evaluations a trusted jurist has confirmed
  (optional; the figure stands on its own).
Models gain Jurisdiction/Freshness enums, Norm.freshness/supersededNote
and Evaluation.reviewedBy/reviewedAt; HubRepository parses them from
the flow bag (ELI fallback). HeatmapPage shows a real empty-state
(hub-down vs no-evaluations) instead of a blank plot, and connect()
no longer throws on a failed probe.

Signed-off-by: flemming-it <sf@flemming.it>
2026-06-19 02:25:39 +02:00

241 lines
7.4 KiB
Dart

import 'package:flutter/material.dart';
import '../data/models.dart';
import '../data/repository.dart';
import '../theme/reclaim_tokens.dart';
import '../widgets/mode_banner.dart';
import '../widgets/freshness_badge.dart';
import '../widgets/jurisdiction_badge.dart';
import '../widgets/reclaim_card.dart';
import '../widgets/review_badge.dart';
import '../widgets/tier_badge.dart';
import 'norm_detail_page.dart';
class NormsListPage extends StatelessWidget {
const NormsListPage({super.key, required this.repository});
final EvaluationRepository repository;
@override
Widget build(BuildContext context) {
final t = Theme.of(context).textTheme;
return Column(
children: [
ModeBanner(repository: repository),
Expanded(
child: SingleChildScrollView(
padding: const EdgeInsets.all(ReclaimSpace.xl),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text('Normen-Pilotkorpus', style: t.displaySmall),
const SizedBox(height: ReclaimSpace.xs),
Text(
'5 Normen für den vertikalen Durchstich. '
'Korpus erweiterbar in Phase 1.',
style: t.bodyLarge?.copyWith(
color: ReclaimColors.mute,
),
),
const SizedBox(height: ReclaimSpace.lg),
FutureBuilder<List<Evaluation>>(
future: repository.list(),
builder: (context, snap) {
if (!snap.hasData) {
return const Center(
child: CircularProgressIndicator());
}
return Column(
children: [
for (final e in snap.data!)
Padding(
padding: const EdgeInsets.only(
bottom: ReclaimSpace.md),
child: _NormRow(
evaluation: e,
repository: repository,
),
),
],
);
},
),
],
),
),
),
],
);
}
}
class _NormRow extends StatelessWidget {
const _NormRow({required this.evaluation, required this.repository});
final Evaluation evaluation;
final EvaluationRepository repository;
@override
Widget build(BuildContext context) {
final t = Theme.of(context).textTheme;
return InkWell(
onTap: () {
Navigator.of(context).push(
MaterialPageRoute(
builder: (_) => NormDetailPage(
repository: repository,
evaluation: evaluation,
),
),
);
},
child: ReclaimCard(
child: Row(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Expanded(
flex: 4,
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
'${evaluation.norm.jurabk} ${evaluation.norm.paragraph}${evaluation.norm.title}',
style: t.titleMedium,
),
const SizedBox(height: 4),
Text(
evaluation.norm.eli,
style: t.labelSmall?.copyWith(
fontFamily: ReclaimTypography.mono,
color: ReclaimColors.mute,
),
),
const SizedBox(height: ReclaimSpace.sm),
Wrap(
spacing: ReclaimSpace.sm,
runSpacing: ReclaimSpace.xs,
children: [
JurisdictionBadge(
jurisdiction: evaluation.norm.jurisdiction),
TierBadge(tier: evaluation.tierLowest),
FreshnessBadge(
freshness: evaluation.norm.freshness,
note: evaluation.norm.supersededNote,
),
ReviewBadge(evaluation: evaluation),
],
),
],
),
),
const SizedBox(width: ReclaimSpace.lg),
Expanded(
flex: 2,
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
_MetricColumn(
label: 'Schaden / Jahr',
value: _eur(evaluation.skmEurPerYear),
),
const SizedBox(height: ReclaimSpace.sm),
_MetricColumn(
label: 'Nutzen',
value:
'${evaluation.benefitScore.toStringAsFixed(1)} / 5',
),
const SizedBox(height: ReclaimSpace.sm),
_MetricColumn(
label: 'Betroffene',
value: _kmu(evaluation.affectedCount),
),
],
),
),
const SizedBox(width: ReclaimSpace.lg),
Expanded(
flex: 3,
child: _ComponentSummary(
summary: evaluation.componentSummary,
),
),
],
),
),
);
}
String _eur(double v) {
if (v >= 1e9) return '${(v / 1e9).toStringAsFixed(2)} Mrd €';
if (v >= 1e6) return '${(v / 1e6).toStringAsFixed(1)} Mio €';
if (v >= 1e3) return '${(v / 1e3).toStringAsFixed(0)} k €';
return '${v.toStringAsFixed(0)}';
}
String _kmu(int n) {
if (n >= 1_000_000) return '${(n / 1e6).toStringAsFixed(1)} Mio';
if (n >= 1_000) return '${(n / 1e3).toStringAsFixed(0)} k';
return n.toString();
}
}
class _ComponentSummary extends StatelessWidget {
const _ComponentSummary({required this.summary});
final List<String> summary;
@override
Widget build(BuildContext context) {
final t = Theme.of(context).textTheme;
if (summary.isEmpty) {
return Text(
'',
style: t.labelSmall?.copyWith(color: ReclaimColors.mute),
);
}
return Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
'Komponenten',
style: t.labelSmall?.copyWith(color: ReclaimColors.mute),
),
const SizedBox(height: 4),
for (final line in summary)
Padding(
padding: const EdgeInsets.only(bottom: 2),
child: Text(
line,
style: t.bodyLarge?.copyWith(
height: 1.35,
fontSize: 12.5,
),
),
),
],
);
}
}
class _MetricColumn extends StatelessWidget {
const _MetricColumn({required this.label, required this.value});
final String label;
final String value;
@override
Widget build(BuildContext context) {
final t = Theme.of(context).textTheme;
return Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
label,
style: t.labelSmall?.copyWith(color: ReclaimColors.mute),
),
const SizedBox(height: 2),
Text(value, style: t.titleMedium),
],
);
}
}