ops-console v1.0.2 (versionCode 8) 源码入库
This commit is contained in:
57
lib/widgets/status_chip.dart
Normal file
57
lib/widgets/status_chip.dart
Normal file
@@ -0,0 +1,57 @@
|
||||
import 'package:flutter/material.dart';
|
||||
|
||||
import '../models/device.dart';
|
||||
import '../utils/i10n.dart';
|
||||
|
||||
/// 设备状态标签。
|
||||
class StatusChip extends StatelessWidget {
|
||||
const StatusChip({super.key, required this.status});
|
||||
|
||||
/// 设备状态。
|
||||
final DeviceStatus status;
|
||||
|
||||
Color _color(BuildContext context) {
|
||||
switch (status) {
|
||||
case DeviceStatus.online:
|
||||
return Colors.green;
|
||||
case DeviceStatus.offline:
|
||||
return Colors.grey;
|
||||
case DeviceStatus.warning:
|
||||
return Colors.orange;
|
||||
}
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final color = _color(context);
|
||||
final t = AppLocalizations.of(context);
|
||||
final label = switch (status) {
|
||||
DeviceStatus.online => t.statusOnline,
|
||||
DeviceStatus.offline => t.statusOffline,
|
||||
DeviceStatus.warning => t.statusWarning,
|
||||
};
|
||||
return Container(
|
||||
padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 4),
|
||||
decoration: BoxDecoration(
|
||||
color: color.withOpacity(0.15),
|
||||
borderRadius: BorderRadius.circular(999),
|
||||
border: Border.all(color: color.withOpacity(0.6)),
|
||||
),
|
||||
child: Row(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
Icon(Icons.circle, size: 8, color: color),
|
||||
const SizedBox(width: 6),
|
||||
Text(
|
||||
label,
|
||||
style: TextStyle(
|
||||
color: color,
|
||||
fontSize: 12,
|
||||
fontWeight: FontWeight.w600,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user