mirror of
https://github.com/dz0ny/meshcore-sar.git
synced 2026-08-12 00:40:28 +00:00
1019 lines
33 KiB
Dart
1019 lines
33 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:flutter/services.dart';
|
|
import 'package:provider/provider.dart';
|
|
import 'package:geolocator/geolocator.dart';
|
|
import '../providers/connection_provider.dart';
|
|
|
|
class DeviceConfigScreen extends StatefulWidget {
|
|
const DeviceConfigScreen({super.key});
|
|
|
|
@override
|
|
State<DeviceConfigScreen> createState() => _DeviceConfigScreenState();
|
|
}
|
|
|
|
class _DeviceConfigScreenState extends State<DeviceConfigScreen> {
|
|
late TextEditingController _nameController;
|
|
late TextEditingController _latController;
|
|
late TextEditingController _lonController;
|
|
late TextEditingController _freqController;
|
|
late TextEditingController _txPowerController;
|
|
|
|
bool _sharePosition = false;
|
|
String _selectedBandwidth = '62.5 kHz';
|
|
int _selectedSpreadingFactor = 8;
|
|
int _selectedCodingRate = 8;
|
|
|
|
final List<String> _bandwidthOptions = [
|
|
'7.8 kHz',
|
|
'10.4 kHz',
|
|
'15.6 kHz',
|
|
'20.8 kHz',
|
|
'31.25 kHz',
|
|
'41.7 kHz',
|
|
'62.5 kHz',
|
|
'125 kHz',
|
|
'250 kHz',
|
|
'500 kHz',
|
|
];
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
final deviceInfo = context.read<ConnectionProvider>().deviceInfo;
|
|
|
|
_nameController = TextEditingController(
|
|
text: deviceInfo.selfName ?? deviceInfo.displayName ?? '',
|
|
);
|
|
_latController = TextEditingController(
|
|
text: deviceInfo.advLat != null ? (deviceInfo.advLat! / 1000000).toStringAsFixed(6) : '0.0',
|
|
);
|
|
_lonController = TextEditingController(
|
|
text: deviceInfo.advLon != null ? (deviceInfo.advLon! / 1000000).toStringAsFixed(6) : '0.0',
|
|
);
|
|
_freqController = TextEditingController(
|
|
text: deviceInfo.radioFreq != null ? (deviceInfo.radioFreq! / 1000).toStringAsFixed(3) : '869.618',
|
|
);
|
|
_txPowerController = TextEditingController(
|
|
text: deviceInfo.txPower?.toString() ?? '20',
|
|
);
|
|
|
|
if (deviceInfo.radioBw != null && deviceInfo.radioBw! >= 0 && deviceInfo.radioBw! <= 9) {
|
|
_selectedBandwidth = _bandwidthFromValue(deviceInfo.radioBw!);
|
|
}
|
|
if (deviceInfo.radioSf != null) {
|
|
// Validate spreading factor is in valid range (7-12)
|
|
if (deviceInfo.radioSf! >= 7 && deviceInfo.radioSf! <= 12) {
|
|
_selectedSpreadingFactor = deviceInfo.radioSf!;
|
|
} else {
|
|
debugPrint('⚠️ Invalid spreading factor from device: ${deviceInfo.radioSf}. Using default: 8');
|
|
_selectedSpreadingFactor = 8;
|
|
}
|
|
}
|
|
if (deviceInfo.radioCr != null) {
|
|
// Validate coding rate is in valid range (5-8)
|
|
if (deviceInfo.radioCr! >= 5 && deviceInfo.radioCr! <= 8) {
|
|
_selectedCodingRate = deviceInfo.radioCr!;
|
|
} else {
|
|
debugPrint('⚠️ Invalid coding rate from device: ${deviceInfo.radioCr}. Using default: 8');
|
|
_selectedCodingRate = 8;
|
|
}
|
|
}
|
|
_sharePosition = (deviceInfo.advLat != null && deviceInfo.advLat! != 0) ||
|
|
(deviceInfo.advLon != null && deviceInfo.advLon! != 0);
|
|
}
|
|
|
|
@override
|
|
void dispose() {
|
|
_nameController.dispose();
|
|
_latController.dispose();
|
|
_lonController.dispose();
|
|
_freqController.dispose();
|
|
_txPowerController.dispose();
|
|
super.dispose();
|
|
}
|
|
|
|
String _bandwidthFromValue(int bw) {
|
|
// Convert bandwidth value to display string
|
|
switch (bw) {
|
|
case 0: return '7.8 kHz';
|
|
case 1: return '10.4 kHz';
|
|
case 2: return '15.6 kHz';
|
|
case 3: return '20.8 kHz';
|
|
case 4: return '31.25 kHz';
|
|
case 5: return '41.7 kHz';
|
|
case 6: return '62.5 kHz';
|
|
case 7: return '125 kHz';
|
|
case 8: return '250 kHz';
|
|
case 9: return '500 kHz';
|
|
default: return '62.5 kHz';
|
|
}
|
|
}
|
|
|
|
int _bandwidthToValue(String bw) {
|
|
return _bandwidthOptions.indexOf(bw);
|
|
}
|
|
|
|
Future<void> _savePublicInfo() async {
|
|
final connectionProvider = context.read<ConnectionProvider>();
|
|
|
|
try {
|
|
// Save name
|
|
if (_nameController.text.isNotEmpty) {
|
|
await connectionProvider.setAdvertName(_nameController.text);
|
|
}
|
|
|
|
// Save position if share position is enabled
|
|
if (_sharePosition) {
|
|
final lat = double.tryParse(_latController.text) ?? 0.0;
|
|
final lon = double.tryParse(_lonController.text) ?? 0.0;
|
|
await connectionProvider.setAdvertLatLon(
|
|
latitude: lat,
|
|
longitude: lon,
|
|
);
|
|
} else {
|
|
// Clear position
|
|
await connectionProvider.setAdvertLatLon(
|
|
latitude: 0.0,
|
|
longitude: 0.0,
|
|
);
|
|
}
|
|
|
|
if (context.mounted) {
|
|
ScaffoldMessenger.of(context).showSnackBar(
|
|
const SnackBar(
|
|
content: Text('Public info saved'),
|
|
backgroundColor: Colors.green,
|
|
),
|
|
);
|
|
}
|
|
} catch (e) {
|
|
if (context.mounted) {
|
|
ScaffoldMessenger.of(context).showSnackBar(
|
|
SnackBar(
|
|
content: Text('Failed to save public info: $e'),
|
|
backgroundColor: Colors.red,
|
|
),
|
|
);
|
|
}
|
|
}
|
|
}
|
|
|
|
Future<void> _saveRadioSettings() async {
|
|
final connectionProvider = context.read<ConnectionProvider>();
|
|
|
|
try {
|
|
// Parse and save frequency (convert from MHz to Hz)
|
|
final freq = (double.tryParse(_freqController.text) ?? 869.618) * 1000;
|
|
|
|
await connectionProvider.setRadioParams(
|
|
frequency: freq.round(),
|
|
bandwidth: _bandwidthToValue(_selectedBandwidth),
|
|
spreadingFactor: _selectedSpreadingFactor,
|
|
codingRate: _selectedCodingRate,
|
|
);
|
|
|
|
// Save TX power
|
|
final txPower = int.tryParse(_txPowerController.text) ?? 20;
|
|
await connectionProvider.setTxPower(txPower);
|
|
|
|
if (context.mounted) {
|
|
ScaffoldMessenger.of(context).showSnackBar(
|
|
const SnackBar(
|
|
content: Text('Radio settings saved'),
|
|
backgroundColor: Colors.green,
|
|
),
|
|
);
|
|
}
|
|
} catch (e) {
|
|
if (context.mounted) {
|
|
ScaffoldMessenger.of(context).showSnackBar(
|
|
SnackBar(
|
|
content: Text('Failed to save radio settings: $e'),
|
|
backgroundColor: Colors.red,
|
|
),
|
|
);
|
|
}
|
|
}
|
|
}
|
|
|
|
Future<void> _refreshDeviceInfo() async {
|
|
final connectionProvider = context.read<ConnectionProvider>();
|
|
|
|
try {
|
|
await connectionProvider.refreshDeviceInfo();
|
|
|
|
if (context.mounted) {
|
|
// Update controllers with fresh data
|
|
final deviceInfo = connectionProvider.deviceInfo;
|
|
setState(() {
|
|
if (deviceInfo.selfName != null) {
|
|
_nameController.text = deviceInfo.selfName!;
|
|
}
|
|
if (deviceInfo.advLat != null) {
|
|
_latController.text = (deviceInfo.advLat! / 1000000).toStringAsFixed(6);
|
|
}
|
|
if (deviceInfo.advLon != null) {
|
|
_lonController.text = (deviceInfo.advLon! / 1000000).toStringAsFixed(6);
|
|
}
|
|
if (deviceInfo.radioFreq != null) {
|
|
_freqController.text = (deviceInfo.radioFreq! / 1000).toStringAsFixed(3);
|
|
}
|
|
if (deviceInfo.txPower != null) {
|
|
_txPowerController.text = deviceInfo.txPower.toString();
|
|
}
|
|
if (deviceInfo.radioBw != null && deviceInfo.radioBw! >= 0 && deviceInfo.radioBw! <= 9) {
|
|
_selectedBandwidth = _bandwidthFromValue(deviceInfo.radioBw!);
|
|
}
|
|
if (deviceInfo.radioSf != null) {
|
|
// Validate spreading factor is in valid range (7-12)
|
|
if (deviceInfo.radioSf! >= 7 && deviceInfo.radioSf! <= 12) {
|
|
_selectedSpreadingFactor = deviceInfo.radioSf!;
|
|
} else {
|
|
debugPrint('⚠️ Invalid spreading factor from device: ${deviceInfo.radioSf}. Using default: 8');
|
|
_selectedSpreadingFactor = 8;
|
|
}
|
|
}
|
|
if (deviceInfo.radioCr != null) {
|
|
// Validate coding rate is in valid range (5-8)
|
|
if (deviceInfo.radioCr! >= 5 && deviceInfo.radioCr! <= 8) {
|
|
_selectedCodingRate = deviceInfo.radioCr!;
|
|
} else {
|
|
debugPrint('⚠️ Invalid coding rate from device: ${deviceInfo.radioCr}. Using default: 8');
|
|
_selectedCodingRate = 8;
|
|
}
|
|
}
|
|
_sharePosition = (deviceInfo.advLat != null && deviceInfo.advLat! != 0) ||
|
|
(deviceInfo.advLon != null && deviceInfo.advLon! != 0);
|
|
});
|
|
|
|
ScaffoldMessenger.of(context).showSnackBar(
|
|
const SnackBar(
|
|
content: Text('Device info refreshed'),
|
|
backgroundColor: Colors.green,
|
|
),
|
|
);
|
|
}
|
|
} catch (e) {
|
|
if (context.mounted) {
|
|
ScaffoldMessenger.of(context).showSnackBar(
|
|
SnackBar(
|
|
content: Text('Failed to refresh: $e'),
|
|
backgroundColor: Colors.red,
|
|
),
|
|
);
|
|
}
|
|
}
|
|
}
|
|
|
|
Future<void> _useCurrentLocation() async {
|
|
try {
|
|
// Check if location services are enabled
|
|
bool serviceEnabled = await Geolocator.isLocationServiceEnabled();
|
|
if (!serviceEnabled) {
|
|
if (context.mounted) {
|
|
ScaffoldMessenger.of(context).showSnackBar(
|
|
const SnackBar(
|
|
content: Text('Location services are disabled'),
|
|
backgroundColor: Colors.orange,
|
|
),
|
|
);
|
|
}
|
|
return;
|
|
}
|
|
|
|
// Check location permission
|
|
LocationPermission permission = await Geolocator.checkPermission();
|
|
if (permission == LocationPermission.denied) {
|
|
permission = await Geolocator.requestPermission();
|
|
if (permission == LocationPermission.denied) {
|
|
if (context.mounted) {
|
|
ScaffoldMessenger.of(context).showSnackBar(
|
|
const SnackBar(
|
|
content: Text('Location permission denied'),
|
|
backgroundColor: Colors.red,
|
|
),
|
|
);
|
|
}
|
|
return;
|
|
}
|
|
}
|
|
|
|
if (permission == LocationPermission.deniedForever) {
|
|
if (context.mounted) {
|
|
ScaffoldMessenger.of(context).showSnackBar(
|
|
const SnackBar(
|
|
content: Text('Location permission permanently denied'),
|
|
backgroundColor: Colors.red,
|
|
),
|
|
);
|
|
}
|
|
return;
|
|
}
|
|
|
|
// Get current position
|
|
Position position = await Geolocator.getCurrentPosition(
|
|
locationSettings: const LocationSettings(
|
|
accuracy: LocationAccuracy.best,
|
|
),
|
|
);
|
|
|
|
setState(() {
|
|
_latController.text = position.latitude.toStringAsFixed(6);
|
|
_lonController.text = position.longitude.toStringAsFixed(6);
|
|
_sharePosition = true;
|
|
});
|
|
|
|
if (context.mounted) {
|
|
ScaffoldMessenger.of(context).showSnackBar(
|
|
const SnackBar(
|
|
content: Text('Location updated'),
|
|
backgroundColor: Colors.green,
|
|
),
|
|
);
|
|
}
|
|
} catch (e) {
|
|
if (context.mounted) {
|
|
ScaffoldMessenger.of(context).showSnackBar(
|
|
SnackBar(
|
|
content: Text('Failed to get location: $e'),
|
|
backgroundColor: Colors.red,
|
|
),
|
|
);
|
|
}
|
|
}
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final deviceInfo = context.watch<ConnectionProvider>().deviceInfo;
|
|
final publicKeyHex = deviceInfo.publicKey != null
|
|
? deviceInfo.publicKey!
|
|
.map((b) => b.toRadixString(16).padLeft(2, '0'))
|
|
.join('')
|
|
: '';
|
|
final publicKeyShort = publicKeyHex.isNotEmpty && publicKeyHex.length >= 16
|
|
? '${publicKeyHex.substring(0, 8)}...${publicKeyHex.substring(publicKeyHex.length - 8)}'
|
|
: 'unknown';
|
|
|
|
final theme = Theme.of(context);
|
|
final isDark = theme.brightness == Brightness.dark;
|
|
|
|
return Scaffold(
|
|
backgroundColor: isDark ? const Color(0xFF121212) : const Color(0xFFF5F5F5),
|
|
appBar: AppBar(
|
|
elevation: 0,
|
|
backgroundColor: Colors.transparent,
|
|
leading: IconButton(
|
|
icon: const Icon(Icons.arrow_back),
|
|
onPressed: () => Navigator.pop(context),
|
|
),
|
|
title: const Text('Device Settings'),
|
|
centerTitle: false,
|
|
),
|
|
body: ListView(
|
|
padding: const EdgeInsets.symmetric(horizontal: 16),
|
|
children: [
|
|
const SizedBox(height: 8),
|
|
|
|
// Device Card
|
|
Container(
|
|
padding: const EdgeInsets.all(24),
|
|
decoration: BoxDecoration(
|
|
color: theme.cardColor,
|
|
borderRadius: BorderRadius.circular(20),
|
|
boxShadow: [
|
|
BoxShadow(
|
|
color: Colors.black.withOpacity(0.05),
|
|
blurRadius: 10,
|
|
offset: const Offset(0, 4),
|
|
),
|
|
],
|
|
),
|
|
child: Column(
|
|
children: [
|
|
// Device Avatar
|
|
Container(
|
|
width: 100,
|
|
height: 100,
|
|
decoration: BoxDecoration(
|
|
gradient: LinearGradient(
|
|
begin: Alignment.topLeft,
|
|
end: Alignment.bottomRight,
|
|
colors: [
|
|
Colors.purple.shade400,
|
|
Colors.purple.shade700,
|
|
],
|
|
),
|
|
shape: BoxShape.circle,
|
|
boxShadow: [
|
|
BoxShadow(
|
|
color: Colors.purple.withOpacity(0.3),
|
|
blurRadius: 20,
|
|
offset: const Offset(0, 8),
|
|
),
|
|
],
|
|
),
|
|
child: Center(
|
|
child: Text(
|
|
deviceInfo.displayName?.substring(0, 1).toUpperCase() ?? 'M',
|
|
style: const TextStyle(
|
|
fontSize: 42,
|
|
fontWeight: FontWeight.bold,
|
|
color: Colors.white,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
const SizedBox(height: 16),
|
|
|
|
// Device Name
|
|
Text(
|
|
deviceInfo.displayName ?? 'MeshCore Device',
|
|
style: theme.textTheme.headlineSmall?.copyWith(
|
|
fontWeight: FontWeight.bold,
|
|
),
|
|
textAlign: TextAlign.center,
|
|
),
|
|
const SizedBox(height: 8),
|
|
|
|
// Public Key Chip
|
|
Container(
|
|
padding: const EdgeInsets.symmetric(
|
|
horizontal: 12,
|
|
vertical: 6,
|
|
),
|
|
decoration: BoxDecoration(
|
|
color: isDark
|
|
? Colors.grey.shade800
|
|
: Colors.grey.shade200,
|
|
borderRadius: BorderRadius.circular(20),
|
|
),
|
|
child: Row(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
Icon(
|
|
Icons.fingerprint,
|
|
size: 16,
|
|
color: theme.colorScheme.primary,
|
|
),
|
|
const SizedBox(width: 6),
|
|
Text(
|
|
publicKeyShort,
|
|
style: TextStyle(
|
|
fontSize: 12,
|
|
fontFamily: 'monospace',
|
|
color: theme.textTheme.bodyMedium?.color,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
|
|
const SizedBox(height: 24),
|
|
|
|
// Public Info Section
|
|
_SectionHeader(
|
|
title: 'Public Info',
|
|
trailing: Row(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
IconButton(
|
|
icon: const Icon(Icons.refresh),
|
|
onPressed: _refreshDeviceInfo,
|
|
tooltip: 'Refresh',
|
|
iconSize: 20,
|
|
),
|
|
IconButton(
|
|
icon: const Icon(Icons.check),
|
|
onPressed: _savePublicInfo,
|
|
tooltip: 'Save',
|
|
iconSize: 20,
|
|
),
|
|
],
|
|
),
|
|
),
|
|
|
|
_SettingTile(
|
|
icon: Icons.person,
|
|
label: 'Name',
|
|
isFirst: true,
|
|
child: Container(
|
|
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 8),
|
|
decoration: BoxDecoration(
|
|
color: Theme.of(context).colorScheme.surfaceContainerHighest.withOpacity(0.3),
|
|
borderRadius: BorderRadius.circular(8),
|
|
),
|
|
child: TextField(
|
|
controller: _nameController,
|
|
decoration: const InputDecoration(
|
|
border: InputBorder.none,
|
|
hintText: 'Device name',
|
|
isDense: true,
|
|
contentPadding: EdgeInsets.zero,
|
|
),
|
|
textAlign: TextAlign.end,
|
|
style: const TextStyle(
|
|
fontWeight: FontWeight.w500,
|
|
fontSize: 14,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
|
|
_SettingTile(
|
|
icon: Icons.key,
|
|
label: 'Public Key',
|
|
trailing: Row(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
Flexible(
|
|
child: Text(
|
|
publicKeyHex.substring(0, 32.clamp(0, publicKeyHex.length)),
|
|
overflow: TextOverflow.ellipsis,
|
|
style: const TextStyle(
|
|
fontFamily: 'monospace',
|
|
fontSize: 12,
|
|
),
|
|
),
|
|
),
|
|
const SizedBox(width: 4),
|
|
Material(
|
|
color: Colors.transparent,
|
|
child: InkWell(
|
|
borderRadius: BorderRadius.circular(20),
|
|
onTap: () {
|
|
Clipboard.setData(ClipboardData(text: publicKeyHex));
|
|
ScaffoldMessenger.of(context).showSnackBar(
|
|
const SnackBar(
|
|
content: Text('Public key copied'),
|
|
duration: Duration(seconds: 1),
|
|
),
|
|
);
|
|
},
|
|
child: Padding(
|
|
padding: const EdgeInsets.all(8),
|
|
child: Icon(
|
|
Icons.copy,
|
|
size: 18,
|
|
color: Theme.of(context).colorScheme.primary,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
|
|
_SettingTile(
|
|
icon: Icons.location_on,
|
|
label: 'Latitude',
|
|
trailing: Container(
|
|
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 8),
|
|
decoration: BoxDecoration(
|
|
color: Theme.of(context).colorScheme.surfaceContainerHighest.withOpacity(0.3),
|
|
borderRadius: BorderRadius.circular(8),
|
|
),
|
|
child: IntrinsicWidth(
|
|
child: TextField(
|
|
controller: _latController,
|
|
decoration: const InputDecoration(
|
|
border: InputBorder.none,
|
|
isDense: true,
|
|
contentPadding: EdgeInsets.zero,
|
|
),
|
|
textAlign: TextAlign.center,
|
|
style: const TextStyle(
|
|
fontWeight: FontWeight.w500,
|
|
fontSize: 13,
|
|
),
|
|
keyboardType: const TextInputType.numberWithOptions(
|
|
decimal: true,
|
|
signed: true,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
|
|
_SettingTile(
|
|
icon: null,
|
|
label: 'Longitude',
|
|
trailing: Row(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
Container(
|
|
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 8),
|
|
decoration: BoxDecoration(
|
|
color: Theme.of(context).colorScheme.surfaceContainerHighest.withOpacity(0.3),
|
|
borderRadius: BorderRadius.circular(8),
|
|
),
|
|
child: IntrinsicWidth(
|
|
child: TextField(
|
|
controller: _lonController,
|
|
decoration: const InputDecoration(
|
|
border: InputBorder.none,
|
|
isDense: true,
|
|
contentPadding: EdgeInsets.zero,
|
|
),
|
|
textAlign: TextAlign.center,
|
|
style: const TextStyle(
|
|
fontWeight: FontWeight.w500,
|
|
fontSize: 13,
|
|
),
|
|
keyboardType: const TextInputType.numberWithOptions(
|
|
decimal: true,
|
|
signed: true,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
const SizedBox(width: 8),
|
|
Material(
|
|
color: Colors.transparent,
|
|
child: InkWell(
|
|
borderRadius: BorderRadius.circular(20),
|
|
onTap: _useCurrentLocation,
|
|
child: Container(
|
|
padding: const EdgeInsets.all(8),
|
|
decoration: BoxDecoration(
|
|
color: Theme.of(context).colorScheme.primaryContainer,
|
|
shape: BoxShape.circle,
|
|
),
|
|
child: Icon(
|
|
Icons.my_location,
|
|
size: 16,
|
|
color: Theme.of(context).colorScheme.onPrimaryContainer,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
|
|
_SettingTile(
|
|
icon: Icons.wifi_tethering,
|
|
label: 'Share Position',
|
|
isLast: true,
|
|
trailing: Row(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
Switch(
|
|
value: _sharePosition,
|
|
onChanged: (value) {
|
|
setState(() {
|
|
_sharePosition = value;
|
|
});
|
|
},
|
|
),
|
|
Material(
|
|
color: Colors.transparent,
|
|
child: InkWell(
|
|
borderRadius: BorderRadius.circular(20),
|
|
onTap: () {
|
|
showDialog(
|
|
context: context,
|
|
builder: (context) => AlertDialog(
|
|
title: const Text('Share Position'),
|
|
content: const Text(
|
|
'When enabled, your device will broadcast its GPS coordinates '
|
|
'to other devices in the mesh network.',
|
|
),
|
|
actions: [
|
|
TextButton(
|
|
onPressed: () => Navigator.pop(context),
|
|
child: const Text('GOT IT'),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
},
|
|
child: Padding(
|
|
padding: const EdgeInsets.all(8),
|
|
child: Icon(
|
|
Icons.info_outline,
|
|
size: 18,
|
|
color: Theme.of(context).colorScheme.primary.withOpacity(0.7),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
|
|
const SizedBox(height: 24),
|
|
|
|
// Radio Settings Section
|
|
_SectionHeader(
|
|
title: 'Radio Settings',
|
|
trailing: Row(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
OutlinedButton(
|
|
onPressed: () {
|
|
// TODO: Show preset selection dialog
|
|
ScaffoldMessenger.of(context).showSnackBar(
|
|
const SnackBar(content: Text('Preset selection coming soon')),
|
|
);
|
|
},
|
|
style: OutlinedButton.styleFrom(
|
|
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 8),
|
|
minimumSize: Size.zero,
|
|
),
|
|
child: const Text('Choose Preset', style: TextStyle(fontSize: 12)),
|
|
),
|
|
IconButton(
|
|
icon: const Icon(Icons.check),
|
|
onPressed: _saveRadioSettings,
|
|
tooltip: 'Save',
|
|
iconSize: 20,
|
|
),
|
|
],
|
|
),
|
|
),
|
|
|
|
_SettingTile(
|
|
icon: Icons.radio,
|
|
label: 'Frequency (MHz)',
|
|
isFirst: true,
|
|
child: Container(
|
|
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 8),
|
|
decoration: BoxDecoration(
|
|
color: Theme.of(context).colorScheme.surfaceContainerHighest.withOpacity(0.3),
|
|
borderRadius: BorderRadius.circular(8),
|
|
),
|
|
child: TextField(
|
|
controller: _freqController,
|
|
decoration: const InputDecoration(
|
|
border: InputBorder.none,
|
|
isDense: true,
|
|
contentPadding: EdgeInsets.zero,
|
|
),
|
|
textAlign: TextAlign.end,
|
|
style: const TextStyle(
|
|
fontWeight: FontWeight.w500,
|
|
fontSize: 14,
|
|
),
|
|
keyboardType: const TextInputType.numberWithOptions(
|
|
decimal: true,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
|
|
_SettingTile(
|
|
icon: Icons.graphic_eq,
|
|
label: 'Bandwidth',
|
|
trailing: Container(
|
|
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 4),
|
|
decoration: BoxDecoration(
|
|
color: Theme.of(context).colorScheme.surfaceContainerHighest.withOpacity(0.3),
|
|
borderRadius: BorderRadius.circular(8),
|
|
),
|
|
child: DropdownButton<String>(
|
|
value: _selectedBandwidth,
|
|
underline: const SizedBox(),
|
|
isDense: true,
|
|
style: TextStyle(
|
|
fontWeight: FontWeight.w500,
|
|
fontSize: 13,
|
|
color: Theme.of(context).textTheme.bodyLarge?.color,
|
|
),
|
|
items: _bandwidthOptions.map((String value) {
|
|
return DropdownMenuItem<String>(
|
|
value: value,
|
|
child: Text(value),
|
|
);
|
|
}).toList(),
|
|
onChanged: (String? newValue) {
|
|
if (newValue != null) {
|
|
setState(() {
|
|
_selectedBandwidth = newValue;
|
|
});
|
|
}
|
|
},
|
|
),
|
|
),
|
|
),
|
|
|
|
_SettingTile(
|
|
icon: Icons.layers,
|
|
label: 'Spreading Factor',
|
|
trailing: Container(
|
|
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 4),
|
|
decoration: BoxDecoration(
|
|
color: Theme.of(context).colorScheme.surfaceContainerHighest.withOpacity(0.3),
|
|
borderRadius: BorderRadius.circular(8),
|
|
),
|
|
child: DropdownButton<int>(
|
|
value: _selectedSpreadingFactor,
|
|
underline: const SizedBox(),
|
|
isDense: true,
|
|
style: TextStyle(
|
|
fontWeight: FontWeight.w500,
|
|
fontSize: 13,
|
|
color: Theme.of(context).textTheme.bodyLarge?.color,
|
|
),
|
|
items: List.generate(6, (index) => index + 7).map((int value) {
|
|
return DropdownMenuItem<int>(
|
|
value: value,
|
|
child: Text(value.toString()),
|
|
);
|
|
}).toList(),
|
|
onChanged: (int? newValue) {
|
|
if (newValue != null) {
|
|
setState(() {
|
|
_selectedSpreadingFactor = newValue;
|
|
});
|
|
}
|
|
},
|
|
),
|
|
),
|
|
),
|
|
|
|
_SettingTile(
|
|
icon: Icons.data_usage,
|
|
label: 'Coding Rate',
|
|
trailing: Container(
|
|
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 4),
|
|
decoration: BoxDecoration(
|
|
color: Theme.of(context).colorScheme.surfaceContainerHighest.withOpacity(0.3),
|
|
borderRadius: BorderRadius.circular(8),
|
|
),
|
|
child: DropdownButton<int>(
|
|
value: _selectedCodingRate,
|
|
underline: const SizedBox(),
|
|
isDense: true,
|
|
style: TextStyle(
|
|
fontWeight: FontWeight.w500,
|
|
fontSize: 13,
|
|
color: Theme.of(context).textTheme.bodyLarge?.color,
|
|
),
|
|
items: List.generate(4, (index) => index + 5).map((int value) {
|
|
return DropdownMenuItem<int>(
|
|
value: value,
|
|
child: Text(value.toString()),
|
|
);
|
|
}).toList(),
|
|
onChanged: (int? newValue) {
|
|
if (newValue != null) {
|
|
setState(() {
|
|
_selectedCodingRate = newValue;
|
|
});
|
|
}
|
|
},
|
|
),
|
|
),
|
|
),
|
|
|
|
_SettingTile(
|
|
icon: Icons.power,
|
|
label: 'Transmit Power (dBm)',
|
|
isLast: true,
|
|
child: Container(
|
|
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 8),
|
|
decoration: BoxDecoration(
|
|
color: Theme.of(context).colorScheme.surfaceContainerHighest.withOpacity(0.3),
|
|
borderRadius: BorderRadius.circular(8),
|
|
),
|
|
child: TextField(
|
|
controller: _txPowerController,
|
|
decoration: const InputDecoration(
|
|
border: InputBorder.none,
|
|
isDense: true,
|
|
contentPadding: EdgeInsets.zero,
|
|
),
|
|
textAlign: TextAlign.end,
|
|
style: const TextStyle(
|
|
fontWeight: FontWeight.w500,
|
|
fontSize: 14,
|
|
),
|
|
keyboardType: TextInputType.number,
|
|
),
|
|
),
|
|
),
|
|
|
|
const SizedBox(height: 32),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
class _SectionHeader extends StatelessWidget {
|
|
final String title;
|
|
final VoidCallback? onMorePressed;
|
|
final Widget? trailing;
|
|
|
|
const _SectionHeader({
|
|
required this.title,
|
|
this.onMorePressed,
|
|
this.trailing,
|
|
});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final theme = Theme.of(context);
|
|
|
|
return Container(
|
|
padding: const EdgeInsets.fromLTRB(4, 16, 4, 8),
|
|
child: Row(
|
|
children: [
|
|
Text(
|
|
title,
|
|
style: theme.textTheme.titleMedium?.copyWith(
|
|
fontWeight: FontWeight.bold,
|
|
letterSpacing: 0.5,
|
|
),
|
|
),
|
|
const Spacer(),
|
|
if (trailing != null)
|
|
trailing!
|
|
else if (onMorePressed != null)
|
|
IconButton(
|
|
icon: const Icon(Icons.more_vert),
|
|
onPressed: onMorePressed,
|
|
iconSize: 20,
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
class _SettingTile extends StatelessWidget {
|
|
final IconData? icon;
|
|
final String label;
|
|
final Widget? child;
|
|
final Widget? trailing;
|
|
final bool isFirst;
|
|
final bool isLast;
|
|
|
|
const _SettingTile({
|
|
this.icon,
|
|
required this.label,
|
|
this.child,
|
|
this.trailing,
|
|
this.isFirst = false,
|
|
this.isLast = false,
|
|
});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final theme = Theme.of(context);
|
|
|
|
return Container(
|
|
margin: EdgeInsets.only(
|
|
top: isFirst ? 8 : 0,
|
|
bottom: isLast ? 0 : 1,
|
|
),
|
|
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 14),
|
|
decoration: BoxDecoration(
|
|
color: theme.cardColor,
|
|
borderRadius: BorderRadius.vertical(
|
|
top: isFirst ? const Radius.circular(12) : Radius.zero,
|
|
bottom: isLast ? const Radius.circular(12) : Radius.zero,
|
|
),
|
|
),
|
|
child: Row(
|
|
children: [
|
|
if (icon != null) ...[
|
|
Container(
|
|
padding: const EdgeInsets.all(6),
|
|
decoration: BoxDecoration(
|
|
color: theme.colorScheme.primary.withOpacity(0.1),
|
|
borderRadius: BorderRadius.circular(6),
|
|
),
|
|
child: Icon(
|
|
icon,
|
|
size: 18,
|
|
color: theme.colorScheme.primary,
|
|
),
|
|
),
|
|
const SizedBox(width: 12),
|
|
] else
|
|
const SizedBox(width: 12),
|
|
Expanded(
|
|
child: Text(
|
|
label,
|
|
style: theme.textTheme.bodyMedium?.copyWith(
|
|
fontWeight: FontWeight.w500,
|
|
),
|
|
),
|
|
),
|
|
if (child != null)
|
|
Flexible(
|
|
child: child!,
|
|
)
|
|
else if (trailing != null)
|
|
trailing!,
|
|
],
|
|
),
|
|
);
|
|
}
|
|
}
|