Add: getting products from API

lib/interfaces/items.dart

@@ -0,0 +1,80 @@
+import 'dart:convert';
+
+class GymItem {
+  final String id;
+  final String externalId;
+  final String title;
+  final String description;
+  final int count;
+  final double price;
+  final String categoryId;
+  final List<GymImage> images;
+  int localCount = 0;
+
+  GymItem({
+    required this.id,
+    required this.externalId,
+    required this.title,
+    required this.description,
+    required this.count,
+    required this.price,
+    required this.categoryId,
+    required this.images,
+  });
+
+  factory GymItem.fromRawJson(String str) => GymItem.fromJson(json.decode(str));
+
+  String toRawJson() => json.encode(toJson());
+
+  factory GymItem.fromJson(Map<String, dynamic> json) => GymItem(
+        id: json["id"],
+        externalId: json["ExternalId"],
+        title: json["title"],
+        description: json["description"],
+        count: json["count"],
+        price: json["price"] / 100,
+        categoryId: json["categoryId"],
+        images: List<GymImage>.from(
+            json["images"].map((x) => GymImage.fromJson(x))),
+      );
+
+  Map<String, dynamic> toJson() => {
+        "id": id,
+        "ExternalId": externalId,
+        "title": title,
+        "description": description,
+        "count": count,
+        "price": price * 100,
+        "categoryId": categoryId,
+        "images": List<dynamic>.from(images.map((x) => x.toJson())),
+      };
+}
+
+class GymImage {
+  final String id;
+  final dynamic deletedAt;
+  final String url;
+
+  GymImage({
+    required this.id,
+    required this.deletedAt,
+    required this.url,
+  });
+
+  factory GymImage.fromRawJson(String str) =>
+      GymImage.fromJson(json.decode(str));
+
+  String toRawJson() => json.encode(toJson());
+
+  factory GymImage.fromJson(Map<String, dynamic> json) => GymImage(
+        id: json["id"],
+        deletedAt: json["deletedAt"],
+        url: json["url"],
+      );
+
+  Map<String, dynamic> toJson() => {
+        "id": id,
+        "deletedAt": deletedAt,
+        "url": url,
+      };
+}

lib/pages/basket.dart

@@ -2,9 +2,10 @@ import 'package:flutter/material.dart';
 import 'package:gymlink_module_web/components/app_bar.dart';
 import 'package:gymlink_module_web/components/basket_item_card.dart';
 import 'package:gymlink_module_web/components/heading.dart';
+import 'package:gymlink_module_web/interfaces/items.dart';
 import 'package:gymlink_module_web/pages/order_confirmation.dart';
 import 'package:gymlink_module_web/providers/cart.dart';
-import 'package:gymlink_module_web/providers/main.dart';
+import 'package:gymlink_module_web/tools/items.dart';
 import 'package:gymlink_module_web/tools/prefs.dart';
 import 'package:gymlink_module_web/tools/routes.dart';
 import 'package:lazy_load_scrollview/lazy_load_scrollview.dart';
