polaris/ui/lib/activity.dart

import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'package:percent_indicator/circular_percent_indicator.dart';
import 'package:ui/providers/activity.dart';
import 'package:ui/widgets/progress_indicator.dart';

class ActivityPage extends ConsumerWidget {
  static const route = "/activities";

  const ActivityPage({super.key});
  @override
  Widget build(BuildContext context, WidgetRef ref) {
    var activitiesWatcher = ref.watch(activitiesDataProvider);

    return activitiesWatcher.when(
        data: (activities) {
          return SingleChildScrollView(
            child: DataTable(
              columns: const [
                DataColumn(label: Text("#"), numeric: true),
                DataColumn(label: Text("名称")),
                DataColumn(label: Text("开始时间")),
                DataColumn(label: Text("状态")),
                DataColumn(label: Text("操作"))
              ],
              rows: List<DataRow>.generate(activities.length, (i) {
                var activity = activities[activities.length - i - 1];

                return DataRow(cells: [
                  DataCell(Text("${activity.id}")),
                  DataCell(Text("${activity.sourceTitle}")),
                  DataCell(Text("${activity.date!.toLocal()}")),
                  DataCell(() {
                    if (activity.status == "uploading") {
                      return const SizedBox(
                          width: 20,
                          height: 20,
                          child: CircularProgressIndicator());
                    } else if (activity.status == "fail") {
                      return const Icon(
                        Icons.close,
                        color: Colors.red,
                      );
                    } else if (activity.status == "success") {
                      return const Icon(
                        Icons.check,
                        color: Colors.green,
                      );
                    }

                    double p = activity.progress == null
                        ? 0
                        : activity.progress!.toDouble() / 100;
                    return CircularPercentIndicator(
                      radius: 15.0,
                      lineWidth: 5.0,
                      percent: p,
                      center: Text("${p * 100}"),
                      progressColor: Colors.green,
                    );
                  }()),
                  DataCell(IconButton(
                      onPressed: () {
                        ref
                            .read(activitiesDataProvider.notifier)
                            .deleteActivity(activity.id!);
                      },
                      icon: const Icon(Icons.delete)))
                ]);
              }),
            ),
          );
        },
        error: (err, trace) => Text("$err"),
        loading: () => const MyProgressIndicator());
  }
}