From 96c676ac4c601d3e5f9a9a81d952bddbf427ad37 Mon Sep 17 00:00:00 2001
From: Prajna Prayoga <prayogaprajna@gmail.com>
Date: Tue, 6 Feb 2024 18:28:11 +0700
Subject: [PATCH] feat: state time machine product view

---
 assets/images/img-product.png                 | Bin 0 -> 4657 bytes
 lib/application/assets/path_assets.dart       |   1 +
 lib/core/utils/number_formatter.dart          |   2 +-
 .../view/invest_type/invest_type_view.dart    |  29 ++++++++------
 .../view/product/product_view.dart            |  36 ++++++++++++------
 5 files changed, 45 insertions(+), 23 deletions(-)
 create mode 100644 assets/images/img-product.png

diff --git a/assets/images/img-product.png b/assets/images/img-product.png
new file mode 100644
index 0000000000000000000000000000000000000000..c058b1cc0a9fef79782ad61d9ca73777bd28f4c7
GIT binary patch
literal 4657
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

literal 0
HcmV?d00001

diff --git a/lib/application/assets/path_assets.dart b/lib/application/assets/path_assets.dart
index 2f398e7..ca1c713 100644
--- a/lib/application/assets/path_assets.dart
+++ b/lib/application/assets/path_assets.dart
@@ -30,4 +30,5 @@ class PathAssets {
   static const String imgDashboardAccount = 'assets/images/img-dashboard-account.png';
   static const String imgCarousel = 'assets/images/img-carousel.png';
   static const String imgArticles = 'assets/images/img-articles.png';
+  static const String imgProduct = 'assets/images/img-product.png';
 }
