2026-05-28 19:23:27 -04:00
|
|
|
import 'dart:async';
|
|
|
|
|
|
2026-05-28 19:10:08 -04:00
|
|
|
import 'package:flutter/material.dart';
|
2026-05-28 19:34:42 -04:00
|
|
|
import 'package:go_router/go_router.dart';
|
2026-05-28 19:10:08 -04:00
|
|
|
|
2026-05-28 19:23:27 -04:00
|
|
|
import '../model/arp_scanner_status.dart';
|
2026-05-29 10:19:50 -04:00
|
|
|
import '../utils/duration_formatter.dart';
|
2026-05-28 19:23:27 -04:00
|
|
|
import '../utils/oott_api.dart';
|
2026-05-28 19:10:08 -04:00
|
|
|
|
2026-05-28 19:23:27 -04:00
|
|
|
class ArpScannerCard extends StatefulWidget {
|
|
|
|
|
const ArpScannerCard({super.key});
|
|
|
|
|
|
|
|
|
|
@override
|
|
|
|
|
State<ArpScannerCard> createState() => _ArpScannerCardState();
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
class _ArpScannerCardState extends State<ArpScannerCard> {
|
|
|
|
|
ArpScannerStatus? _status;
|
|
|
|
|
DateTime? _statusReceivedAt;
|
|
|
|
|
bool _isLoading = true;
|
|
|
|
|
String? _error;
|
|
|
|
|
Timer? _refreshTimer;
|
|
|
|
|
Timer? _tickTimer;
|
|
|
|
|
|
|
|
|
|
@override
|
|
|
|
|
void initState() {
|
|
|
|
|
super.initState();
|
|
|
|
|
_load();
|
2026-05-29 10:19:50 -04:00
|
|
|
_refreshTimer = Timer.periodic(const Duration(seconds: 5), (_) => _load());
|
|
|
|
|
_tickTimer = Timer.periodic(const Duration(seconds: 1), (_) {
|
|
|
|
|
if (mounted) setState(() {});
|
|
|
|
|
});
|
2026-05-28 19:23:27 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@override
|
|
|
|
|
void dispose() {
|
|
|
|
|
_refreshTimer?.cancel();
|
|
|
|
|
_tickTimer?.cancel();
|
|
|
|
|
super.dispose();
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
Future<void> _load() async {
|
|
|
|
|
try {
|
|
|
|
|
final status = await BackendAPI.instance.getArpScannerStatus();
|
|
|
|
|
if (!mounted) return;
|
|
|
|
|
setState(() {
|
|
|
|
|
_status = status;
|
|
|
|
|
_statusReceivedAt = DateTime.now();
|
|
|
|
|
_error = null;
|
|
|
|
|
_isLoading = false;
|
|
|
|
|
});
|
|
|
|
|
} catch (e) {
|
|
|
|
|
if (!mounted) return;
|
|
|
|
|
setState(() {
|
|
|
|
|
_error = e.toString();
|
|
|
|
|
_isLoading = false;
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
}
|
2026-05-28 19:10:08 -04:00
|
|
|
|
|
|
|
|
@override
|
|
|
|
|
Widget build(BuildContext context) {
|
2026-05-28 19:23:27 -04:00
|
|
|
if (_isLoading) {
|
2026-05-28 19:10:08 -04:00
|
|
|
return const Card(
|
|
|
|
|
child: Padding(
|
|
|
|
|
padding: EdgeInsets.all(16),
|
|
|
|
|
child: Center(child: CircularProgressIndicator()),
|
|
|
|
|
),
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
final (color, label, sublabel) = _resolveState(context);
|
|
|
|
|
|
|
|
|
|
return Card(
|
2026-05-28 19:34:42 -04:00
|
|
|
clipBehavior: Clip.antiAlias,
|
|
|
|
|
child: InkWell(
|
|
|
|
|
onTap: () => context.go('/status'),
|
|
|
|
|
child: Padding(
|
|
|
|
|
padding: const EdgeInsets.all(16),
|
|
|
|
|
child: Row(
|
|
|
|
|
children: [
|
|
|
|
|
Icon(Icons.circle, color: color, size: 14),
|
|
|
|
|
const SizedBox(width: 12),
|
|
|
|
|
Expanded(
|
|
|
|
|
child: Column(
|
|
|
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
|
|
|
children: [
|
2026-05-28 19:10:08 -04:00
|
|
|
Text(
|
2026-05-28 19:34:42 -04:00
|
|
|
'ARP Scanner',
|
|
|
|
|
style: Theme.of(context).textTheme.titleMedium,
|
2026-05-28 19:10:08 -04:00
|
|
|
),
|
2026-05-28 19:34:42 -04:00
|
|
|
const SizedBox(height: 2),
|
|
|
|
|
Text(label, style: Theme.of(context).textTheme.bodyMedium),
|
|
|
|
|
if (sublabel != null) ...[
|
|
|
|
|
const SizedBox(height: 2),
|
|
|
|
|
Text(
|
|
|
|
|
sublabel,
|
|
|
|
|
style: Theme.of(context).textTheme.bodySmall?.copyWith(
|
|
|
|
|
color: Theme.of(context).colorScheme.outline,
|
|
|
|
|
),
|
|
|
|
|
),
|
|
|
|
|
],
|
2026-05-28 19:10:08 -04:00
|
|
|
],
|
2026-05-28 19:34:42 -04:00
|
|
|
),
|
2026-05-28 19:10:08 -04:00
|
|
|
),
|
2026-05-28 19:34:42 -04:00
|
|
|
],
|
|
|
|
|
),
|
2026-05-28 19:10:08 -04:00
|
|
|
),
|
|
|
|
|
),
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
(Color, String, String?) _resolveState(BuildContext context) {
|
2026-05-28 19:23:27 -04:00
|
|
|
if (_error != null || _status == null) {
|
2026-05-28 19:10:08 -04:00
|
|
|
return (
|
|
|
|
|
Colors.red,
|
|
|
|
|
'Error',
|
|
|
|
|
'Unable to reach the server or a server-side error occurred. Check the logs for details.',
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
|
2026-05-28 19:23:27 -04:00
|
|
|
final elapsed = _statusReceivedAt != null
|
|
|
|
|
? DateTime.now().difference(_statusReceivedAt!).inSeconds.toDouble()
|
2026-05-28 19:10:08 -04:00
|
|
|
: 0.0;
|
|
|
|
|
|
2026-05-28 19:23:27 -04:00
|
|
|
if (_status!.isRunning) {
|
|
|
|
|
final sub = _status!.runningForSeconds != null
|
2026-05-29 10:19:50 -04:00
|
|
|
? 'Running for ${formatSeconds(_status!.runningForSeconds! + elapsed)}'
|
2026-05-28 19:10:08 -04:00
|
|
|
: null;
|
|
|
|
|
return (Colors.green, 'Running', sub);
|
|
|
|
|
}
|
2026-05-28 19:23:27 -04:00
|
|
|
if (_status!.nextRunInSeconds != null) {
|
|
|
|
|
final remaining = (_status!.nextRunInSeconds! - elapsed).clamp(
|
2026-05-28 19:10:08 -04:00
|
|
|
0.0,
|
|
|
|
|
double.infinity,
|
|
|
|
|
);
|
|
|
|
|
return (
|
|
|
|
|
Colors.amber,
|
|
|
|
|
'Waiting for next run',
|
2026-05-29 10:19:50 -04:00
|
|
|
'Next run in ${formatSeconds(remaining)}',
|
2026-05-28 19:10:08 -04:00
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
return (Colors.grey, 'Not yet started', null);
|
|
|
|
|
}
|
|
|
|
|
}
|