brontomark/flux
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

feat-add-files-from-qr (#8)

Browse Source 
Reviewed-on: http://catelliub.zapto.org:3000/brontomark/flux/pulls/8
Co-authored-by: Mark M2 Macbook <marco@catelli.it>
Co-committed-by: Mark M2 Macbook <marco@catelli.it>
This commit is contained in:
Mark M2 Macbook
2026-04-26 10:15:34 +02:00
committed by brontomark
parent 90bd5ecacf
commit 1c2bcf9df7
46 changed files with 2376 additions and 327 deletions
Download Patch File Download Diff File Expand all files Collapse all files

248
lib/features/customers/ui/customer_detail_screen.dart
View File

@@ -1,10 +1,14 @@
import 'package:flutter/material.dart';
import 'package:file_picker/file_picker.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:flux/core/blocs/session/session_cubit.dart';
import 'package:flux/core/theme/theme.dart';
import 'package:flux/features/customers/data/customer_repository.dart';
import 'package:flux/core/widgets/image_viewer_widget.dart';
import 'package:flux/core/widgets/pdf_viewer_widget.dart';
import 'package:flux/core/widgets/qr_upload_dialog.dart';
import 'package:flux/features/customers/blocs/customer_files_bloc.dart';
import 'package:flux/features/customers/models/customer_model.dart';
import 'package:flux/features/customers/models/customer_file_model.dart';
import 'package:get_it/get_it.dart';
class CustomerDetailScreen extends StatefulWidget {
final CustomerModel customer;
@@ -15,36 +19,19 @@ class CustomerDetailScreen extends StatefulWidget {
}
class _CustomerDetailScreenState extends State<CustomerDetailScreen> {
final _repository = GetIt.I<CustomerRepository>();
List<CustomerFileModel> _files = [];
bool _isLoadingFiles = true;
@override
void initState() {
super.initState();
_loadFiles();
}
Future<void> _loadFiles() async {
try {
final files = await _repository.getCustomerFiles(
widget.customer.id.toString(),
);
setState(() {
_files = files;
_isLoadingFiles = false;
});
} catch (e) {
setState(() => _isLoadingFiles = false);
if (mounted) {
ScaffoldMessenger.of(
context,
).showSnackBar(SnackBar(content: Text(e.toString())));
}
}
void _loadFiles() {
context.read<CustomerFilesBloc>().add(LoadCustomerFilesEvent());
}
Future<void> _pickAndUpload() async {
CustomerFilesBloc customerFilesBloc = context.read<CustomerFilesBloc>();
// Chiamata statica pulita
FilePickerResult? result = await FilePicker.pickFiles(
allowMultiple: true,
@@ -55,11 +42,9 @@ class _CustomerDetailScreenState extends State<CustomerDetailScreen> {
if (result != null) {
for (var pickedFile in result.files) {
try {
final newFile = await _repository.uploadAndRegisterFile(
customerId: widget.customer.id.toString(),
pickedFile: pickedFile,
customerFilesBloc.add(
UploadCustomerFileEvent(pickedFile: pickedFile),
);
setState(() => _files.add(newFile));
} catch (e) {
if (mounted) {
ScaffoldMessenger.of(context).showSnackBar(
@@ -158,46 +143,97 @@ class _CustomerDetailScreenState extends State<CustomerDetailScreen> {
}
Widget _buildDocumentSection() {
return Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
return BlocBuilder<CustomerFilesBloc, CustomerFilesState>(
builder: (context, state) {
return Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
"DOCUMENTI",
style: TextStyle(
fontSize: 18,
fontWeight: FontWeight.bold,
color: context.accent,
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Text(
"DOCUMENTI",
style: TextStyle(
fontSize: 18,
fontWeight: FontWeight.bold,
color: context.accent,
),
),
// ZONA BOTTONI: Li mettiamo in una Row
Row(
children: [
// Bottone classico: c'è sempre (carica da disco locale)
ElevatedButton.icon(
onPressed: _pickAndUpload,
icon: const Icon(Icons.add_circle_outline),
label: const Text("CARICA FILE"),
),
const SizedBox(width: 12),
ElevatedButton.icon(
onPressed: state.selectedFiles.isEmpty
? null
: () => _showDeleteConfirmationDialog(
context: context,
files: state.selectedFiles,
),
icon: const Icon(Icons.delete_outline),
label: const Text("ELIMINA FILE"),
),
// Controlliamo se siamo su Desktop/Web per mostrare il QR
if (!context.read<SessionCubit>().state.isMobileDevice) ...[
const SizedBox(
width: 12,
), // Un po' di respiro tra i bottoni
ElevatedButton.icon(
onPressed: () {
showDialog(
context: context,
builder: (context) => QrUploadDialog(
deepLinkUrl:
'fluxapp://customer/${widget.customer.id}/upload?name=${Uri.encodeComponent(widget.customer.nome)}',
title: 'Scatta per ${widget.customer.nome}',
),
);
},
icon: const Icon(Icons.qr_code),
label: const Text("GENERA QR"),
style: ElevatedButton.styleFrom(
// Lo facciamo di un colore leggermente diverso per distinguerlo
backgroundColor: context.accent.withValues(
alpha: 0.1,
),
foregroundColor: context.accent,
elevation: 0,
),
),
],
],
),
],
),
const SizedBox(height: 20),
if (state.status == CustomerFilesStatus.loading)
const Center(child: CircularProgressIndicator())
else if (state.customerFiles.isEmpty)
const Center(child: Text("Nessun documento presente"))
else
Expanded(
child: GridView.builder(
gridDelegate: const SliverGridDelegateWithMaxCrossAxisExtent(
maxCrossAxisExtent: 200,
mainAxisSpacing: 16,
crossAxisSpacing: 16,
childAspectRatio: 1.2,
),
itemCount: state.customerFiles.length,
itemBuilder: (context, index) =>
_FileCard(file: state.customerFiles[index], state: state),
),
),
),
ElevatedButton.icon(
onPressed: _pickAndUpload,
icon: const Icon(Icons.add_circle_outline),
label: const Text("CARICA FILE"),
),
],
),
const SizedBox(height: 20),
if (_isLoadingFiles)
const Center(child: CircularProgressIndicator())
else if (_files.isEmpty)
const Center(child: Text("Nessun documento presente"))
else
Expanded(
child: GridView.builder(
gridDelegate: const SliverGridDelegateWithMaxCrossAxisExtent(
maxCrossAxisExtent: 200,
mainAxisSpacing: 16,
crossAxisSpacing: 16,
childAspectRatio: 1.2,
),
itemCount: _files.length,
itemBuilder: (context, index) => _FileCard(file: _files[index]),
),
),
],
);
},
);
}
@@ -223,34 +259,63 @@ class _CustomerDetailScreenState extends State<CustomerDetailScreen> {
),
);
}
void _showDeleteConfirmationDialog({
required BuildContext context,
required List<CustomerFileModel> files,
}) {}
}
class _FileCard extends StatelessWidget {
final CustomerFileModel file;
const _FileCard({required this.file});
final CustomerFilesState state;
const _FileCard({required this.file, required this.state});
@override
Widget build(BuildContext context) {
return Container(
decoration: BoxDecoration(
color: context.background,
borderRadius: BorderRadius.circular(12),
border: Border.all(color: context.accent.withValues(alpha: 0.1)),
return GestureDetector(
onTap: () => context.read<CustomerFilesBloc>().add(
ToggleCustomerFileSelectionEvent(file),
),
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
onDoubleTap: () => _handleDoubleClickOnFile(context, file),
child: Stack(
children: [
Icon(_getFileIcon(file.extension), size: 48, color: context.accent),
const SizedBox(height: 8),
Padding(
padding: const EdgeInsets.symmetric(horizontal: 8),
child: Text(
file.name,
maxLines: 1,
overflow: TextOverflow.ellipsis,
style: const TextStyle(fontSize: 12, fontWeight: FontWeight.w500),
Container(
decoration: BoxDecoration(
color: context.background,
borderRadius: BorderRadius.circular(12),
border: Border.all(color: context.accent.withValues(alpha: 0.1)),
),
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Icon(
_getFileIcon(file.extension),
size: 48,
color: context.accent,
),
const SizedBox(height: 8),
Padding(
padding: const EdgeInsets.symmetric(horizontal: 8),
child: Text(
file.name,
maxLines: 1,
overflow: TextOverflow.ellipsis,
style: const TextStyle(
fontSize: 12,
fontWeight: FontWeight.w500,
),
),
),
],
),
),
if (state.selectedFiles.contains(file))
Positioned(
top: 10,
left: 10,
child: Icon(Icons.check_circle, color: context.accent, size: 24),
),
],
),
);
@@ -268,4 +333,25 @@ class _FileCard extends StatelessWidget {
return Icons.insert_drive_file;
}
}
void _handleDoubleClickOnFile(BuildContext context, CustomerFileModel file) {
showDialog(
context: context,
barrierDismissible: true,
builder: (ctx) => Dialog(
insetPadding: const EdgeInsets.all(16),
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(12)),
child: ClipRRect(
borderRadius: BorderRadius.circular(12),
child: SizedBox(
width: double.infinity,
height: MediaQuery.of(context).size.height * 0.8,
child: file.isPdf
? PdfViewerWidget(storagePath: file.storagePath)
: ImageViewerWidget(storagePath: file.storagePath),
),
),
),
);
}
}