vusakhoza/velocity-pay-flutter
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added batch file upload logic

Browse Source
This commit is contained in:
Prince
2026-06-20 01:05:35 +02:00
parent bb9dbac2a3
commit 381b5fbf08
11 changed files with 809 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
lib/screens/groups/screens/batch_detail_screen.dart
View File

@@ -1737,28 +1737,17 @@ class _BatchDetailScreenState extends State<BatchDetailScreen>
children: [
StatusChip(status: status),
const SizedBox(width: 8),
Expanded(
child: Row(
children: [
Text(
'$currency ',
style: TextStyle(
fontSize: 13,
fontWeight: FontWeight.w500,
color: isDark ? Colors.white60 : Colors.grey.shade600,
),
if (parsedDate != null)
Expanded(
child: Text(
DateFormat.yMMMd().add_jm().format(parsedDate),
style: TextStyle(
fontSize: 11,
fontWeight: FontWeight.w400,
color: isDark ? Colors.white38 : Colors.grey.shade500,
),
Text(
value?.toStringAsFixed(2) ?? '—',
style: TextStyle(
fontSize: 18,
fontWeight: FontWeight.w700,
color: isDark ? Colors.white : Colors.black87,
),
),
],
),
),
),
_buildRefreshButton(theme, isDark),
],
),
@@ -1766,15 +1755,26 @@ class _BatchDetailScreenState extends State<BatchDetailScreen>
// Row 2: Date + Summary chips
Row(
children: [
if (parsedDate != null)
Text(
DateFormat.yMMMd().add_jm().format(parsedDate),
style: TextStyle(
fontSize: 11,
fontWeight: FontWeight.w400,
color: isDark ? Colors.white38 : Colors.grey.shade500,
Row(
children: [
Text(
'$currency ',
style: TextStyle(
fontSize: 13,
fontWeight: FontWeight.w500,
color: isDark ? Colors.white60 : Colors.grey.shade600,
),
),
),
Text(
value?.toStringAsFixed(2) ?? '—',
style: TextStyle(
fontSize: 18,
fontWeight: FontWeight.w700,
color: isDark ? Colors.white : Colors.black87,
),
),
],
),
if (batch.count != null && parsedDate != null)
const SizedBox(width: 6),
if (batch.count != null)

428
lib/screens/groups/screens/create_group_from_file_screen.dart Normal file
View File

@@ -0,0 +1,428 @@
import 'package:flutter/material.dart';
import 'package:file_picker/file_picker.dart';
import 'package:go_router/go_router.dart';
import 'package:qpay/screens/groups/controllers/group_controller.dart';
import 'package:qpay/screens/groups/models/create_group_from_file_response.dart';
import 'package:qpay/models/responsive_policy.dart';
import 'package:qpay/widgets/app_snack_bar.dart';
import 'package:shared_preferences/shared_preferences.dart';
class CreateGroupFromFileScreen extends StatefulWidget {
const CreateGroupFromFileScreen({super.key});
@override
State<CreateGroupFromFileScreen> createState() =>
_CreateGroupFromFileScreenState();
}
class _CreateGroupFromFileScreenState extends State<CreateGroupFromFileScreen> {
late GroupController controller;
final _formKey = GlobalKey<FormState>();
final _groupNameController = TextEditingController();
final _descriptionController = TextEditingController();
String _currency = 'USD';
List<int>? _fileBytes;
String? _selectedFileName;
@override
void initState() {
super.initState();
controller = GroupController(context);
}
@override
void dispose() {
_groupNameController.dispose();
_descriptionController.dispose();
controller.dispose();
super.dispose();
}
Future<void> _pickFile() async {
final result = await FilePicker.pickFiles(
type: FileType.custom,
allowedExtensions: ['csv'],
withData: true,
);
if (result != null && result.files.isNotEmpty) {
final file = result.files.first;
if (file.bytes != null) {
setState(() {
_fileBytes = file.bytes;
_selectedFileName = file.name;
});
}
}
}
Future<void> _submit() async {
if (!_formKey.currentState!.validate()) return;
if (_fileBytes == null || _selectedFileName == null) {
AppSnackBar.show(context, 'Please select a CSV file to upload.');
return;
}
final prefs = await SharedPreferences.getInstance();
final userId = prefs.getString('userId') ?? '';
final result = await controller.createGroupFromFile(
groupName: _groupNameController.text.trim(),
userId: userId,
description: _descriptionController.text.trim().isEmpty
? null
: _descriptionController.text.trim(),
currency: _currency,
fileBytes: _fileBytes!,
fileName: _selectedFileName!,
);
if (!mounted) return;
if (result.isSuccess) {
final response = result.data!;
if (response.isSuccess && response.batch != null) {
final batch = response.batch!;
final groupId = batch.recipientGroupId ?? '';
AppSnackBar.showSuccess(
context,
'Group & batch created successfully. '
'${response.successCount} of ${response.totalRows} rows processed.',
);
if (groupId.isNotEmpty && batch.id != null) {
context.pushReplacement(
'/groups/$groupId/batches/${batch.id}',
);
}
} else {
// Partial failure — show errors
_showErrorsBottomSheet(response);
}
} else {
AppSnackBar.showError(
context,
result.error ?? 'Failed to create group from file.',
);
}
}
void _showErrorsBottomSheet(CreateGroupFromFileResponse response) {
final isDark = Theme.of(context).brightness == Brightness.dark;
showModalBottomSheet(
context: context,
isScrollControlled: true,
backgroundColor: Colors.transparent,
builder: (sheetContext) {
return Container(
decoration: BoxDecoration(
color: isDark ? const Color(0xFF1A1A2E) : Colors.white,
borderRadius: const BorderRadius.vertical(
top: Radius.circular(24),
),
),
padding: const EdgeInsets.fromLTRB(20, 12, 20, 24),
child: Column(
mainAxisSize: MainAxisSize.min,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Center(
child: Container(
width: 40,
height: 4,
margin: const EdgeInsets.only(bottom: 16),
decoration: BoxDecoration(
color: Colors.grey.shade300,
borderRadius: BorderRadius.circular(2),
),
),
),
Row(
children: [
Icon(Icons.warning_amber_rounded,
color: Colors.orange.shade700, size: 24),
const SizedBox(width: 10),
Text(
'Upload completed with errors',
style: TextStyle(
fontSize: 18,
fontWeight: FontWeight.w700,
color: isDark ? Colors.white : Colors.black87,
),
),
],
),
const SizedBox(height: 8),
Text(
'${response.errorCount} of ${response.totalRows} rows failed. '
'${response.successCount} rows succeeded.',
style: TextStyle(
fontSize: 13,
color: Colors.grey.shade600,
),
),
const SizedBox(height: 16),
if (response.errors.isNotEmpty) ...[
Flexible(
child: ConstrainedBox(
constraints: BoxConstraints(
maxHeight:
MediaQuery.of(sheetContext).size.height * 0.4,
),
child: ListView.separated(
shrinkWrap: true,
itemCount: response.errors.length,
separatorBuilder: (_, __) => const Divider(height: 1),
itemBuilder: (_, index) {
final error = response.errors[index];
return ListTile(
dense: true,
contentPadding: EdgeInsets.zero,
leading: CircleAvatar(
radius: 14,
backgroundColor: Colors.red.shade50,
child: Text(
'${error.lineNumber}',
style: TextStyle(
fontSize: 11,
fontWeight: FontWeight.w700,
color: Colors.red.shade700,
),
),
),
title: Text(
error.name.isNotEmpty
? '${error.name} (${error.account})'
: error.account,
style: const TextStyle(
fontSize: 13,
fontWeight: FontWeight.w600,
),
),
subtitle: Text(
error.message,
style: TextStyle(
fontSize: 12,
color: Colors.grey.shade600,
),
),
);
},
),
),
),
const SizedBox(height: 16),
],
SizedBox(
width: double.infinity,
child: ElevatedButton(
onPressed: () => Navigator.of(sheetContext).pop(),
style: ElevatedButton.styleFrom(
padding: const EdgeInsets.symmetric(vertical: 14),
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(14),
),
),
child: const Text('Dismiss'),
),
),
],
),
);
},
);
}
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: const Text('Create from File'),
centerTitle: true,
),
body: ListenableBuilder(
listenable: controller,
builder: (context, _) {
return Center(
child: LayoutBuilder(
builder: (context, constraints) {
final width = constraints.maxWidth > ResponsivePolicy.md
? ResponsivePolicy.md.toDouble()
: constraints.maxWidth;
return SizedBox(
width: width,
child: SingleChildScrollView(
padding: const EdgeInsets.all(20),
child: Form(
key: _formKey,
child: Column(
crossAxisAlignment: CrossAxisAlignment.stretch,
children: [
TextFormField(
controller: _groupNameController,
textInputAction: TextInputAction.next,
decoration: InputDecoration(
labelText: 'Group Name',
border: OutlineInputBorder(
borderRadius: BorderRadius.circular(12),
),
),
validator: (v) =>
(v == null || v.trim().isEmpty)
? 'Group name is required'
: null,
),
const SizedBox(height: 16),
TextFormField(
controller: _descriptionController,
textInputAction: TextInputAction.next,
decoration: InputDecoration(
labelText: 'Description (optional)',
border: OutlineInputBorder(
borderRadius: BorderRadius.circular(12),
),
),
),
const SizedBox(height: 16),
DropdownButtonFormField<String>(
initialValue: _currency,
decoration: InputDecoration(
labelText: 'Currency',
border: OutlineInputBorder(
borderRadius: BorderRadius.circular(12),
),
),
items: const [
DropdownMenuItem(
value: 'USD',
child: Text('USD'),
),
DropdownMenuItem(
value: 'ZWG',
child: Text('ZWG'),
),
],
onChanged: (v) {
if (v != null) setState(() => _currency = v);
},
),
const SizedBox(height: 24),
Text(
'Recipients File',
style: TextStyle(
fontSize: 16,
fontWeight: FontWeight.w600,
color: Colors.grey.shade800,
),
),
const SizedBox(height: 4),
Text(
'Upload a CSV file with columns: name, account, amount, billProductName',
style: TextStyle(
fontSize: 13,
color: Colors.grey.shade600,
),
),
const SizedBox(height: 12),
InkWell(
onTap: _pickFile,
borderRadius: BorderRadius.circular(12),
child: Container(
padding: const EdgeInsets.all(20),
decoration: BoxDecoration(
border: Border.all(
color: _fileBytes != null
? Theme.of(context).colorScheme.primary
: Colors.grey.shade300,
width: 1.5,
style: BorderStyle.solid,
),
borderRadius: BorderRadius.circular(12),
color: _fileBytes != null
? Theme.of(context)
.colorScheme
.primary
.withAlpha(12)
: Colors.grey.shade50,
),
child: Column(
children: [
Icon(
_fileBytes != null
? Icons.insert_drive_file
: Icons.cloud_upload_outlined,
size: 40,
color: _fileBytes != null
? Theme.of(context).colorScheme.primary
: Colors.grey.shade400,
),
const SizedBox(height: 8),
Text(
_selectedFileName ?? 'Tap to select CSV file',
style: TextStyle(
fontSize: 14,
fontWeight: FontWeight.w500,
color: _fileBytes != null
? Theme.of(context)
.colorScheme
.primary
: Colors.grey.shade600,
),
textAlign: TextAlign.center,
),
if (_fileBytes == null) ...[
const SizedBox(height: 4),
Text(
'Accepted format: .csv',
style: TextStyle(
fontSize: 12,
color: Colors.grey.shade500,
),
),
],
],
),
),
),
const SizedBox(height: 32),
ElevatedButton(
onPressed: controller.model.isLoading
? null
: _submit,
style: ElevatedButton.styleFrom(
padding:
const EdgeInsets.symmetric(vertical: 16),
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(12),
),
),
child: controller.model.isLoading
? const SizedBox(
height: 20,
width: 20,
child: CircularProgressIndicator(
strokeWidth: 2,
color: Colors.white,
),
)
: const Text(
'Upload & Create',
style: TextStyle(fontSize: 16),
),
),
],
),
),
),
);
},
),
);
},
),
);
}
}