diff --git a/lib/core/utils/number_formatter.dart b/lib/core/utils/number_formatter.dart
index ee0e22c..2965417 100644
--- a/lib/core/utils/number_formatter.dart
+++ b/lib/core/utils/number_formatter.dart
@@ -3,7 +3,7 @@ import 'package:intl/intl.dart';
 class NumberFormatter {
   NumberFormatter._();
 
-  static String numberCurrency(dynamic value, String symbol, String locale, {int? decimalDigits = 0}) {
+  static String numberCurrency(dynamic value, String symbol, String locale, {int? decimalDigits = 2}) {
     NumberFormat numberFormat = NumberFormat.currency(locale: locale, symbol: symbol, decimalDigits: decimalDigits);
     String formatValue = numberFormat.format(value);
 
diff --git a/lib/features/dashboard/dashboard_account/view/invest_type/invest_type_view.dart b/lib/features/dashboard/dashboard_account/view/invest_type/invest_type_view.dart
index f146c96..4238af1 100644
--- a/lib/features/dashboard/dashboard_account/view/invest_type/invest_type_view.dart
+++ b/lib/features/dashboard/dashboard_account/view/invest_type/invest_type_view.dart
@@ -4,6 +4,7 @@ import 'package:cims_apps/application/component/image/image_view.dart';
 import 'package:cims_apps/application/component/text_title/text_title.dart';
 import 'package:cims_apps/application/theme/color_palette.dart';
 import 'package:cims_apps/core/route/route.dart';
+import 'package:cims_apps/core/utils/number_formatter.dart';
 import 'package:cims_apps/core/utils/size_config.dart';
 import 'package:cims_apps/features/dashboard/dashboard_account/view/product/product_view.dart';
 import 'package:flutter/material.dart';
@@ -151,11 +152,17 @@ class _InvestTypeViewState extends State<InvestTypeView> {
         children: [
           Row(
             children: [
-              Text(
-                product.name,
-                style: TextStyle(
-                  fontWeight: FontWeight.bold,
-                  fontSize: 18
+              ImageView(image: PathAssets.imgProduct, width: SizeConfig.width * .12,),
+              SizedBox(
+                width: 8,
+              ),
+              Expanded(
+                child: Text(
+                  product.name,
+                  style: TextStyle(
+                    fontWeight: FontWeight.bold,
+                    fontSize: 18
+                  ),
                 ),
               )
             ],
@@ -190,16 +197,16 @@ class _InvestTypeViewState extends State<InvestTypeView> {
                   Text('Price/unit', style: TextStyle(color: ColorPalette.slate400, fontWeight: FontWeight.w600),),
                   Row(
                     children: [
+                      Icon(Icons.trending_up_outlined, size: 18, color: ColorPalette.green400,),
+                      SizedBox(
+                        width: 2,
+                      ),
                       Text(
-                        'Rp${product.priceUnit.toString()}',
+                        NumberFormatter.numberCurrency(product.priceUnit, 'Rp', 'id_ID'),
                         style: TextStyle(
                           fontWeight: FontWeight.w600
                         ),
                       ),
-                      SizedBox(
-                        width: 2,
-                      ),
-                      Icon(Icons.trending_up_outlined, size: 18, color: ColorPalette.green400,)
                     ],
                   )
                 ],
@@ -210,7 +217,7 @@ class _InvestTypeViewState extends State<InvestTypeView> {
                   Row(
                     children: [
                       Text(
-                        product.funds.toString(),
+                        NumberFormatter.compactCurrency(product.funds, 'Rp ', 'id_ID'),
                         style: TextStyle(
                             fontWeight: FontWeight.w600
                         ),
diff --git a/lib/features/dashboard/dashboard_account/view/product/product_view.dart b/lib/features/dashboard/dashboard_account/view/product/product_view.dart
index 0b003c2..c1042d8 100644
--- a/lib/features/dashboard/dashboard_account/view/product/product_view.dart
+++ b/lib/features/dashboard/dashboard_account/view/product/product_view.dart
@@ -71,7 +71,7 @@ class _ProductViewState extends State<ProductView> {
     double parseValue = double.parse(machineController.text.replaceAll('Rp ', '').replaceAll('.', ''));
     int machineType = selectedMachineType == 0 ? 12 : 1;
     setState(() {
-      estimatedValue = (machineType * (listMachineTime[selectedMachineTime].value) * (parseValue * 10/100)) + parseValue;
+      estimatedValue = (machineType * (listMachineTime[selectedMachineTime].value) * ((parseValue * machineType) * 10/100)) + parseValue;
     });
   }
 
@@ -87,6 +87,14 @@ class _ProductViewState extends State<ProductView> {
     super.initState();
   }
 
+  @override
+  void dispose() {
+    machineController.dispose();
+    machineGroupButtonController.dispose();
+    // TODO: implement dispose
+    super.dispose();
+  }
+
   @override
   Widget build(BuildContext context) {
     return Scaffold(
@@ -133,6 +141,17 @@ class _ProductViewState extends State<ProductView> {
           ],
         ),
       ),
+      bottomNavigationBar: Padding(
+        padding: const EdgeInsets.symmetric(horizontal: 24),
+        child: ButtonView(
+          name: 'Buy',
+          onPressed: () {
+
+          },
+          height: SizeConfig.height * 0.06,
+          marginVertical: 16,
+        ),
+      ),
     );
   }
 
@@ -142,12 +161,16 @@ class _ProductViewState extends State<ProductView> {
         child: Row(
           mainAxisAlignment: MainAxisAlignment.spaceBetween,
           children: [
-            const Expanded(
+            Expanded(
               child: Row(
                 children: [
+                  ImageView(image: PathAssets.imgProduct, width: SizeConfig.width * .12,),
+                  SizedBox(width: 8),
                   Expanded(
                     child: Text(
                       'Gemilang Dana Kas Maxima',
+                      maxLines: 2,
+                      overflow: TextOverflow.ellipsis,
                       style: TextStyle(
                           color: Colors.white,
                           fontWeight: FontWeight.w700,
@@ -255,15 +278,6 @@ class _ProductViewState extends State<ProductView> {
               height: 24,
             ),
             cardInformation('Document', documentProduct()),
-            Padding(
-              padding: const EdgeInsets.symmetric(horizontal: 24),
-              child: ButtonView(
-                name: 'Buy',
-                onPressed: () {
-
-                },
-              ),
-            )
           ],
         ),
       ),