Frontend first draft

2025-11-13 15:06:15 +03:00
parent e47f343afb
commit ddb54ddfdc
504 changed files with 25498 additions and 1 deletions
--- a/frontend/pweb/lib/pages/dashboard/payouts/payment_form.dart
+++ b/frontend/pweb/lib/pages/dashboard/payouts/payment_form.dart
@@ -0,0 +1,92 @@
+import 'package:flutter/material.dart';
+
+import 'package:provider/provider.dart';
+
+import 'package:pweb/providers/mock_payment.dart';
+
+import 'package:pweb/generated/i18n/app_localizations.dart';
+
+
+class PaymentFormWidget extends StatelessWidget {
+  const PaymentFormWidget({super.key});
+
+  static const double _smallSpacing = 5;
+  static const double _mediumSpacing = 10;
+  static const double _largeSpacing = 16;
+  static const double _extraSpacing = 15;
+
+  String _formatAmount(double amount) => amount.toStringAsFixed(2);
+
+  @override
+  Widget build(BuildContext context) {
+    final provider = Provider.of<MockPaymentProvider>(context);
+    final theme = Theme.of(context);
+    final loc = AppLocalizations.of(context)!;
+
+    return Column(
+      crossAxisAlignment: CrossAxisAlignment.start,
+      children: [
+        Text(loc.details, style: theme.textTheme.titleMedium),
+        const SizedBox(height: _smallSpacing),
+
+        TextField(
+          keyboardType: const TextInputType.numberWithOptions(decimal: true),
+          decoration: InputDecoration(
+            labelText: loc.amount,
+            border: const OutlineInputBorder(),
+          ),
+          onChanged: (val) {
+            final parsed = double.tryParse(val.replaceAll(',', '.')) ?? 0.0;
+            provider.setAmount(parsed);
+          },
+        ),
+
+        const SizedBox(height: _mediumSpacing),
+
+        Row(
+          spacing: _mediumSpacing,
+          children: [
+            Text(loc.recipientPaysFee, style: theme.textTheme.titleMedium),
+            Switch(
+              value: !provider.payerCoversFee,
+              onChanged: (val) => provider.setPayerCoversFee(!val),
+            ),
+          ],
+        ),
+
+        const SizedBox(height: _largeSpacing),
+
+        Align(
+          alignment: Alignment.center,
+          child: Column(
+            crossAxisAlignment: CrossAxisAlignment.stretch,
+            children: [
+              _SummaryRow(label: loc.sentAmount(_formatAmount(provider.amount)), style: theme.textTheme.titleMedium),
+              _SummaryRow(label: loc.fee(_formatAmount(provider.fee)), style: theme.textTheme.titleMedium),
+              _SummaryRow(label: loc.recipientWillReceive(_formatAmount(provider.recipientGets)), style: theme.textTheme.titleMedium),
+
+              const SizedBox(height: _extraSpacing),
+
+              _SummaryRow(
+                label: loc.total(_formatAmount(provider.total)),
+                style: theme.textTheme.titleMedium!.copyWith(fontWeight: FontWeight.w600),
+              ),
+            ],
+          ),
+        ),
+      ],
+    );
+  }
+}
+
+class _SummaryRow extends StatelessWidget {
+  final String label;
+  final TextStyle? style;
+
+  const _SummaryRow({required this.label, this.style});
+
+  @override
+  Widget build(BuildContext context) {
+    return Text(label, style: style);
+  }
+}