Initial cleanup push.

Based on agldemo2024 on commit 2a5dc04d801134338150c3f6afc67eaa65599763

Disable device preview.

Disable Lottie animation.

The original commit was b3c493c340fcb4bb0a937692838fc830bec3e9ea
but I am just keeping this change, because the json did not really
needed to change. I think.

Signed-off-by: Lisandro Pérez Meyer <lpmeyer@ics.com>

1 files changed, 145 insertions, 0 deletions

diff --git a/lib/presentation/screens/clock/clock.dart b/lib/presentation/screens/clock/clock.dart
new file mode 100644
index 0000000..f0858e7
--- /dev/null
+++ b/lib/presentation/screens/clock/clock.dart
@@ -0,0 +1,145 @@
+import 'dart:async';
+
+import 'package:flutter_ics_homescreen/export.dart';
+
+class ClockPage extends ConsumerWidget {
+  const ClockPage({super.key});
+
+  static Page<void> page() => const MaterialPage<void>(child: ClockPage());
+
+  @override
+  Widget build(BuildContext context, WidgetRef ref) {
+    double clockSize = MediaQuery.sizeOf(context).width * 0.51;
+
+    return Column(
+      crossAxisAlignment: CrossAxisAlignment.stretch,
+      children: [
+        CommonTitle(
+          title: "Clock",
+          hasBackButton: true,
+          onPressed: () {
+            context.flow<AppState>().update((state) => AppState.apps);
+          },
+        ),
+        const SizedBox(
+          height: 25,
+        ),
+        Expanded(
+          child: Padding(
+            padding: const EdgeInsets.symmetric(horizontal: 10),
+            child: SingleChildScrollView(
+              child: Column(
+                children: [
+                  const Row(
+                    mainAxisAlignment: MainAxisAlignment.center,
+                    children: [
+                      Icon(
+                        Icons.location_on_outlined,
+                        color: Colors.white,
+                        size: 48,
+                      ),
+                      SizedBox(
+                        width: 7,
+                      ),
+                      Text(
+                        "Fortaleza",
+                        style: TextStyle(
+                            color: Colors.white,
+                            fontSize: 40,
+                            fontWeight: FontWeight.w500),
+                      ),
+                    ],
+                  ),
+                  const SizedBox(
+                    height: 80,
+                  ),
+                  const SizedBox(
+                    height: 140,
+                  ),
+                  Container(
+                    width: clockSize,
+                    height: clockSize,
+                    decoration: const BoxDecoration(
+                      image: DecorationImage(
+                        image: AssetImage(
+                          "assets/clockBackground.png",
+                        ),
+                      ),
+                    ),
+                    child: const AnalogClock(
+                      dialColor: null,
+                      markingColor: null,
+                      hourNumberColor: null,
+                      secondHandColor: AGLDemoColors.jordyBlueColor,
+                      hourHandColor: AGLDemoColors.jordyBlueColor,
+                      minuteHandColor: AGLDemoColors.jordyBlueColor,
+                      centerPointColor: null,
+                      hourHandLengthFactor: 0.6,
+                      secondHandLengthFactor: 0.6,
+                      secondHandWidthFactor: 1.5,
+                      minuteHandLengthFactor: 0.7,
+                      minuteHandWidthFactor: 2.5,
+                      hourHandWidthFactor: 1.2,
+                    ),
+                  ),
+                  const SizedBox(
+                    height: 120,
+                  ),
+                  const RealTimeClock(),
+                ],
+              ),
+            ),
+          ),
+        )
+      ],
+    );
+  }
+}
+
+class RealTimeClock extends StatefulWidget {
+  const RealTimeClock({super.key});
+
+  @override
+  State<RealTimeClock> createState() => _RealTimeClockState();
+}
+
+class _RealTimeClockState extends State<RealTimeClock> {
+  late String _timeString;
+  late Timer _timer;
+
+  @override
+  void initState() {
+    _timeString = _formatDateTime(DateTime.now());
+    _timer =
+        Timer.periodic(const Duration(seconds: 1), (Timer t) => _getTime());
+    super.initState();
+  }
+
+  @override
+  void dispose() {
+    _timer.cancel();
+    super.dispose();
+  }
+
+  void _getTime() {
+    final DateTime now = DateTime.now();
+    final String formattedDateTime = _formatDateTime(now);
+    if (mounted) {
+      setState(() {
+        _timeString = formattedDateTime;
+      });
+    }
+  }
+
+  String _formatDateTime(DateTime dateTime) {
+    return "${dateTime.hour}:${dateTime.minute.toString().padLeft(2, '0')}";
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Text(
+      _timeString,
+      style: GoogleFonts.brunoAce(color: Colors.white, fontSize: 128),
+    );
+  }
+}