fix: price reduction on deletion

lib/components/item_card.dart

@@ -29,7 +29,8 @@ class ProductCard extends StatelessWidget {
         constraints: BoxConstraints(
             minHeight: 160,
             maxHeight: getCardHeight(context: context),
-        ),
+            minWidth: 180,
+            maxWidth: 250),
         child: Card(
           elevation: 3,
           color: Theme.of(context).scaffoldBackgroundColor,

lib/interfaces/items.dart

@@ -166,13 +166,14 @@ class GymHistoryItem {
   final String date;
   final String sum;
   final String photo;
+  final String timestamp;
 
-  GymHistoryItem({
+  GymHistoryItem(
-    required this.id,
+      {required this.id,
       required this.date,
       required this.sum,
       required this.photo,
-  });
+      required this.timestamp});
 
   factory GymHistoryItem.fromRawJson(String str) =>
       GymHistoryItem.fromJson(json.decode(str));
@@ -184,12 +185,14 @@ class GymHistoryItem {
         date: json["date"],
         sum: json["sum"],
         photo: json["photo"],
+        timestamp: json["timestamp"],
       );
 
   Map<String, dynamic> toJson() => {
         "id": id,
         "date": date,
         "sum": sum,
+        "timestamp": timestamp,
         "photo": photo,
       };
 }
@@ -201,11 +204,12 @@ class GymHistoryItemDetail {
   String? payUrl;
   final String receiver;
   final String email;
+  final String timestamp;
   final String address;
   final List<GymHistoryItemDetailProvider> providers;
 
-  GymHistoryItemDetail({
+  GymHistoryItemDetail(
-    required this.id,
+      {required this.id,
       required this.date,
       required this.sum,
       this.payUrl,
@@ -213,7 +217,7 @@ class GymHistoryItemDetail {
       required this.receiver,
       required this.email,
       required this.address,
-  });
+      required this.timestamp});
 
   factory GymHistoryItemDetail.fromRawJson(String str) =>
       GymHistoryItemDetail.fromJson(json.decode(str));
@@ -231,7 +235,7 @@ class GymHistoryItemDetail {
           payUrl: json["pay_url"] as String?,
           providers: List<GymHistoryItemDetailProvider>.from(json["providers"]
               .map((x) => GymHistoryItemDetailProvider.fromJson(x))),
-      );
+          timestamp: json["timestamp"]);
 
   Map<String, dynamic> toJson() => {
         "id": id,
@@ -241,6 +245,7 @@ class GymHistoryItemDetail {
         "providers": List<dynamic>.from(providers.map((x) => x.toJson())),
         "receiver": receiver,
         "email": email,
+        "timestamp": timestamp,
         "address": address,
       };
 }

lib/mobile_example.dart

@@ -2,6 +2,7 @@ import 'dart:convert';
 import 'dart:math';
 
 import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
 import 'package:gymlink_module_web/main_mobile.dart';
 import 'package:gymlink_module_web/providers/main.dart';
 import 'package:http/http.dart' as http;
@@ -32,6 +33,8 @@ class MyExampleApp extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
+    SystemChrome.setPreferredOrientations(
+        [DeviceOrientation.portraitUp, DeviceOrientation.portraitDown]);
     return MaterialApp(
       title: 'GymLink Example App',
       debugShowCheckedModeBanner: false,
@@ -55,16 +58,32 @@ Widget getDrawer(BuildContext context) => Drawer(
           ListTile(
               leading: const Icon(Icons.home),
               title: const Text('Home'),
-            onTap: () => Navigator.of(context).push(
+              onTap: () {
+                Future.microtask(() async {
+                  final prefs = await SharedPreferences.getInstance();
+                  prefs.remove('token');
+                  prefs.remove('history');
+                  prefs.remove('cart');
+                  prefs.remove('detail_history');
+                });
+                Navigator.of(context).pushReplacement(
                   MaterialPageRoute(
                     builder: (context) => const ExampleMainPage(),
                   ),
-            ),
+                );
-          ),
+              }),
           ListTile(
               leading: const Icon(Icons.sell),
               title: const Text('Club 2'),
-            onTap: () => Navigator.of(context).push(
+              onTap: () {
+                Future.microtask(() async {
+                  final prefs = await SharedPreferences.getInstance();
+                  prefs.remove('token');
+                  prefs.remove('history');
+                  prefs.remove('cart');
+                  prefs.remove('detail_history');
+                });
+                Navigator.of(context).pushReplacement(
                   MaterialPageRoute(
                     builder: (context) => ChangeNotifierProvider(
                       create: (_) => GymLinkProvider(),
@@ -73,12 +92,13 @@ Widget getDrawer(BuildContext context) => Drawer(
                       ),
                     ),
                   ),
-            ),
+                );
-          ),
+              }),
           ListTile(
             leading: const Icon(Icons.search),
             title: const Text('Example page'),
-            onTap: () => Navigator.of(context).push(MaterialPageRoute(
+            onTap: () =>
+                Navigator.of(context).pushReplacement(MaterialPageRoute(
               builder: (context) => const ExampleSecondPage(),
             )),
           ),
@@ -143,26 +163,25 @@ class _ExamplePageState extends State<ExamplePage> {
       ),
       resizeToAvoidBottomInset: false,
       drawer: getDrawer(context),
-      body: const Column(
+      body: Column(
         children: [
-          Text('test'),
+          IconButton(
-          Expanded(
+            icon: const Icon(Icons.colorize),
-            child: MyApp(),
-          ),
-          SizedBox(
-            height: 20,
-          ),
-          Text('Bottom text')
-        ],
-      ),
-      floatingActionButton: IconButton(
-        icon: const Icon(Icons.search),
             onPressed: () {
               context.read<GymLinkProvider>().changeTheme(
                   Random().nextInt(0xffffff + 1),
                   blackTheme: Random().nextBool());
             },
           ),
+          const Expanded(
+            child: MyApp(),
+          ),
+          const SizedBox(
+            height: 20,
+          ),
+          const Text('Bottom text')
+        ],
+      ),
     );
   }
 }
@@ -231,12 +250,6 @@ class _ExampleClub2PageState extends State<ExampleClub2Page> {
           Text('Bottom text')
         ],
       ),
