Feature Addition: About Section in Settings (#145)

* About Section Added * Fixing project structure * Correction * Get view --------- Co-authored-by: Rijuth Menon <[email protected]>
CCExtractor · Nov 26, 2023 · 4e49af1 · 4e49af1
1 parent 5616f1b
commit 4e49af1
Show file tree

Hide file tree

Showing 9 changed files with 249 additions and 0 deletions.
diff --git a/assets/images/github.svg b/assets/images/github.svg
diff --git a/assets/images/link.svg b/assets/images/link.svg
diff --git a/lib/app/modules/About/bindings/about_binding.dart b/lib/app/modules/About/bindings/about_binding.dart
@@ -0,0 +1,15 @@
+import 'package:get/get.dart';
+import 'package:ultimate_alarm_clock/app/modules/about/controller/about_controller.dart';
+import 'package:ultimate_alarm_clock/app/modules/settings/controllers/theme_controller.dart';
+
+class AboutBinding extends Bindings {
+  @override
+  void dependencies() {
+     Get.put<AboutController>(
+      AboutController(),
+    );
+    Get.put<ThemeController>(
+      ThemeController(),
+    );
+  }
+}
diff --git a/lib/app/modules/About/controller/about_controller.dart b/lib/app/modules/About/controller/about_controller.dart
@@ -0,0 +1,26 @@
+import 'package:get/get.dart';
+import 'package:ultimate_alarm_clock/app/modules/about/views/about_view.dart';
+import 'package:url_launcher/url_launcher.dart';
+
+class AboutController extends GetxController {
+  final RxBool isAboutExpanded = true.obs;
+
+  static const String ccExtractorUrl = "https://ccextractor.org/";
+  static const String githubUrl = "https://github.com/CCExtractor/ultimate_alarm_clock";
+
+  Future<bool> launchUrl(Uri uri) async {
+    if (await canLaunch(uri.toString())) {
+      return await launch(uri.toString());
+    } else {
+      return false;
+    }
+  }
+
+  void toggleAboutExpansion() {
+    isAboutExpanded.value = !isAboutExpanded.value;
+  }
+
+  void navigateToAboutView() {
+    Get.to(() => AboutView());
+  }
+}
diff --git a/lib/app/modules/About/views/about_view.dart b/lib/app/modules/About/views/about_view.dart
@@ -0,0 +1,123 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_svg/svg.dart';
+import 'package:get/get.dart';
+import 'package:ultimate_alarm_clock/app/modules/about/controller/about_controller.dart';
+
+class AboutView extends GetView<AboutController> {
+  final AboutController aboutController = Get.find<AboutController>();
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(
+        title: Text('About'),
+      ),
+      body: Center(
+        child: Column(
+          mainAxisAlignment: MainAxisAlignment.center,
+          children: [
+            ClipRRect(
+              borderRadius: BorderRadius.circular(20),
+              child: SizedBox.fromSize(
+                size: Size.fromRadius(48),
+                child: Image.asset('assets/images/ic_launcher-playstore.png'),
+              ),
+            ),
+            SizedBox(height: 10),
+            Text(
+              'Ultimate Alarm Clock',
+              style: TextStyle(
+                fontSize: 18,
+                fontWeight: FontWeight.bold,
+              ),
+            ),
+            SizedBox(height: 10),
+            Text(
+              'Version: 1.0.0',
+              style: TextStyle(
+                fontSize: 16,
+                fontWeight: FontWeight.bold,
+              ),
+            ),
+            SizedBox(height: 10),
+            Container(
+              padding: EdgeInsets.symmetric(horizontal: 20),
+              child: Text(
+                'This project aims to build a non-conventional alarm clock with smart features such as auto-dismissal based on phone activity, weather, and more!',
+                textAlign: TextAlign.center,
+                style: TextStyle(
+                  fontSize: 14,
+                  color: Colors.grey,
+                ),
+              ),
+            ),
+            SizedBox(height: 20),
+            Row(
+              mainAxisAlignment: MainAxisAlignment.spaceEvenly,
+              children: [
+                SizedBox(
+                  width: 160,
+                  height: 40,
+                  child: ElevatedButton.icon(
+                    style: ElevatedButton.styleFrom(
+                      shape: RoundedRectangleBorder(
+                        borderRadius: BorderRadius.circular(10),
+                      ), backgroundColor: Colors.white,
+                    ),
+                    onPressed: () async {
+                      if (!await aboutController.launchUrl(Uri.parse(AboutController.githubUrl))) {
+                        throw Exception('Could not launch ${AboutController.githubUrl}');
+                      }
+                    },
+                    icon: SvgPicture.asset(
+                      "assets/images/github.svg",
+                      width: 30,
+                      height: 30,
+                    ),
+                    label: Text(
+                      "GitHub",
+                      style: TextStyle(
+                        color: Colors.black,
+                        fontWeight: FontWeight.w500,
+                        fontSize: 12,
+                      ),
+                    ),
+                  ),
+                ),
+                SizedBox(
+                  width: 160,
+                  height: 40,
+                  child: ElevatedButton.icon(
+                    style: ElevatedButton.styleFrom(
+                      shape: RoundedRectangleBorder(
+                        borderRadius: BorderRadius.circular(10),
+                      ), backgroundColor: Colors.white,
+                    ),
+                    onPressed: () async {
+                      if (!await aboutController.launchUrl(Uri.parse(AboutController.ccExtractorUrl))) {
+                        throw Exception('Could not launch ${AboutController.ccExtractorUrl}');
+                      }
+                    },
+                    icon: SvgPicture.asset(
+                      "assets/images/link.svg",
+                      width: 30,
+                      height: 30,
+                    ),
+                    label: Text(
+                      "CCExtractor",
+                      style: TextStyle(
+                        color: Colors.black,
+                        fontWeight: FontWeight.w500,
+                        fontSize: 12,
+                      ),
+                    ),
+                  ),
+                ),
+              ],
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}
diff --git a/lib/app/modules/settings/views/about.dart b/lib/app/modules/settings/views/about.dart
@@ -0,0 +1,58 @@
+import 'package:flutter/material.dart';
+import 'package:ultimate_alarm_clock/app/modules/about/controller/about_controller.dart';
+import 'package:ultimate_alarm_clock/app/modules/settings/controllers/theme_controller.dart';
+import 'package:ultimate_alarm_clock/app/utils/constants.dart';
+
+class AboutSection extends StatelessWidget {
+  const AboutSection({
+    Key? key,
+    required this.aboutController,
+    required this.width,
+    required this.height,
+    required this.themeController,
+  }) : super(key: key);
+
+  final AboutController aboutController;
+  final ThemeController themeController;
+  final double width;
+  final double height;
+
+  @override
+  Widget build(BuildContext context) {
+    return GestureDetector(
+      onTap: () {
+        aboutController.navigateToAboutView();
+      },
+      child: Container(
+        width: width * 0.91,
+        height: height * 0.1,
+        decoration: BoxDecoration(
+          borderRadius: const BorderRadius.all(
+            Radius.circular(18),
+          ),
+          color: themeController.isLightMode.value
+              ? kLightSecondaryBackgroundColor
+              : ksecondaryBackgroundColor,
+        ),
+        child: Padding(
+          padding: EdgeInsets.only(left: 30, right: 30),
+          child: Row(
+            mainAxisAlignment: MainAxisAlignment.spaceBetween,
+            children: [
+              Text(
+                'About',
+                style: Theme.of(context).textTheme.bodyLarge,
+              ),
+              Icon(
+                Icons.arrow_forward_ios_sharp,
+                color: themeController.isLightMode.value
+                    ? kLightPrimaryTextColor.withOpacity(0.4)
+                    : kprimaryTextColor.withOpacity(0.2),
+              ),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+}
diff --git a/lib/app/modules/settings/views/settings_view.dart b/lib/app/modules/settings/views/settings_view.dart
@@ -2,8 +2,12 @@ import 'package:flutter/material.dart';
 
 import 'package:get/get.dart';
 import 'package:ultimate_alarm_clock/app/modules/home/controllers/home_controller.dart';
+import 'package:ultimate_alarm_clock/app/modules/about/controller/about_controller.dart';
 import 'package:ultimate_alarm_clock/app/modules/settings/controllers/theme_controller.dart';
+
+import 'package:ultimate_alarm_clock/app/modules/settings/views/about.dart';
 import 'package:ultimate_alarm_clock/app/modules/settings/views/custom_ringtone.dart';
+
 import 'package:ultimate_alarm_clock/app/modules/settings/views/enable_haptic_feedback.dart';
 import 'package:ultimate_alarm_clock/app/modules/settings/views/enable_sorted_alarm_list.dart';
 import 'package:ultimate_alarm_clock/app/modules/settings/views/theme_value_tile.dart';
@@ -18,6 +22,7 @@ class SettingsView extends GetView<SettingsController> {
 
   HomeController homeController = Get.find<HomeController>();
   ThemeController themeController = Get.find<ThemeController>();
+  AboutController aboutController = Get.put(AboutController());
 
   @override
   Widget build(BuildContext context) {
@@ -106,6 +111,15 @@ class SettingsView extends GetView<SettingsController> {
                   width: width,
                   themeController: themeController,
                 ),
+                const SizedBox(
+                  height: 20,
+                ),
+                 AboutSection(
+                  aboutController: aboutController,
+                  height: height,
+                  width: width,
+                  themeController: themeController,
+                ),
               ],
             ),
           ),

diff --git a/lib/app/routes/app_pages.dart b/lib/app/routes/app_pages.dart
@@ -1,4 +1,6 @@
 import 'package:get/get.dart';
+import 'package:ultimate_alarm_clock/app/modules/about/bindings/about_binding.dart';
+import 'package:ultimate_alarm_clock/app/modules/about/views/about_view.dart';
 import 'package:ultimate_alarm_clock/app/modules/splashScreen/bindings/splash_screen_binding.dart';
 import 'package:ultimate_alarm_clock/app/modules/splashScreen/views/splash_screen_view.dart';
 
@@ -63,5 +65,12 @@ class AppPages {
       page: () => AlarmChallengeView(),
       binding: AlarmChallengeBinding(),
     ),
+    //AboutView
+    GetPage(
+      name: _Paths.ABOUT,
+      page: () => AboutView(),
+      binding: AboutBinding(),
+    ),
+
   ];
 }
diff --git a/lib/app/routes/app_routes.dart b/lib/app/routes/app_routes.dart
@@ -10,6 +10,7 @@ abstract class Routes {
   static const ALARM_RING_IGNORE = _Paths.ALARM_RING_IGNORE;
   static const SETTINGS = _Paths.SETTINGS;
   static const ALARM_CHALLENGE = _Paths.ALARM_CHALLENGE;
+  static const ABOUT = _Paths.ABOUT;
 }
 
 abstract class _Paths {
@@ -21,4 +22,5 @@ abstract class _Paths {
   static const ALARM_RING_IGNORE = '/alarm-ring-ignore';
   static const SETTINGS = '/settings';
   static const ALARM_CHALLENGE = '/alarm-challenge';
+  static const ABOUT = '/about';
 }