feat: activity page

ui/lib/activity.dart

@@ -1,11 +1,51 @@
+import 'dart:js_interop_unsafe';
+
 import 'package:flutter/material.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart';
+import 'package:ui/providers/activity.dart';
 
 class ActivityPage extends ConsumerWidget {
+  static const route = "/activities";
   @override
   Widget build(BuildContext context, WidgetRef ref) {
-    // TODO: implement build
-    throw UnimplementedError();
+    var activitiesWatcher = ref.watch(activitiesDataProvider);
+
+    return activitiesWatcher.when(
+        data: (activities) {
+          return SingleChildScrollView(
+            child: DataTable(
+              columns: const [
+                DataColumn(label: Text("id"), numeric: true),
+                DataColumn(label: Text("名称")),
+                // DataColumn(label: Text("目标路径")),
+                DataColumn(label: Text("是否完成")),
+                DataColumn(label: Text("后台操作")),
+                DataColumn(label: Text("操作"))
+              ],
+              rows: List<DataRow>.generate(activities.length, (i) {
+                var activity = activities[i];
+
+                return DataRow(cells: [
+                  DataCell(Text("${activity.id}")),
+                  DataCell(Text("${activity.sourceTitle}")),
+                  //DataCell(Text("${activity.targetDir}")),
+                  DataCell(Text("${activity.completed}")),
+                  DataCell(Text("${activity.inBackgroud}")),
+                  DataCell(IconButton(
+                      onPressed: () {
+                        ref
+                            .read(activitiesDataProvider.notifier)
+                            .deleteActivity(activity.id!);
+                      },
+                      icon: const Icon(Icons.delete)))
+                ]);
+              }),
+            ),
+          );
+        },
+        error: (err, trace) => Text("$err"),
+        loading: () => const Center(
+            child: SizedBox(
+                width: 30, height: 30, child: CircularProgressIndicator())));
   }
-  
-}
+}