order data to server

Author: ishon19

ShopApp/lib/providers/orders.dart

@@ -1,5 +1,8 @@
+import 'dart:convert';
+
 import 'package:ShopApp/providers/cart.dart';
 import 'package:flutter/widgets.dart';
+import 'package:http/http.dart' as http;
 
 class OrderItem {
   final String id;
@@ -22,12 +25,29 @@ class Order with ChangeNotifier {
     return [..._orders];
   }
 
-  void addOrder(List<CartItem> cartItem, double total) {
+  Future<void> addOrder(List<CartItem> cartItem, double total) async {
+    final url = 'https://fluttershopapp-f979d.firebaseio.com/orders/$id.json';
+    final timeStamp = DateTime.now();
+    final response = await http.post(url,
+        body: json.encode({
+          'amount': total,
+          'dateTime': timeStamp.toIso8601String(),
+          'products': cartItem
+              .map((e) => {
+                    'id': e.id,
+                    'title': e.title,
+                    'quantity': e.quantity,
+                    'price': e.price,
+                  })
+              .toList(),
+        }));
+
+    //use the server generated id
     _orders.insert(
         0,
         OrderItem(
-            id: DateTime.now().toString(),
-            dateTime: DateTime.now(),
+            id: json.decode(response.body)['name'],
+            dateTime: timeStamp,
             amount: total,
             products: cartItem));
     notifyListeners();

ShopApp/lib/screens/cartScreen.dart

@@ -36,18 +36,7 @@ class CartScreen extends StatelessWidget {
                     ),
                     backgroundColor: Theme.of(context).primaryColor,
                   ),
-                  FlatButton(
-                      onPressed: () {
-                        Provider.of<Order>(context, listen: false).addOrder(
-                          cartProvider.cartItems.values.toList(),
-                          cartProvider.getTotalAmount,
-                        );
-                        cartProvider.clear();
-                      },
-                      child: Text(
-                        'Order Now',
-                        style: TextStyle(color: Theme.of(context).primaryColor),
-                      )),
+                  OrderButton(cartProvider: cartProvider),
                 ],
               ),
             ),
@@ -72,3 +61,41 @@ class CartScreen extends StatelessWidget {
     );
   }
 }
+
+class OrderButton extends StatefulWidget {
+  const OrderButton({
+    Key key,
+    @required this.cartProvider,
+  }) : super(key: key);
+
+  final Cart cartProvider;
+
+  @override
+  _OrderButtonState createState() => _OrderButtonState();
+}
+
+class _OrderButtonState extends State<OrderButton> {
+  var _isLoading = false;
+
+  @override
+  Widget build(BuildContext context) {
+    return FlatButton(
+        onPressed: (widget.cartProvider.getTotalAmount <= 0 || _isLoading) ? null:() async {
+          setState(() {
+            _isLoading = true;
+          });
+          await Provider.of<Order>(context, listen: false).addOrder(
+            widget.cartProvider.cartItems.values.toList(),
+            widget.cartProvider.getTotalAmount,
+          );
+          setState(() {
+            _isLoading = false;
+          });
+          widget.cartProvider.clear();
+        },
+        child: _isLoading? CircularProgressIndicator():Text(
+          'Order Now',
+          style: TextStyle(color: Theme.of(context).primaryColor),
+        ));
+  }
+}