Тема и общие виджеты (AssetIcon, ServiceMark, HelpTip, глоссарий), верхняя панель TopNav и вкладки Аналитики вместо NavSidebar, иконки PWA. Экраны: портфели, создание брокерского счёта, ручное событие, правка инструмента, Обзор карточками по скоупам и таблица активов, пересчёт метрик с опросом /metrics/status. design-system.md обновлён.
131 lines
4.6 KiB
Dart
131 lines
4.6 KiB
Dart
import 'package:fintracker_api/fintracker_api.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter_riverpod/flutter_riverpod.dart';
|
|
|
|
import '../accounts/accounts_page.dart' show accountKindLabel;
|
|
import '../accounts/providers.dart';
|
|
|
|
class PortfolioDraft {
|
|
const PortfolioDraft({required this.name, required this.accountIds});
|
|
final String name;
|
|
final Set<int> accountIds;
|
|
}
|
|
|
|
/// Create/edit form for a portfolio: a name and the accounts it is made of. Returns the
|
|
/// draft to save, or null when cancelled.
|
|
class PortfolioEditDialog extends ConsumerStatefulWidget {
|
|
const PortfolioEditDialog({super.key, this.initial});
|
|
|
|
final PortfolioOut? initial;
|
|
|
|
@override
|
|
ConsumerState<PortfolioEditDialog> createState() =>
|
|
_PortfolioEditDialogState();
|
|
}
|
|
|
|
class _PortfolioEditDialogState extends ConsumerState<PortfolioEditDialog> {
|
|
final _formKey = GlobalKey<FormState>();
|
|
late final _name = TextEditingController(text: widget.initial?.name ?? '');
|
|
late final Set<int> _selected = {...?widget.initial?.accountIds};
|
|
|
|
@override
|
|
void dispose() {
|
|
_name.dispose();
|
|
super.dispose();
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final accounts =
|
|
ref.watch(accountsProvider).valueOrNull?.data ?? const <AccountOut>[];
|
|
// Brokers first: that is what a portfolio to rebalance is made of. An archived account
|
|
// stays listed only while the portfolio already contains it, so it can be removed.
|
|
final shown =
|
|
[
|
|
for (final a in accounts)
|
|
if (!a.archived || _selected.contains(a.id)) a,
|
|
]..sort((a, b) {
|
|
final byBroker =
|
|
(b.kind == AccountKind.broker ? 1 : 0) -
|
|
(a.kind == AccountKind.broker ? 1 : 0);
|
|
return byBroker != 0 ? byBroker : a.name.compareTo(b.name);
|
|
});
|
|
|
|
return AlertDialog(
|
|
title: Text(widget.initial == null ? 'Новый портфель' : 'Портфель'),
|
|
content: SizedBox(
|
|
width: 420,
|
|
child: Form(
|
|
key: _formKey,
|
|
child: Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
TextFormField(
|
|
controller: _name,
|
|
decoration: const InputDecoration(labelText: 'Название'),
|
|
validator: (v) =>
|
|
(v ?? '').trim().isEmpty ? 'Обязательное поле' : null,
|
|
),
|
|
const SizedBox(height: 16),
|
|
Text(
|
|
'Счета в портфеле',
|
|
style: Theme.of(context).textTheme.titleSmall,
|
|
),
|
|
const SizedBox(height: 4),
|
|
Flexible(
|
|
child: shown.isEmpty
|
|
? const Padding(
|
|
padding: EdgeInsets.symmetric(vertical: 16),
|
|
child: Text('Счетов ещё нет — нужна синхронизация.'),
|
|
)
|
|
: ListView(
|
|
shrinkWrap: true,
|
|
children: [
|
|
for (final a in shown)
|
|
CheckboxListTile(
|
|
contentPadding: EdgeInsets.zero,
|
|
controlAffinity: ListTileControlAffinity.leading,
|
|
dense: true,
|
|
value: _selected.contains(a.id),
|
|
title: Text(a.name),
|
|
subtitle: Text(
|
|
'${accountKindLabel(a.kind)} · ${a.currency}',
|
|
),
|
|
onChanged: (v) => setState(() {
|
|
if (v ?? false) {
|
|
_selected.add(a.id);
|
|
} else {
|
|
_selected.remove(a.id);
|
|
}
|
|
}),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
actions: [
|
|
TextButton(
|
|
onPressed: () => Navigator.of(context).pop(),
|
|
child: const Text('Отмена'),
|
|
),
|
|
FilledButton(
|
|
onPressed: () {
|
|
if (!(_formKey.currentState?.validate() ?? false)) return;
|
|
Navigator.of(context).pop(
|
|
PortfolioDraft(
|
|
name: _name.text.trim(),
|
|
accountIds: {..._selected},
|
|
),
|
|
);
|
|
},
|
|
child: const Text('Сохранить'),
|
|
),
|
|
],
|
|
);
|
|
}
|
|
}
|