add costum alerts and finalize profile user interface

unit2/android/app/src/main/AndroidManifest.xml

@@ -1,5 +1,6 @@
 <manifest xmlns:android="http://schemas.android.com/apk/res/android"
     package="com.example.unit2">
+    <uses-permission android:name="android.permission.CAMERA" />
    <application
         android:label="unit2"
         android:name="${applicationName}"

unit2/lib/screens/unit2/homepage.dart/components/menu-screen.dart

@@ -63,7 +63,7 @@ class _MenuScreenState extends State<MenuScreen> {
                 Expanded(
                     child: Align(
                   alignment: FractionalOffset.bottomLeft,
-                  child: getTile(WebSymbols.logout, "Logout", '/', context),
+                  child: getTile(WebSymbols.logout, "Logout", 'login', context),
                 )),
               ],
             ),

unit2/lib/screens/unit2/homepage.dart/components/menu.dart

@@ -1,7 +1,8 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_zoom_drawer/flutter_zoom_drawer.dart';
 import 'package:go_router/go_router.dart';
-
+import 'package:cool_alert/cool_alert.dart';
+import 'package:unit2/utils/alerts.dart';
 import '../../../../theme-data.dart/colors.dart';
 
 Widget getTile(
@@ -17,9 +18,13 @@ Widget getTile(
       style: const TextStyle(color: Colors.black),
     ),
     onTap: () async {
-      debugPrint(title);
+      if (title.toLowerCase() == "logout") {
-        ZoomDrawer.of(context)!.toggle();
+        confirmAlert(context, () {
+          context.goNamed("login");
+        });
+      } else {
         context.goNamed(route);
+      }
     },
   );
 }

unit2/lib/screens/unit2/login/login.dart

@@ -1,10 +1,16 @@
+import 'package:barcode_scan2/barcode_scan2.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_svg/flutter_svg.dart';
 import 'package:flutter_form_builder/flutter_form_builder.dart';
 import 'package:fluttericon/font_awesome5_icons.dart';
 import 'package:form_builder_validators/form_builder_validators.dart';
 import 'package:go_router/go_router.dart';
+
+import 'package:flutter_progress_hud/flutter_progress_hud.dart';
+import 'package:unit2/utils/alerts.dart';
+import 'package:unit2/utils/scanner.dart';
 import 'package:unit2/utils/text_container.dart';
+
 import '../../../widgets/wave.dart';
 import '../../../utils/global.dart';
 import '../../../theme-data.dart/colors.dart';
