Rewrite BadgeMotiveList widget

5 files changed, 138 insertions, 24 deletions

diff --git a/lib/model/motive_selection/badge_motive_selection.dart b/lib/model/motive_selection/badge_motive_selection.dart
new file mode 100644
index 0000000..b6f2b9a
--- /dev/null
+++ b/lib/model/motive_selection/badge_motive_selection.dart
@@ -0,0 +1,22 @@
+// Copyright (C) 2025, uvok cheetah
+//
+// This program is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// This program is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+//
+// You should have received a copy of the GNU General Public License
+// along with this program.  If not, see <https://www.gnu.org/licenses/>.
+
+import 'package:uvok_epaper_badge/model/badge_motive.dart';
+
+abstract interface class BadgeMotiveSelection {
+  Future<BadgeMotive> getCurrentMotive();
+  Future<void> setCurrentMotive(BadgeMotive motive);
+  Future<List<BadgeMotive>> getMotives();
+}
diff --git a/lib/widgets/badge_template_list.dart b/lib/model/motive_selection/mock_badge_motive_selection.dart
index 84cec76..6a4cff0 100644
--- a/lib/widgets/badge_template_list.dart
+++ b/lib/model/motive_selection/mock_badge_motive_selection.dart
@@ -13,37 +13,33 @@
 // You should have received a copy of the GNU General Public License
 // along with this program.  If not, see <https://www.gnu.org/licenses/>.
 
-import 'package:flutter/material.dart';
 import 'package:uvok_epaper_badge/model/badge_motive.dart';
-import 'package:uvok_epaper_badge/widgets/notifying_list_widget.dart';
+import 'package:uvok_epaper_badge/model/motive_selection/badge_motive_selection.dart';
 
