initial commit
This commit is contained in:
@@ -0,0 +1,120 @@
|
||||
import 'package:collection/collection.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
|
||||
import '../../../core/models/models.dart';
|
||||
import '../../../core/theme/status_colors.dart';
|
||||
import '../../../core/theme/theme_x.dart';
|
||||
import '../../../core/utils/relative_time.dart';
|
||||
import '../../../core/widgets/data_table_scaffold.dart';
|
||||
import '../../../core/widgets/empty_state.dart';
|
||||
import '../../../core/widgets/mono_text.dart';
|
||||
import '../../../core/widgets/status_pill.dart';
|
||||
|
||||
class FleetTable extends StatelessWidget {
|
||||
const FleetTable({
|
||||
super.key,
|
||||
required this.nodes,
|
||||
required this.aggregated,
|
||||
required this.onEdit,
|
||||
required this.onDelete,
|
||||
});
|
||||
|
||||
final List<RemoteNode> nodes;
|
||||
|
||||
/// Null while the aggregated fetch is still loading/erroring — reachability
|
||||
/// then shows as "unknown" rather than guessing.
|
||||
final List<AggregatedNodeStatus>? aggregated;
|
||||
final void Function(RemoteNode node) onEdit;
|
||||
final void Function(RemoteNode node) onDelete;
|
||||
|
||||
({String label, Severity severity}) _reachability(RemoteNode node) {
|
||||
final entry = aggregated?.where((a) => a.node.id == node.id).firstOrNull;
|
||||
if (entry == null) return (label: 'unknown', severity: Severity.neutral);
|
||||
return entry.error == null
|
||||
? (label: 'online', severity: Severity.good)
|
||||
: (label: 'unreachable', severity: Severity.critical);
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return DataTableScaffold(
|
||||
empty: const EmptyState(
|
||||
icon: Icons.hub_outlined,
|
||||
title: 'No nodes registered',
|
||||
message: 'Register a sibling NodeMaster host to see it here.',
|
||||
),
|
||||
columns: const [
|
||||
DataColumn(label: Text('Node')),
|
||||
DataColumn(label: Text('URL')),
|
||||
DataColumn(label: Text('Tags')),
|
||||
DataColumn(label: Text('Status')),
|
||||
DataColumn(label: Text('Last seen')),
|
||||
DataColumn(label: Text('')),
|
||||
],
|
||||
rows: [
|
||||
for (final node in nodes)
|
||||
DataRow(
|
||||
cells: [
|
||||
DataCell(
|
||||
Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
Text(node.name, style: context.text.labelLarge),
|
||||
if (node.description?.isNotEmpty == true)
|
||||
Text(node.description!, style: context.text.bodySmall),
|
||||
],
|
||||
),
|
||||
),
|
||||
DataCell(MonoText(node.url)),
|
||||
DataCell(
|
||||
Wrap(
|
||||
spacing: 4,
|
||||
children: [
|
||||
for (final tag in node.tags)
|
||||
Container(
|
||||
padding: const EdgeInsets.symmetric(horizontal: 6, vertical: 2),
|
||||
decoration: BoxDecoration(
|
||||
color: context.colors.surfaceContainerHighest,
|
||||
borderRadius: BorderRadius.circular(4),
|
||||
),
|
||||
child: Text(tag, style: context.dataStyles.dataMonoSmall),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
DataCell(Builder(
|
||||
builder: (context) {
|
||||
final r = _reachability(node);
|
||||
return StatusPill(label: r.label, severity: r.severity);
|
||||
},
|
||||
)),
|
||||
DataCell(
|
||||
Text(
|
||||
node.lastSeen == null ? '—' : formatRelative(node.lastSeen!.toLocal()),
|
||||
style: context.text.bodySmall,
|
||||
),
|
||||
),
|
||||
DataCell(
|
||||
Row(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
IconButton(
|
||||
tooltip: 'Edit',
|
||||
icon: const Icon(Icons.edit_outlined, size: 18),
|
||||
onPressed: () => onEdit(node),
|
||||
),
|
||||
IconButton(
|
||||
tooltip: 'Remove',
|
||||
icon: const Icon(Icons.delete_outline, size: 18),
|
||||
onPressed: () => onDelete(node),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
],
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user