pixes/lib/pages/logs.dart

import 'package:fluent_ui/fluent_ui.dart' hide TitleBar;
import 'package:flutter/services.dart';
import 'package:pixes/components/md.dart';
import 'package:pixes/components/title_bar.dart';
import 'package:pixes/foundation/log.dart';

class LogsPage extends StatefulWidget {
  const LogsPage({super.key});

  @override
  State<LogsPage> createState() => _LogsPageState();
}

class _LogsPageState extends State<LogsPage> {
  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        const TitleBar(title: "Logs"),
        Expanded(
            child: ListView.builder(
          reverse: true,
          controller: ScrollController(),
          itemCount: Log.logs.length,
          itemBuilder: (context, index) {
            index = Log.logs.length - index - 1;
            return Padding(
              padding: const EdgeInsets.fromLTRB(16, 0, 16, 8),
              child: SelectionArea(
                child: Column(
                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: [
                    Row(
                      children: [
                        Container(
                          decoration: BoxDecoration(
                            color:
                                ColorScheme.of(context).surfaceContainerHighest,
                            borderRadius:
                                const BorderRadius.all(Radius.circular(16)),
                          ),
                          child: Padding(
                            padding: const EdgeInsets.fromLTRB(5, 0, 5, 1),
                            child: Text(Log.logs[index].title),
                          ),
                        ),
                        const SizedBox(
                          width: 3,
                        ),
                        Container(
                          decoration: BoxDecoration(
                            color: [
                              ColorScheme.of(context).error,
                              ColorScheme.of(context).errorContainer,
                              ColorScheme.of(context).primaryContainer
                            ][Log.logs[index].level.index],
                            borderRadius:
                                const BorderRadius.all(Radius.circular(16)),
                          ),
                          child: Padding(
                            padding: const EdgeInsets.fromLTRB(5, 0, 5, 1),
                            child: Text(
                              Log.logs[index].level.name,
                              style: TextStyle(
                                  color: Log.logs[index].level.index == 0
                                      ? Colors.white
                                      : Colors.black),
                            ),
                          ),
                        ),
                      ],
                    ),
                    Text(Log.logs[index].content),
                    Text(Log.logs[index].time
                        .toString()
                        .replaceAll(RegExp(r"\.\w+"), "")),
                    Button(
                        onPressed: () {
                          Clipboard.setData(
                              ClipboardData(text: Log.logs[index].content));
                        },
                        child: const Text("复制")),
                    const Divider(),
                  ],
                ),
              ),
            );
          },
        ))
      ],
    );
  }
}