feat: Added the screen for draw clipart functionality (#976)

lib/constants.dart

@@ -1,4 +1,5 @@
 const homeScreenTitleKey = "bm_hm_title";
+const drawBadgeScreen = "bm_db_screen";
 
 //path to all the animation assets used
 const String animation = 'assets/animations/ic_anim_animation.gif';

lib/main.dart

@@ -1,19 +1,24 @@
+import 'package:badgemagic/providers/cardsprovider.dart';
+import 'package:badgemagic/providers/drawbadge_provider.dart';
 import 'package:badgemagic/providers/getitlocator.dart';
 import 'package:badgemagic/providers/imageprovider.dart';
+import 'package:badgemagic/view/draw_badge_screen.dart';
 import 'package:badgemagic/view/homescreen.dart';
 import 'package:flutter/material.dart';
-import 'package:provider/provider.dart';
-import 'package:badgemagic/providers/cardsprovider.dart';
 import 'package:flutter_screenutil/flutter_screenutil.dart';
+import 'package:provider/provider.dart';
 
 void main() {
   setupLocator();
+  WidgetsFlutterBinding.ensureInitialized();
   runApp(MultiProvider(
     providers: [
       ChangeNotifierProvider<CardProvider>(
           create: (context) => getIt<CardProvider>()),
       ChangeNotifierProvider<InlineImageProvider>(
           create: (context) => getIt<InlineImageProvider>()),
+      ChangeNotifierProvider<DrawBadgeProvider>(
+          create: (context) => getIt<DrawBadgeProvider>()),
     ],
     child: const MyApp(),
   ));
@@ -36,6 +41,7 @@ class MyApp extends StatelessWidget {
           initialRoute: '/',
           routes: {
             '/': (context) => const HomeScreen(),
+            '/drawBadge': (context) => const DrawBadge(),
           },
         );
       },

lib/providers/drawbadge_provider.dart

@@ -0,0 +1,34 @@
+import 'package:flutter/material.dart';
+
+class DrawBadgeProvider extends ChangeNotifier {
+  //List that contains the state of each cell of the badge
+  List<List<bool>> grid =
+      List.generate(11, (i) => List.generate(44, (j) => false));
+
+  //function to update the state of the cell
+  void updateGrid(int row, int col) {
+    grid[row][col] = isDrawing;
+    notifyListeners();
+  }
+
+  //function to reset the state of the cell
+  void resetGrid() {
+    grid = List.generate(11, (i) => List.generate(44, (j) => false));
+    notifyListeners();
+  }
+
+  //function to get the state of the cell
+  List<List<bool>> getGrid() => grid;
+
+  //boolean variable to check for isDrawing on Draw badge screen
+  bool isDrawing = true;
+
+  //function to toggle the isDrawing variable
+  void toggleIsDrawing(bool drawing) {
+    isDrawing = drawing;
+    notifyListeners();
+  }
+
+  //function to get the isDrawing variable
+  bool getIsDrawing() => isDrawing;
+}

lib/providers/getitlocator.dart

@@ -1,4 +1,5 @@
 import 'package:badgemagic/providers/cardsprovider.dart';
+import 'package:badgemagic/providers/drawbadge_provider.dart';
 import 'package:badgemagic/providers/imageprovider.dart';
 import 'package:get_it/get_it.dart';
 
@@ -7,4 +8,5 @@ final GetIt getIt = GetIt.instance;
 void setupLocator() {
   getIt.registerLazySingleton<CardProvider>(() => CardProvider());
   getIt.registerLazySingleton<InlineImageProvider>(() => InlineImageProvider());
+  getIt.registerLazySingleton<DrawBadgeProvider>(() => DrawBadgeProvider());
 }

lib/providers/imageprovider.dart

@@ -6,10 +6,12 @@ import 'package:flutter/material.dart';
 import 'package:flutter/services.dart';
 
 class InlineImageProvider extends ChangeNotifier {
+  //boolean variable to check for isCacheInitialized
+  bool isCacheInitialized = false;
+
   //list of vectors
   List<String> vectors = [];
 
-  //initializes the list of vectors
   //uses the AssetManifest class to load the list of assets
   Future<void> initVectors() async {
     try {

lib/view/draw_badge_screen.dart

@@ -0,0 +1,147 @@
+import 'package:badgemagic/constants.dart';
+import 'package:badgemagic/providers/drawbadge_provider.dart';
+import 'package:badgemagic/view/widgets/common_scaffold_widget.dart';
+import 'package:badgemagic/virtualbadge/view/draw_badge.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
+import 'package:flutter_screenutil/flutter_screenutil.dart';
+import 'package:get_it/get_it.dart';
+import 'package:provider/provider.dart';
+
+class DrawBadge extends StatefulWidget {
+  const DrawBadge({super.key});
+
+  @override
+  State<DrawBadge> createState() => _DrawBadgeState();
+}
+
+class _DrawBadgeState extends State<DrawBadge> {
+  DrawBadgeProvider cellStateToggle = GetIt.instance<DrawBadgeProvider>();
+
+  @override
+  void initState() {
+    SystemChrome.setPreferredOrientations([
+      DeviceOrientation.landscapeLeft,
+    ]);
+    super.initState();
+  }
+
+  @override
+  void dispose() {
+    SystemChrome.setPreferredOrientations([
+      DeviceOrientation.portraitUp,
+      DeviceOrientation.portraitDown,
+      DeviceOrientation.landscapeLeft,
+      DeviceOrientation.landscapeRight,
+    ]);
+    cellStateToggle.resetGrid();
+    super.dispose();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    DrawBadgeProvider drawToggle = Provider.of<DrawBadgeProvider>(context);
+    SystemChrome.setEnabledSystemUIMode(SystemUiMode.immersiveSticky);
+    return CommonScaffold(
+      title: 'BadgeMagic',
+      body: Column(
+        children: [
+          Container(
+            margin: EdgeInsets.symmetric(vertical: 20.h, horizontal: 20.w),
+            padding: EdgeInsets.all(10.dg),
+            height: 400.h,
+            width: 500.w,
+            decoration: BoxDecoration(
+              color: Colors.black,
+              border: Border.all(color: Colors.black),
+              borderRadius: BorderRadius.circular(10),
+            ),
+            child: const BMBadge(),
+          ),
+          SizedBox(
+            height: 55.h,
+          ),
+          Row(
+            children: [
+              TextButton(
+                onPressed: () {
+                  setState(() {
+                    drawToggle.toggleIsDrawing(true);
+                  });
+                },
+                child: Column(
+                  children: [
+                    Icon(
+                      Icons.edit,
+                      color:
+                          drawToggle.getIsDrawing() ? Colors.red : Colors.black,
+                    ),
+                    Text(
+                      'Draw',
+                      style: TextStyle(
+                        color: drawToggle.isDrawing ? Colors.red : Colors.black,
+                      ),
+                    )
+                  ],
+                ),
+              ),
+              TextButton(
+                onPressed: () {
+                  setState(() {
+                    drawToggle.toggleIsDrawing(false);
+                  });
+                },
+                child: Column(
+                  children: [
+                    Icon(
+                      Icons.delete,
+                      color: drawToggle.isDrawing ? Colors.black : Colors.red,
+                    ),
+                    Text(
+                      'Erase',
+                      style: TextStyle(
+                        color: drawToggle.isDrawing ? Colors.black : Colors.red,
+                      ),
+                    )
+                  ],
+                ),
+              ),
+              TextButton(
+                onPressed: () {
+                  setState(() {
+                    drawToggle.resetGrid();
+                  });
+                },
+                child: const Column(
+                  children: [
+                    Icon(
+                      Icons.refresh,
+                      color: Colors.black,
+                    ),
+                    Text(
+                      'Reset',
+                      style: TextStyle(color: Colors.black),
+                    )
+                  ],
+                ),
+              ),
+              TextButton(
+                onPressed: () {},
+                child: const Column(
+                  children: [
+                    Icon(
+                      Icons.save,
+                      color: Colors.black,
+                    ),
+                    Text('Save', style: TextStyle(color: Colors.black))
+                  ],
+                ),
+              ),
+            ],
+          )
+        ],
+      ),
+      key: const Key(drawBadgeScreen),
+    );
+  }
+}