search asset ui

main_design2.1
nextwo 1 year ago
parent 9a1303fc5e
commit e65d2a44ed

@ -66,7 +66,7 @@ class AssetProvider extends ChangeNotifier {
try { try {
final Map<String, dynamic> body = { final Map<String, dynamic> body = {
"pageSize": isSearchBy ? searchPageItemNumber : pageItemNumber, "pageSize": isSearchBy ? searchPageItemNumber : pageItemNumber,
"pageNumber": isSearchBy ? searchDevices.length ~/ searchPageItemNumber + 1 : devices.length ~/ pageItemNumber + 1, "pageNumber": isSearchBy ? (searchDevices.length / searchPageItemNumber).ceil() + 1 : devices.length ~/ pageItemNumber + 1,
}; };
if (search != null) body.addAll(search.toJson()); if (search != null) body.addAll(search.toJson());
response = await ApiManager.instance.post(URLs.getAssets, body: body); response = await ApiManager.instance.post(URLs.getAssets, body: body);

@ -3,6 +3,7 @@ import 'package:provider/provider.dart';
import 'package:test_sa/controllers/providers/api/devices_provider.dart'; import 'package:test_sa/controllers/providers/api/devices_provider.dart';
import 'package:test_sa/extensions/context_extension.dart'; import 'package:test_sa/extensions/context_extension.dart';
import 'package:test_sa/extensions/int_extensions.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/extensions/widget_extensions.dart';
import 'package:test_sa/new_views/common_widgets/app_text_form_field.dart'; import 'package:test_sa/new_views/common_widgets/app_text_form_field.dart';
@ -11,7 +12,6 @@ import '../../../models/device/asset_search.dart';
import '../../../new_views/app_style/app_color.dart'; import '../../../new_views/app_style/app_color.dart';
import '../../../new_views/common_widgets/app_lazy_loading.dart'; import '../../../new_views/common_widgets/app_lazy_loading.dart';
import '../../../new_views/common_widgets/custom_app_bar.dart'; import '../../../new_views/common_widgets/custom_app_bar.dart';
import '../../widgets/bottom_sheets/asset_detail_bottom_sheet.dart';
import '../../widgets/equipment/asset_item_listview.dart'; import '../../widgets/equipment/asset_item_listview.dart';
import '../../widgets/horizontal_list_widget.dart'; import '../../widgets/horizontal_list_widget.dart';
import '../../widgets/loaders/lazy_loading.dart'; import '../../widgets/loaders/lazy_loading.dart';
@ -20,9 +20,8 @@ import '../../widgets/loaders/no_item_found.dart';
class SearchAssetPage extends StatefulWidget { class SearchAssetPage extends StatefulWidget {
/// add on route /// add on route
static const String id = "asset_search_page"; static const String id = "asset_search_page";
final AssetSearch data;
const SearchAssetPage({Key key, this.data}) : super(key: key); const SearchAssetPage({Key key}) : super(key: key);
@override @override
State<SearchAssetPage> createState() => _SearchAssetPageState(); State<SearchAssetPage> createState() => _SearchAssetPageState();
@ -39,8 +38,7 @@ class _SearchAssetPageState extends State<SearchAssetPage> {
@override @override
void initState() { void initState() {
search = widget.data ?? AssetSearch(); _searchController = TextEditingController();
_searchController = TextEditingController(text: search.assetName);
super.initState(); super.initState();
} }
@ -57,12 +55,6 @@ class _SearchAssetPageState extends State<SearchAssetPage> {
context.translation.assetNumber, context.translation.assetNumber,
context.translation.oracleCode, context.translation.oracleCode,
context.translation.snNumber, context.translation.snNumber,
context.translation.model,
context.translation.supplier,
context.translation.site,
context.translation.manufacture,
context.translation.md,
context.translation.location,
]; ];
_deviceProvider = Provider.of<AssetProvider>(context, listen: false); _deviceProvider = Provider.of<AssetProvider>(context, listen: false);
@ -142,7 +134,7 @@ class _SearchAssetPageState extends State<SearchAssetPage> {
await _deviceProvider.getAssets(search: search, isSearchBy: true); await _deviceProvider.getAssets(search: search, isSearchBy: true);
setState(() { setState(() {
_searchableList.clear(); _searchableList.clear();
_searchableList.addAll(_deviceProvider.devices); _searchableList.addAll(_deviceProvider.searchDevices);
}); });
} }
}, },
@ -155,18 +147,8 @@ class _SearchAssetPageState extends State<SearchAssetPage> {
onPressed: (device) { onPressed: (device) {
Navigator.of(context).pop(); Navigator.of(context).pop();
Navigator.of(context).pop(device); Navigator.of(context).pop(device);
// showModalBottomSheet(
// context: context,
// isScrollControlled: true,
// shape: const RoundedRectangleBorder(
// borderRadius: BorderRadius.vertical(
// top: Radius.circular(20),
// ),
// ),
// clipBehavior: Clip.antiAliasWithSaveLayer,
// builder: (BuildContext context) => AssetDetailBottomSheet(device),
// );
}, },
selectButton: Text(context.translation.select, style: AppTextStyles.bodyText.copyWith(color: AppColor.blueStatus(context))),
); );
}, },
).paddingOnly(start: 16, end: 16), ).paddingOnly(start: 16, end: 16),
@ -191,7 +173,7 @@ class _SearchAssetPageState extends State<SearchAssetPage> {
} }
_setValue(value) { _setValue(value) {
/// todo : check oracle code and location (no matched parameter) /// todo : check oracle code (no matched parameter)
switch (_selectedIndex) { switch (_selectedIndex) {
case 0: case 0:
search.assetName = value; search.assetName = value;
@ -202,21 +184,6 @@ class _SearchAssetPageState extends State<SearchAssetPage> {
case 3: case 3:
search.assetSerialNumber = value; search.assetSerialNumber = value;
break; break;
case 4:
search.model = value;
break;
case 5:
search.supplier = value;
break;
case 6:
search.site = value;
break;
case 7:
search.manufacturer = value;
break;
case 8:
search.modelDefinition = value;
break;
default: default:
break; break;
} }

@ -10,8 +10,9 @@ import 'package:test_sa/new_views/app_style/app_color.dart';
class AssetItemListView extends StatelessWidget { class AssetItemListView extends StatelessWidget {
final Asset device; final Asset device;
final Function(Asset) onPressed; final Function(Asset) onPressed;
final Widget selectButton;
const AssetItemListView({Key key, this.device, this.onPressed}) : super(key: key); const AssetItemListView({Key key, this.device, this.onPressed, this.selectButton}) : super(key: key);
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
@ -49,7 +50,7 @@ class AssetItemListView extends StatelessWidget {
children: [ children: [
"${context.translation.serialNo} : ${device.assetSerialNo}".bodyText(context).expanded, "${context.translation.serialNo} : ${device.assetSerialNo}".bodyText(context).expanded,
4.width, 4.width,
Row( selectButton ?? Row(
mainAxisSize: MainAxisSize.min, mainAxisSize: MainAxisSize.min,
children: [ children: [
Text( Text(

@ -5,6 +5,7 @@ import 'package:test_sa/extensions/text_extensions.dart';
import 'package:test_sa/extensions/widget_extensions.dart'; import 'package:test_sa/extensions/widget_extensions.dart';
import 'package:test_sa/views/widgets/bottom_sheets/asset_detail_bottom_sheet.dart'; import 'package:test_sa/views/widgets/bottom_sheets/asset_detail_bottom_sheet.dart';
import 'package:test_sa/views/widgets/equipment/single_device_picker.dart'; import 'package:test_sa/views/widgets/equipment/single_device_picker.dart';
import 'package:test_sa/views/widgets/qr/asset_scan_qr.dart';
import '../../../models/device/asset.dart'; import '../../../models/device/asset.dart';
import '../../../new_views/app_style/app_color.dart'; import '../../../new_views/app_style/app_color.dart';
@ -42,7 +43,7 @@ class AssetPicker extends StatelessWidget {
], ],
), ),
).onPress(() async { ).onPress(() async {
Asset device = await Navigator.of(context).pushNamed(MyAssetsPage.id) as Asset; Asset device = await Navigator.of(context).push(MaterialPageRoute(builder: (context)=>AssetScanQr(title: context.translation.assetScan,))) as Asset;
if (device != null) { if (device != null) {
onPick(device); onPick(device);
} }
@ -65,7 +66,7 @@ class AssetPicker extends StatelessWidget {
], ],
), ),
).onPress(() async { ).onPress(() async {
Asset device = await Navigator.of(context).pushNamed(MyAssetsPage.id) as Asset; Asset device = await Navigator.of(context).push(MaterialPageRoute(builder: (context)=>AssetScanQr(title: context.translation.assetScan,))) as Asset;
if (device != null) { if (device != null) {
onPick(device); onPick(device);
} }

@ -7,19 +7,21 @@ import 'package:test_sa/extensions/context_extension.dart';
import 'package:test_sa/extensions/int_extensions.dart'; import 'package:test_sa/extensions/int_extensions.dart';
import 'package:test_sa/extensions/text_extensions.dart'; import 'package:test_sa/extensions/text_extensions.dart';
import 'package:test_sa/extensions/widget_extensions.dart'; import 'package:test_sa/extensions/widget_extensions.dart';
import 'package:test_sa/views/pages/device_transfer/asset_search_screen.dart';
import 'package:test_sa/views/widgets/equipment/asset_detail_page.dart'; import 'package:test_sa/views/widgets/equipment/asset_detail_page.dart';
import 'package:test_sa/views/widgets/equipment/asset_item_gridview.dart'; import 'package:test_sa/views/widgets/equipment/asset_item_gridview.dart';
import 'package:test_sa/views/widgets/equipment/asset_item_listview.dart'; import 'package:test_sa/views/widgets/equipment/asset_item_listview.dart';
import 'package:test_sa/views/widgets/loaders/lazy_loading.dart'; import 'package:test_sa/views/widgets/loaders/lazy_loading.dart';
import 'package:test_sa/views/widgets/loaders/loading_manager.dart'; import 'package:test_sa/views/widgets/loaders/loading_manager.dart';
import 'package:test_sa/views/widgets/loaders/no_item_found.dart'; import 'package:test_sa/views/widgets/loaders/no_item_found.dart';
import 'package:test_sa/views/widgets/qr/scan_qr.dart';
import '../../../models/device/asset.dart'; import '../../../models/device/asset.dart';
import '../../../models/device/asset_search.dart'; import '../../../models/device/asset_search.dart';
import '../../../new_views/app_style/app_color.dart'; import '../../../new_views/app_style/app_color.dart';
import '../../pages/device_transfer/asset_filter_screen.dart'; import '../../pages/device_transfer/asset_filter_screen.dart';
import '../../pages/device_transfer/search_asset_page.dart'; import '../../pages/device_transfer/search_asset_page.dart';
import '../qr/scan_qr_widget.dart'; import '../qr/asset_scan_qr.dart';
class MyAssetsPage extends StatefulWidget { class MyAssetsPage extends StatefulWidget {
static final String id = "/single-device-Picker"; static final String id = "/single-device-Picker";
@ -114,7 +116,7 @@ class _MyAssetsPageState extends State<MyAssetsPage> {
], ],
), ),
).onPress(() async { ).onPress(() async {
final result = await Navigator.push(context, MaterialPageRoute(builder: (context) => SearchAssetPage(data: _searchAsset))); final result = await Navigator.push(context, MaterialPageRoute(builder: (context) => AssetSearchScreen()));
if (result != null) { if (result != null) {
_searchAsset = result; _searchAsset = result;
} }
@ -210,7 +212,7 @@ class _MyAssetsPageState extends State<MyAssetsPage> {
child: "qr".toSvgAsset(height: 32, fit: BoxFit.fitHeight, color: Theme.of(context).scaffoldBackgroundColor), child: "qr".toSvgAsset(height: 32, fit: BoxFit.fitHeight, color: Theme.of(context).scaffoldBackgroundColor),
onPressed: () async { onPressed: () async {
String result = await Navigator.of(context).push( String result = await Navigator.of(context).push(
MaterialPageRoute(builder: (_) => ScanQrWidget(title: context.translation.assetScan,)), MaterialPageRoute(builder: (_) => ScanQr()),
) as String; ) as String;
_getDevice(result, isQr: true); _getDevice(result, isQr: true);
}, },

@ -1,29 +1,34 @@
import 'dart:io'; import 'dart:io';
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:image_picker/image_picker.dart'; import 'package:provider/provider.dart';
import 'package:qr_code_scanner/qr_code_scanner.dart'; import 'package:qr_code_scanner/qr_code_scanner.dart';
import 'package:qr_code_tools/qr_code_tools.dart';
import 'package:test_sa/extensions/context_extension.dart'; import 'package:test_sa/extensions/context_extension.dart';
import 'package:test_sa/extensions/int_extensions.dart'; import 'package:test_sa/extensions/int_extensions.dart';
import 'package:test_sa/extensions/text_extensions.dart'; import 'package:test_sa/extensions/text_extensions.dart';
import '../../../controllers/providers/api/devices_provider.dart';
import '../../../models/device/asset_search.dart';
import '../../../new_views/common_widgets/app_filled_button.dart'; import '../../../new_views/common_widgets/app_filled_button.dart';
import '../../../new_views/common_widgets/custom_app_bar.dart'; import '../../../new_views/common_widgets/custom_app_bar.dart';
import '../../pages/device_transfer/search_asset_page.dart';
class ScanQrWidget extends StatefulWidget { class AssetScanQr extends StatefulWidget {
const ScanQrWidget({Key key, this.title}) : super(key: key); static const String id = "/asset-scan-qr";
const AssetScanQr({Key key, this.title}) : super(key: key);
final String title; final String title;
@override @override
_ScanQrWidgetState createState() => _ScanQrWidgetState(); _AssetScanQrState createState() => _AssetScanQrState();
} }
class _ScanQrWidgetState extends State<ScanQrWidget> { class _AssetScanQrState extends State<AssetScanQr> {
Barcode result; Barcode result;
QRViewController _controller; QRViewController _controller;
bool _scanDone = false; bool _scanDone = false;
final GlobalKey qrKey = GlobalKey(debugLabel: 'QR_scanner'); final GlobalKey qrKey = GlobalKey(debugLabel: 'QR_scanner');
AssetProvider _devicesProvider;
// In order to get hot reload to work we need to pause the camera if the platform // In order to get hot reload to work we need to pause the camera if the platform
// is android, or resume the camera if the platform is iOS. // is android, or resume the camera if the platform is iOS.
@ -44,26 +49,22 @@ class _ScanQrWidgetState extends State<ScanQrWidget> {
} }
_pickManually() async { _pickManually() async {
final picker = ImagePicker(); await Navigator.push(context, MaterialPageRoute(builder: (context) => const SearchAssetPage()));
final pickedFile = await picker.pickImage(source: ImageSource.gallery); }
if (pickedFile != null) { _getDevice(String result, {bool isQr = false}) async {
try { if (result == null) return;
String qrData = await QrCodeToolsPlugin.decodeFrom(pickedFile.path); _devicesProvider.reset();
if (qrData != null && !_scanDone) { await _devicesProvider.getAssets(
setState(() { search: AssetSearch(assetNo: result, assetSerialNumber: ""),
_scanDone = true; isQr: isQr,
}); );
Navigator.of(context).pop(qrData); return _devicesProvider.devices;
}
} catch (e) {
print('Error QR code: $e');
}
}
} }
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
_devicesProvider = Provider.of<AssetProvider>(context);
return Scaffold( return Scaffold(
body: SafeArea( body: SafeArea(
child: Stack( child: Stack(
@ -74,10 +75,11 @@ class _ScanQrWidgetState extends State<ScanQrWidget> {
setState(() { setState(() {
_controller = controller; _controller = controller;
}); });
controller.scannedDataStream.listen((scanData) { controller.scannedDataStream.listen((scanData) async {
if (!_scanDone) { if (!_scanDone) {
_scanDone = true; _scanDone = true;
Navigator.of(context).pop(scanData.code); final result = await _getDevice(scanData.code, isQr: true);
Navigator.of(context).pop(result[0]);
} }
}); });
}, },

@ -1005,14 +1005,6 @@ packages:
url: "https://pub.dev" url: "https://pub.dev"
source: hosted source: hosted
version: "1.0.1" version: "1.0.1"
qr_code_tools:
dependency: "direct main"
description:
name: qr_code_tools
sha256: "837fe12708ae7d41786e4e07c57719682fb0bc6c2cfc40bc23232148424b1ca8"
url: "https://pub.dev"
source: hosted
version: "0.0.7"
recase: recase:
dependency: transitive dependency: transitive
description: description:

@ -56,7 +56,6 @@ dependencies:
firebase_core: ^2.4.0 firebase_core: ^2.4.0
firebase_messaging: ^14.2.0 firebase_messaging: ^14.2.0
qr_code_scanner: ^1.0.1 qr_code_scanner: ^1.0.1
qr_code_tools: ^0.0.7
flutter_sound: ^9.2.13 flutter_sound: ^9.2.13
permission_handler: ^10.2.0 permission_handler: ^10.2.0
rive: ^0.9.1 rive: ^0.9.1

Loading…
Cancel
Save