-class BadgeMotiveList extends NotifyingListWidget<BadgeMotive> {
-  BadgeMotiveList({super.key, required super.items});
-
-  final List<BadgeMotive> templates = [
+class MockBadgeMotiveSelection implements BadgeMotiveSelection {
+  static const List<BadgeMotive> templates = [
     BadgeMotive(0, "Foo"),
     BadgeMotive(1, "Bar"),
     BadgeMotive(2, "Baz"),
   ];
 
+  BadgeMotive _currentMotive = templates[0];
+
   @override
-  State<StatefulWidget> createState() => _BadgeMotiveListState();
-}
+  Future<BadgeMotive> getCurrentMotive() async {
+    templates.add(BadgeMotive(templates.length, "foo"));
+    return _currentMotive;
+  }
+
+  @override
+  Future<List<BadgeMotive>> getMotives() {
+    return Future.delayed(Duration(milliseconds: 100), () => templates);
+  }
 
-class _BadgeMotiveListState extends State<BadgeMotiveList> {
   @override
-  Widget build(BuildContext context) {
-    return Expanded(
-      child: ListView.separated(
-        itemBuilder: (context, index) {
-          var item = widget.templates[index];
-          return ListTile(title: Text(item.toString()));
-        },
-        separatorBuilder: (context, index) {
-          return Divider();
-        },
-        itemCount: widget.templates.length,
-      ),
-    );
+  Future<void> setCurrentMotive(BadgeMotive motive) async {
+    return await Future.delayed(Duration(milliseconds: 100), () {
+      _currentMotive = motive;
+    });
   }
 }
diff --git a/lib/view_model/badge_motive_view_model.dart b/lib/view_model/badge_motive_view_model.dart
new file mode 100644
index 0000000..bf2a910
--- /dev/null
+++ b/lib/view_model/badge_motive_view_model.dart
@@ -0,0 +1,31 @@
+// Copyright (C) 2025, uvok cheetah
+//
+// This program is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// This program is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+//
+// You should have received a copy of the GNU General Public License
+// along with this program.  If not, see <https://www.gnu.org/licenses/>.
+
+import 'package:flutter/foundation.dart';
+import 'package:uvok_epaper_badge/model/badge_motive.dart';
+import 'package:uvok_epaper_badge/model/motive_selection/badge_motive_selection.dart';
+import 'package:uvok_epaper_badge/model/motive_selection/mock_badge_motive_selection.dart';
+
+class BadgeMotiveViewModel extends ChangeNotifier {
+  final BadgeMotiveSelection _motivSelect = MockBadgeMotiveSelection();
+  List<BadgeMotive> _motives = [];
+
+  List<BadgeMotive> get motives => _motives;
+
+  Future<void> updateMotives() async {
+    _motives = await _motivSelect.getMotives();
+    notifyListeners();
+  }
+}
diff --git a/lib/widgets/badge_motive_list.dart b/lib/widgets/badge_motive_list.dart
new file mode 100644
index 0000000..93e79f8
--- /dev/null
+++ b/lib/widgets/badge_motive_list.dart
@@ -0,0 +1,64 @@
+// Copyright (C) 2025, uvok cheetah
+//
+// This program is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// This program is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+//
+// You should have received a copy of the GNU General Public License
+// along with this program.  If not, see <https://www.gnu.org/licenses/>.
+
+import 'package:flutter/material.dart';
+import 'package:uvok_epaper_badge/model/badge_motive.dart';
+import 'package:uvok_epaper_badge/view_model/badge_motive_view_model.dart';
+import 'package:uvok_epaper_badge/widgets/notifying_list_widget.dart';
+
+class BadgeMotiveList extends NotifyingListWidget<BadgeMotive> {
+  final BadgeMotiveViewModel _motiveVM;
+
+  const BadgeMotiveList({super.key, required BadgeMotiveViewModel motiveVM})
+    : _motiveVM = motiveVM,
+      super(items: const []);
+
+  @override
+  State<StatefulWidget> createState() => _BadgeMotiveListState();
+}
+
+class _BadgeMotiveListState extends State<BadgeMotiveList> {
+  @override
+  Widget build(BuildContext context) {
+    return Flexible(
+      fit: FlexFit.loose,
+      child: Column(
+        children: [
+          ElevatedButton(
+            child: Text("Refresh"),
+            onPressed: () async => await widget._motiveVM.updateMotives(),
+          ),
+          Expanded(
+            child: ListenableBuilder(
+              listenable: widget._motiveVM,
+              builder: (context, child) {
+                return ListView.separated(
+                  itemBuilder: (context, index) {
+                    var item = widget._motiveVM.motives[index];
+                    return ListTile(title: Text(item.toString()));
+                  },
+                  separatorBuilder: (context, index) {
+                    return Divider();
+                  },
+                  itemCount: widget._motiveVM.motives.length,
+                );
+              },
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+}
diff --git a/lib/widgets/device_details.dart b/lib/widgets/device_details.dart
index 1b6ecf0..f612d96 100644
--- a/lib/widgets/device_details.dart
+++ b/lib/widgets/device_details.dart
@@ -19,7 +19,8 @@ import 'package:uvok_epaper_badge/model/device/device.dart';
 import 'package:flutter/material.dart';
 import 'package:logger/logger.dart';
 import 'package:uvok_epaper_badge/model/connection/device_connection.dart';
-import 'package:uvok_epaper_badge/widgets/badge_template_list.dart';
+import 'package:uvok_epaper_badge/view_model/badge_motive_view_model.dart';
+import 'package:uvok_epaper_badge/widgets/badge_motive_list.dart';
 
 var logger = Logger();
 
@@ -71,7 +72,7 @@ class DeviceDetailsState extends State<DeviceDetailsScreen> {
               children: [
                 SizedBox(height: 20),
                 Text("Connection state: ${value.toString()}"),
-                BadgeMotiveList(items: []),
+                BadgeMotiveList(motiveVM: BadgeMotiveViewModel()),
               ],
             );
           },