Implemented history page night selection for deletion

mobile/lib/src/application/sleep_history/sleep_history_cubit.dart

@@ -9,9 +9,10 @@ import 'sleep_history_state.dart';
 class SleepHistoryCubit extends Cubit<SleepHistoryState> {
   final ISleepHistoryRepository _sleepHistoryRepository;
 
+  List<NightStats> _localHistory;
   StreamSubscription<List<NightStats>> _sleepHistoryStream;
-  // todo: remove this variable, also test that switch works correctly once UI is done
-  bool usingBluetooth = true;
+  List<NightStats> _selectedNights;
+  bool _selectMode = false;
 
   SleepHistoryCubit(this._sleepHistoryRepository)
       : super(SleepHistoryInitial()) {
@@ -24,10 +25,34 @@ class SleepHistoryCubit extends Cubit<SleepHistoryState> {
     _sleepHistoryStream ??= _sleepHistoryRepository
         .watch()
         .asBroadcastStream()
-        .listen((history) => emit(SleepHistoryLoaded(history)));
+        .listen((history) => {
+              _localHistory = history,
+              emit(SleepHistoryLoaded(history, _selectedNights))
+            });
+  }
+
+  void viewNight(NightStats night) {
+    _sleepHistoryRepository.viewNight(night);
+  }
+
+  void toggleSelectMode() {
+    _selectMode = !_selectMode;
+
+    _selectedNights = _selectMode ? [] : null;
+
+    emit(SleepHistoryLoaded(_localHistory, _selectedNights));
   }
 
   void selectNight(NightStats night) {
-    _sleepHistoryRepository.selectNight(night);
+    var idx = _selectedNights.indexOf(night);
+
+    idx == -1 ? _selectedNights.add(night) : _selectedNights.remove(night);
+
+    emit(SleepHistoryLoaded(_localHistory, _selectedNights));
+  }
+
+  void deleteSelected() {
+    _sleepHistoryRepository.deleteNights(_selectedNights);
+    toggleSelectMode();
   }
 }

mobile/lib/src/application/sleep_history/sleep_history_state.dart

@@ -6,6 +6,7 @@ class SleepHistoryInitial extends SleepHistoryState {}
 
 class SleepHistoryLoaded extends SleepHistoryState {
   final List<NightStats> history;
+  final List<NightStats> selectedNights;
 
-  SleepHistoryLoaded(this.history);
+  SleepHistoryLoaded(this.history, this.selectedNights);
 }

mobile/lib/src/domain/sleep_history/i_sleep_history_repository.dart

@@ -3,9 +3,11 @@ import 'night_stats.dart';
 abstract class ISleepHistoryRepository {
   void initializeRepository();
 
-  void selectNight(NightStats stat);
+  void viewNight(NightStats stat);
 
   Stream<NightStats> getSelectedNight();
 
+  void deleteNights(List<NightStats> nights);
+
   Stream<List<NightStats>> watch();
 }

mobile/lib/src/infrastructure/sleep_history/sleep_history_repository.dart

@@ -21,13 +21,22 @@ class SleepHistoryRepository implements ISleepHistoryRepository {
   }
 
   @override
-  void selectNight(NightStats stat) {
+  void viewNight(NightStats stat) {
     nightStreamController.add(stat);
   }
 
   @override
   Stream<NightStats> getSelectedNight() => nightStreamController.stream;
 
+  @override
+  void deleteNights(List<NightStats> nights) {
+    for (var night in nights) {
+      _sleepHistoryPersistency.remove(night);
+    }
+
+    streamController.add(_sleepHistoryPersistency);
+  }
+
   @override
   Stream<List<NightStats>> watch() {
     return streamController.stream;

mobile/lib/src/presentation/pages/night_stats_page/app_bar.dart

@@ -0,0 +1,35 @@
+import 'package:flutter/material.dart';
+import 'package:flutter/widgets.dart';
+
+Widget buildAppBar(var appBloc) {
+  return AppBar(
+    backgroundColor: Colors.transparent,
+    shadowColor: Colors.transparent,
+    centerTitle: true,
+    iconTheme: IconThemeData(color: Colors.black),
+    title: StreamBuilder<Object>(
+        stream: appBloc.titleStream,
+        initialData: 'Night Stat',
+        builder: (context, snapshot) {
+          return Text(
+            snapshot.data,
+            style: TextStyle(
+              fontSize: 20,
+              fontWeight: FontWeight.bold,
+              color: Colors.indigo,
+            ),
+          );
+        }),
+    actions: <Widget>[
+      Padding(
+          padding: EdgeInsets.only(right: 20.0),
+          child: GestureDetector(
+            onTap: () {/* todo: Add export */},
+            child: Icon(
+              Icons.share,
+              size: 26.0,
+            ),
+          )),
+    ],
+  );
+}

mobile/lib/src/presentation/pages/night_stats_page/night_stats_page.dart

@@ -6,6 +6,7 @@ import 'package:polydodo/src/application/night_stats/night_stats_cubit.dart';
 import 'package:polydodo/src/application/night_stats/night_stats_state.dart';
 import 'package:polydodo/src/presentation/navigation/navdrawer_tabs.dart';
 import 'package:polydodo/src/presentation/navigation/navdrawer_widget.dart';
+import 'package:polydodo/src/presentation/pages/night_stats_page/app_bar.dart';
 import 'package:polydodo/src/presentation/pages/night_stats_page/metric_section.dart';
 import 'package:polydodo/src/presentation/pages/night_stats_page/sleep_stages_section.dart';
 
@@ -17,36 +18,7 @@ class NightStatsPage extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     return Scaffold(
-        appBar: AppBar(
-          backgroundColor: Colors.transparent,
-          shadowColor: Colors.transparent,
-          centerTitle: true,
-          iconTheme: IconThemeData(color: Colors.black),
-          title: StreamBuilder<Object>(
-              stream: appBloc.titleStream,
-              initialData: 'Night Stat',
-              builder: (context, snapshot) {
-                return Text(
-                  snapshot.data,
-                  style: TextStyle(
-                    fontSize: 20,
-                    fontWeight: FontWeight.bold,
-                    color: Colors.indigo,
-                  ),
-                );
-              }),
-          actions: <Widget>[
-            Padding(
-                padding: EdgeInsets.only(right: 20.0),
-                child: GestureDetector(
-                  onTap: () {/* todo: Add export */},
-                  child: Icon(
-                    Icons.share,
-                    size: 26.0,
-                  ),
-                )),
-          ],
-        ),
+        appBar: buildAppBar(appBloc),
         drawer: NavDrawer(activeTab: NavdrawerTab.NightStats),
         body: BlocConsumer<NightStatsCubit, NightStatsState>(
           listener: (context, state) {

mobile/lib/src/presentation/pages/sleep_history_page/app_bar.dart

@@ -0,0 +1,42 @@
+import 'package:flutter/material.dart';
+
+Widget buildAppBar(var historyCubit, var appBloc) {
+  return AppBar(
+    backgroundColor: Colors.transparent,
+    shadowColor: Colors.transparent,
+    centerTitle: true,
+    iconTheme: IconThemeData(color: Colors.black),
+    title: Text(
+      'History',
+      style: TextStyle(
+        fontSize: 20,
+        fontWeight: FontWeight.bold,
+        color: Colors.indigo,
+      ),
+    ),
+    actions: <Widget>[
+      Padding(
+          padding: EdgeInsets.only(top: 20.0, right: 20.0),
+          child: GestureDetector(
+            onTap: () => historyCubit.toggleSelectMode(),
+            child: _buildSelectButton(appBloc),
+          )),
+    ],
+  );
+}
+
+Widget _buildSelectButton(var appBloc) {
+  return StreamBuilder<Object>(
+      stream: appBloc.selectStream,
+      initialData: 'Select',
+      builder: (context, snapshot) {
+        return Text(
+          snapshot.data,
+          style: TextStyle(
+            fontSize: 15,
+            fontWeight: FontWeight.bold,
+            color: Colors.black,
+          ),
+        );
+      });
+}

mobile/lib/src/presentation/pages/sleep_history_page/sleep_history_list.dart

@@ -0,0 +1,46 @@
+import 'package:auto_route/auto_route.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter/widgets.dart';
+import 'package:polydodo/src/presentation/navigation/routes/router.gr.dart';
+
+Widget buildHistoryList(var context, var state, var historyCubit) {
+  return ListView.builder(
+      itemCount: state.history.length,
+      itemBuilder: (context, index) {
+        return _buildItemCard(context, state, historyCubit, index);
+      });
+}
+
+Widget _buildItemCard(var context, var state, var historyCubit, var index) {
+  var selectMode = state.selectedNights != null;
+
+  return Card(
+      child: ListTile(
+    onTap: () => {
+      if (selectMode)
+        {
+          historyCubit.selectNight(state.history[index]),
+        }
+      else
+        {
+          historyCubit.viewNight(state.history[index]),
+          ExtendedNavigator.of(context).replace(Routes.nightStatsPage)
+        }
+    },
+    title: Text(state.history[index].id.toString()),
+    trailing: _buildTrailing(state, selectMode, state.history[index]),
+  ));
+}
+
+Widget _buildTrailing(var state, var selectMode, var night) {
+  if (selectMode) {
+    return state.selectedNights.contains(night)
+        ? Icon(
+            Icons.check_circle_outline,
+            color: Colors.blue,
+          )
+        : Icon(Icons.check_circle_outline);
+  } else {
+    return Icon(Icons.navigate_next);
+  }
+}

mobile/lib/src/presentation/pages/sleep_history_page/sleep_history_page.dart

@@ -1,56 +1,68 @@
-import 'package:auto_route/auto_route.dart';
+import 'dart:async';
+
 import 'package:flutter/material.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
 import 'package:polydodo/src/application/sleep_history/sleep_history_cubit.dart';
 import 'package:polydodo/src/application/sleep_history/sleep_history_state.dart';
 import 'package:polydodo/src/presentation/navigation/navdrawer_tabs.dart';
 import 'package:polydodo/src/presentation/navigation/navdrawer_widget.dart';
-import 'package:polydodo/src/presentation/navigation/routes/router.gr.dart';
+import 'package:polydodo/src/presentation/pages/sleep_history_page/app_bar.dart';
+import 'package:polydodo/src/presentation/pages/sleep_history_page/sleep_history_list.dart';
 
 class SleepHistoryPage extends StatelessWidget {
+  final appBloc = AppPropertiesBloc();
+
   @override
   Widget build(BuildContext context) {
+    final historyCubit = BlocProvider.of<SleepHistoryCubit>(context);
+
     return Scaffold(
-      appBar: AppBar(
-        backgroundColor: Colors.transparent,
-        shadowColor: Colors.transparent,
-        centerTitle: true,
-        iconTheme: IconThemeData(color: Colors.black),
-        title: Text(
-          'History',
-          style: TextStyle(
-            fontSize: 20,
-            fontWeight: FontWeight.bold,
-            color: Colors.indigo,
-          ),
-        ),
-      ),
-      drawer: NavDrawer(activeTab: NavdrawerTab.History),
-      body: BlocConsumer<SleepHistoryCubit, SleepHistoryState>(
-        listener: (context, state) {
+        appBar: buildAppBar(historyCubit, appBloc),
+        drawer: NavDrawer(activeTab: NavdrawerTab.History),
+        body: BlocConsumer<SleepHistoryCubit, SleepHistoryState>(
+            listener: (context, state) {
           print(state.runtimeType);
-        },
-        builder: (context, state) {
+        }, builder: (context, state) {
           if (state is SleepHistoryLoaded) {
-            return ListView.builder(
-                itemCount: state.history.length,
-                itemBuilder: (context, index) {
-                  return Card(
-                      child: ListTile(
-                    onTap: () => {
-                      BlocProvider.of<SleepHistoryCubit>(context)
-                          .selectNight(state.history[index]),
-                      ExtendedNavigator.of(context)
-                          .replace(Routes.nightStatsPage)
-                    },
-                    title: Text(state.history[index].id.toString()),
-                  ));
-                });
+            appBloc.updateSelectText(state.selectedNights != null);
+
+            return buildHistoryList(context, state, historyCubit);
           } else {
             return Container();
           }
-        },
-      ),
-    );
+        }),
+        floatingActionButton: _buildFloatingActionButton(historyCubit));
   }
 }
+
+class AppPropertiesBloc {
+  final StreamController<String> _select = StreamController<String>();
+
+  Stream<String> get selectStream => _select.stream;
+
+  void updateSelectText(bool selectMode) {
+    _select.sink.add(selectMode ? 'Done' : 'Select');
+  }
+
+  void dispose() {
+    _select.close();
+  }
+}
+
+Widget _buildFloatingActionButton(var historyCubit) {
+  return BlocConsumer<SleepHistoryCubit, SleepHistoryState>(
+      listener: (context, state) => {},
+      builder: (context, state) {
+        if (state is SleepHistoryLoaded) {
+          return Visibility(
+              visible: (state.selectedNights?.isNotEmpty ?? false),
+              child: FloatingActionButton(
+                onPressed: () => historyCubit.deleteSelected(),
+                child: Icon(Icons.delete),
+                backgroundColor: Colors.red,
+              ));
+        } else {
+          return Container();
+        }
+      });
+}