-      floatingActionButton: IconButton(
-        icon: const Icon(Icons.search),
-        onPressed: () {
-          // context.read<GymLinkProvider>().changeTheme(0xFFAABCAB);
-        },
-      ),
     );
   }
 }

lib/pages/basket.dart

@@ -155,6 +155,8 @@ class _BasketPageState extends State<BasketPage> {
                 removeItemFromCart(id);
                 setState(() {
                   cartItems.removeWhere((element) => element.id == id);
+                  totalPrice = cartItems.fold(
+                      0, (sum, item) => sum + item.price * item.localCount);
                 });
                 if (mounted) {
                   _updateCart();
@@ -311,7 +313,7 @@ class _BasketPageState extends State<BasketPage> {
                               ),
                             ),
                           ),
-                          _buildSpacer(),
+                          // _buildSpacer(),
                           Padding(
                             padding: const EdgeInsetsDirectional.symmetric(
                                 horizontal: 10, vertical: 10),
@@ -354,7 +356,7 @@ class _BasketPageState extends State<BasketPage> {
                               ],
                             ),
                           ),
-                          const SizedBox(width: 50),
+                          // const SizedBox(width: 50),
                         ],
                       ),
                     ),

lib/pages/main.dart

@@ -10,7 +10,6 @@ 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/relative.dart';
 import 'package:gymlink_module_web/tools/routes.dart';
 import 'package:gymlink_module_web/tools/text.dart';
 import 'package:lazy_load_scrollview/lazy_load_scrollview.dart';
