polaris/ui/lib/tv_details.dart

import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'package:go_router/go_router.dart';
import 'package:ui/providers/APIs.dart';
import 'package:ui/providers/series_details.dart';
import 'package:ui/providers/settings.dart';
import 'package:ui/utils.dart';
import 'package:ui/tv_watchlist.dart';
import 'package:ui/widgets/progress_indicator.dart';

class TvDetailsPage extends ConsumerStatefulWidget {
  static const route = "/series/:id";

  static String toRoute(int id) {
    return "/series/$id";
  }

  final String seriesId;

  const TvDetailsPage({super.key, required this.seriesId});

  @override
  ConsumerState<ConsumerStatefulWidget> createState() {
    return _TvDetailsPageState(seriesId: seriesId);
  }
}

class _TvDetailsPageState extends ConsumerState<TvDetailsPage> {
  final String seriesId;

  _TvDetailsPageState({required this.seriesId});
  Future<String>? _pendingFuture;

  @override
  void initState() {
    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    var seriesDetails = ref.watch(mediaDetailsProvider(seriesId));
    var storage = ref.watch(storageSettingProvider);
    return FutureBuilder(
        // We listen to the pending operation, to update the UI accordingly.
        future: _pendingFuture,
        builder: (context, snapshot) {
          return seriesDetails.when(
              data: (details) {
                Map<int, List<DataRow>> m = Map();
                for (final ep in details.episodes!) {
                  var row = DataRow(cells: [
                    DataCell(Text("${ep.episodeNumber}")),
                    DataCell(Text("${ep.title}")),
                    DataCell(Opacity(
                      opacity: 0.5,
                      child: Text("${ep.airDate}"),
                    )),
                    DataCell(
                      Opacity(
                          opacity: 0.7,
                          child: ep.status == "downloading"
                              ? const Icon(Icons.downloading)
                              : (ep.status == "downloaded"
                                  ? const Icon(Icons.download_done)
                                  : const Icon(Icons.cloud_off))),
                    ),
                    DataCell(Row(
                      children: [
                        IconButton.filledTonal(
                            onPressed: () async {
                              var f = ref
                                  .read(
                                      mediaDetailsProvider(seriesId).notifier)
                                  .searchAndDownload(seriesId, ep.seasonNumber!,
                                      ep.episodeNumber!);
                              setState(() {
                                _pendingFuture = f;
                              });
                              if (!Utils.showError(context, snapshot)) {
                                var name = await f;
                                if (context.mounted) {
                                  Utils.showSnakeBar(context, "开始下载: $name");
                                }
                              }
                            },
                            icon: const Icon(Icons.search)),
                            const SizedBox(width: 10,),
                        IconButton.filledTonal(
                            onPressed: () {},
                            icon: const Icon(Icons.manage_search))
                      ],
                    ))
                  ]);

                  if (m[ep.seasonNumber] == null) {
                    m[ep.seasonNumber!] = List.empty(growable: true);
                  }
                  m[ep.seasonNumber!]!.add(row);
                }
                List<ExpansionTile> list = List.empty(growable: true);
                for (final k in m.keys.toList().reversed) {
                  var seasonList = ExpansionTile(
                    tilePadding: const EdgeInsets.fromLTRB(10, 0, 10, 0),
                    //childrenPadding: const EdgeInsets.fromLTRB(50, 0, 50, 0),
                    initiallyExpanded: false,
                    title: k == 0 ? const Text("特集") : Text("第 $k 季"),
                    expandedCrossAxisAlignment: CrossAxisAlignment.stretch,
                    children: [
                      DataTable(columns: const [
                        DataColumn(label: Text("#")),
                        DataColumn(
                          label: Text("标题"),
                        ),
                        DataColumn(label: Text("播出时间")),
                        DataColumn(label: Text("状态")),
                        DataColumn(label: Text("操作"))
                      ], rows: m[k]!),
                    ],
                  );
                  list.add(seasonList);
                }
                return ListView(
                  children: [
                    Card(
                      margin: const EdgeInsets.all(4),
                      clipBehavior: Clip.hardEdge,
                      child: Padding(
                        padding: const EdgeInsets.all(10),
                        child: Row(
                          children: <Widget>[
                            Flexible(
                              flex: 1,
                              child: Padding(
                                padding: EdgeInsets.all(10),
                                child: Image.network(
                                  "${APIs.imagesUrl}/${details.id}/poster.jpg",
                                  fit: BoxFit.contain,
                                  headers: APIs.authHeaders,
                                ),
                              ),
                            ),
                            Expanded(
                              flex: 6,
                              child: Row(
                                children: [
                                  Expanded(
                                      child: Column(
                                    crossAxisAlignment:
                                        CrossAxisAlignment.start,
                                    children: [
                                      Row(
                                        children: [
                                          Text("${details.resolution}"),
                                          const SizedBox(
                                            width: 30,
                                          ),
                                          storage.when(
                                              data: (value) {
                                                for (final s in value) {
                                                  if (s.id ==
                                                      details.storageId) {
                                                    return Text(
                                                        "${s.name}(${s.implementation})");
                                                  }
                                                }
                                                return const Text("未知存储");
                                              },
                                              error: (error, stackTrace) =>
                                                  Text("$error"),
                                              loading: () =>
                                                  const MyProgressIndicator()),
                                        ],
                                      ),
                                      const Divider(thickness: 1, height: 1),
                                      Text(
                                        "${details.name} (${details.airDate!.split("-")[0]})",
                                        style: const TextStyle(
                                            fontSize: 20,
                                            fontWeight: FontWeight.bold),
                                      ),
                                      const Text(""),
                                      Text(
                                        details!.overview!,
                                      ),
                                    ],
                                  )),
                                  Column(
                                    children: [
                                      IconButton(
                                          onPressed: () {
                                            ref
                                                .read(mediaDetailsProvider(
                                                        seriesId)
                                                    .notifier)
                                                .delete();
                                            context.go(TvWatchlistPage.route);
                                          },
                                          icon: const Icon(Icons.delete))
                                    ],
                                  )
                                ],
                              ),
                            ),
                          ],
                        ),
                      ),
                    ),
                    Column(
                      children: list,
                    ),
                  ],
                );
              },
              error: (err, trace) {
                return Text("$err");
              },
              loading: () => const MyProgressIndicator());
        });
  }
}