Search of add products

This commit is contained in:
Vaibhav 2024-08-14 12:45:57 +05:30
parent 6599d9a05c
commit 600bcdd3d7
6 changed files with 416 additions and 167 deletions

View File

@ -1,6 +1,7 @@
import 'dart:developer'; import 'dart:developer';
import 'dart:io'; import 'dart:io';
import 'package:cheminova/provider/home_provider.dart'; import 'package:cheminova/provider/home_provider.dart';
import 'package:cheminova/provider/products_provider.dart';
import 'package:cheminova/screens/splash_screen.dart'; import 'package:cheminova/screens/splash_screen.dart';
import 'package:firebase_core/firebase_core.dart'; import 'package:firebase_core/firebase_core.dart';
import 'package:firebase_crashlytics/firebase_crashlytics.dart'; import 'package:firebase_crashlytics/firebase_crashlytics.dart';
@ -89,6 +90,7 @@ Future<void> main() async {
runApp(MultiProvider(providers: [ runApp(MultiProvider(providers: [
ChangeNotifierProvider(create: (context) => HomeProvider()), ChangeNotifierProvider(create: (context) => HomeProvider()),
ChangeNotifierProvider(create: (context) => ProductProvider()),
], child: const MyApp())); ], child: const MyApp()));
} }

View File

@ -0,0 +1,181 @@
class ProductResponse {
final bool success;
final int totalData;
final int totalPages;
final List<Product> product;
ProductResponse({
required this.success,
required this.totalData,
required this.totalPages,
required this.product,
});
factory ProductResponse.fromJson(Map<String, dynamic> json) {
return ProductResponse(
success: json['success'],
totalData: json['total_data'],
totalPages: json['total_pages'],
product: (json['product'] as List)
.map((item) => Product.fromJson(item))
.toList(),
);
}
Map<String, dynamic> toJson() {
return {
'success': success,
'total_data': totalData,
'total_pages': totalPages,
'product': product.map((item) => item.toJson()).toList(),
};
}
}
class Product {
final String id;
final String SKU;
final String name;
final Category category;
final double price;
final GST gst;
final String description;
final String specialInstructions;
final String productStatus;
final AddedBy addedBy;
final List<dynamic> image;
final DateTime createdAt;
final DateTime updatedAt;
final int v;
Product({
required this.id,
required this.SKU,
required this.name,
required this.category,
required this.price,
required this.gst,
required this.description,
required this.specialInstructions,
required this.productStatus,
required this.addedBy,
required this.image,
required this.createdAt,
required this.updatedAt,
required this.v,
});
factory Product.fromJson(Map<String, dynamic> json) {
return Product(
id: json['_id'],
SKU: json['SKU'],
name: json['name'],
category: Category.fromJson(json['category']),
price: (json['price'] as num).toDouble(),
gst: GST.fromJson(json['GST']),
description: json['description'],
specialInstructions: json['special_instructions'],
productStatus: json['product_Status'],
addedBy: AddedBy.fromJson(json['addedBy']),
image: json['image'] as List<dynamic>,
createdAt: DateTime.parse(json['createdAt']),
updatedAt: DateTime.parse(json['updatedAt']),
v: json['__v'],
);
}
Map<String, dynamic> toJson() {
return {
'_id': id,
'SKU': SKU,
'name': name,
'category': category.toJson(),
'price': price,
'GST': gst.toJson(),
'description': description,
'special_instructions': specialInstructions,
'product_Status': productStatus,
'addedBy': addedBy.toJson(),
'image': image,
'createdAt': createdAt.toIso8601String(),
'updatedAt': updatedAt.toIso8601String(),
'__v': v,
};
}
}
class Category {
final String id;
final String categoryName;
Category({
required this.id,
required this.categoryName,
});
factory Category.fromJson(Map<String, dynamic> json) {
return Category(
id: json['_id'],
categoryName: json['categoryName'],
);
}
Map<String, dynamic> toJson() {
return {
'_id': id,
'categoryName': categoryName,
};
}
}
class GST {
final String id;
final String name;
final int tax;
GST({
required this.id,
required this.name,
required this.tax,
});
factory GST.fromJson(Map<String, dynamic> json) {
return GST(
id: json['_id'],
name: json['name'],
tax: json['tax'],
);
}
Map<String, dynamic> toJson() {
return {
'_id': id,
'name': name,
'tax': tax,
};
}
}
class AddedBy {
final String id;
final String name;
AddedBy({
required this.id,
required this.name,
});
factory AddedBy.fromJson(Map<String, dynamic> json) {
return AddedBy(
id: json['_id'],
name: json['name'],
);
}
Map<String, dynamic> toJson() {
return {
'_id': id,
'name': name,
};
}
}

View File