@@ -74,6 +73,7 @@ class _MainPageState extends State<MainPage> {
   List<GymCategory> categories = [];
   GymCategory? selectedCategory;
   final ScrollController _scrollController = ScrollController();
+  final TextEditingController _searchField = TextEditingController();
 
   @override
   void initState() {
@@ -124,6 +124,9 @@ class _MainPageState extends State<MainPage> {
 
   void _onSearch() {
     final categoryId = selectedCategory == null ? '' : selectedCategory!.id;
+    setState(() {
+      searchText = _searchField.text.trim().toLowerCase();
+    });
     _searchItems(searchText: searchText, categoryId: categoryId);
   }
 
@@ -142,12 +145,13 @@ class _MainPageState extends State<MainPage> {
               children: [
                 Expanded(
                   child: TextField(
-                    onChanged: (value) => setState(() {
+                    onChanged: (value) {
                       searchText = value.trim().toLowerCase();
                       if (searchText == '') {
                         _onSearch();
                       }
-                    }),
+                    },
+                    controller: _searchField,
                     textInputAction: TextInputAction.search,
                     onSubmitted: (_) => _onSearch(),
                     decoration: InputDecoration(
@@ -179,7 +183,7 @@ class _MainPageState extends State<MainPage> {
                     ),
                   ),
                 ),
-                getSpacer(context: context, flex: 2),
+                // getSpacer(context: context, flex: 2),
                 const SizedBox(
                   width: 8,
                 ),
@@ -270,12 +274,12 @@ class _MainPageState extends State<MainPage> {
                                     SliverGridDelegateWithFixedCrossAxisCount(
                                         crossAxisCount: min(
                                             (MediaQuery.sizeOf(context).width ~/
-                                                    200)
+                                                    220)
                                                 .toInt(),
                                             8),
                                         childAspectRatio: 0.8,
                                         mainAxisSpacing: 10.0,
-                                        crossAxisSpacing: 40.0),
+                                        crossAxisSpacing: 20.0),
                                 itemCount: itemViewCount,
                                 itemBuilder: (context, index) {
                                   final product = filteredData[index];

lib/pages/order_confirmation.dart

@@ -118,6 +118,7 @@ class _OrderConfirmationPageState extends State<OrderConfirmationPage> {
       sum: totalPrice.toString(),
       date: '',
       providers: providers,
+      timestamp: DateTime.now().millisecondsSinceEpoch.toString(),
     );
     await addToHistory(order);
   }

lib/pages/order_history.dart

@@ -7,7 +7,6 @@ import 'package:gymlink_module_web/components/heading.dart';
 import 'package:gymlink_module_web/components/history_item_card.dart';
 import 'package:gymlink_module_web/interfaces/items.dart';
 import 'package:gymlink_module_web/tools/history.dart';
-import 'package:gymlink_module_web/tools/relative.dart';
 import 'package:lazy_load_scrollview/lazy_load_scrollview.dart';
 
 List<Map<String, String>> orders = [
@@ -151,7 +150,8 @@ class _HistoryPageState extends State<HistoryPage> {
                                           final item = my_orders[index];
                                           return HistoryItemCard(
                                             id: item.id,
-                                            cost: item.sum,
+                                            cost: double.parse(item.sum)
+                                                .toStringAsFixed(2),
                                             date: item.date,
                                             image: FutureBuilder(
                                               future: precacheImage(
@@ -178,9 +178,9 @@ class _HistoryPageState extends State<HistoryPage> {
                           ),
                         ),
                       ),
-                      my_orders.isEmpty
+                      // my_orders.isEmpty
-                          ? const SizedBox.shrink()
+                      //     ? const SizedBox.shrink()
-                          : getSpacer(context: context)
+                      //     : getSpacer(context: context)
                     ],
                   ),
                 ),

lib/pages/order_info.dart

@@ -206,7 +206,8 @@ class _OrderInfoPageState extends State<OrderInfoPage> {
                                 crossAxisAlignment: CrossAxisAlignment.start,
                                 children: [
                                   MarkdownBody(
-                                      data: '## Итого: ${detail!.sum} руб.'),
+                                      data:
+                                          '## Итого: ${double.parse(detail!.sum).toStringAsFixed(2)} руб.'),
                                   MarkdownBody(
                                       data:
                                           "### Адрес получателя: __${detail!.address}__"),

lib/tools/history.dart

@@ -11,8 +11,7 @@ Future<List<GymHistoryItem>> getHistory() async {
   for (var historyItem in jsonDecode(historyString) as List<dynamic>) {
     history.add(GymHistoryItem.fromJson(historyItem));
   }
-  history.sort((a, b) => b.id.compareTo(a.id));
+  history.sort((a, b) => b.timestamp.compareTo(a.timestamp));
-  history = history.reversed.toList();
   return history;
 }
 
@@ -50,7 +49,8 @@ Future<void> addToHistory(GymHistoryItemDetail item) async {
     "receiver": item.receiver,
     "email": item.email,
     "address": item.address,
-    "providers": providers
+    "providers": providers,
+    "timestamp": DateTime.now().millisecondsSinceEpoch.toString(),
   };
   final detailHistoryItem = GymHistoryItemDetail.fromJson(json);
   detailHistory.add(detailHistoryItem);
@@ -59,6 +59,7 @@ Future<void> addToHistory(GymHistoryItemDetail item) async {
     id: detailHistoryItem.id,
     photo: detailHistoryItem.providers[0].items[0].photo,
     sum: detailHistoryItem.sum,
+    timestamp: detailHistoryItem.timestamp,
   ));
   prefs.setString('history', jsonEncode(history));
   prefs.setString('detail_history', jsonEncode(detailHistory));

web/js/demo-js-interop.js

@@ -31,10 +31,16 @@
         }
 
         const btn = document.getElementById('token');
-        btn.addEventListener('click', () => getToken('eeb42dcb-8e5b-4f21-825a-3fc7ada43445'));
+        btn.addEventListener('click', () => {
+            localStorage.clear();
+            getToken('eeb42dcb-8e5b-4f21-825a-3fc7ada43445');
+        });
 
         const btn2 = document.getElementById('token2');
-        btn2.addEventListener('click', () => getToken('a8622a61-3142-487e-8db8-b6aebd4f04aa'));
+        btn2.addEventListener('click', () => {
+            localStorage.clear();
+            getToken('a8622a61-3142-487e-8db8-b6aebd4f04aa');
+        });
 
         let colorChangeBtnRed = document.getElementById('colorChangeBtnRed');
         colorChangeBtnRed.addEventListener('click', function () {

web/payment.html

@@ -1,51 +0,0 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
-<html>
- <head>
-  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
-  <title>Прием платежа с помощью виджета ЮKassa</title>
-
-  <!--Подключение библиотеки для инициализации виджета ЮKassa-->
-  <script src="https://yookassa.ru/checkout-widget/v1/checkout-widget.js"></script>
- </head>
- <body>
-  Ниже отобразится платежная форма. Если вы еще не создавали платеж и не передавали токен для инициализации виджета, появится сообщение об ошибке.
-
-  <!--Контейнер, в котором будет отображаться платежная форма-->
-  <div id="payment-form"></div>
-
-  Данные банковской карты для оплаты в <b>тестовом магазине</b>:
-
-   - номер — <b>5555 5555 5555 4477</b>
-   - срок действия — <b>01/30</b> (или другая дата, больше текущей)
-   - CVC — <b>123</b> (или три любые цифры)
-   - код для прохождения 3-D Secure — <b>123</b> (или три любые цифры)
-
-  <a href=https://yookassa.ru/developers/payment-acceptance/testing-and-going-live/testing#test-bank-card>Другие тестовые банковские карты</a>
-
-  <script>
-  //Инициализация виджета. Все параметры обязательные.
-  const checkout = new window.YooMoneyCheckoutWidget({
-      confirmation_token: 'ct-287e0c37-000f-5000-8000-16961d35b0fd', //Токен, который перед проведением оплаты нужно получить от ЮKassa
-      return_url: 'https://example.com/', //Ссылка на страницу завершения оплаты, это может быть любая ваша страница
-
-      //При необходимости можно изменить цвета виджета, подробные настройки см. в документации
-       //customization: {
-        //Настройка цветовой схемы, минимум один параметр, значения цветов в HEX
-        //colors: {
-            //Цвет акцентных элементов: кнопка Заплатить, выбранные переключатели, опции и текстовые поля
-            //control_primary: '#00BF96', //Значение цвета в HEX
-
-            //Цвет платежной формы и ее элементов
-            //background: '#F2F3F5' //Значение цвета в HEX
-        //}
-      //},
-      error_callback: function(error) {
-          console.log(error)
-      }
-  });
-
-  //Отображение платежной формы в контейнере
-  checkout.render('payment-form');
-  </script>
- </body>
-</html>