@@ -29,7 +35,9 @@ class _UniT2LoginState extends State<UniT2Login> {
     return WillPopScope(
       onWillPop: pressAgainToExit,
       child: Scaffold(
-        body: SizedBox(
+        body: ProgressHUD(
+          child: Builder(builder: (context) {
+            return SizedBox(
               child: SingleChildScrollView(
                 child: Stack(
                   children: [
@@ -154,17 +162,27 @@ class _UniT2LoginState extends State<UniT2Login> {
                                 child: SizedBox(
                                   width: MediaQuery.of(context).size.width,
                                   child: ElevatedButton(
-                                style: mainBtnStyle(
+                                    style: mainBtnStyle(second,
-                                    second, Colors.transparent, Colors.white54),
+                                        Colors.transparent, Colors.white54),
                                     child: const Text(
-                                  "LOGIN",
+                                      login,
                                       style: TextStyle(color: Colors.white),
                                     ),
                                     onPressed: () {
-                                  if (_formKey.currentState!
+                                      final progress = ProgressHUD.of(context);
-                                      .saveAndValidate()) {
+                                      progress?.showWithText(
-                                    context.go(context.namedLocation('home'));
+                                        'Logging in...',
-                                  }
+                                      );
+                                      Future.delayed(const Duration(seconds: 5),
+                                          () {
+                                        progress!.dismiss();
+
+                                        context.goNamed("home");
+                                      });
+                                      // if (_formKey.currentState!
+                                      //     .saveAndValidate()) {
+                                      //   context.go(context.namedLocation('home'));
+                                      // }
 
                                       // if (_formKey.currentState.validate()) {
                                       //   _formKey.currentState.save();
@@ -197,8 +215,13 @@ class _UniT2LoginState extends State<UniT2Login> {
                                         style: TextStyle(color: second),
                                       ),
                                       onPressed: () async {
-                                    context.go(context.namedLocation('home'));
+                                        ScanResult result =
+                                            await QRCodeBarCodeScanner.instance
+                                                .scanner();
 
+                                        debugPrint(result.type.toString());
+                                        debugPrint(
+                                            result.rawContent.toString());
                                         // BlocProvider.of<UserBloc>(context)
                                         //     .add(QRCodelogin());
                                       },
@@ -220,8 +243,8 @@ class _UniT2LoginState extends State<UniT2Login> {
                                       FontAwesome5.life_ring,
                                       color: Colors.white,
                                     ),
-                                style: mainBtnStyle(
+                                    style: mainBtnStyle(third,
-                                    third, Colors.transparent, Colors.white38),
+                                        Colors.transparent, Colors.white38),
                                     onPressed: () {
                                       context.goNamed('add-mobile');
                                     },
@@ -238,6 +261,8 @@ class _UniT2LoginState extends State<UniT2Login> {
                   ],
                 ),
               ),
+            );
+          }),
         ),
       ),
     );

unit2/lib/screens/unit2/profile/profile.dart

@@ -1,7 +1,13 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_svg/svg.dart';
 import 'package:fluttericon/font_awesome5_icons.dart';
+import 'package:fluttericon/web_symbols_icons.dart';
 import 'package:go_router/go_router.dart';
+import 'package:qr_flutter/qr_flutter.dart';
+import 'package:unit2/test_data.dart';
+import 'package:unit2/theme-data.dart/btn-style.dart';
+import 'package:unit2/utils/global.dart';
+import '../../../theme-data.dart/colors.dart';
 import './components/cover-image.dart';
 
 class Profile extends StatelessWidget {
@@ -15,7 +21,9 @@ class Profile extends StatelessWidget {
       },
       child: SafeArea(
         child: Scaffold(
-          body: Stack(
+          body: SizedBox(
+            width: screenWidth,
+            child: Stack(
               clipBehavior: Clip.none,
               alignment: Alignment.center,
               children: [
@@ -34,10 +42,22 @@ class Profile extends StatelessWidget {
                         color: Colors.white,
                       ),
                     )),
+                Positioned(
+                    top: 10,
+                    right: 20,
+                    child: IconButton(
+                      onPressed: () {},
+                      icon: const Icon(
+                        Icons.edit,
+                        size: 24,
+                        color: Colors.white,
+                      ),
+                    )),
               ],
             ),
           ),
         ),
+      ),
     );
   }
 }
@@ -46,10 +66,13 @@ class BuildInformation extends StatelessWidget {
   const BuildInformation({super.key});
   @override
   Widget build(BuildContext context) {
-    return Column(
+    return Container(
+      padding: const EdgeInsets.symmetric(horizontal: 25),
+      width: screenWidth,
+      child: Column(
         children: [
           const SizedBox(
-          height: 8,
+            height: 25,
           ),
           Text(
             "Rodolfo Bernales Acuin",
@@ -58,23 +81,40 @@ class BuildInformation extends StatelessWidget {
                 .headline5!
                 .copyWith(fontWeight: FontWeight.bold),
           ),
-        Row(
-          children: [
-            Icon(
-              FontAwesome5.birthday_cake,
-              color: Colors.blueAccent,
-            ),
           const SizedBox(
-              width: 20,
+            height: 10,
           ),
           Text(
             "july 14, 1994 | Male",
-              style:
+            style: Theme.of(context).textTheme.caption!.copyWith(fontSize: 18),
-                  Theme.of(context).textTheme.caption!.copyWith(fontSize: 22),
+          ),
+          const SizedBox(
+            height: 15,
+          ),
+          QrImage(
+            data: uuid,
+            size: blockSizeVertical * 30,
+          ),
+          SizedBox(
+            height: 25,
+          ),
+          SizedBox(
+            height: blockSizeVertical * 6,
+            width: screenWidth * .60,
+            child: ElevatedButton.icon(
+              label: const Text("Signature pad"),
+              icon: const Icon(
+                FontAwesome5.signature,
+              ),
+              style: mainBtnStyle(third, Colors.transparent, Colors.white54),
+              onPressed: () {},
+            ),
+          ),
+          const SizedBox(
+            height: 5,
           ),
         ],
       ),
-      ],
     );
   }
 }
@@ -89,12 +129,12 @@ class BuildProfileImage extends StatelessWidget {
         Stack(
           alignment: Alignment.center,
           children: [
-            CircleAvatar(
+            const CircleAvatar(
-              radius: 85,
+              radius: 72,
               backgroundColor: Colors.white,
             ),
             CircleAvatar(
-              radius: 80,
+              radius: 69,
               backgroundColor: Colors.grey.shade800,
               child: SvgPicture.asset(
                 'assets/svgs/male.svg',

unit2/lib/test_data.dart

@@ -1,5 +1,5 @@
 import 'package:azlistview/azlistview.dart';
-
+String uuid = 'f68c3142-b939-11ec-9acb-3939f0cc109a';
 List<String> levels = ['Establishments', 'Office'];
 List<String> establishments = ['Provincial Government of Agusan del Norte'];
 List<String> checkPointAreas = [

unit2/lib/utils/alerts.dart

@@ -0,0 +1,29 @@
+import 'package:cool_alert/cool_alert.dart';
+import 'package:flutter/material.dart';
+import 'package:unit2/theme-data.dart/colors.dart';
+
+confirmAlert(context, Function() yes) {
+  CoolAlert.show(
+      loopAnimation: true,
+      context: context,
+      type: CoolAlertType.confirm,
+      title: 'LOGOUT!',
+      text: 'Are you sure you want to logout?',
+      cancelBtnText: 'No',
+      confirmBtnText: 'Yes',
+      confirmBtnColor: second,
+      showCancelBtn: true,
+      barrierDismissible: false,
+      onConfirmBtnTap: yes);
+}
+
+errorAlert(context) {
+  CoolAlert.show(
+    context: context,
+    type: CoolAlertType.error,
+    confirmBtnColor: second,
+    title: 'Login Failed!',
+    text: 'username or password is incorrect.',
+    loopAnimation: false,
+  );
+}

unit2/lib/utils/router.dart

@@ -13,7 +13,7 @@ final GoRouter goRouter = GoRouter(routes: <GoRoute>[
   GoRoute(
       path: '/',
       name: 'login',
-      builder: (context, state) => Register(),
+      builder: (context, state) => UniT2Login(),
       routes: [
         GoRoute(
             name: 'home',

unit2/lib/utils/scanner.dart

@@ -0,0 +1,36 @@
+import 'package:barcode_scan2/barcode_scan2.dart';
+
+class QRCodeBarCodeScanner {
+  static final QRCodeBarCodeScanner _instance = QRCodeBarCodeScanner();
+  static QRCodeBarCodeScanner get instance => _instance;
+  final _selectedCamera = -1;
+  final bool _useAutoFocus = true;
+  static final _possibleFormats = BarcodeFormat.values.toList()
+    ..removeWhere((e) => e == BarcodeFormat.unknown);
+  ScanResult scanResult = ScanResult();
+
+  List<BarcodeFormat> selectedFormats = [..._possibleFormats];
+
+  Future<ScanResult> scanner() async {
+    ScanOptions options = ScanOptions(
+      strings: {
+        "cancel": "Back",
+        "flash_on": "Flash on",
+        "flash_off": "Flash off",
+      },
+      restrictFormat: selectedFormats,
+      useCamera: _selectedCamera,
+//        autoEnableFlash: _autoEnableFlash,
+      android: AndroidOptions(
+//          aspectTolerance: _aspectTolerance,
+        useAutoFocus: _useAutoFocus,
+      ),
+    );
+    try {
+      scanResult = await BarcodeScanner.scan(options: options);
+    } on Error catch (e) {
+      throw (e.toString());
+    }
+    return scanResult;
+  }
+}

unit2/pubspec.lock

@@ -8,6 +8,13 @@ packages:
       url: "https://pub.dartlang.org"
     source: hosted
     version: "3.0.2"
+  archive:
+    dependency: transitive
+    description:
+      name: archive
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "3.3.5"
   async:
     dependency: transitive
     description:
@@ -29,6 +36,13 @@ packages:
       url: "https://pub.dartlang.org"
     source: hosted
     version: "2.0.0"
+  barcode_scan2:
+    dependency: "direct main"
+    description:
+      name: barcode_scan2
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "4.2.1"
   boolean_selector:
     dependency: transitive
     description:
@@ -78,6 +92,13 @@ packages:
       url: "https://pub.dartlang.org"
     source: hosted
     version: "1.16.0"
+  convert:
+    dependency: transitive
+    description:
+      name: convert
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "3.1.1"
   convex_bottom_bar:
     dependency: "direct main"
     description:
@@ -85,6 +106,13 @@ packages:
       url: "https://pub.dartlang.org"
     source: hosted
     version: "3.1.0+1"
+  cool_alert:
+    dependency: "direct main"
+    description:
+      name: cool_alert
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "1.1.0"
   crypto:
     dependency: transitive
     description:
@@ -141,6 +169,20 @@ packages:
       url: "https://pub.dartlang.org"
     source: hosted
     version: "6.1.4"
+  fixnum:
+    dependency: transitive
+    description:
+      name: fixnum
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "1.0.1"
+  flare_flutter:
+    dependency: transitive
+    description:
+      name: flare_flutter
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "3.0.2"
   flutter:
     dependency: "direct main"
     description: flutter
@@ -186,6 +228,13 @@ packages:
     description: flutter
     source: sdk
     version: "0.0.0"
+  flutter_progress_hud:
+    dependency: "direct main"
+    description:
+      name: flutter_progress_hud
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "2.0.2"
   flutter_spinkit:
     dependency: "direct main"
     description:
@@ -301,6 +350,13 @@ packages:
       url: "https://pub.dartlang.org"
     source: hosted
     version: "1.1.0"
+  lottie:
+    dependency: transitive
+    description:
+      name: lottie
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "1.4.3"
   matcher:
     dependency: transitive
     description:
@@ -434,6 +490,13 @@ packages:
       url: "https://pub.dartlang.org"
     source: hosted
     version: "2.1.3"
+  pointycastle:
+    dependency: transitive
+    description:
+      name: pointycastle
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "3.6.2"
   process:
     dependency: transitive
     description:
@@ -441,6 +504,13 @@ packages:
       url: "https://pub.dartlang.org"
     source: hosted
     version: "4.2.4"
+  protobuf:
+    dependency: transitive
+    description:
+      name: protobuf
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "2.1.0"
   provider:
     dependency: transitive
     description:
@@ -448,6 +518,20 @@ packages:
       url: "https://pub.dartlang.org"
     source: hosted
     version: "6.0.4"
+  qr:
+    dependency: transitive
+    description:
+      name: qr
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "2.1.0"
+  qr_flutter:
+    dependency: "direct main"
+    description:
+      name: qr_flutter
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "4.0.0"
   rxdart:
     dependency: transitive
     description:

unit2/pubspec.yaml

@@ -54,6 +54,10 @@ dependencies:
   azlistview: ^2.0.0
   intl: ^0.17.0
   date_time_picker: ^2.1.0
+  flutter_progress_hud: ^2.0.2
+  barcode_scan2: ^4.2.1
+  cool_alert: ^1.1.0
+  qr_flutter: ^4.0.0
 
 dev_dependencies:
   flutter_test: