feat: take photo

2024-02-07 15:52:50 +07:00
parent 0a347f5e6d
commit 370db229de
19 changed files with 350 additions and 80 deletions
--- a/lib/application/assets/path_assets.dart
+++ b/lib/application/assets/path_assets.dart
@@ -1,7 +1,7 @@
 class PathAssets {
  PathAssets._();

-  /// LOGO
+  /// ICON
  static const String iconSplashRight = 'assets/icons/splash-right.png';
  static const String iconSplashLeft = 'assets/icons/splash-left.png';
  static const String iconReksadana = 'assets/icons/icon-reksadana.png';
@@ -10,12 +10,24 @@ class PathAssets {
  static const String iconGoogle = 'assets/icons/icon-google.png';
  static const String icon1 = 'assets/icons/icon-1.png';
  static const String iconConnect = 'assets/icons/icon-connect.png';
-  static const String iconPortofolioBonds = 'assets/icons/icon-portofolio-bonds.png';
-  static const String iconPortofolioShares = 'assets/icons/icon-portofolio-shares.png';
-  static const String iconPortofolioSharia = 'assets/icons/icon-portofolio-sharia.png';
-  static const String iconPortofolioMoneyMarket = 'assets/icons/icon-portofolio-moneymarket.png';
+  static const String iconPortofolioBonds =
+      'assets/icons/icon-portofolio-bonds.png';
+  static const String iconPortofolioShares =
+      'assets/icons/icon-portofolio-shares.png';
+  static const String iconPortofolioSharia =
+      'assets/icons/icon-portofolio-sharia.png';
+  static const String iconPortofolioMoneyMarket =
+      'assets/icons/icon-portofolio-moneymarket.png';
  static const String iconShield = 'assets/icons/icon-shield.png';
  static const String iconFlag = 'assets/icons/icon-flag.png';
+  static const String iconKtp1 = 'assets/icons/icon-ktp1.png';
+  static const String iconKtp2 = 'assets/icons/icon-ktp2.png';
+  static const String iconKtp3 = 'assets/icons/icon-ktp3.png';
+  static const String iconKtp4 = 'assets/icons/icon-ktp4.png';
+  static const String iconSelfie1 = 'assets/icons/icon-selfie1.png';
+  static const String iconSelfie2 = 'assets/icons/icon-selfie2.png';
+  static const String iconSelfie3 = 'assets/icons/icon-selfie3.png';
+  static const String iconSelfie4 = 'assets/icons/icon-selfie4.png';

  /// IMAGE
  static const String imgSplashLogo = 'assets/images/splash-logo.png';
@@ -28,9 +40,12 @@ class PathAssets {
  static const String imgKtpCropped = 'assets/images/img-ktp-cropped.png';
  static const String imgKtpClear = 'assets/images/img-ktp-clear.png';
  static const String imgKtpBlur = 'assets/images/img-ktp-blur.png';
-  static const String imgDashboardAccount = 'assets/images/img-dashboard-account.png';
+  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';
  static const String imgSuccessSignup = 'assets/images/img-success-signup.png';
+  static const String imgBgKtp = 'assets/images/img-bg-photo-ktp.png';
+  static const String imgBgSelfie = 'assets/images/img-bg-photo-selfie.png';
 }
--- a/lib/application/component/take_picture_screen/take_picture_screen.dart
+++ b/lib/application/component/take_picture_screen/take_picture_screen.dart
@@ -0,0 +1,140 @@
+import 'package:camera/camera.dart';
+import 'package:cims_apps/application/assets/path_assets.dart';
+import 'package:cims_apps/application/component/image/image_view.dart';
+import 'package:cims_apps/application/component/take_picture_screen/DisplayPictureScreen.dart';
+import 'package:cims_apps/core/route/route.dart';
+import 'package:cims_apps/core/utils/size_config.dart';
+import 'package:flutter/material.dart';
+
+class TakePictureScreen extends StatefulWidget {
+  const TakePictureScreen({
+    super.key,
+    required this.camera,
+    required this.takeContent,
+  });
+
+  final CameraDescription camera;
+  final String takeContent;
+
+  @override
+  TakePictureScreenState createState() => TakePictureScreenState();
+}
+
+class TakePictureScreenState extends State<TakePictureScreen> {
+  late CameraController _controller;
+  late Future<void> _initializeControllerFuture;
+  bool isFlash = false;
+  late String _takeContent;
+
+  Future<void> changeFlash() async {
+    await _controller.setFlashMode(FlashMode.auto);
+    setState(() {
+      isFlash = !isFlash;
+    });
+  }
+
+  @override
+  void initState() {
+    super.initState();
+    _controller = CameraController(
+      widget.camera,
+      ResolutionPreset.medium,
+      enableAudio: false,
+    );
+    // Next, initialize the controller. This returns a Future.
+    _initializeControllerFuture = _controller.initialize();
+    _takeContent = widget.takeContent;
+  }
+
+  @override
+  void dispose() {
+    // Dispose of the controller when the widget is disposed.
+    _controller.dispose();
+    super.dispose();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    // Fill this out in the next steps.
+    return Scaffold(
+      appBar: AppBar(
+        title: const Text('Registration'),
+        actions: [
+          IconButton(
+              onPressed: () {
+                changeFlash();
+              },
+              icon: Icon(isFlash ? Icons.flash_on : Icons.flash_off))
+        ],
+      ),
+      body: FutureBuilder<void>(
+        future: _initializeControllerFuture,
+        builder: (context, snapshot) {
+          if (snapshot.connectionState == ConnectionState.done) {
+            // If the Future is complete, display the preview.
+            return Stack(
+              children: [
+                SizedBox(
+                    width: SizeConfig.width,
+                    height: SizeConfig.height,
+                    child: CameraPreview(_controller)),
+                Container(
+                  decoration: BoxDecoration(
+                    gradient: LinearGradient(
+                      begin: Alignment.topCenter,
+                      end: Alignment.bottomCenter,
+                      colors: [
+                        Colors.transparent,
+                        Colors.black.withOpacity(0.5),
+                      ],
+                    ),
+                  ),
+                  child: ImageView(
+                    image: _takeContent == 'ktp'
+                        ? PathAssets.imgBgKtp
+                        : PathAssets.imgBgSelfie,
+                    width: SizeConfig.width,
+                    height: SizeConfig.height,
+                  ),
+                ),
+                Align(
+                  alignment: Alignment.bottomCenter,
+                  child: IconButton(
+                    onPressed: () async {
+                      try {
+                        // Ensure that the camera is initialized.
+                        await _initializeControllerFuture;
+
+                        // Attempt to take a picture and get the file `image`
+                        // where it was saved.
+                        final image = await _controller.takePicture();
+
+                        if (!mounted) return;
+                        routePush(context,
+                            page: DisplayPictureScreen(
+                              imagePath: image.path,
+                              content: _takeContent,
+                            ),
+                            routeType: RouteType.pushReplace);
+                      } catch (e) {
+                        // If an error occurs, log the error to the console.
+                        debugPrint(e.toString());
+                      }
+                    },
+                    icon: Icon(
+                      Icons.album_outlined,
+                      color: Colors.white,
+                      size: SizeConfig.width * .16,
+                    ),
+                  ),
+                )
+              ],
+            );
+          } else {
+            return const Center(child: CircularProgressIndicator());
+          }
+        },
+      ),
+    );
+  }
+}
--- a/lib/application/component/text_form/text_form_view.dart
+++ b/lib/application/component/text_form/text_form_view.dart
@@ -127,7 +127,7 @@ class TextFormView extends StatelessWidget {
          initialValue: initialValue,
          enabled: enabled,
          controller: ctrl,
-          // maxLength: maxLength,
+          maxLength: maxLength,
          keyboardType: keyboardType,
          onTap: onTap,
          onEditingComplete: onSubmit,
@@ -189,7 +189,10 @@ class TextFormView extends StatelessWidget {
              suffixIconConstraints: suffixIconConstraints,
              prefixIconConstraints: preffixIconConstraints,
              prefix: prefix,
-              contentPadding: EdgeInsets.zero),
+              contentPadding: const EdgeInsets.symmetric(
+                horizontal: 8.0,
+                vertical: 16.0,
+              )),
        )
      ],
    );
--- a/lib/application/theme/color_palette.dart
+++ b/lib/application/theme/color_palette.dart
@@ -80,7 +80,6 @@ class ColorPalette {
  static const Color slate200 = Color(0xFFE2E8F0);
  static const Color slate300 = Color(0xFFCBD5E1);
  static const Color slate400 = Color(0xFF94A3B8);
-  static const Color slate500 = Color(0xFF64748B);
  static const Color slate800 = Color(0xFF1E293B);
  static const Color purple100 = Color(0xFFEDE9FE);
  static const Color purple500 = Color(0xFF8B5CF6);
@@ -93,7 +92,6 @@ class ColorPalette {
  static const Color green400 = Color(0xFF4ADE80);
  static const Color green500 = Color(0xFF16A34A);

-
  static const Map<String, Color> investTypeColor = {
    'Money Market': purple500,
    'Shares': orange500,