This commit is contained in:
Arseni
2026-03-11 18:26:21 +03:00
parent fdd8dd8845
commit 0172176978
46 changed files with 678 additions and 643 deletions

View File

@@ -1,115 +0,0 @@
import 'package:flutter/material.dart';
import 'package:pshared/models/payment/methods/data.dart';
import 'package:pshared/models/payment/type.dart';
import 'package:pshared/models/recipient/payment_method_draft.dart';
import 'package:pweb/pages/payment_methods/form.dart';
import 'package:pweb/pages/payment_methods/icon.dart';
import 'package:pweb/widgets/dialogs/confirmation_dialog.dart';
import 'package:pweb/models/state/control_state.dart';
import 'package:pweb/models/state/visibility.dart';
import 'package:pweb/generated/i18n/app_localizations.dart';
class PaymentMethodPanel extends StatelessWidget {
final PaymentType selectedType;
final int selectedIndex;
final List<RecipientMethodDraft> entries;
final ValueChanged<int> onRemove;
final void Function(int, PaymentMethodData) onChanged;
final ControlState editState;
final VisibilityState deleteVisibility;
final double padding;
const PaymentMethodPanel({
super.key,
required this.selectedType,
required this.selectedIndex,
required this.entries,
required this.onRemove,
required this.onChanged,
this.editState = ControlState.enabled,
this.deleteVisibility = VisibilityState.visible,
this.padding = 16,
});
Future<void> _confirmDelete(BuildContext context, VoidCallback onConfirmed) async {
final l10n = AppLocalizations.of(context)!;
final confirmed = await showConfirmationDialog(
context: context,
title: l10n.delete,
message: l10n.deletePaymentConfirmation,
confirmLabel: l10n.delete,
);
if (confirmed) {
onConfirmed();
}
}
@override
Widget build(BuildContext context) {
final theme = Theme.of(context);
final l10n = AppLocalizations.of(context)!;
final label = l10n.paymentMethodDetails;
final entry = selectedIndex >= 0 && selectedIndex < entries.length
? entries[selectedIndex]
: null;
return AnimatedContainer(
duration: const Duration(milliseconds: 3000),
padding: EdgeInsets.all(padding),
decoration: BoxDecoration(
color: theme.colorScheme.onSecondary,
borderRadius: BorderRadius.circular(16),
border: Border.all(color: theme.colorScheme.onSurface.withAlpha(30)),
),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
children: [
Icon(
iconForPaymentType(selectedType),
size: 18,
color: theme.colorScheme.primary,
),
const SizedBox(width: 8),
Expanded(
child: Text(
label,
style: theme.textTheme.titleSmall?.copyWith(
fontWeight: FontWeight.w600,
),
),
),
if (entry != null && deleteVisibility == VisibilityState.visible)
TextButton.icon(
onPressed: () => _confirmDelete(context, () => onRemove(selectedIndex)),
icon: Icon(Icons.delete, color: theme.colorScheme.error),
label: Text(
l10n.delete,
style: TextStyle(color: theme.colorScheme.error),
),
),
],
),
const SizedBox(height: 12),
if (entry != null)
PaymentMethodForm(
key: ValueKey('${selectedType.name}-${entry.existing?.id ?? selectedIndex}-form'),
selectedType: selectedType,
initialData: entry.data,
isEditable: editState == ControlState.enabled,
onChanged: (data) {
if (data == null) return;
onChanged(selectedIndex, data);
},
),
],
),
);
}
}

View File

