polaris/ui/lib/settings/importlist.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:ui/providers/settings.dart';
import 'package:ui/settings/dialog.dart';
import 'package:ui/widgets/progress_indicator.dart';
import 'package:ui/widgets/widgets.dart';
import 'package:url_launcher/url_launcher.dart';

class Importlist extends ConsumerStatefulWidget {
  const Importlist({super.key});

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

class _ImportlistState extends ConsumerState<Importlist> {
  @override
  Widget build(BuildContext context) {
    var importlists = ref.watch(importlistProvider);

    return importlists.when(
        data: (value) => Wrap(
              children: List.generate(value.length + 1, (i) {
                if (i < value.length) {
                  var indexer = value[i];
                  return SettingsCard(
                      onTap: () => showImportlistDetails(indexer),
                      child: Text(indexer.name ?? ""));
                }
                return SettingsCard(
                    onTap: () => showSelections(),
                    child: const Icon(Icons.add));
              }),
            ),
        error: (err, trace) => PoNetworkError(err: err),
        loading: () => const MyProgressIndicator());
  }

  Future<void> showImportlistDetails(ImportList list) {
    final _formKey = GlobalKey<FormBuilderState>();
    String? _selectedType = list.type;

    var body = StatefulBuilder(builder: (context, setState) {
      return FormBuilder(
        key: _formKey,
        initialValue: {
          "name": list.name,
          "url": list.url,
          "qulity": list.qulity,
          "type": list.type,
          "storage_id": list.storageId
        },
        child: Column(
          children: [
            list.type == "plex"
                ? Container(
                    alignment: Alignment.centerLeft,
                    child: InkWell(
                      onTap: () => launchUrl(Uri.parse(
                          "https://support.plex.tv/articles/universal-watchlist/")),
                      child: const Text(
                          "https://support.plex.tv/articles/universal-watchlist/"),
                    ),
                  )
                : const Text(""),
            FormBuilderTextField(
              name: "name",
              decoration: Commons.requiredTextFieldStyle(text: "名称"),
              autovalidateMode: AutovalidateMode.onUserInteraction,
              validator: FormBuilderValidators.required(),
            ),
            FormBuilderTextField(
              name: "url",
              decoration: Commons.requiredTextFieldStyle(text: "地址"),
              autovalidateMode: AutovalidateMode.onUserInteraction,
              validator: FormBuilderValidators.required(),
            ),
            FormBuilderDropdown(
              name: "qulity",
              decoration: const InputDecoration(labelText: "清晰度"),
              items: const [
                DropdownMenuItem(value: "720p", child: Text("720p")),
                DropdownMenuItem(value: "1080p", child: Text("1080p")),
                DropdownMenuItem(value: "2160p", child: Text("2160p")),
              ],
            ),
            Consumer(
              builder: (context, ref, child) {
                var storage = ref.watch(storageSettingProvider);
                return storage.when(
                    data: (v) {
                      return FormBuilderDropdown(
                        name: "storage_id",
                        decoration: const InputDecoration(labelText: "存储"),
                        items: List.generate(
                            v.length,
                            (i) => DropdownMenuItem(
                                  value: v[i].id,
                                  child: Text(v[i].name!),
                                )),
                      );
                    },
                    error: (err, trace) => Text("$err"),
                    loading: () => const MyProgressIndicator());
              },
            ),
          ],
        ),
      );
    });

    onDelete() async {
      return ref.read(importlistProvider.notifier).deleteimportlist(list.id!);
    }

    onSubmit() async {
      if (_formKey.currentState!.saveAndValidate()) {
        var values = _formKey.currentState!.value;

        return ref.read(importlistProvider.notifier).addImportlist(ImportList(
              id: list.id,
              name: values["name"],
              url: values["url"],
              type: values["type"],
              qulity: values["qulity"],
              storageId: values["storage_id"],
            ));
      } else {
        throw "validation_error";
      }
    }

    var title = "监控列表";
    if (list.type == "plex") {
      title = "Plex Watchlist";
    }

    return showSettingDialog(
        context, title, list.id != null, body, onSubmit, onDelete);
  }

  Future<void> showSelections() {
    return showDialog<void>(
        context: context,
        barrierDismissible: true,
        builder: (BuildContext context) {
          return AlertDialog(
            content: SizedBox(
              height: 500,
              width: 500,
              child: Wrap(
                children: [
                  SettingsCard(
                    child: InkWell(
                      child: const Center(
                        child: Text("Plex Watchlist"),
                      ),
                      onTap: () {
                        Navigator.of(context).pop();
                        showImportlistDetails(
                            ImportList(type: "plex", name: "PlexWatchlist1"));
                      },
                    ),
                  ),
                ],
              ),
            ),
          );
        });
  }
}