148
lib/screens/groups/screens/groups_screen.dart
View File

@@ -196,11 +196,149 @@ class _GroupsScreenState extends State<GroupsScreen> {
);
}
_createGroup() async {
final response = await context.push('/groups/create');
if (response == true) {
_loadData();
}
_createGroup() {
_showCreateGroupBottomSheet();
}
void _showCreateGroupBottomSheet() {
final isDark = Theme.of(context).brightness == Brightness.dark;
showModalBottomSheet(
context: context,
backgroundColor: Colors.transparent,
builder: (sheetContext) {
return Container(
decoration: BoxDecoration(
color: isDark ? const Color(0xFF1A1A2E) : Colors.white,
borderRadius: const BorderRadius.vertical(top: Radius.circular(24)),
),
padding: const EdgeInsets.fromLTRB(20, 12, 20, 24),
child: Column(
mainAxisSize: MainAxisSize.min,
children: [
Center(
child: Container(
width: 40,
height: 4,
margin: const EdgeInsets.only(bottom: 16),
decoration: BoxDecoration(
color: Colors.grey.shade300,
borderRadius: BorderRadius.circular(2),
),
),
),
Text(
'Create Group',
style: TextStyle(
fontSize: 20,
fontWeight: FontWeight.w700,
color: isDark ? Colors.white : Colors.black87,
),
),
const SizedBox(height: 6),
Text(
'Choose how you would like to create a group.',
style: TextStyle(
fontSize: 13,
fontWeight: FontWeight.w500,
color: Colors.grey.shade500,
),
),
const SizedBox(height: 20),
_buildCreateOption(
sheetContext,
icon: Icons.edit_note,
title: 'Create via Form',
subtitle: 'Manually enter group details and recipients',
onTap: () async {
Navigator.of(sheetContext).pop();
final response = await context.push('/groups/create');
if (response == true) {
_loadData();
}
},
isDark: isDark,
),
const SizedBox(height: 12),
_buildCreateOption(
sheetContext,
icon: Icons.upload_file,
title: 'Create from File',
subtitle: 'Upload a CSV file with group & batch data',
onTap: () {
Navigator.of(sheetContext).pop();
context.push('/groups/create-from-file');
},
isDark: isDark,
),
],
),
);
},
);
}
Widget _buildCreateOption(
BuildContext sheetContext, {
required IconData icon,
required String title,
required String subtitle,
required VoidCallback onTap,
required bool isDark,
}) {
final theme = Theme.of(context);
return GestureDetector(
onTap: onTap,
child: Container(
padding: const EdgeInsets.all(16),
decoration: BoxDecoration(
color: isDark
? Colors.white.withValues(alpha: 0.05)
: Colors.grey.shade50,
borderRadius: BorderRadius.circular(14),
border: Border.all(
color: isDark
? Colors.white.withValues(alpha: 0.08)
: Colors.grey.shade200,
),
),
child: Row(
children: [
Container(
width: 48,
height: 48,
decoration: BoxDecoration(
color: theme.colorScheme.primary.withAlpha(25),
borderRadius: BorderRadius.circular(12),
),
child: Icon(icon, color: theme.colorScheme.primary, size: 24),
),
const SizedBox(width: 14),
Expanded(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
title,
style: TextStyle(
fontSize: 15,
fontWeight: FontWeight.w600,
color: isDark ? Colors.white : Colors.black87,
),
),
const SizedBox(height: 2),
Text(
subtitle,
style: TextStyle(fontSize: 13, color: Colors.grey.shade600),
),
],
),
),
Icon(Icons.chevron_right, color: Colors.grey.shade400),
],
),
),
);
}
Widget _buildIconButton({