@ -0,0 +1,41 @@
import 'package:cheminova/services/api_client.dart';
import 'package:cheminova/services/api_urls.dart';
import 'package:flutter/cupertino.dart';
import 'package:dio/dio.dart';
import '../models/products_response.dart';
class ProductProvider extends ChangeNotifier {
ProductProvider() {
getProducts();
}
final _apiClient = ApiClient();
ProductResponse? productResponse;
List<Product> productList = [];
bool _isLoading = false;
bool get isLoading => _isLoading;
void setLoading(bool loading) {
_isLoading = loading;
notifyListeners();
}
Future<void> getProducts() async {
setLoading(true);
try {
Response response = await _apiClient.get(ApiUrls.getProducts);
setLoading(false);
if (response.statusCode == 200) {
productResponse = ProductResponse.fromJson(response.data);
productList = productResponse!.product;
notifyListeners();
}
} catch (e) {
setLoading(false);
print("Error: $e");
}
}
}

View File

@ -1,9 +1,12 @@
import 'package:flutter/material.dart'; import 'package:cheminova/screens/data_submit_successfull.dart';
import 'package:cheminova/widgets/common_background.dart';
import 'package:cheminova/widgets/common_app_bar.dart'; import 'package:cheminova/widgets/common_app_bar.dart';
import 'package:cheminova/widgets/common_background.dart';
import 'package:cheminova/widgets/common_drawer.dart'; import 'package:cheminova/widgets/common_drawer.dart';
import 'package:cheminova/widgets/common_elevated_button.dart'; import 'package:cheminova/widgets/common_elevated_button.dart';
import 'package:cheminova/screens/data_submit_successfull.dart'; import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import '../models/products_response.dart';
import '../provider/products_provider.dart';
class AddProductsScreen extends StatefulWidget { class AddProductsScreen extends StatefulWidget {
const AddProductsScreen({super.key}); const AddProductsScreen({super.key});
@ -13,27 +16,25 @@ class AddProductsScreen extends StatefulWidget {
} }
class _AddProductsScreenState extends State<AddProductsScreen> { class _AddProductsScreenState extends State<AddProductsScreen> {
final List<Product> products = [
Product(name: 'Product A', sku: 'SKU001', isPurchased: true),
Product(name: 'Product B', sku: 'SKU002', isPurchased: true),
Product(name: 'Product C', sku: 'SKU003', isPurchased: false),
];
List<Product> selectedProducts = []; List<Product> selectedProducts = [];
List<Product> filteredProducts = []; List<Product> filteredProducts = [];
final searchController = TextEditingController(); final searchController = TextEditingController();
late ProductProvider provider;
@override @override
void initState() { void initState() {
super.initState(); super.initState();
filteredProducts = products; provider=Provider.of<ProductProvider>(context,listen: false);
provider.getProducts();
filteredProducts = provider.productList;
} }
void filterProducts(String query) { void filterProducts(String query) {
setState(() { setState(() {
filteredProducts = products.where((product) { final provider = Provider.of<ProductProvider>(context, listen: false);
filteredProducts = provider.productList.where((product) {
final productNameLower = product.name.toLowerCase(); final productNameLower = product.name.toLowerCase();
final productSkuLower = product.sku.toLowerCase(); final productSkuLower = product.SKU.toLowerCase();
final searchLower = query.toLowerCase(); final searchLower = query.toLowerCase();
return productNameLower.contains(searchLower) || return productNameLower.contains(searchLower) ||
@ -44,166 +45,184 @@ class _AddProductsScreenState extends State<AddProductsScreen> {
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
return CommonBackground(
child: Scaffold( return
backgroundColor: Colors.transparent, CommonBackground(
appBar: CommonAppBar( child: Scaffold(
actions: [
IconButton(
onPressed: () {
Navigator.pop(context);
},
icon: Image.asset('assets/Back_attendance.png'),
padding: const EdgeInsets.only(right: 20),
),
],
title: const Text('Add Products',
style: TextStyle(
fontSize: 20,
color: Colors.black,
fontWeight: FontWeight.w400,
fontFamily: 'Anek')),
backgroundColor: Colors.transparent, backgroundColor: Colors.transparent,
elevation: 0, appBar: CommonAppBar(
), actions: [
drawer: const CommonDrawer(), IconButton(
body: Stack( onPressed: () {
children: [ Navigator.pop(context);
Column( },
children: [ icon: Image.asset('assets/Back_attendance.png'),
if (selectedProducts.isNotEmpty) padding: const EdgeInsets.only(right: 20),
Expanded( ),
child: ListView.builder( ],
itemCount: selectedProducts.length, title: const Text('Add Products',
itemBuilder: (context, index) { style: TextStyle(
return ProductBlock(product: selectedProducts[index]); fontSize: 20,
}, color: Colors.black,
), fontWeight: FontWeight.w400,
fontFamily: 'Anek')),
backgroundColor: Colors.transparent,
elevation: 0,
),
drawer: const CommonDrawer(),
body: Consumer<ProductProvider>(
builder: (context, provider, child) {
if (provider.isLoading) {
return const Center(child: CircularProgressIndicator());
}
return Stack(
children: [
Column(
children: [
if (selectedProducts.isNotEmpty)
Expanded(
child: ListView.builder(
itemCount: selectedProducts.length,
itemBuilder: (context, index) {
return ProductBlock(
product: selectedProducts[index]);
},
),
),
],
), ),
], Align(
), alignment: selectedProducts.isEmpty
Align( ? Alignment.center
alignment: selectedProducts.isEmpty ? Alignment.center : Alignment.bottomCenter, : Alignment.bottomCenter,
child: Padding( child: Padding(
padding: const EdgeInsets.all(16.0), padding: const EdgeInsets.all(16.0),
child: Column( child: Column(
mainAxisSize: MainAxisSize.min, mainAxisSize: MainAxisSize.min,
children: [ children: [
FloatingActionButton.extended( FloatingActionButton.extended(
onPressed: () { onPressed: () {
showModalBottomSheet( showModalBottomSheet(
context: context, isScrollControlled: true,
builder: (BuildContext context) { constraints: BoxConstraints(
return StatefulBuilder( maxHeight:
builder: (context, setState) { MediaQuery.of(context).size.height * 0.9,
return Column( ),
children: [ context: context,
Padding( builder: (BuildContext context) {
padding: const EdgeInsets.all(8.0), return Consumer<ProductProvider>(builder: (context, value, child) =>StatefulBuilder(
child: TextField( builder: (context, setState) {
controller: searchController, return Column(
decoration: const InputDecoration( children: [
labelText: 'Search by name or SKU', Padding(
border: OutlineInputBorder(), padding: const EdgeInsets.all(18.0),
prefixIcon: Icon(Icons.search), child: TextField(
), controller: searchController,
onChanged: (value) { decoration: const InputDecoration(
filterProducts(value); labelText:
setState(() {}); 'Search by name or SKU',
}, border: OutlineInputBorder(),
), prefixIcon: Icon(Icons.search),
), ),
Expanded( onChanged: (value) {
child: ListView.builder( filterProducts(value);
itemCount: filteredProducts.length, setState(() {});
itemBuilder: (context, index) { },
bool isAlreadySelected = selectedProducts.contains(filteredProducts[index]);
return ListTile(
title: Text(
filteredProducts[index].name,
style: TextStyle(
color: isAlreadySelected ? Colors.grey : Colors.black,
), ),
), ),
subtitle: Text( Expanded(
filteredProducts[index].sku, child: ListView.builder(
style: TextStyle( itemCount: filteredProducts.length,
color: isAlreadySelected ? Colors.grey : Colors.black, itemBuilder: (context, index) {
bool isAlreadySelected =
selectedProducts.contains(
filteredProducts[index]);
return Card(
child: ListTile(
title: Text(
filteredProducts[index]
.name,
style: TextStyle(
color: isAlreadySelected
? Colors.grey
: Colors.black,
),
),
subtitle: Text(
filteredProducts[index].SKU,
style: TextStyle(
color: isAlreadySelected
? Colors.grey
: Colors.black,
),
),
onTap: isAlreadySelected
? null
: () {
setState(() {
selectedProducts.add(
filteredProducts[
index]);
});
Navigator.pop(
context);
},
),
);
},
), ),
), ),
onTap: isAlreadySelected ],
? null );
: () { },
setState(() {
selectedProducts.add(filteredProducts[index]);
});
Navigator.pop(context);
},
);
},
),
), ),
], );
},
).whenComplete(() {
setState(() {});
});
},
backgroundColor: Colors.white,
icon: const Icon(Icons.add, color: Colors.black),
label: const Text(
'Add Products',
style: TextStyle(color: Colors.black),
),
),
if (selectedProducts.isNotEmpty) ...[
const SizedBox(height: 16.0),
CommonElevatedButton(
borderRadius: 30,
width: double.infinity,
height: kToolbarHeight - 10,
text: 'SUBMIT',
backgroundColor: const Color(0xff004791),
onPressed: () {
Navigator.push(
context,
MaterialPageRoute(
builder: (context) =>
const DataSubmitSuccessfull(),
),
); );
}, },
); ),
}, ],
).whenComplete(() { ],
setState(() {});
});
},
backgroundColor: Colors.white,
icon: const Icon(Icons.add, color: Colors.black),
label: const Text(
'Add Products',
style: TextStyle(color: Colors.black),
), ),
), ),
if (selectedProducts.isNotEmpty) ...[ ),
const SizedBox(height: 16.0), ],
CommonElevatedButton( );
borderRadius: 30, },
width: double.infinity, ),
height: kToolbarHeight - 10,
text: 'SUBMIT',
backgroundColor: const Color(0xff004791),
onPressed: () {
Navigator.push(
context,
MaterialPageRoute(
builder: (context) => const DataSubmitSuccessfull(),
),
);
},
),
],
],
),
),
),
],
), ),
), );
);
} }
} }
class Product {
final String name;
final String sku;
final bool isPurchased;
int? sale;
int? inventory;
Product({
required this.name,
required this.sku,
required this.isPurchased,
this.sale,
this.inventory,
});
}
class ProductBlock extends StatefulWidget { class ProductBlock extends StatefulWidget {
final Product product; final Product product;
@ -221,13 +240,12 @@ class _ProductBlockState extends State<ProductBlock> {
@override @override
void initState() { void initState() {
super.initState(); super.initState();
saleController.text = widget.product.sale?.toString() ?? '';
inventoryController.text = widget.product.inventory?.toString() ?? '';
} }
void validateInput() { void validateInput() {
setState(() { setState(() {
if (saleController.text.isNotEmpty && inventoryController.text.isNotEmpty) { if (saleController.text.isNotEmpty &&
inventoryController.text.isNotEmpty) {
int sale = int.parse(saleController.text); int sale = int.parse(saleController.text);
int inventory = int.parse(inventoryController.text); int inventory = int.parse(inventoryController.text);
if (inventory > sale) { if (inventory > sale) {
@ -244,28 +262,33 @@ class _ProductBlockState extends State<ProductBlock> {
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
return Card( return Card(
color: !widget.product.isPurchased ? Colors.white54 : Colors.white, // color: !widget.product.isPurchased ? Colors.white54 : Colors.white,
color: Colors.white,
margin: const EdgeInsets.all(8), margin: const EdgeInsets.all(8),
child: Padding( child: Padding(
padding: const EdgeInsets.all(16), padding: const EdgeInsets.all(16),
child: Column( child: Column(
crossAxisAlignment: CrossAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start,
children: [ children: [
Text('Product: ${widget.product.name}', style: const TextStyle(fontSize: 16)), Text('Product: ${widget.product.name}',
Text('SKU: ${widget.product.sku}', style: const TextStyle(fontSize: 15)), style: const TextStyle(fontSize: 16)),
Text('SKU: ${widget.product.SKU}',
style: const TextStyle(fontSize: 15)),
const SizedBox(height: 8), const SizedBox(height: 8),
TextField( TextField(
controller: saleController, controller: saleController,
decoration: const InputDecoration(labelText: 'Sale'), decoration: const InputDecoration(labelText: 'Sale'),
keyboardType: TextInputType.number, keyboardType: TextInputType.number,
enabled: widget.product.isPurchased, // enabled: widget.product.isPurchased,
enabled: true,
onChanged: (_) => validateInput(), onChanged: (_) => validateInput(),
), ),
TextField( TextField(
controller: inventoryController, controller: inventoryController,
decoration: const InputDecoration(labelText: 'Inventory'), decoration: const InputDecoration(labelText: 'Inventory'),
keyboardType: TextInputType.number, keyboardType: TextInputType.number,
enabled: widget.product.isPurchased, // enabled: widget.product.isPurchased,
enabled: true,
onChanged: (_) => validateInput(), onChanged: (_) => validateInput(),
), ),
if (errorMessage != null) if (errorMessage != null)

View File

@ -13,4 +13,6 @@ class ApiUrls {
static const String rejectedApplication = '${baseUrl}kyc/getAllrejected'; static const String rejectedApplication = '${baseUrl}kyc/getAllrejected';
static const String notificationUrl = '${baseUrl}/get-notification-sc'; static const String notificationUrl = '${baseUrl}/get-notification-sc';
static const String fcmUrl = '${baseUrl}kyc/save-fcm-sc'; static const String fcmUrl = '${baseUrl}kyc/save-fcm-sc';
static const String getProducts = '${baseUrl}product/getAll/user';
} }

View File

@ -24,7 +24,7 @@ class CommonElevatedButton extends StatelessWidget {
height: height ?? kToolbarHeight - 25, height: height ?? kToolbarHeight - 25,
width: width ?? 200, width: width ?? 200,
child: ElevatedButton( child: ElevatedButton(
onPressed: onPressed, onPressed: isLoading ? null : onPressed,
style: ElevatedButton.styleFrom( style: ElevatedButton.styleFrom(
shape: RoundedRectangleBorder( shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(borderRadius ?? 6)), borderRadius: BorderRadius.circular(borderRadius ?? 6)),