@@ -0,0 +1,83 @@
import 'package:flutter/material.dart';
import 'package:pshared/models/payment/methods/data.dart';
import 'package:pshared/models/payment/type.dart';
import 'package:pshared/models/recipient/payment_method_draft.dart';
import 'package:pweb/models/state/control_state.dart';
import 'package:pweb/models/state/visibility.dart';
import 'package:pweb/pages/address_book/form/widgets/payment_methods/panel/panel_container.dart';
import 'package:pweb/pages/address_book/form/widgets/payment_methods/panel/panel_entry_form.dart';
import 'package:pweb/pages/address_book/form/widgets/payment_methods/panel/panel_header.dart';
import 'package:pweb/utils/payment/method_delete_confirmation.dart';
import 'package:pweb/generated/i18n/app_localizations.dart';
class PaymentMethodPanel extends StatelessWidget {
final PaymentType selectedType;
final int selectedIndex;
final List<RecipientMethodDraft> entries;
final ValueChanged<int>? onRemove;
final void Function(int, PaymentMethodData)? onChanged;
final ControlState editState;
final VisibilityState deleteVisibility;
final double padding;
const PaymentMethodPanel({
super.key,
required this.selectedType,
required this.selectedIndex,
required this.entries,
this.onRemove,
this.onChanged,
this.editState = ControlState.enabled,
this.deleteVisibility = VisibilityState.visible,
this.padding = 16,
}) : assert(editState == ControlState.disabled || onChanged != null),
assert(deleteVisibility == VisibilityState.hidden || onRemove != null);
@override
Widget build(BuildContext context) {
final l10n = AppLocalizations.of(context)!;
final entry = selectedIndex >= 0 && selectedIndex < entries.length
? entries[selectedIndex]
: null;
final showDelete =
entry != null &&
deleteVisibility == VisibilityState.visible &&
onRemove != null;
return PaymentMethodPanelContainer(
padding: padding,
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
PaymentMethodPanelHeader(
selectedType: selectedType,
title: l10n.paymentMethodDetails,
deleteLabel: l10n.delete,
showDelete: showDelete,
onDelete: showDelete
? () => confirmPaymentMethodDelete(
context,
() => onRemove!(selectedIndex),
)
: null,
),
const SizedBox(height: 12),
if (entry != null)
PaymentMethodPanelEntryForm(
selectedType: selectedType,
selectedIndex: selectedIndex,
entry: entry,
isEditable: editState == ControlState.enabled,
onChanged: onChanged == null
? null
: (data) => onChanged!(selectedIndex, data),
),
],
),
);
}
}

View File

@@ -0,0 +1,29 @@
import 'package:flutter/material.dart';
class PaymentMethodPanelContainer extends StatelessWidget {
final double padding;
final Widget child;
const PaymentMethodPanelContainer({
super.key,
required this.padding,
required this.child,
});
@override
Widget build(BuildContext context) {
final theme = Theme.of(context);
return AnimatedContainer(
duration: const Duration(milliseconds: 3000),
padding: EdgeInsets.all(padding),
decoration: BoxDecoration(
color: theme.colorScheme.onSecondary,
borderRadius: BorderRadius.circular(16),
border: Border.all(color: theme.colorScheme.onSurface.withAlpha(30)),
),
child: child,
);
}
}

View File

@@ -0,0 +1,41 @@
import 'package:flutter/material.dart';
import 'package:pshared/models/payment/methods/data.dart';
import 'package:pshared/models/payment/type.dart';
import 'package:pshared/models/recipient/payment_method_draft.dart';
import 'package:pweb/pages/payment_methods/form.dart';
class PaymentMethodPanelEntryForm extends StatelessWidget {
final PaymentType selectedType;
final int selectedIndex;
final RecipientMethodDraft entry;
final bool isEditable;
final ValueChanged<PaymentMethodData>? onChanged;
const PaymentMethodPanelEntryForm({
super.key,
required this.selectedType,
required this.selectedIndex,
required this.entry,
required this.isEditable,
this.onChanged,
});
@override
Widget build(BuildContext context) {
return PaymentMethodForm(
key: ValueKey(
'${selectedType.name}-${entry.existing?.id ?? selectedIndex}-form',
),
selectedType: selectedType,
initialData: entry.data,
isEditable: isEditable,
onChanged: (data) {
if (data == null) return;
onChanged?.call(data);
},
);
}
}

View File

@@ -0,0 +1,56 @@
import 'package:flutter/material.dart';
import 'package:pshared/models/payment/type.dart';
import 'package:pweb/pages/payment_methods/icon.dart';
class PaymentMethodPanelHeader extends StatelessWidget {
final PaymentType selectedType;
final String title;
final String deleteLabel;
final bool showDelete;
final VoidCallback? onDelete;
const PaymentMethodPanelHeader({
super.key,
required this.selectedType,
required this.title,
required this.deleteLabel,
required this.showDelete,
this.onDelete,
});
@override
Widget build(BuildContext context) {
final theme = Theme.of(context);
return Row(
children: [
Icon(
iconForPaymentType(selectedType),
size: 18,
color: theme.colorScheme.primary,
),
const SizedBox(width: 8),
Expanded(
child: Text(
title,
style: theme.textTheme.titleSmall?.copyWith(
fontWeight: FontWeight.w600,
),
),
),
if (showDelete && onDelete != null)
TextButton.icon(
onPressed: onDelete,
icon: Icon(Icons.delete, color: theme.colorScheme.error),
label: Text(
deleteLabel,
style: TextStyle(color: theme.colorScheme.error),
),
),
],
);
}
}