Waaaay big enchancements
This commit is contained in:
165
lib/screens/event_log_screen.dart
Normal file
165
lib/screens/event_log_screen.dart
Normal file
@@ -0,0 +1,165 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_riverpod/flutter_riverpod.dart';
|
||||
import '../providers/providers.dart';
|
||||
|
||||
/// Экран просмотра лога событий.
|
||||
class EventLogScreen extends ConsumerStatefulWidget {
|
||||
const EventLogScreen({super.key});
|
||||
|
||||
@override
|
||||
ConsumerState<EventLogScreen> createState() => _EventLogScreenState();
|
||||
}
|
||||
|
||||
class _EventLogScreenState extends ConsumerState<EventLogScreen> {
|
||||
bool _loading = true;
|
||||
int _limit = 100;
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
_load();
|
||||
}
|
||||
|
||||
Future<void> _load() async {
|
||||
setState(() => _loading = true);
|
||||
await ref.read(eventLogProvider.notifier).load(limit: _limit);
|
||||
if (mounted) setState(() => _loading = false);
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final events = ref.watch(eventLogProvider);
|
||||
|
||||
return Scaffold(
|
||||
appBar: AppBar(
|
||||
title: const Text('ЛОГ СОБЫТИЙ'),
|
||||
actions: [
|
||||
PopupMenuButton<int>(
|
||||
icon: const Icon(Icons.filter_list),
|
||||
tooltip: 'Количество записей',
|
||||
onSelected: (v) {
|
||||
_limit = v;
|
||||
_load();
|
||||
},
|
||||
itemBuilder: (_) => [50, 100, 200, 500]
|
||||
.map((n) => PopupMenuItem(value: n, child: Text('$n записей')))
|
||||
.toList(),
|
||||
),
|
||||
],
|
||||
),
|
||||
body: _loading
|
||||
? const Center(
|
||||
child: CircularProgressIndicator(color: Colors.deepOrange),
|
||||
)
|
||||
: events.isEmpty
|
||||
? const Center(
|
||||
child: Text(
|
||||
'Нет событий',
|
||||
style: TextStyle(color: Colors.white54),
|
||||
),
|
||||
)
|
||||
: RefreshIndicator(
|
||||
color: Colors.deepOrange,
|
||||
onRefresh: _load,
|
||||
child: ListView.builder(
|
||||
padding: const EdgeInsets.all(8),
|
||||
itemCount: events.length,
|
||||
itemBuilder: (context, index) {
|
||||
final event = events[index];
|
||||
return _EventRow(
|
||||
event: event is Map
|
||||
? Map<String, dynamic>.from(event)
|
||||
: {},
|
||||
);
|
||||
},
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
class _EventRow extends StatelessWidget {
|
||||
final Map<String, dynamic> event;
|
||||
|
||||
const _EventRow({required this.event});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final timestamp = event['timestamp'] ?? event['time'] ?? event['created_at'] ?? '';
|
||||
final action = event['action'] ?? event['command'] ?? event['type'] ?? '';
|
||||
final targetId = event['target_id'] ?? event['target'] ?? event['group_id'] ?? '';
|
||||
final params = event['params'] ?? event['details'] ?? '';
|
||||
final actor = event['actor'] ?? event['user'] ?? event['key_name'] ?? '';
|
||||
|
||||
final formattedTime = _formatTime(timestamp.toString());
|
||||
|
||||
return Card(
|
||||
margin: const EdgeInsets.only(bottom: 4),
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 8),
|
||||
child: Row(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
// Время
|
||||
SizedBox(
|
||||
width: 80,
|
||||
child: Text(
|
||||
formattedTime,
|
||||
style: const TextStyle(
|
||||
fontSize: 11,
|
||||
color: Colors.white38,
|
||||
fontFamily: 'monospace',
|
||||
),
|
||||
),
|
||||
),
|
||||
const SizedBox(width: 8),
|
||||
// Контент
|
||||
Expanded(
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Text(
|
||||
'$action - $targetId',
|
||||
style: const TextStyle(
|
||||
fontSize: 13,
|
||||
fontWeight: FontWeight.w500,
|
||||
),
|
||||
),
|
||||
if (params.toString().isNotEmpty)
|
||||
Text(
|
||||
params.toString(),
|
||||
style: const TextStyle(
|
||||
fontSize: 11,
|
||||
color: Colors.white38,
|
||||
),
|
||||
maxLines: 2,
|
||||
overflow: TextOverflow.ellipsis,
|
||||
),
|
||||
if (actor.toString().isNotEmpty)
|
||||
Text(
|
||||
actor.toString(),
|
||||
style: const TextStyle(
|
||||
fontSize: 10,
|
||||
color: Colors.white24,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
String _formatTime(String iso) {
|
||||
if (iso.isEmpty) return '';
|
||||
try {
|
||||
final d = DateTime.parse(iso);
|
||||
final pad = (int n) => n.toString().padLeft(2, '0');
|
||||
return '${pad(d.day)}.${pad(d.month)} ${pad(d.hour)}:${pad(d.minute)}:${pad(d.second)}';
|
||||
} catch (_) {
|
||||
return iso;
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user