SaveFamily/sf-app-platform
11
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(legacy): add connection status indicator to device banners

Browse Source
This commit is contained in:
Julián Alcalá
2026-04-26 09:05:09 +02:00
parent a87c7e8732
commit 8ff94a1e92
2 changed files with 51 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
modules/legacy/modules/control_panel/lib/src/shared/widgets/device_map.dart
View File

@@ -166,14 +166,32 @@ class LocationBanner extends ConsumerWidget {
mainAxisSize: MainAxisSize.min, mainAxisSize: MainAxisSize.min,
children: [ children: [
if (deviceName != null) if (deviceName != null)
Text( Row(
deviceName, children: [
style: TextStyle( Container(
fontSize: isCompact ? 12 : 14, width: isCompact ? 7 : 9,
fontWeight: FontWeight.w600, height: isCompact ? 7 : 9,
color: Theme.of(context).colorScheme.onSurface, margin: EdgeInsets.only(right: isCompact ? 4 : 6),
), decoration: BoxDecoration(
overflow: TextOverflow.ellipsis, shape: BoxShape.circle,
color: device?.isDisconnected == true
? Colors.red
: Colors.green,
),
),
Expanded(
child: Text(
deviceName,
style: TextStyle(
fontSize: isCompact ? 12 : 14,
fontWeight: FontWeight.w600,
color:
Theme.of(context).colorScheme.onSurface,
),
overflow: TextOverflow.ellipsis,
),
),
],
), ),
if (addressText.isNotEmpty) if (addressText.isNotEmpty)
Padding( Padding(

33
modules/legacy/modules/location/lib/src/features/location/presentation/widgets/device_banner.dart
View File

@@ -195,14 +195,31 @@ class _DeviceCard extends StatelessWidget {
child: Column( child: Column(
crossAxisAlignment: CrossAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start,
children: [ children: [
Text( Row(
deviceName, children: [
style: TextStyle( Container(
fontSize: 18, width: 10,
fontWeight: FontWeight.w700, height: 10,
color: primaryColor, margin: const EdgeInsets.only(right: 6),
), decoration: BoxDecoration(
overflow: TextOverflow.ellipsis, shape: BoxShape.circle,
color: device.isDisconnected
? Colors.red
: Colors.green,
),
),
Expanded(
child: Text(
deviceName,
style: TextStyle(
fontSize: 18,
fontWeight: FontWeight.w700,
color: primaryColor,
),
overflow: TextOverflow.ellipsis,
),
),
],
), ),
const SizedBox(height: 8), const SizedBox(height: 8),
if (address.isNotEmpty) if (address.isNotEmpty)