chart improvements, synch working

This commit is contained in:
davmar
2026-09-09 23:31:30 +02:00
parent e35a4d6893
commit 91d6dc9e54
4 changed files with 144 additions and 103 deletions
+15 -6
View File
@@ -790,15 +790,24 @@ class TxMetaController extends ChangeNotifier {
return false;
}
/// OR filter: any selected label, and/or unlabeled when uncategorized is selected.
/// AND filter: every selected label must be on the tx.
///
/// Uncategorized alone matches unlabeled txs. Uncategorized combined with
/// other labels matches nothing (a tx cannot be both).
bool _matchesLabelFilter(TxMeta meta, Set<String> labelIds) {
final wantUncategorized = labelIds.contains(kUncategorizedFilterId);
if (wantUncategorized && !meta.hasLabel) return true;
for (final id in labelIds) {
if (id == kUncategorizedFilterId) continue;
if (meta.labelIds.contains(id)) return true;
final required = <String>[
for (final id in labelIds)
if (id != kUncategorizedFilterId) id,
];
if (wantUncategorized) {
if (required.isNotEmpty) return false;
return !meta.hasLabel;
}
return false;
for (final id in required) {
if (!meta.labelIds.contains(id)) return false;
}
return true;
}
/// Labels currently used by [transactions].
+41 -35
View File
@@ -234,7 +234,6 @@ class _OverviewScreenState extends State<OverviewScreen> {
_period,
includedLabelIds: _includedLabelIds,
flow: _labelFlow,
invertExpensePerspective: _labelInvertChart,
);
labelSpend = labels.spend;
labelAmountByPeriod = labels.amountByPeriod;
@@ -277,6 +276,7 @@ class _OverviewScreenState extends State<OverviewScreen> {
labelSpend: labelSpend,
labelAmountByMonth: labelAmountByPeriod,
labelBarStyle: _labelBarStyle,
invertChart: _labelFlow == TxFlowFilter.all && _labelInvertChart,
currency: currency,
onPickLabels: () => _pickChartLabels(context),
includedLabelCount: _includedLabelIds.isEmpty &&
@@ -555,8 +555,9 @@ class _LabelAggregates {
/// One pass over labeled amounts: totals, per-period series, and history.
///
/// Amounts are summed with sign (refunds offset spend). For [TxFlowFilter.all]
/// the signed net is kept (can be negative). With [invertExpensePerspective],
/// signs flip so spending plots upward. For In/Out, bars use absolute nets.
/// the signed net is kept (can be negative). For In/Out, bars use absolute nets.
/// Chart-only invert is applied later in [_LabelMonthBars], not here — history
/// always follows bank transaction signs.
_LabelAggregates _labelAggregates(
List<BankTransaction> txs,
TxMetaController meta,
@@ -564,7 +565,6 @@ _LabelAggregates _labelAggregates(
_PeriodMode mode, {
Set<String> includedLabelIds = const {},
TxFlowFilter flow = TxFlowFilter.expense,
bool invertExpensePerspective = false,
}) {
final keys = {for (final p in periods) _periodKey(p, mode)};
final allByLabel = <String, double>{};
@@ -576,7 +576,6 @@ _LabelAggregates _labelAggregates(
};
final filtering = includedLabelIds.isNotEmpty;
final keepSigned = flow == TxFlowFilter.all;
final invert = keepSigned && invertExpensePerspective;
for (final tx in txs) {
if (meta.metaFor(tx).internalTransfer) continue;
@@ -608,7 +607,7 @@ _LabelAggregates _labelAggregates(
double displayAmount(double signed) {
if (!keepSigned) return signed.abs();
return invert ? -signed : signed;
return signed;
}
final allSpend = <_LabelSpend>[
@@ -756,6 +755,7 @@ class _ChartCard extends StatelessWidget {
required this.labelSpend,
required this.labelAmountByMonth,
required this.labelBarStyle,
required this.invertChart,
required this.currency,
required this.onPickLabels,
required this.includedLabelCount,
@@ -776,6 +776,7 @@ class _ChartCard extends StatelessWidget {
final List<_LabelSpend> labelSpend;
final Map<DateTime, Map<String, double>> labelAmountByMonth;
final LabelChartBarStyle labelBarStyle;
final bool invertChart;
final String currency;
final VoidCallback onPickLabels;
final int? includedLabelCount;
@@ -951,6 +952,7 @@ class _ChartCard extends StatelessWidget {
currency: currency,
period: period,
barStyle: labelBarStyle,
invertChart: invertChart,
onMonthTap: onMonthTap,
),
),
@@ -1118,6 +1120,7 @@ class _LabelMonthBars extends StatelessWidget {
required this.currency,
required this.period,
required this.barStyle,
required this.invertChart,
required this.onMonthTap,
});
@@ -1129,8 +1132,11 @@ class _LabelMonthBars extends StatelessWidget {
final String currency;
final _PeriodMode period;
final LabelChartBarStyle barStyle;
final bool invertChart;
final void Function(DateTime month) onMonthTap;
double _plot(double value) => invertChart ? -value : value;
@override
Widget build(BuildContext context) {
final theme = Theme.of(context);
@@ -1172,10 +1178,11 @@ class _LabelMonthBars extends StatelessWidget {
var pos = 0.0;
var neg = 0.0;
void accumulate(double value) {
if (value > 0) {
pos += value;
} else if (value < 0) {
neg += value;
final plotted = _plot(value);
if (plotted > 0) {
pos += plotted;
} else if (plotted < 0) {
neg += plotted;
}
}
@@ -1187,11 +1194,11 @@ class _LabelMonthBars extends StatelessWidget {
if (neg < minY) minY = neg;
} else {
for (final row in topLabels) {
final value = bucket[row.label.id] ?? 0;
final value = _plot(bucket[row.label.id] ?? 0);
if (value > maxY) maxY = value;
if (value < minY) minY = value;
}
final other = otherFor(month);
final other = _plot(otherFor(month));
if (other > maxY) maxY = other;
if (other < minY) minY = other;
}
@@ -1229,12 +1236,13 @@ class _LabelMonthBars extends StatelessWidget {
var neg = 0.0;
void addSegment(double value, Color color) {
if (value > 0) {
stackItems.add(BarChartRodStackItem(pos, pos + value, color));
pos += value;
} else if (value < 0) {
stackItems.add(BarChartRodStackItem(neg + value, neg, color));
neg += value;
final plotted = _plot(value);
if (plotted > 0) {
stackItems.add(BarChartRodStackItem(pos, pos + plotted, color));
pos += plotted;
} else if (plotted < 0) {
stackItems.add(BarChartRodStackItem(neg + plotted, neg, color));
neg += plotted;
}
}
@@ -1277,16 +1285,16 @@ class _LabelMonthBars extends StatelessWidget {
return [
for (final row in topLabels)
BarChartRodData(
toY: bucket[row.label.id] ?? 0,
toY: _plot(bucket[row.label.id] ?? 0),
width: rodWidth,
borderRadius: rodRadius(bucket[row.label.id] ?? 0),
borderRadius: rodRadius(_plot(bucket[row.label.id] ?? 0)),
color: row.label.color,
),
if (hasOther)
BarChartRodData(
toY: otherFor(month),
toY: _plot(otherFor(month)),
width: rodWidth,
borderRadius: rodRadius(otherFor(month)),
borderRadius: rodRadius(_plot(otherFor(month))),
color: otherColor,
),
];
@@ -1342,7 +1350,7 @@ class _LabelMonthBars extends StatelessWidget {
return BarTooltipItem(
'${_periodAxisLabel(month, period)}\n'
'$name\n'
'${formatMoney(rod.toY, currency)}',
'${formatMoney(invertChart ? -rod.toY : rod.toY, currency)}',
TextStyle(color: colors.onInverseSurface),
);
},
@@ -1627,19 +1635,17 @@ class _LabelHistoryCard extends StatelessWidget {
/// Display amount + color for history rows.
///
/// Keeps the original `-amount` sign convention; for All, color follows the
/// displayed value (positive → green, negative → red).
/// Keep the aggregate sign (All already signed; In/Out use abs then restore
/// bank-like sign). Color follows the displayed value.
(double display, Color color) _styleFor(double amount) {
switch (flow) {
case TxFlowFilter.expense:
case TxFlowFilter.income:
return (-amount.abs(), _kExpenseColor);
case TxFlowFilter.all:
final display = -amount;
if (display > 0) return (display, _kIncomeColor);
if (display < 0) return (display, _kExpenseColor);
return (0, _kExpenseColor);
}
final signed = switch (flow) {
TxFlowFilter.expense => -amount.abs(),
TxFlowFilter.income => amount.abs(),
TxFlowFilter.all => amount,
};
if (signed > 0) return (signed, _kIncomeColor);
if (signed < 0) return (signed, _kExpenseColor);
return (0, _kExpenseColor);
}
@override
-1
View File
@@ -297,7 +297,6 @@ abstract final class AppTheme {
inactiveTrackColor: colorScheme.outlineVariant.withValues(alpha: 0.5),
thumbColor: colorScheme.primary,
overlayColor: colorScheme.primary.withValues(alpha: 0.16),
rangeThumbShape: const RoundRangeSliderThumbShape(enabledThumbRadius: 8),
trackHeight: 4,
),
checkboxTheme: CheckboxThemeData(
+88 -61
View File
@@ -491,9 +491,8 @@ class _TransactionFilterDialogState extends State<_TransactionFilterDialog> {
late final TextEditingController _queryController;
late final TextEditingController _labelSearchController;
late final TextEditingController _exactAmountController;
late double _amountCeil;
late RangeValues _amountRange;
var _rangeTouched = false;
late final TextEditingController _minAmountController;
late final TextEditingController _maxAmountController;
@override
void initState() {
@@ -505,28 +504,20 @@ class _TransactionFilterDialogState extends State<_TransactionFilterDialog> {
_queryController = TextEditingController(text: initial.query);
_labelSearchController = TextEditingController();
var maxAbs = 0.0;
for (final tx in widget.transactions) {
final abs = tx.amount.abs();
if (abs > maxAbs) maxAbs = abs;
}
_amountCeil = maxAbs <= 0 ? 100.0 : (maxAbs * 1.05).ceilToDouble();
if (_amountCeil < 1) _amountCeil = 1;
final exact = initial.amountRange.exact;
_exactAmountController = TextEditingController(
text: exact == null ? '' : _formatAmountInput(exact),
);
final min = initial.amountRange.min ?? 0;
final max = initial.amountRange.max ?? _amountCeil;
_amountRange = RangeValues(
min.clamp(0, _amountCeil),
max.clamp(0, _amountCeil),
_minAmountController = TextEditingController(
text: exact == null && initial.amountRange.min != null
? _formatAmountInput(initial.amountRange.min!)
: '',
);
_maxAmountController = TextEditingController(
text: exact == null && initial.amountRange.max != null
? _formatAmountInput(initial.amountRange.max!)
: '',
);
_rangeTouched =
exact == null && (initial.amountRange.min != null ||
initial.amountRange.max != null);
}
@override
@@ -534,6 +525,8 @@ class _TransactionFilterDialogState extends State<_TransactionFilterDialog> {
_queryController.dispose();
_labelSearchController.dispose();
_exactAmountController.dispose();
_minAmountController.dispose();
_maxAmountController.dispose();
super.dispose();
}
@@ -544,12 +537,21 @@ class _TransactionFilterDialogState extends State<_TransactionFilterDialog> {
return value.toStringAsFixed(2);
}
double? _parseExactAmount() {
final raw = _exactAmountController.text.trim().replaceAll(',', '.');
double? _parseAmountField(TextEditingController controller) {
final raw = controller.text.trim().replaceAll(',', '.');
if (raw.isEmpty) return null;
return double.tryParse(raw);
}
void _clearRangeFields() {
_minAmountController.clear();
_maxAmountController.clear();
}
void _clearExactField() {
_exactAmountController.clear();
}
void _toggle(String id, bool selected) {
setState(() {
if (selected) {
@@ -561,15 +563,18 @@ class _TransactionFilterDialogState extends State<_TransactionFilterDialog> {
}
TxAmountRange get _amountResult {
final exact = _parseExactAmount();
final exact = _parseAmountField(_exactAmountController);
if (exact != null && exact >= 0) {
return TxAmountRange(exact: exact);
}
if (!_rangeTouched) return const TxAmountRange();
final start = _amountRange.start <= 0.009 ? null : _amountRange.start;
final end =
_amountRange.end >= _amountCeil - 0.009 ? null : _amountRange.end;
return TxAmountRange(min: start, max: end);
final min = _parseAmountField(_minAmountController);
final max = _parseAmountField(_maxAmountController);
if (min == null && max == null) return const TxAmountRange();
// Swap if user typed max < min.
if (min != null && max != null && min > max) {
return TxAmountRange(min: max, max: min);
}
return TxAmountRange(min: min, max: max);
}
void _apply() {
@@ -721,7 +726,7 @@ class _TransactionFilterDialogState extends State<_TransactionFilterDialog> {
: IconButton(
tooltip: 'Clear exact',
onPressed: () {
_exactAmountController.clear();
_clearExactField();
setState(() {});
},
icon: const Icon(Icons.clear, size: 18),
@@ -729,8 +734,9 @@ class _TransactionFilterDialogState extends State<_TransactionFilterDialog> {
),
onChanged: (_) {
setState(() {
_rangeTouched = false;
_amountRange = RangeValues(0, _amountCeil);
if (_exactAmountController.text.trim().isNotEmpty) {
_clearRangeFields();
}
});
},
),
@@ -742,43 +748,64 @@ class _TransactionFilterDialogState extends State<_TransactionFilterDialog> {
fontWeight: FontWeight.w600,
),
),
const SizedBox(height: 4),
Text(
_rangeTouched
? '${_amountRange.start.toStringAsFixed(0)} – ${_amountRange.end.toStringAsFixed(0)}'
: 'Any amount',
style: theme.textTheme.bodySmall?.copyWith(
color: colors.onSurfaceVariant,
),
),
RangeSlider(
values: _amountRange,
min: 0,
max: _amountCeil,
labels: RangeLabels(
_amountRange.start.toStringAsFixed(0),
_amountRange.end.toStringAsFixed(0),
),
onChanged: (values) {
setState(() {
_exactAmountController.clear();
_rangeTouched = true;
_amountRange = values;
});
},
const SizedBox(height: 6),
Row(
children: [
Expanded(
child: TextField(
controller: _minAmountController,
keyboardType: const TextInputType.numberWithOptions(
decimal: true,
),
decoration: const InputDecoration(
isDense: true,
labelText: 'Min',
hintText: '0',
),
onChanged: (_) {
setState(() {
if (_minAmountController.text.trim().isNotEmpty ||
_maxAmountController.text.trim().isNotEmpty) {
_clearExactField();
}
});
},
),
),
const SizedBox(width: 12),
Expanded(
child: TextField(
controller: _maxAmountController,
keyboardType: const TextInputType.numberWithOptions(
decimal: true,
),
decoration: const InputDecoration(
isDense: true,
labelText: 'Max',
hintText: '∞',
),
onChanged: (_) {
setState(() {
if (_minAmountController.text.trim().isNotEmpty ||
_maxAmountController.text.trim().isNotEmpty) {
_clearExactField();
}
});
},
),
),
],
),
Align(
alignment: Alignment.centerRight,
child: TextButton(
onPressed: !_rangeTouched
onPressed: _minAmountController.text.trim().isEmpty &&
_maxAmountController.text.trim().isEmpty
? null
: () {
setState(() {
_rangeTouched = false;
_amountRange = RangeValues(0, _amountCeil);
});
setState(_clearRangeFields);
},
child: const Text('Reset range'),
child: const Text('Clear range'),
),
),
const SizedBox(height: 8),