polaris/ui/lib/widgets/detail_card.dart

import 'package:flutter/material.dart';
import 'package:flutter_form_builder/flutter_form_builder.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'package:form_builder_validators/form_builder_validators.dart';
import 'package:go_router/go_router.dart';
import 'package:ui/providers/APIs.dart';
import 'package:ui/providers/series_details.dart';
import 'package:ui/welcome_page.dart';

import 'widgets.dart';

class DetailCard extends ConsumerStatefulWidget {
  final SeriesDetails details;

  const DetailCard({super.key, required this.details});

  @override
  ConsumerState<ConsumerStatefulWidget> createState() {
    return _DetailCardState();
  }
}

class _DetailCardState extends ConsumerState<DetailCard> {
  @override
  Widget build(BuildContext context) {
    return Card(
      margin: const EdgeInsets.all(4),
      clipBehavior: Clip.hardEdge,
      child: Container(
        constraints:
            BoxConstraints(maxHeight: MediaQuery.of(context).size.height * 0.4),
        decoration: BoxDecoration(
            image: DecorationImage(
                fit: BoxFit.cover,
                opacity: 0.3,
                colorFilter: ColorFilter.mode(
                    Colors.black.withOpacity(0.3), BlendMode.dstATop),
                image: NetworkImage(
                    "${APIs.imagesUrl}/${widget.details.id}/backdrop.jpg"))),
        child: Padding(
          padding: const EdgeInsets.all(10),
          child: Row(
            children: <Widget>[
              Flexible(
                flex: 2,
                child: Padding(
                  padding: const EdgeInsets.all(10),
                  child: Image.network(
                      "${APIs.imagesUrl}/${widget.details.id}/poster.jpg",
                      fit: BoxFit.contain),
                ),
              ),
              Flexible(
                flex: 4,
                child: Row(
                  children: [
                    Expanded(
                        child: Column(
                      crossAxisAlignment: CrossAxisAlignment.start,
                      children: [
                        const Text(""),
                        Row(
                          children: [
                            Text("${widget.details.resolution}"),
                            const SizedBox(
                              width: 30,
                            ),
                            Text(
                                "${widget.details.storage!.name} (${widget.details.storage!.implementation})"),
                            const SizedBox(
                              width: 30,
                            ),
                            Expanded(
                              child: Text(
                                  "${widget.details.mediaType == "tv" ? widget.details.storage!.tvPath : widget.details.storage!.moviePath}"
                                  "${widget.details.targetDir}"),
                            )
                          ],
                        ),
                        const Divider(thickness: 1, height: 1),
                        Text(
                          "${widget.details.name} ${widget.details.name != widget.details.originalName ? widget.details.originalName : ''} (${widget.details.airDate!.split("-")[0]})",
                          style: const TextStyle(
                              fontSize: 20, fontWeight: FontWeight.bold),
                        ),
                        const Text(""),
                        Expanded(
                            child: Text(
                          overflow: TextOverflow.ellipsis,
                          maxLines: 9,
                          widget.details.overview ?? "",
                        )),
                        Row(
                          children: [
                            editIcon(widget.details),
                            deleteIcon(),
                          ],
                        )
                      ],
                    )),
                  ],
                ),
              ),
            ],
          ),
        ),
      ),
    );
  }

  Widget deleteIcon() {
    return Tooltip(
      message: widget.details.mediaType == "tv" ? "删除剧集" : "删除电影",
      child: IconButton(
          onPressed: () {
            var f = ref
                .read(
                    mediaDetailsProvider(widget.details.id.toString()).notifier)
                .delete()
                .then((v) => context.go(widget.details.mediaType == "tv"
                    ? WelcomePage.routeTv
                    : WelcomePage.routeMoivie));
            showLoadingWithFuture(f);
          },
          icon: const Icon(Icons.delete)),
    );
  }

  Widget editIcon(SeriesDetails details) {
    return IconButton(
        onPressed: () => showEditDialog(details), icon: const Icon(Icons.edit));
  }

  showEditDialog(SeriesDetails details) {
    final _formKey = GlobalKey<FormBuilderState>();
    return showDialog<void>(
      context: context,
      barrierDismissible: true,
      builder: (BuildContext context) {
        return AlertDialog(
          title: Text("编辑 ${details.name}"),
          content: SelectionArea(
            child: SizedBox(
              width: MediaQuery.of(context).size.width * 0.5,
              height: MediaQuery.of(context).size.height * 0.3,
              child: SingleChildScrollView(
                  child: FormBuilder(
                key: _formKey,
                initialValue: {
                  "resolution": details.resolution,
                  "target_dir": details.targetDir,
                  "limiter": details.limiter != null
                      ? RangeValues(details.limiter!.sizeMin.toDouble(),
                          details.limiter!.sizeMax.toDouble())
                      : const RangeValues(0, 0)
                },
                child: Column(
                  children: [
                    FormBuilderDropdown(
                      name: "resolution",
                      decoration: const InputDecoration(labelText: "清晰度"),
                      items: const [
                        DropdownMenuItem(value: "720p", child: Text("720p")),
                        DropdownMenuItem(value: "1080p", child: Text("1080p")),
                        DropdownMenuItem(value: "2160p", child: Text("2160p")),
                      ],
                    ),
                    FormBuilderTextField(
                      name: "target_dir",
                      validator: FormBuilderValidators.required(),
                    ),
                    const MyRangeSlider(name: "limiter"),
                  ],
                ),
              )),
            ),
          ),
          actions: [
            TextButton(
                onPressed: () => Navigator.of(context).pop(),
                child: const Text("取消")),
            TextButton(
                onPressed: () {
                  if (_formKey.currentState!.saveAndValidate()) {
                    final values = _formKey.currentState!.value;
                  var f = ref
                      .read(mediaDetailsProvider(widget.details.id.toString())
                          .notifier)
                      .edit(values["resolution"], values["target_dir"], values["limiter"])
                      .then((v) => Navigator.of(context).pop());
                  showLoadingWithFuture(f);

                  }
                },
                child: const Text("确认"))
          ],
        );
      },
    );
  }
}