102 lines
3.2 KiB
Dart
102 lines
3.2 KiB
Dart
|
import 'package:flutter/material.dart';
|
||
|
|
import 'package:intl/intl.dart';
|
||
|
|
|
||
|
|
import '../../../core/models/models.dart';
|
||
|
|
import '../../../core/models/severity_mapping.dart';
|
||
|
|
import '../../../core/theme/theme_x.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 UpdatesTable extends StatelessWidget {
|
||
|
|
const UpdatesTable({super.key, required this.records, required this.onDelete});
|
||
|
|
|
||
|
|
final List<UpdateRecord> records;
|
||
|
|
final void Function(UpdateRecord record) onDelete;
|
||
|
|
|
||
|
|
@override
|
||
|
|
Widget build(BuildContext context) {
|
||
|
|
final sorted = [...records]..sort((a, b) => b.timestamp.compareTo(a.timestamp));
|
||
|
|
final timeFormat = DateFormat('yyyy-MM-dd HH:mm');
|
||
|
|
|
||
|
|
return DataTableScaffold(
|
||
|
|
empty: const EmptyState(
|
||
|
|
icon: Icons.history_rounded,
|
||
|
|
title: 'No update history yet',
|
||
|
|
message: 'OS package update runs will show up here.',
|
||
|
|
),
|
||
|
|
columns: const [
|
||
|
|
DataColumn(label: Text('Timestamp')),
|
||
|
|
DataColumn(label: Text('Result')),
|
||
|
|
DataColumn(label: Text('Packages')),
|
||
|
|
DataColumn(label: Text('Message')),
|
||
|
|
DataColumn(label: Text('')),
|
||
|
|
],
|
||
|
|
rows: [
|
||
|
|
for (final record in sorted)
|
||
|
|
DataRow(
|
||
|
|
cells: [
|
||
|
|
DataCell(MonoText(timeFormat.format(record.timestamp.toLocal()))),
|
||
|
|
DataCell(
|
||
|
|
StatusPill(
|
||
|
|
label: record.success ? 'success' : 'failed',
|
||
|
|
severity: severityForSuccess(record.success),
|
||
|
|
),
|
||
|
|
),
|
||
|
|
DataCell(_PackageChips(packages: record.packages)),
|
||
|
|
DataCell(
|
||
|
|
ConstrainedBox(
|
||
|
|
constraints: const BoxConstraints(maxWidth: 320),
|
||
|
|
child: Text(record.message, maxLines: 1, overflow: TextOverflow.ellipsis),
|
||
|
|
),
|
||
|
|
),
|
||
|
|
DataCell(
|
||
|
|
IconButton(
|
||
|
|
tooltip: 'Delete',
|
||
|
|
icon: const Icon(Icons.delete_outline, size: 18),
|
||
|
|
onPressed: () => onDelete(record),
|
||
|
|
),
|
||
|
|
),
|
||
|
|
],
|
||
|
|
),
|
||
|
|
],
|
||
|
|
);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
class _PackageChips extends StatelessWidget {
|
||
|
|
const _PackageChips({required this.packages});
|
||
|
|
|
||
|
|
final List<String> packages;
|
||
|
|
|
||
|
|
static const _maxShown = 2;
|
||
|
|
|
||
|
|
@override
|
||
|
|
Widget build(BuildContext context) {
|
||
|
|
if (packages.isEmpty) {
|
||
|
|
return Text('—', style: context.text.bodySmall);
|
||
|
|
}
|
||
|
|
final shown = packages.take(_maxShown).toList();
|
||
|
|
final remaining = packages.length - shown.length;
|
||
|
|
|
||
|
|
return Wrap(
|
||
|
|
spacing: 4,
|
||
|
|
runSpacing: 4,
|
||
|
|
children: [
|
||
|
|
for (final package in shown)
|
||
|
|
Container(
|
||
|
|
padding: const EdgeInsets.symmetric(horizontal: 6, vertical: 2),
|
||
|
|
decoration: BoxDecoration(
|
||
|
|
color: context.colors.surfaceContainerHighest,
|
||
|
|
borderRadius: BorderRadius.circular(4),
|
||
|
|
),
|
||
|
|
child: Text(package, style: context.dataStyles.dataMonoSmall),
|
||
|
|
),
|
||
|
|
if (remaining > 0)
|
||
|
|
Text('+$remaining more', style: context.text.bodySmall),
|
||
|
|
],
|
||
|
|
);
|
||
|
|
}
|
||
|
|
}
|