PiliPlus/lib/pages/whisper_settings/widgets/item.dart

import 'dart:math';

import 'package:PiliPlus/grpc/bilibili/app/im/v1.pb.dart'
    show SelectItem, Setting, SettingSwitch;
import 'package:flutter/material.dart';

class ImSettingsItem extends StatelessWidget {
  const ImSettingsItem({
    super.key,
    required this.item,
    required this.onSet,
    required this.onRedirect,
  });

  final Setting item;
  final Future<bool> Function() onSet;
  final VoidCallback onRedirect;

  @override
  Widget build(BuildContext context) {
    void rebuild() {
      if (context.mounted) {
        (context as Element).markNeedsBuild();
      }
    }

    const titleStyle = TextStyle(fontSize: 14);
    final theme = Theme.of(context);
    final outline = theme.colorScheme.outline;
    final subtitleStyle = TextStyle(fontSize: 13, color: outline);

    if (item.hasSwitch_1()) {
      Future<void> onChanged() async {
        item.switch_1.switchOn = !item.switch_1.switchOn;
        rebuild();
        if (!await onSet()) {
          item.switch_1.switchOn = !item.switch_1.switchOn;
          rebuild();
        }
      }

      return ListTile(
        dense: true,
        onTap: onChanged,
        title: Text(
          item.switch_1.title,
          style: titleStyle,
        ),
        subtitle: item.switch_1.hasSubtitle()
            ? Text(item.switch_1.subtitle, style: subtitleStyle)
            : null,
        trailing: Transform.scale(
          alignment: Alignment.centerRight,
          scale: 0.8,
          child: Switch(
            thumbIcon: WidgetStateProperty.resolveWith<Icon?>((states) {
              if (states.isNotEmpty && states.first == WidgetState.selected) {
                return const Icon(Icons.done);
              }
              return null;
            }),
            value: item.switch_1.switchOn,
            onChanged: (value) => onChanged(),
          ),
        ),
      );
    }

    if (item.hasRedirect()) {
      SelectItem? selected;
      SettingSwitch? sw1tch;
      if (item.redirect.settingPage.subSettings.isNotEmpty) {
        for (var subItem in item.redirect.settingPage.subSettings.values) {
          if (subItem.hasSelect()) {
            for (var i in subItem.select.item) {
              if (i.selected) {
                selected = i;
                break;
              }
            }
          } else if (subItem.hasSwitch_1()) {
            if (subItem.switch_1.switchOn) {
              sw1tch = subItem.switch_1;
              break;
            }
          }
        }
      }
      return ListTile(
        dense: true,
        onTap: onRedirect,
        title: Text(
          item.redirect.title,
          style: titleStyle,
        ),
        subtitle: item.redirect.hasSubtitle()
            ? Text(item.redirect.subtitle, style: subtitleStyle)
            : null,
        trailing: Row(
          mainAxisSize: MainAxisSize.min,
          children: [
            if (selected != null)
              Text(
                selected.text,
                style: TextStyle(fontSize: 13, color: outline),
              )
            else if (sw1tch != null)
              Text(
                sw1tch.title,
                style: TextStyle(fontSize: 13, color: outline),
              )
            else if (item.redirect.hasSelectedSummary())
              Text(
                item.redirect.selectedSummary,
                style: TextStyle(fontSize: 13, color: outline),
              ),
            Icon(color: outline, Icons.keyboard_arrow_right),
          ],
        ),
      );
    }

    if (item.hasSelect()) {
      String? selected;
      late final divider = Divider(
        height: 1,
        indent: 16,
        color: outline.withOpacity(0.1),
      );
      return Column(
        mainAxisSize: MainAxisSize.min,
        crossAxisAlignment: CrossAxisAlignment.start,
        children: List.generate(
          max(0, item.select.item.length * 2 - 1),
          (index) {
            if (index.isOdd) {
              return divider;
            }
            final e = item.select.item[index ~/ 2];
            if (e.selected) {
              selected ??= e.text;
            }
            return ListTile(
              dense: true,
              onTap: () async {
                if (!e.selected) {
                  for (var i in item.select.item) {
                    i.selected = false;
                  }
                  e.selected = true;
                  rebuild();

                  if (await onSet()) {
                    selected = e.text;
                  } else {
                    for (var i in item.select.item) {
                      i.selected = i.text == selected;
                    }
                    rebuild();
                  }
                }
              },
              title: Text(e.text, style: titleStyle),
              trailing: e.selected
                  ? Icon(
                      size: 20,
                      Icons.check,
                      color: theme.colorScheme.primary,
                    )
                  : null,
            );
          },
        ),
      );
    }

    return const SizedBox.shrink();
  }
}