flutter_server_box/lib/view/page/systemd.dart

import 'package:fl_lib/fl_lib.dart';
import 'package:flutter/material.dart';
import 'package:server_box/core/route.dart';
import 'package:server_box/data/model/server/server_private_info.dart';
import 'package:server_box/data/model/server/systemd.dart';
import 'package:server_box/data/provider/systemd.dart';
import 'package:server_box/view/page/ssh/page/page.dart';

final class SystemdPage extends StatefulWidget {
  final SpiRequiredArgs args;

  const SystemdPage({super.key, required this.args});

  static const route = AppRouteArg<void, SpiRequiredArgs>(page: SystemdPage.new, path: '/systemd');

  @override
  State<SystemdPage> createState() => _SystemdPageState();
}

final class _SystemdPageState extends State<SystemdPage> {
  late final _pro = SystemdProvider.init(widget.args.spi);

  @override
  void dispose() {
    super.dispose();
    _pro.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: CustomAppBar(
        title: const Text('Systemd'),
        actions: isDesktop ? [Btn.icon(icon: const Icon(Icons.refresh), onTap: _pro.getUnits)] : null,
      ),
      body: RefreshIndicator(onRefresh: _pro.getUnits, child: _buildBody()),
    );
  }

  Widget _buildBody() {
    return CustomScrollView(
      slivers: <Widget>[
        SliverToBoxAdapter(
          child: Column(
            children: [
              _buildScopeFilterChips(),
              _pro.isBusy.listenVal(
                (isBusy) => AnimatedContainer(
                  duration: Durations.medium1,
                  curve: Curves.fastEaseInToSlowEaseOut,
                  height: isBusy ? SizedLoading.medium.size : 0,
                  width: isBusy ? SizedLoading.medium.size : 0,
                  child: isBusy ? SizedLoading.medium : const SizedBox.shrink(),
                ),
              ),
            ],
          ),
        ),
        _buildUnitList(),
      ],
    );
  }

  Widget _buildScopeFilterChips() {
    return _pro.scopeFilter.listenVal((currentFilter) {
      return Wrap(
        spacing: 8,
        children: SystemdScopeFilter.values.map((filter) {
          final isSelected = filter == currentFilter;
          return FilterChip(
            selected: isSelected,
            label: Text(filter.displayName),
            onSelected: (_) => _pro.scopeFilter.value = filter,
          );
        }).toList(),
      ).paddingSymmetric(horizontal: 13, vertical: 8);
    });
  }

  Widget _buildUnitList() {
    return _pro.units.listenVal((allUnits) {
      return _pro.scopeFilter.listenVal((filter) {
        final filteredUnits = _pro.filteredUnits;
        if (filteredUnits.isEmpty) {
          return SliverToBoxAdapter(child: CenterGreyTitle(libL10n.empty).paddingSymmetric(horizontal: 13));
        }
        return SliverList(
          delegate: SliverChildBuilderDelegate((context, index) {
            final unit = filteredUnits[index];
            return ListTile(
              leading: _buildScopeTag(unit.scope),
              title: unit.description != null ? TipText(unit.name, unit.description!) : Text(unit.name),
              subtitle: Wrap(
                children: [_buildStateTag(unit.state), _buildTypeTag(unit.type)],
              ).paddingOnly(top: 7),
              trailing: _buildUnitFuncs(unit),
            ).cardx.paddingSymmetric(horizontal: 13);
          }, childCount: filteredUnits.length),
        );
      });
    });
  }

  Widget _buildUnitFuncs(SystemdUnit unit) {
    return PopupMenu(
      items: unit.availableFuncs.map(_buildUnitFuncBtn).toList(),
      onSelected: (val) async {
        final cmd = unit.getCmd(func: val, isRoot: widget.args.spi.isRoot);
        final sure = await context.showRoundDialog(
          title: libL10n.attention,
          child: SimpleMarkdown(data: '```shell\n$cmd\n```'),
          actions: [
            CountDownBtn(
              seconds: 1,
              onTap: () => context.pop(true),
              text: libL10n.ok,
              afterColor: Colors.red,
            ),
          ],
        );
        if (sure != true) return;

        final args = SshPageArgs(spi: widget.args.spi, initCmd: cmd);
        SSHPage.route.go(context, args);
      },
    );
  }

  PopupMenuEntry _buildUnitFuncBtn(SystemdUnitFunc func) {
    return PopupMenuItem<SystemdUnitFunc>(
      value: func,
      child: Row(
        mainAxisSize: MainAxisSize.min,
        mainAxisAlignment: MainAxisAlignment.spaceAround,
        children: [Icon(func.icon, size: 19), const SizedBox(width: 10), Text(func.name.capitalize)],
      ),
    );
  }

  Widget _buildScopeTag(SystemdUnitScope scope) {
    return _buildTag(scope.name.capitalize, scope.color, true);
  }

  Widget _buildStateTag(SystemdUnitState state) {
    return _buildTag(state.name.capitalize, state.color);
  }

  Widget _buildTypeTag(SystemdUnitType type) {
    return _buildTag(type.name.capitalize);
  }

  Widget _buildTag(String tag, [Color? color, bool noPad = false]) {
    return Container(
      decoration: BoxDecoration(
        color: color?.withValues(alpha: 0.7) ?? UIs.halfAlpha,
        borderRadius: BorderRadius.circular(5),
      ),
      child: Text(tag, style: UIs.text11).paddingSymmetric(horizontal: 5, vertical: 1),
    ).paddingOnly(right: noPad ? 0 : 5);
  }
}