reclaim/app/lib/pages/norms_list_page.dart
flemming-it 51beb332c4 feat(ui): ModeBanner replaces DemoBanner + no silent mock-fallback
Two related fixes so the app never silently presents itself as
a demo when it is in fact running against a real hub:

  - The orange 'Demo-Daten · KEINE Rechtsberatung' banner was
    hard-coded into every data screen, regardless of whether
    the active repository was the in-memory MockRepository or
    the live HubRepository. Replaced with ModeBanner, which
    picks one of three voices by repository.mode:

      demo      orange T4 — 'Demo-Daten · KEINE Rechtsberatung'
      hub-live  petrol     — 'Live aus Hub · <endpoint>'
      hub-down  warm-warn  — 'Hub nicht erreichbar — leere Liste'

  - main.dart's _pickRepository used to fall back to
    MockRepository whenever HubRepository.connect() came back
    unhealthy. That silently downgraded a live deployment to
    demo data, which is exactly what the user is trying to avoid.
    Removed: when useHub=true, the HubRepository is returned
    regardless. Its list() returns [] on hub-down, and the
    'hub-down' banner explains why the screens are empty.
    Mock data only shows when the user explicitly turns useHub
    off in the Hub-Reiter.

Also: legend arrow icons now point in the actual axis direction
(→ for Schaden, ↑ for Nutzen) instead of the bidirectional ↔/↕,
which suggested the axes ran both ways. Mini-chips and the
expanded legend rows are consistent.

Signed-off-by: flemming-it <sf@flemming.it>
2026-06-18 15:57:50 +02:00

225 lines
6.7 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/reclaim_card.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),
TierBadge(tier: evaluation.tierLowest),
],
),
),
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),
],
);
}
}