Update: 2026-05-06 05:11:51
This commit is contained in:
168
musadaq-app/lib/features/scanner/views/scanner_view.dart
Normal file
168
musadaq-app/lib/features/scanner/views/scanner_view.dart
Normal file
@@ -0,0 +1,168 @@
|
||||
import 'package:camerawesome/camerawesome_plugin.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:get/get.dart';
|
||||
import '../controllers/scanner_controller.dart';
|
||||
|
||||
class ScannerView extends GetView<ScannerController> {
|
||||
const ScannerView({super.key});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Scaffold(
|
||||
body: Stack(
|
||||
children: [
|
||||
// 1. Camera Layer
|
||||
CameraAwesomeBuilder.awesome(
|
||||
saveConfig: SaveConfig.photo(
|
||||
pathBuilder: (sensors) async {
|
||||
final path = await controller.getSavePath();
|
||||
if (sensors.length == 1) {
|
||||
return SingleCaptureRequest(path, sensors.first);
|
||||
} else {
|
||||
// For multiple sensors, we take the first one for the path
|
||||
return MultipleCaptureRequest({
|
||||
for (var sensor in sensors) sensor: path,
|
||||
});
|
||||
}
|
||||
},
|
||||
),
|
||||
onMediaTap: (media) {
|
||||
final path = media.captureRequest.when(
|
||||
single: (single) => single.file?.path,
|
||||
multiple: (multiple) =>
|
||||
multiple.fileBySensor.values.first?.path,
|
||||
);
|
||||
if (path != null) {
|
||||
controller.addImage(path);
|
||||
}
|
||||
},
|
||||
onMediaCaptureEvent: (event) {
|
||||
if (event.status == MediaCaptureStatus.success) {
|
||||
final path = event.captureRequest.when(
|
||||
single: (single) => single.file?.path,
|
||||
multiple: (multiple) =>
|
||||
multiple.fileBySensor.values.first?.path,
|
||||
);
|
||||
if (path != null) {
|
||||
controller.addImage(path);
|
||||
}
|
||||
}
|
||||
},
|
||||
topActionsBuilder: (state) => AwesomeTopActions(
|
||||
state: state,
|
||||
children: [
|
||||
AwesomeFlashButton(state: state),
|
||||
const Spacer(),
|
||||
TextButton.icon(
|
||||
onPressed: () => Get.back(),
|
||||
icon: const Icon(Icons.close, color: Colors.white),
|
||||
label: const Text('إغلاق',
|
||||
style: TextStyle(color: Colors.white)),
|
||||
),
|
||||
],
|
||||
),
|
||||
middleContentBuilder: (state) => const Center(
|
||||
child: Text(
|
||||
'قم بمحاذاة الفاتورة داخل الإطار',
|
||||
style: TextStyle(
|
||||
color: Colors.white,
|
||||
fontSize: 16,
|
||||
backgroundColor: Colors.black26,
|
||||
),
|
||||
),
|
||||
),
|
||||
bottomActionsBuilder: (state) => AwesomeBottomActions(
|
||||
state: state,
|
||||
left: const SizedBox(),
|
||||
right: AwesomeCameraSwitchButton(state: state),
|
||||
),
|
||||
),
|
||||
|
||||
// 2. Batch Overlay (Bottom)
|
||||
Positioned(
|
||||
bottom: 120,
|
||||
left: 0,
|
||||
right: 0,
|
||||
child: Obx(() => controller.capturedImages.isEmpty
|
||||
? const SizedBox()
|
||||
: Container(
|
||||
height: 100,
|
||||
padding: const EdgeInsets.symmetric(horizontal: 16),
|
||||
child: ListView.builder(
|
||||
scrollDirection: Axis.horizontal,
|
||||
itemCount: controller.capturedImages.length,
|
||||
itemBuilder: (context, index) {
|
||||
return Padding(
|
||||
padding: const EdgeInsets.only(right: 8.0),
|
||||
child: Stack(
|
||||
children: [
|
||||
ClipRRect(
|
||||
borderRadius: BorderRadius.circular(8),
|
||||
child: Image.file(
|
||||
controller.capturedImages[index],
|
||||
width: 80,
|
||||
height: 100,
|
||||
fit: BoxFit.cover,
|
||||
),
|
||||
),
|
||||
Positioned(
|
||||
top: 0,
|
||||
right: 0,
|
||||
child: GestureDetector(
|
||||
onTap: () => controller.removeImage(index),
|
||||
child: Container(
|
||||
decoration: const BoxDecoration(
|
||||
color: Colors.red,
|
||||
shape: BoxShape.circle,
|
||||
),
|
||||
child: const Icon(Icons.close,
|
||||
size: 16, color: Colors.white),
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
},
|
||||
),
|
||||
)),
|
||||
),
|
||||
|
||||
// 3. Upload Button
|
||||
Positioned(
|
||||
top: 20,
|
||||
left: 80,
|
||||
right: 80,
|
||||
child: Obx(() => controller.capturedImages.isEmpty
|
||||
? const SizedBox()
|
||||
: ElevatedButton.icon(
|
||||
onPressed: controller.isProcessing.value
|
||||
? null
|
||||
: () => controller.uploadBatch(),
|
||||
style: ElevatedButton.styleFrom(
|
||||
backgroundColor: const Color(0xFF0F4C81),
|
||||
padding: const EdgeInsets.symmetric(vertical: 16),
|
||||
shape: RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.circular(30)),
|
||||
),
|
||||
icon: controller.isProcessing.value
|
||||
? const SizedBox(
|
||||
width: 20,
|
||||
height: 20,
|
||||
child: CircularProgressIndicator(
|
||||
color: Colors.white, strokeWidth: 2))
|
||||
: const Icon(Icons.cloud_upload, color: Colors.white),
|
||||
label: Text(
|
||||
'رفع ${controller.capturedImages.length} فواتير',
|
||||
style: const TextStyle(
|
||||
fontSize: 16,
|
||||
fontWeight: FontWeight.bold,
|
||||
color: Colors.white),
|
||||
),
|
||||
)),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user