import 'dart:async'; import 'dart:io'; import 'package:flutter/material.dart'; import 'package:fluttertoast/fluttertoast.dart'; import 'package:google_api_availability/google_api_availability.dart'; import 'package:mobile_scanner/mobile_scanner.dart'; import 'package:provider/provider.dart'; import 'package:qr_code_scanner_plus/qr_code_scanner_plus.dart'; import 'package:test_sa/extensions/context_extension.dart'; import 'package:test_sa/extensions/int_extensions.dart'; import 'package:test_sa/extensions/text_extensions.dart'; import 'package:test_sa/extensions/widget_extensions.dart'; import 'package:test_sa/helper/utils.dart'; import 'package:test_sa/models/device/asset.dart'; import 'package:test_sa/modules/cm_module/views/components/action_button/footer_action_button.dart'; import 'package:test_sa/modules/tm_module/device_transfer/search_device_page.dart'; import 'package:test_sa/new_views/app_style/app_color.dart'; import 'package:test_sa/new_views/common_widgets/default_app_bar.dart'; import '../../../controllers/providers/api/devices_provider.dart'; import '../../../models/device/asset_search.dart'; import '../../../new_views/common_widgets/app_filled_button.dart'; class AssetScanQr extends StatefulWidget { static const String id = "/asset-scan-qr"; const AssetScanQr({ Key? key, required this.title, this.multiSelection = false, this.enablePickManually = true, }) : super(key: key); final String title; final bool multiSelection; final bool enablePickManually; @override _AssetScanQrState createState() => _AssetScanQrState(); } class _AssetScanQrState extends State { final GlobalKey qrKey = GlobalKey(debugLabel: 'QR_scanner'); late AssetProvider _devicesProvider; MobileScannerController? mobileController; QRViewController? qrController; bool _scanDone = false; bool _scanning = false; bool _isHuawei = false; bool _isLoading = true; @override void initState() { super.initState(); _initScanner(); } Future _initScanner() async { _isHuawei = Platform.isAndroid && !(await _isGoogleServicesAvailable()); if (!_isHuawei) { mobileController = MobileScannerController( detectionSpeed: DetectionSpeed.noDuplicates, formats: [], returnImage: false, torchEnabled: false, invertImage: false, autoZoom: true, ); } if (mounted) { setState(() { _isLoading = false; }); } } Future _isGoogleServicesAvailable() async { GooglePlayServicesAvailability availability = await GoogleApiAvailability.instance.checkGooglePlayServicesAvailability(); String status = availability.toString().split('.').last; return status == "success"; } @override void dispose() { mobileController?.dispose(); qrController?.dispose(); _devicesProvider.searchReset(); super.dispose(); } Future _pickManually() async { mobileController?.pause(); qrController?.pauseCamera(); await Navigator.push( context, MaterialPageRoute( builder: (context) => SearchDevicePage(multiSelection: widget.multiSelection), ), ); mobileController?.stop(); qrController?.resumeCamera(); } Future> _getDevice(String result, {bool isQr = false}) async { _devicesProvider.reset(); await _devicesProvider.getAssets( search: DeviceSearch(assetNo: result, assetSerialNumber: ""), isQr: isQr, ); return _devicesProvider.devices; } Future _handleScan(String scanData) async { if (_scanDone) return; _scanDone = true; if (!widget.enablePickManually) { Navigator.of(context).pop(Asset(assetNumber: scanData)); return; } setState(() { _scanning = true; }); Utils.hapticFeedback(); final result = await _getDevice(scanData, isQr: true); await Future.delayed(const Duration(milliseconds: 250)); setState(() { _scanning = false; }); if (result.isNotEmpty) { if (widget.multiSelection) { Navigator.of(context).pop([result[0]]); } else { Navigator.of(context).pop(result[0]); } } else { Utils.showToast( "No Item Found. Try Again", toastGravity: ToastGravity.CENTER, ); _scanDone = false; mobileController?.start(); } } void _onQrViewCreated(QRViewController controller) { qrController = controller; controller.scannedDataStream.listen((scanData) async { if (_scanDone) return; final code = scanData.code; if (code == null || code.isEmpty) return; _scanDone = true; await qrController?.pauseCamera(); if (!widget.enablePickManually) { Navigator.of(context).pop(Asset(assetNumber: code)); return; } setState(() { _scanning = true; }); Utils.hapticFeedback(); final result = await _getDevice(code, isQr: true); await Future.delayed(const Duration(milliseconds: 250)); setState(() { _scanning = false; }); if (result.isNotEmpty) { if (widget.multiSelection) { Navigator.of(context).pop([result[0]]); } else { Navigator.of(context).pop(result[0]); } } else { Utils.showToast( "No Item Found. Try Again", toastGravity: ToastGravity.CENTER, ); _scanDone = false; await qrController?.resumeCamera(); } }); } @override Widget build(BuildContext context) { _devicesProvider = Provider.of(context); return Scaffold( appBar: DefaultAppBar(title: widget.title), body: Column( children: [ _isLoading ? const CircularProgressIndicator(color: AppColor.primary10).center : Stack( children: [ _isHuawei ? QRView( key: qrKey, onQRViewCreated: _onQrViewCreated, overlay: QrScannerOverlayShape( borderColor: Colors.white, borderRadius: 12, borderLength: 30, borderWidth: 4, cutOutSize: MediaQuery.of(context).size.width * 0.7, ), ) : MobileScanner( key: qrKey, controller: mobileController, tapToFocus: true, onDetect: (capture) async { if (_scanDone) return; final barcodes = capture.barcodes; if (barcodes.isEmpty) return; final value = barcodes.first.rawValue; if (value == null || value.isEmpty) return; await _handleScan(value); }, ), /// SVG Overlay (only for non-Huawei) if (!_isHuawei) Center( child: 'scan'.toSvgAsset( height: 283.toScreenHeight.toInt(), width: 283.toScreenWidth.toInt(), fit: BoxFit.fitHeight, ), ), /// Loader if (_scanning) Container( width: 56.toScreenHeight, height: 56.toScreenHeight, padding: const EdgeInsets.all(8), decoration: const BoxDecoration( shape: BoxShape.circle, color: Colors.white, ), child: const CircularProgressIndicator( color: AppColor.primary10, strokeWidth: 3, ), ).center, ], ).expanded, if (widget.enablePickManually) FooterActionButton.footerContainer( context: context, child: AppFilledButton( label: context.translation.pickManually, onPressed: _pickManually, ), ), ], ), ); } }