@@ -56,46 +57,47 @@ class BasketPage extends StatefulWidget {
 }
 
 class _BasketPageState extends State<BasketPage> {
-  List<Map<String, dynamic>> cartItems = [];
+  List<GymItem> cartItems = [];
-  int totalPrice = 0;
+  double totalPrice = 0;
+  List<GymItem> gymCart = [];
 
   @override
   void initState() {
     super.initState();
-    getCart().then((value) {
+    Future.microtask(() => getCart().then((value) async {
+          final items = await getItems(context);
           setState(() {
+            gymCart = items;
             cartItems = value.map((element) {
-          final item = cart.firstWhere((e) => e['id'] == element['id']);
+              final item = gymCart.firstWhere((e) => e.id == element['id']);
-          return {...item, 'count': element['count'] as int};
+              item.localCount = element['count'] as int;
+              return item;
             }).toList();
             totalPrice = cartItems.fold(
-            0,
+                0, (sum, item) => sum + item.price * item.localCount);
-            (sum, item) =>
-                sum + int.parse(item['price']) * item['count'] as int);
-      });
           });
+        }));
   }
 
   void _updateCart() {
     Provider.of<CartProvider>(context, listen: false).updateCartLength();
-    Provider.of<GymLinkProvider>(context, listen: false).onTokenReceived('123');
   }
 
   void removeItem(String id) async {
-    final item = cartItems.firstWhere((element) => element['id'] == id);
+    final item = cartItems.firstWhere((element) => element.id == id);
     bool toDelete = false;
     setState(() {
-      if (item['count'] > 1) {
+      if (item.localCount > 1) {
-        item['count']--;
+        item.localCount--;
-        cartItems[cartItems.indexOf(item)]['count'] = item['count'];
+        cartItems[cartItems.indexOf(item)].localCount = item.localCount;
       } else {
         toDelete = true;
       }
-      totalPrice = cartItems.fold(0,
+      totalPrice =
-          (sum, item) => sum + int.parse(item['price']) * item['count'] as int);
+          cartItems.fold(0, (sum, item) => sum + item.price * item.localCount);
     });
     if (toDelete) {
-      await _deleteItemAlert(id, item['name']);
+      await _deleteItemAlert(id, item.title);
     } else {
       await removeItemFromCart(id);
     }
@@ -103,15 +105,16 @@ class _BasketPageState extends State<BasketPage> {
 
   void addItem(String id) async {
     setState(() {
-      final item = cartItems.firstWhere((element) => element['id'] == id,
+      final item =
-          orElse: () => {
+          cartItems.firstWhere((element) => element.id == id, orElse: () {
-                ...cart.firstWhere((element) => element['id'] == id),
+        final cartItem = gymCart.firstWhere((element) => element.id == id);
-                'count': 0
+        cartItem.localCount = 0;
+        return cartItem;
       });
-      item['count']++;
+      item.localCount++;
-      cartItems[cartItems.indexOf(item)]['count'] = item['count'];
+      cartItems[cartItems.indexOf(item)].localCount = item.localCount;
-      totalPrice = cartItems.fold(0,
+      totalPrice =
-          (sum, item) => sum + int.parse(item['price']) * item['count'] as int);
+          cartItems.fold(0, (sum, item) => sum + item.price * item.localCount);
     });
     await addItemToCart(id);
   }
@@ -142,7 +145,7 @@ class _BasketPageState extends State<BasketPage> {
               onPressed: () {
                 removeItemFromCart(id);
                 setState(() {
-                  cartItems.removeWhere((element) => element['id'] == id);
+                  cartItems.removeWhere((element) => element.id == id);
                 });
                 if (mounted) {
                   _updateCart();
@@ -224,7 +227,10 @@ class _BasketPageState extends State<BasketPage> {
       body: Column(
         children: [
           const GymLinkHeader(title: "Корзина"),
-          cartItems.isEmpty
+          gymCart.isEmpty
+              ? const Expanded(
+                  child: Center(child: CircularProgressIndicator()))
+              : cartItems.isEmpty
                   ? Expanded(
                       child: Center(
                         child: Column(
@@ -261,18 +267,19 @@ class _BasketPageState extends State<BasketPage> {
                                 itemBuilder: (context, index) {
                                   final item = cartItems[index];
                                   return BasketItemCard(
-                                name: item['name'],
+                                    name: item.title,
-                                price: item['price'],
+                                    price: item.price.toString(),
-                                id: item['id'],
+                                    id: item.id,
                                     image: Image(
-                                  image: AssetImage('assets/${item['image']}'),
+                                      image: NetworkImage(item.images[0].url),
                                       width: 50,
                                     ),
-                                onTapPlus: () => addItem(item['id'].toString()),
+                                    onTapPlus: () =>
+                                        addItem(item.id.toString()),
                                     onTapMinus: () {
-                                  removeItem(item['id'].toString());
+                                      removeItem(item.id.toString());
                                     },
-                                quantity: item['count'].toString(),
+                                    quantity: item.localCount.toString(),
                                   );
                                 },
                               ),
@@ -295,7 +302,8 @@ class _BasketPageState extends State<BasketPage> {
                                     ),
                                   ),
                                   style: ElevatedButton.styleFrom(
-                                backgroundColor: Theme.of(context).primaryColor,
+                                    backgroundColor:
+                                        Theme.of(context).primaryColor,
                                     shape: const RoundedRectangleBorder(
                                       borderRadius:
                                           BorderRadius.all(Radius.circular(50)),
@@ -308,10 +316,11 @@ class _BasketPageState extends State<BasketPage> {
                                 ElevatedButton(
                                   onPressed: _clearCartAlert,
                                   style: ElevatedButton.styleFrom(
-                                backgroundColor: Theme.of(context).primaryColor,
+                                    backgroundColor:
+                                        Theme.of(context).primaryColor,
                                     shape: const RoundedRectangleBorder(
-                                    borderRadius:
+                                        borderRadius: BorderRadius.all(
-                                        BorderRadius.all(Radius.circular(50))),
+                                            Radius.circular(50))),
                                     foregroundColor: Colors.white,
                                   ),
                                   child: const Text('Очистить корзину'),

lib/pages/detail.dart

@@ -1,8 +1,10 @@
 import 'package:flutter/material.dart';
 import 'package:gymlink_module_web/components/app_bar.dart';
 import 'package:gymlink_module_web/components/heading.dart';
+import 'package:gymlink_module_web/pages/basket.dart';
 import 'package:gymlink_module_web/providers/cart.dart';
 import 'package:gymlink_module_web/tools/prefs.dart';
+import 'package:gymlink_module_web/tools/routes.dart';
 import 'package:provider/provider.dart';
 
 //TODO: Сделать получение инфы через объект
@@ -83,7 +85,9 @@ class _DetailPageState extends State<DetailPage> {
         child: const Text('Добавить в корзину'),
       );
     } else {
-      return Row(
+      return Column(
+        children: [
+          Row(
             mainAxisSize: MainAxisSize.min,
             children: [
               IconButton(
@@ -116,6 +120,25 @@ class _DetailPageState extends State<DetailPage> {
                 },
               ),
             ],
+          ),
+          Padding(
+            padding: const EdgeInsets.only(top: 10),
+            child: ElevatedButton(
+              onPressed: () {
+                Navigator.pushReplacement(context,
+                    CustomPageRoute(builder: (context) => const BasketPage()));
+              },
+              style: ElevatedButton.styleFrom(
+                backgroundColor: Theme.of(context).primaryColor,
+                shape: const RoundedRectangleBorder(
+                  borderRadius: BorderRadius.all(Radius.circular(50)),
+                ),
+                foregroundColor: Colors.white,
+              ),
+              child: const Text('Открыть корзину'),
+            ),
+          )
+        ],
       );
     }
   }
@@ -139,7 +162,8 @@ class _DetailPageState extends State<DetailPage> {
                   crossAxisAlignment: CrossAxisAlignment.center,
                   children: [
                     widget.image,
-                    Padding(
+                    widget.description != ''
+                        ? Padding(
                             padding: const EdgeInsetsDirectional.all(30),
                             child: ConstrainedBox(
                               constraints: const BoxConstraints(
@@ -149,27 +173,32 @@ class _DetailPageState extends State<DetailPage> {
                               ),
                               child: Card(
                                 elevation: 4,
-                          color: Theme.of(context).scaffoldBackgroundColor,
+                                color:
+                                    Theme.of(context).scaffoldBackgroundColor,
                                 shape: RoundedRectangleBorder(
                                   borderRadius: BorderRadius.circular(16),
                                 ),
                                 child: SingleChildScrollView(
                                   child: Padding(
-                              padding: const EdgeInsetsDirectional.all(15),
+                                    padding:
+                                        const EdgeInsetsDirectional.all(15),
                                     child: ConstrainedBox(
                                       constraints: const BoxConstraints(
                                         minHeight: 100,
                                       ),
                                       child: Text(
                                         widget.description,
-                                  style: Theme.of(context).textTheme.bodyMedium,
+                                        style: Theme.of(context)
-                                ),
+                                            .textTheme
+                                            .bodyMedium,
                                       ),
                                     ),
                                   ),
                                 ),
                               ),
                             ),
+                          )
+                        : const SizedBox.shrink(),
                     Align(
                       alignment: const AlignmentDirectional(0, -1),
                       child: Padding(
@@ -179,7 +208,7 @@ class _DetailPageState extends State<DetailPage> {
                           mainAxisSize: MainAxisSize.min,
                           children: [
                             Text(
-                              'Стоимость ${widget.price}',
+                              'Стоимость ${widget.price}руб.',
                               style: Theme.of(context).textTheme.bodyLarge,
                             ),
                             _buildButton()

lib/pages/main.dart

@@ -3,11 +3,12 @@ import 'dart:math';
 import 'package:flutter/material.dart';
 import 'package:gymlink_module_web/components/app_bar.dart';
 import 'package:gymlink_module_web/components/item_card.dart';
+import 'package:gymlink_module_web/interfaces/items.dart';
 import 'package:gymlink_module_web/pages/basket.dart';
 import 'package:gymlink_module_web/pages/detail.dart';
 import 'package:gymlink_module_web/pages/order_history.dart';
 import 'package:gymlink_module_web/providers/cart.dart';
-import 'package:gymlink_module_web/providers/main.dart';
+import 'package:gymlink_module_web/tools/items.dart';
 import 'package:gymlink_module_web/tools/prefs.dart';
 import 'package:gymlink_module_web/tools/relative.dart';
 import 'package:gymlink_module_web/tools/routes.dart';
@@ -65,22 +66,22 @@ class MainPage extends StatefulWidget {
 
 class _MainPageState extends State<MainPage> {
   String searchText = '';
-  List<Map<String, String>> filteredData = [];
+  List<GymItem> filteredData = [];
+  List<GymItem> items = [];
   int cartLength = 0;
 
   @override
   void initState() {
     super.initState();
-    filteredData = testData;
     getCart().then((value) {
       setState(() {
         cartLength = value.length;
       });
-    }).whenComplete(() {
-      if (mounted) {
-        setState(() {});
-      }
     });
+    getItems(context).then((value) => setState(() {
+          filteredData = value;
+          items = value;
+        }));
   }
 
   Future<void> _goToPage() async {
@@ -97,8 +98,8 @@ class _MainPageState extends State<MainPage> {
 
   void _onSearch() {
     setState(() {
-      filteredData = testData
+      filteredData = items
-          .where((element) => (element['name']!).contains(searchText))
+          .where((element) => (element.title).contains(searchText))
           .toList();
     });
   }
@@ -106,7 +107,6 @@ class _MainPageState extends State<MainPage> {
   @override
   Widget build(BuildContext context) {
     final cartL = context.watch<CartProvider>().cartLength;
-    final onError = context.read<GymLinkProvider>().onError;
     return Scaffold(
       appBar: const GymLinkAppBar(),
       body: Column(
@@ -160,7 +160,6 @@ class _MainPageState extends State<MainPage> {
                 ),
                 ElevatedButton(
                   onPressed: () {
-                    onError();
                     Navigator.of(context).push(CustomPageRoute(
                       builder: (context) => const HistoryPage(),
                     ));
@@ -193,34 +192,42 @@ class _MainPageState extends State<MainPage> {
               onEndOfPage: _onLoad,
               child: Stack(
                 children: [
-                  GridView.builder(
+                  items.isEmpty
-                    gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
+                      ? const Center(child: CircularProgressIndicator())
+                      : filteredData.isEmpty
+                          ? const Center(child: Text('Ничего не найдено'))
+                          : GridView.builder(
+                              gridDelegate:
+                                  SliverGridDelegateWithFixedCrossAxisCount(
                                 crossAxisCount: min(
-                          (MediaQuery.sizeOf(context).width ~/ 200).toInt(), 8),
+                                    (MediaQuery.sizeOf(context).width ~/ 200)
+                                        .toInt(),
+                                    8),
                               ),
                               itemCount: filteredData.length,
                               itemBuilder: (context, index) {
                                 final product = filteredData[index];
                                 return ProductCard(
                                   imagePath: Image(
-                          image: Image.network(
+                                    image: Image.network(product.images[0].url)
-                                  'https://rus-sport.net/upload/iblock/311/topb85ez18pq0aavohpa5zipk2sbfxll.jpg')
                                         .image,
                                     width: 50,
                                   ),
-                        name: product['name']!,
+                                  name: product.title,
-                        price: product['price']!,
+                                  price: product.price.toString(),
                                   onTap: () => Navigator.of(context).push(
                                     CustomPageRoute(
                                       builder: (context) => DetailPage(
-                              name: product['name']!,
+                                        name: product.title,
-                              description: product['details']!,
+                                        description: product.description,
-                              price: product['price']!,
+                                        price: product.price.toString(),
-                              id: product['id']!,
+                                        id: product.id,
                                         image: Image(
-                                  image:
+                                          image: Image.network(
-                                      AssetImage('assets/${product['image']!}'),
+                                                  product.images[0].url)
-                                  width: 300),
+                                              .image,
+                                          width: 300,
+                                        ),
                                       ),
                                     ),
                                   ),

lib/pages/order_confirmation.dart

@@ -3,8 +3,10 @@ import 'package:flutter_markdown/flutter_markdown.dart';
 import 'package:gymlink_module_web/components/app_bar.dart';
 import 'package:gymlink_module_web/components/heading.dart';
 import 'package:gymlink_module_web/components/order_confirm_item_card.dart';
+import 'package:gymlink_module_web/interfaces/items.dart';
 import 'package:gymlink_module_web/pages/order_history.dart';
 import 'package:gymlink_module_web/providers/cart.dart';
+import 'package:gymlink_module_web/tools/items.dart';
 import 'package:gymlink_module_web/tools/prefs.dart';
 import 'package:gymlink_module_web/tools/routes.dart';
 import 'package:provider/provider.dart';
@@ -56,24 +58,26 @@ class OrderConfirmationPage extends StatefulWidget {
 }
 
 class _OrderConfirmationPageState extends State<OrderConfirmationPage> {
-  List<Map<String, dynamic>> cartItems = [];
+  List<GymItem> cartItems = [];
-  int totalPrice = 0;
+  double totalPrice = 0;
+  List<GymItem> gymCart = [];
 
   @override
   void initState() {
     super.initState();
-    getCart().then((value) {
+    Future.microtask(() => getCart().then((value) async {
+          final items = await getItems(context);
           setState(() {
+            gymCart = items;
             cartItems = value.map((element) {
-          final item = cart.firstWhere((e) => e['id'] == element['id']);
+              final item = gymCart.firstWhere((e) => e.id == element['id']);
-          return {...item, 'count': element['count'] as int};
+              item.localCount = element['count'] as int;
+              return item;
             }).toList();
             totalPrice = cartItems.fold(
-            0,
+                0, (sum, item) => sum + item.price * item.localCount);
-            (sum, item) =>
-                sum + int.parse(item['price']) * item['count'] as int);
-      });
           });
+        }));
   }
 
   Future<void> _goToPage() async {
@@ -101,13 +105,13 @@ class _OrderConfirmationPageState extends State<OrderConfirmationPage> {
                 itemBuilder: (context, index) {
                   final item = cartItems[index];
                   return OrderConfirmItemCard(
-                    name: item['name'],
+                    name: item.title,
                     image: Image(
-                        image: AssetImage('assets/${item['image']}'),
+                        image: NetworkImage(item.images[0].url),
                         width: 50,
                         height: 50),
-                    price: double.parse(item['price']),
+                    price: item.price,
-                    count: item['count'],
+                    count: item.localCount,
                   );
                 },
               ),

lib/tools/items.dart

@@ -0,0 +1,33 @@
+import 'dart:convert';
+
+import 'package:flutter/material.dart';
+import 'package:gymlink_module_web/interfaces/items.dart';
+import 'package:gymlink_module_web/providers/main.dart';
+import 'package:http/http.dart' as http;
+import 'package:provider/provider.dart';
+
+Future<List<GymItem>> getItems(BuildContext context) async {
+  final token = context.read<GymLinkProvider>().token;
+  if (token != '') {
+    final Uri url =
+        Uri.http('gymlink.freemyip.com:8080', 'api/product/get-list');
+    try {
+      final response = await http.get(url, headers: {
+        'Authorization': 'Bearer $token',
+      });
+      if (response.statusCode == 200) {
+        final data =
+            jsonDecode(utf8.decode(response.bodyBytes)) as List<dynamic>;
+        final items = data.map((e) => GymItem.fromJson(e)).toList();
+        return items;
+      }
+      throw Error();
+    } catch (e) {
+      debugPrint('error: $e');
+      return await Future.delayed(
+          const Duration(seconds: 5), () => getItems(context));
+    }
+  }
+  context.read<GymLinkProvider>().onError();
+  return [];
+}