Merge pull request #438 from JisanAR03/sizzle_2

the start and stop api implemented in sizzle

lib/src/pages/sizzle/sizzle_home.dart

@@ -2,72 +2,282 @@ import 'package:blt/src/pages/pages_import.dart';
 import 'package:http/http.dart' as http;
 import 'dart:convert';
 import 'package:blt/src/pages/sizzle/sizzle_state_provider.dart';
+import 'package:blt/src/pages/sizzle/sizzle_timer.dart';
 
-class SizzleHome extends ConsumerWidget {
+class SizzleHome extends ConsumerStatefulWidget {
   const SizzleHome({Key? key}) : super(key: key);
 
   @override
-  Widget build(BuildContext context, WidgetRef ref) {
+  _SizzleHomeState createState() => _SizzleHomeState();
+}
+
+class _SizzleHomeState extends ConsumerState<SizzleHome>
+    with WidgetsBindingObserver {
+  String? selectedIssueUrl; // Added to track selected issue's URL
+  bool isTimerRunning = false; // Added to track the timer state
+  int? timeLogId; // Added to store the ID returned when the timer starts
+  String? selectedIssueId; // Added to track selected issue's ID
+  String apiBaseUrl = GeneralEndPoints
+      .apiBaseUrl; // Updated to use the correct apiBaseUrl variable
+
+  @override
+  void initState() {
+    super.initState();
+    WidgetsBinding.instance.addObserver(this);
+  }
+
+  @override
+  void dispose() async {
+    print('Dispose called: isTimerRunning = $isTimerRunning');
+    WidgetsBinding.instance.removeObserver(this);
+    if (isTimerRunning) {
+      await _stopTimer(); // Await the stopTimer to ensure the request completes before disposing
+    }
+    super.dispose();
+  }
+
+  @override
+  void didChangeAppLifecycleState(AppLifecycleState state) async {
+    print('AppLifecycleState changed: $state');
+
+    if (state == AppLifecycleState.detached) {
+      // App is detached (e.g., removed from recent apps)
+      if (isTimerRunning) {
+        await _stopTimer(); // Await the stopTimer to ensure the request completes
+      }
+    }
+  }
+
+  @override
+  Widget build(BuildContext context) {
     final username = ref.watch(usernameProvider);
     final ThemeData theme = Theme.of(context);
     bool isDarkMode = theme.brightness == Brightness.dark;
 
-    return Scaffold(
-      appBar: AppBar(
-        title: Text('Welcome $username'),
-      ),
-      body: FutureBuilder(
-        future: _fetchIssues(username!),
-        builder: (context, AsyncSnapshot<List<dynamic>> snapshot) {
-          if (snapshot.connectionState == ConnectionState.waiting) {
-            return Center(
-                child:
-                    CircularProgressIndicator()); // Centered loading indicator
-          } else if (snapshot.hasError) {
-            return Center(
-                child:
-                    Text('Error: ${snapshot.error}')); // Centered error message
-          } else if (snapshot.data == null || snapshot.data!.isEmpty) {
-            return Center(
-                child: Text(
-                    'Please assign an issue for you.')); // Message for no data
-          } else {
-            return ListView.builder(
-              itemCount: snapshot.data!.length,
-              itemBuilder: (context, index) {
-                var issue = snapshot.data![index];
-                return Card(
-                  color: isDarkMode
-                      ? Color.fromRGBO(126, 33, 58, 1)
-                      : Color(0xFFDC4654),
-                  child: ListTile(
-                    title: Text(issue['title'],
-                        style: TextStyle(color: Colors.white)),
-                    subtitle: Text(
-                        'Repo: ${issue['repository_url'].split('/').last}\n'
-                        'ID: ${issue['number']}\n'
-                        'Created: ${issue['created_at']}',
-                        style: TextStyle(color: Colors.white70)),
-                    onTap: () {
-                      // Placeholder for selecting an issue
+    Future<bool> launchConfirmationDialog(BuildContext context) async {
+      return await showDialog<bool>(
+            context: context,
+            builder: (BuildContext context) {
+              return AlertDialog(
+                title: const Text('Warning'),
+                content: const Text(
+                    'This process will stop your tracking. Do you want to continue?'),
+                actions: <Widget>[
+                  TextButton(
+                    onPressed: () {
+                      Navigator.pop(
+                          context, false); // Close the dialog and return false
                     },
+                    child: const Text('Cancel'),
                   ),
-                );
-              },
-            );
-          }
-        },
-      ),
-      floatingActionButton: FloatingActionButton(
-        onPressed: () {
-          // Function to start work on selected issues
-        },
-        child: Icon(Icons.play_arrow),
-        backgroundColor: isDarkMode ? Colors.black : Colors.white,
+                  TextButton(
+                    onPressed: () {
+                      Navigator.pop(
+                          context, true); // Close the dialog and return true
+                    },
+                    child: const Text('Yes'),
+                  ),
+                ],
+              );
+            },
+          ) ??
+          false; // Return false if the dialog is dismissed without a selection
+    }
+
+    return PopScope(
+      canPop: false,
+      onPopInvokedWithResult: (bool didPop, Object? result) async {
+        if (isTimerRunning) {
+          WidgetsBinding.instance.addPostFrameCallback((_) async {
+            bool isPop = await launchConfirmationDialog(context);
+            if (isPop) {
+              await _stopTimer();
+            }
+          });
+        }
+        if (!didPop && !isTimerRunning) {
+          Navigator.of(context).pop();
+        }
+      },
+      child: Scaffold(
+        appBar: AppBar(
+          title: isTimerRunning
+              ? Row(
+                  mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                  children: [
+                    Text(
+                        '#$selectedIssueId'), // Show issue ID when timer is running
+                    TimerWidget(), // Display the timer in the AppBar
+                  ],
+                )
+              : Text('Welcome $username'),
+        ),
+        body: isTimerRunning
+            ? Center(
+                child: Container(
+                  color: theme
+                      .scaffoldBackgroundColor, // Set the background color to match the theme
+                  alignment: Alignment.center,
+                  child: Text(
+                    'Sizzle is running. Click on stop to continue.',
+                    style: TextStyle(
+                      fontSize: 20, // Increase the font size
+                      fontWeight: FontWeight.bold, // Make the text bold
+                      color: isDarkMode
+                          ? Colors.white
+                          : Colors.black, // Adjust text color based on theme
+                    ),
+                    textAlign: TextAlign.center, // Center the text
+                  ),
+                ),
+              )
+            : FutureBuilder(
+                future: _fetchIssues(
+                    username!), // Updated to call the newly added _fetchIssues method
+                builder: (context, AsyncSnapshot<List<dynamic>> snapshot) {
+                  if (snapshot.connectionState == ConnectionState.waiting) {
+                    return Center(
+                        child:
+                            CircularProgressIndicator()); // Minor adjustment to the loading indicator placement
+                  } else if (snapshot.hasError) {
+                    return Center(
+                        child: Text(
+                            'Error: ${snapshot.error}')); // Minor adjustment to error message display
+                  } else if (snapshot.data == null || snapshot.data!.isEmpty) {
+                    return Center(
+                        child: Text(
+                            'Please assign an issue for you.')); // Slightly modified the no-data message
+                  } else {
+                    return ListView.builder(
+                      itemCount: snapshot.data!.length,
+                      itemBuilder: (context, index) {
+                        var issue = snapshot.data![index];
+                        bool isSelected = issue['html_url'] ==
+                            selectedIssueUrl; // Added check to see if the issue is selected
+
+                        return Card(
+                          color: isSelected
+                              ? isDarkMode
+                                  ? Color.fromRGBO(100, 20, 40,
+                                      1) // Dark mode selected background
+                                  : Color
+                                      .fromRGBO(180, 70, 70,
+                                          1) // Light mode selected background
+                              : isDarkMode
+                                  ? Color.fromRGBO(126, 33, 58,
+                                      1) // Original dark mode background color
+                                  : Color(
+                                      0xFFDC4654), // Original light mode background color
+                          child: ListTile(
+                            title: Text(issue['title'],
+                                style: TextStyle(color: Colors.white)),
+                            subtitle: Text(
+                                'Repo: ${issue['repository_url'].split('/').last}\n'
+                                'ID: ${issue['number']}\n'
+                                'Created: ${issue['created_at']}',
+                                style: TextStyle(color: Colors.white70)),
+                            onTap: () {
+                              setState(() {
+                                selectedIssueUrl = isSelected
+                                    ? null
+                                    : issue[
+                                        'html_url']; // Added logic to select/deselect issue
+                                selectedIssueId = isSelected
+                                    ? null
+                                    : issue['number']
+                                        .toString(); // Track the selected issue's ID
+                              });
+                            },
+                          ),
+                        );
+                      },
+                    );
+                  }
+                },
+              ),
+        floatingActionButton: FloatingActionButton(
+          onPressed: isTimerRunning
+              ? _stopTimer
+              : _startTimer, // Added logic to start/stop the timer
+          child: Icon(isTimerRunning
+              ? Icons.stop
+              : Icons.play_arrow), // Updated icon based on timer state
+          backgroundColor: isDarkMode ? Colors.black : Colors.white,
+        ),
       ),
     );
   }
 
+  Future<void> _startTimer() async {
+    // Added method to start the timer
+    if (selectedIssueUrl == null) return;
+
+    final response = await http.post(
+      Uri.parse('$apiBaseUrl' +
+          'timelogs/start/'), // Updated to use the correct $apiBaseUrl variable
+      body: json.encode({
+        "github_issue_url": selectedIssueUrl,
+      }),
+      headers: {
+        'Content-Type': 'application/json',
+        'Authorization':
+            'Token ${currentUser?.token}', // Added Authorization header with auth token
+      },
+    );
+
+    if (response.statusCode == 201) {
+      final data = json.decode(response.body);
+      if (mounted) {
+        setState(() {
+          timeLogId = data['id']; // Store the returned time log ID
+          isTimerRunning =
+              true; // Update the state to indicate the timer is running
+        });
+      }
+    } else {
+      // Added error handling for failed timer start
+      if (mounted) {
+        ScaffoldMessenger.of(context).showSnackBar(
+          SnackBar(content: Text('Failed to start timer')),
+        );
+      }
+    }
+  }
+
+  Future<void> _stopTimer() async {
+    print(timeLogId);
+    // Added method to stop the timer
+    if (timeLogId == null) return;
+
+    final response = await http.post(
+      Uri.parse('$apiBaseUrl' +
+          'timelogs/$timeLogId/stop/'), // Updated to use the correct $apiBaseUrl variable
+      headers: {
+        'Content-Type': 'application/json',
+        'Authorization':
+            'Token ${currentUser?.token}', // Added Authorization header with auth token
+      },
+    );
+
+    if (response.statusCode == 200) {
+      if (mounted) {
+        setState(() {
+          isTimerRunning =
+              false; // Update the state to indicate the timer has stopped
+          timeLogId = null; // Clear the time log ID
+          selectedIssueId = null; // Clear the selected issue ID
+        });
+      }
+    } else {
+      // Added error handling for failed timer stop
+      if (mounted) {
+        ScaffoldMessenger.of(context).showSnackBar(
+          SnackBar(content: Text('Failed to stop timer')),
+        );
+      }
+    }
+  }
+
   Future<List<dynamic>> _fetchIssues(String username) async {
     final response = await http.get(
       Uri.parse(

lib/src/pages/sizzle/sizzle_timer.dart

@@ -0,0 +1,52 @@
+import 'dart:async';
+import 'package:flutter/material.dart';
+
+class TimerWidget extends StatefulWidget {
+  const TimerWidget({Key? key}) : super(key: key);
+
+  @override
+  _TimerWidgetState createState() => _TimerWidgetState();
+}
+
+class _TimerWidgetState extends State<TimerWidget> {
+  late Timer _timer;
+  Duration _elapsedTime = Duration.zero;
+
+  @override
+  void initState() {
+    super.initState();
+    _startTimer();
+  }
+
+  void _startTimer() {
+    _timer = Timer.periodic(Duration(seconds: 1), (timer) {
+      setState(() {
+        _elapsedTime += Duration(seconds: 1);
+      });
+    });
+  }
+
+  @override
+  void dispose() {
+    _timer.cancel();
+    super.dispose();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    final ThemeData theme = Theme.of(context);
+    bool isDarkMode = theme.brightness == Brightness.dark;
+    return Text(
+      _formatDuration(_elapsedTime),
+      style: TextStyle(
+          color: isDarkMode ? Colors.white : Colors.black, fontSize: 16),
+    );
+  }
+
+  String _formatDuration(Duration duration) {
+    String twoDigits(int n) => n.toString().padLeft(2, '0');
+    String twoDigitMinutes = twoDigits(duration.inMinutes.remainder(60));
+    String twoDigitSeconds = twoDigits(duration.inSeconds.remainder(60));
+    return '${twoDigits(duration.inHours)}:$twoDigitMinutes:$twoDigitSeconds';
+  }
+}