mirror of
https://github.com/dz0ny/meshcore-sar.git
synced 2026-08-11 08:20:36 +00:00
fa2b586ab7
Replace hardcoded English strings in 32 Dart source files with l10n references. Covers settings labels, UI actions, map/SAR features, device config, notifications, profiles, spectrum scan, and status messages for sl, de, hr, pl, es, fr, it, el, ru, tr, uk, zh, pt.
897 lines
28 KiB
Dart
897 lines
28 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:provider/provider.dart';
|
|
import '../l10n/app_localizations.dart';
|
|
import '../providers/connection_provider.dart';
|
|
import '../services/wizard_preferences.dart';
|
|
import '../widgets/connection_dialog.dart';
|
|
|
|
/// Welcome wizard screen to introduce new users to the app
|
|
class WelcomeWizardScreen extends StatefulWidget {
|
|
final VoidCallback? onCompleted;
|
|
|
|
const WelcomeWizardScreen({super.key, this.onCompleted});
|
|
|
|
@override
|
|
State<WelcomeWizardScreen> createState() => _WelcomeWizardScreenState();
|
|
}
|
|
|
|
class _WelcomeWizardScreenState extends State<WelcomeWizardScreen> {
|
|
final PageController _pageController = PageController();
|
|
final TextEditingController _deviceNameController = TextEditingController();
|
|
int _currentPage = 0;
|
|
bool _isApplyingDeviceSetup = false;
|
|
static const int _totalPages = 6;
|
|
static const List<_RadioPreset> _radioPresets = [
|
|
// Official MeshCore config presets from https://api.meshcore.nz/api/v1/config
|
|
_RadioPreset(
|
|
id: 'australia',
|
|
label: 'Australia',
|
|
summary: '915.800 MHz, BW 250 kHz, SF10, CR5',
|
|
frequencyKhz: 915800,
|
|
bandwidth: 8,
|
|
spreadingFactor: 10,
|
|
codingRate: 5,
|
|
),
|
|
_RadioPreset(
|
|
id: 'australia_narrow',
|
|
label: 'Australia (Narrow)',
|
|
summary: '916.575 MHz, BW 62.5 kHz, SF7, CR8',
|
|
frequencyKhz: 916575,
|
|
bandwidth: 6,
|
|
spreadingFactor: 7,
|
|
codingRate: 8,
|
|
),
|
|
_RadioPreset(
|
|
id: 'australia_sa_wa',
|
|
label: 'Australia: SA, WA',
|
|
summary: '923.125 MHz, BW 62.5 kHz, SF8, CR8',
|
|
frequencyKhz: 923125,
|
|
bandwidth: 6,
|
|
spreadingFactor: 8,
|
|
codingRate: 8,
|
|
),
|
|
_RadioPreset(
|
|
id: 'australia_qld',
|
|
label: 'Australia: QLD',
|
|
summary: '923.125 MHz, BW 62.5 kHz, SF8, CR5',
|
|
frequencyKhz: 923125,
|
|
bandwidth: 6,
|
|
spreadingFactor: 8,
|
|
codingRate: 5,
|
|
),
|
|
_RadioPreset(
|
|
id: 'eu_uk_narrow',
|
|
label: 'EU/UK (Narrow)',
|
|
summary: '869.618 MHz, BW 62.5 kHz, SF8, CR8',
|
|
frequencyKhz: 869618,
|
|
bandwidth: 6,
|
|
spreadingFactor: 8,
|
|
codingRate: 8,
|
|
),
|
|
_RadioPreset(
|
|
id: 'eu_uk_deprecated',
|
|
label: 'EU/UK (Deprecated)',
|
|
summary: '869.525 MHz, BW 250 kHz, SF11, CR5',
|
|
frequencyKhz: 869525,
|
|
bandwidth: 8,
|
|
spreadingFactor: 11,
|
|
codingRate: 5,
|
|
),
|
|
_RadioPreset(
|
|
id: 'czech_republic_narrow',
|
|
label: 'Czech Republic (Narrow)',
|
|
summary: '869.432 MHz, BW 62.5 kHz, SF7, CR5',
|
|
frequencyKhz: 869432,
|
|
bandwidth: 6,
|
|
spreadingFactor: 7,
|
|
codingRate: 5,
|
|
),
|
|
_RadioPreset(
|
|
id: 'eu_433_long_range',
|
|
label: 'EU 433MHz (Long Range)',
|
|
summary: '433.650 MHz, BW 250 kHz, SF11, CR5',
|
|
frequencyKhz: 433650,
|
|
bandwidth: 8,
|
|
spreadingFactor: 11,
|
|
codingRate: 5,
|
|
),
|
|
_RadioPreset(
|
|
id: 'new_zealand',
|
|
label: 'New Zealand',
|
|
summary: '917.375 MHz, BW 250 kHz, SF11, CR5',
|
|
frequencyKhz: 917375,
|
|
bandwidth: 8,
|
|
spreadingFactor: 11,
|
|
codingRate: 5,
|
|
),
|
|
_RadioPreset(
|
|
id: 'new_zealand_narrow',
|
|
label: 'New Zealand (Narrow)',
|
|
summary: '917.375 MHz, BW 62.5 kHz, SF7, CR5',
|
|
frequencyKhz: 917375,
|
|
bandwidth: 6,
|
|
spreadingFactor: 7,
|
|
codingRate: 5,
|
|
),
|
|
_RadioPreset(
|
|
id: 'portugal_433',
|
|
label: 'Portugal 433',
|
|
summary: '433.375 MHz, BW 62.5 kHz, SF9, CR6',
|
|
frequencyKhz: 433375,
|
|
bandwidth: 6,
|
|
spreadingFactor: 9,
|
|
codingRate: 6,
|
|
),
|
|
_RadioPreset(
|
|
id: 'portugal_868',
|
|
label: 'Portugal 868',
|
|
summary: '869.618 MHz, BW 62.5 kHz, SF7, CR6',
|
|
frequencyKhz: 869618,
|
|
bandwidth: 6,
|
|
spreadingFactor: 7,
|
|
codingRate: 6,
|
|
),
|
|
_RadioPreset(
|
|
id: 'switzerland',
|
|
label: 'Switzerland',
|
|
summary: '869.618 MHz, BW 62.5 kHz, SF8, CR8',
|
|
frequencyKhz: 869618,
|
|
bandwidth: 6,
|
|
spreadingFactor: 8,
|
|
codingRate: 8,
|
|
),
|
|
_RadioPreset(
|
|
id: 'usa_canada_recommended',
|
|
label: 'USA/Canada (Recommended)',
|
|
summary: '910.525 MHz, BW 62.5 kHz, SF7, CR5',
|
|
frequencyKhz: 910525,
|
|
bandwidth: 6,
|
|
spreadingFactor: 7,
|
|
codingRate: 5,
|
|
),
|
|
_RadioPreset(
|
|
id: 'vietnam_narrow',
|
|
label: 'Vietnam (Narrow)',
|
|
summary: '920.250 MHz, BW 62.5 kHz, SF8, CR5',
|
|
frequencyKhz: 920250,
|
|
bandwidth: 6,
|
|
spreadingFactor: 8,
|
|
codingRate: 5,
|
|
),
|
|
_RadioPreset(
|
|
id: 'vietnam_deprecated',
|
|
label: 'Vietnam (Deprecated)',
|
|
summary: '920.250 MHz, BW 250 kHz, SF11, CR5',
|
|
frequencyKhz: 920250,
|
|
bandwidth: 8,
|
|
spreadingFactor: 11,
|
|
codingRate: 5,
|
|
),
|
|
];
|
|
_RadioPreset _selectedPreset = _radioPresets[4];
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
final deviceInfo = context.read<ConnectionProvider>().deviceInfo;
|
|
_deviceNameController.text =
|
|
deviceInfo.selfName ?? deviceInfo.deviceName ?? '';
|
|
}
|
|
|
|
@override
|
|
void dispose() {
|
|
_pageController.dispose();
|
|
_deviceNameController.dispose();
|
|
super.dispose();
|
|
}
|
|
|
|
void _onPageChanged(int page) {
|
|
setState(() {
|
|
_currentPage = page;
|
|
});
|
|
}
|
|
|
|
void _nextPage() {
|
|
if (_currentPage == 1) {
|
|
_handleDeviceSetupAction();
|
|
} else if (_currentPage < _totalPages - 1) {
|
|
_pageController.nextPage(
|
|
duration: const Duration(milliseconds: 300),
|
|
curve: Curves.easeInOut,
|
|
);
|
|
} else {
|
|
_completeWizard();
|
|
}
|
|
}
|
|
|
|
void _previousPage() {
|
|
if (_currentPage > 0) {
|
|
_pageController.previousPage(
|
|
duration: const Duration(milliseconds: 300),
|
|
curve: Curves.easeInOut,
|
|
);
|
|
}
|
|
}
|
|
|
|
Future<void> _completeWizard() async {
|
|
await WizardPreferences.setWizardCompleted(true);
|
|
if (mounted) {
|
|
widget.onCompleted?.call();
|
|
}
|
|
}
|
|
|
|
Future<void> _openConnectionDialog() async {
|
|
await showModalBottomSheet(
|
|
context: context,
|
|
isScrollControlled: true,
|
|
builder: (context) => const ConnectionDialog(),
|
|
);
|
|
if (!mounted) return;
|
|
final connectionProvider = context.read<ConnectionProvider>();
|
|
if (connectionProvider.deviceInfo.isConnected) {
|
|
await connectionProvider.refreshDeviceInfo();
|
|
}
|
|
if (!mounted) return;
|
|
final deviceInfo = connectionProvider.deviceInfo;
|
|
final fetchedName = deviceInfo.selfName ?? deviceInfo.deviceName ?? '';
|
|
if (fetchedName.isNotEmpty) {
|
|
setState(() {
|
|
_deviceNameController.text = fetchedName;
|
|
});
|
|
} else {
|
|
setState(() {});
|
|
}
|
|
}
|
|
|
|
Future<void> _handleDeviceSetupAction() async {
|
|
final l10n = AppLocalizations.of(context)!;
|
|
final connectionProvider = context.read<ConnectionProvider>();
|
|
final deviceInfo = connectionProvider.deviceInfo;
|
|
if (!deviceInfo.isConnected) {
|
|
await _openConnectionDialog();
|
|
return;
|
|
}
|
|
|
|
final trimmedName = _deviceNameController.text.trim();
|
|
if (trimmedName.isEmpty) {
|
|
ScaffoldMessenger.of(
|
|
context,
|
|
).showSnackBar(SnackBar(content: Text(l10n.wizardEnterDeviceName)));
|
|
return;
|
|
}
|
|
|
|
setState(() {
|
|
_isApplyingDeviceSetup = true;
|
|
});
|
|
|
|
try {
|
|
await connectionProvider.setAdvertName(trimmedName);
|
|
await connectionProvider.setRadioParams(
|
|
frequency: _selectedPreset.frequencyKhz,
|
|
bandwidth: _selectedPreset.bandwidth,
|
|
spreadingFactor: _selectedPreset.spreadingFactor,
|
|
codingRate: _selectedPreset.codingRate,
|
|
);
|
|
await connectionProvider.refreshDeviceInfo();
|
|
|
|
if (!mounted) return;
|
|
ScaffoldMessenger.of(context).showSnackBar(
|
|
SnackBar(
|
|
content: Text(
|
|
l10n.wizardDeviceSetupSaved(trimmedName, _selectedPreset.label),
|
|
),
|
|
backgroundColor: Colors.green,
|
|
),
|
|
);
|
|
_pageController.nextPage(
|
|
duration: const Duration(milliseconds: 300),
|
|
curve: Curves.easeInOut,
|
|
);
|
|
} catch (e) {
|
|
if (!mounted) return;
|
|
ScaffoldMessenger.of(context).showSnackBar(
|
|
SnackBar(
|
|
content: Text(l10n.failedToSave(e.toString())),
|
|
backgroundColor: Colors.red,
|
|
),
|
|
);
|
|
} finally {
|
|
if (mounted) {
|
|
setState(() {
|
|
_isApplyingDeviceSetup = false;
|
|
});
|
|
}
|
|
}
|
|
}
|
|
|
|
void _skipDeviceSetupStep() {
|
|
if (_isApplyingDeviceSetup) return;
|
|
_pageController.nextPage(
|
|
duration: const Duration(milliseconds: 300),
|
|
curve: Curves.easeInOut,
|
|
);
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final l10n = AppLocalizations.of(context)!;
|
|
final theme = Theme.of(context);
|
|
final colorScheme = theme.colorScheme;
|
|
|
|
return Scaffold(
|
|
body: SafeArea(
|
|
child: Column(
|
|
children: [
|
|
// Top bar with skip button
|
|
Padding(
|
|
padding: const EdgeInsets.fromLTRB(16, 12, 16, 8),
|
|
child: Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: [
|
|
if (_currentPage > 0)
|
|
TextButton.icon(
|
|
onPressed: _previousPage,
|
|
icon: Icon(Icons.arrow_back),
|
|
label: Text(l10n.wizardBack),
|
|
)
|
|
else
|
|
const SizedBox(width: 80),
|
|
if (_currentPage < _totalPages - 1)
|
|
TextButton(
|
|
onPressed: _completeWizard,
|
|
child: Text(l10n.wizardSkip),
|
|
)
|
|
else
|
|
const SizedBox(width: 80),
|
|
],
|
|
),
|
|
),
|
|
|
|
// Page view with wizard content
|
|
Expanded(
|
|
child: PageView(
|
|
controller: _pageController,
|
|
onPageChanged: _onPageChanged,
|
|
physics: const NeverScrollableScrollPhysics(),
|
|
children: [
|
|
_buildWelcomePage(context, l10n, colorScheme),
|
|
_buildConnectDevicePage(context, l10n, colorScheme),
|
|
_buildConnectingPage(context, l10n, colorScheme),
|
|
_buildChannelPage(context, l10n, colorScheme),
|
|
_buildContactsPage(context, l10n, colorScheme),
|
|
_buildMapPage(context, l10n, colorScheme),
|
|
],
|
|
),
|
|
),
|
|
|
|
// Page indicators
|
|
Padding(
|
|
padding: const EdgeInsets.fromLTRB(16, 8, 16, 8),
|
|
child: Row(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: List.generate(
|
|
_totalPages,
|
|
(index) => Container(
|
|
margin: const EdgeInsets.symmetric(horizontal: 4.0),
|
|
width: _currentPage == index ? 12.0 : 8.0,
|
|
height: _currentPage == index ? 12.0 : 8.0,
|
|
decoration: BoxDecoration(
|
|
shape: BoxShape.circle,
|
|
color: _currentPage == index
|
|
? colorScheme.primary
|
|
: colorScheme.outline.withValues(alpha: 0.3),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
|
|
// Next/Get Started button
|
|
Padding(
|
|
padding: const EdgeInsets.fromLTRB(16, 8, 16, 16),
|
|
child: SizedBox(
|
|
width: double.infinity,
|
|
child: ElevatedButton(
|
|
onPressed: _isApplyingDeviceSetup ? null : _nextPage,
|
|
style: ElevatedButton.styleFrom(
|
|
padding: const EdgeInsets.symmetric(vertical: 16.0),
|
|
shape: RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.circular(12),
|
|
),
|
|
),
|
|
child: Text(
|
|
_currentPage == 1
|
|
? _deviceSetupButtonLabel(context)
|
|
: _currentPage < _totalPages - 1
|
|
? l10n.wizardNext
|
|
: l10n.wizardGetStarted,
|
|
style: const TextStyle(fontSize: 16),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildWelcomePage(
|
|
BuildContext context,
|
|
AppLocalizations l10n,
|
|
ColorScheme colorScheme,
|
|
) {
|
|
return _buildPage(
|
|
icon: Icons.waving_hand,
|
|
iconColor: Colors.orange,
|
|
title: l10n.wizardWelcomeTitle,
|
|
description: l10n.wizardOverviewDescription,
|
|
features: [
|
|
_FeatureItem(
|
|
icon: Icons.chat_bubble_outline,
|
|
text: l10n.wizardOverviewFeature1,
|
|
),
|
|
_FeatureItem(
|
|
icon: Icons.emergency_share,
|
|
text: l10n.wizardOverviewFeature2,
|
|
),
|
|
_FeatureItem(
|
|
icon: Icons.settings_input_antenna,
|
|
text: l10n.wizardOverviewFeature3,
|
|
),
|
|
],
|
|
colorScheme: colorScheme,
|
|
);
|
|
}
|
|
|
|
Widget _buildConnectingPage(
|
|
BuildContext context,
|
|
AppLocalizations l10n,
|
|
ColorScheme colorScheme,
|
|
) {
|
|
return _buildPage(
|
|
icon: Icons.forum_rounded,
|
|
iconColor: Colors.blue,
|
|
title: l10n.wizardMessagingTitle,
|
|
description: l10n.wizardMessagingDescription,
|
|
features: [
|
|
_FeatureItem(icon: Icons.chat, text: l10n.wizardMessagingFeature1),
|
|
_FeatureItem(icon: Icons.campaign, text: l10n.wizardMessagingFeature2),
|
|
_FeatureItem(icon: Icons.mic, text: l10n.wizardMessagingFeature3),
|
|
],
|
|
colorScheme: colorScheme,
|
|
);
|
|
}
|
|
|
|
Widget _buildConnectDevicePage(
|
|
BuildContext context,
|
|
AppLocalizations l10n,
|
|
ColorScheme colorScheme,
|
|
) {
|
|
final connectionProvider = context.watch<ConnectionProvider>();
|
|
final deviceInfo = connectionProvider.deviceInfo;
|
|
final isConnected = deviceInfo.isConnected;
|
|
final connectedName = deviceInfo.selfName ?? deviceInfo.deviceName;
|
|
|
|
return LayoutBuilder(
|
|
builder: (context, constraints) => Center(
|
|
child: ConstrainedBox(
|
|
constraints: BoxConstraints(
|
|
maxWidth: 600,
|
|
maxHeight: constraints.maxHeight,
|
|
),
|
|
child: Padding(
|
|
padding: const EdgeInsets.fromLTRB(20, 12, 20, 12),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.stretch,
|
|
children: [
|
|
_buildPageHeader(
|
|
context: context,
|
|
colorScheme: colorScheme,
|
|
icon: Icons.bluetooth_connected,
|
|
iconColor: Colors.green,
|
|
title: l10n.wizardConnectDeviceTitle,
|
|
description: l10n.wizardConnectDeviceDescription,
|
|
badge: l10n.wizardSetupBadge,
|
|
),
|
|
const SizedBox(height: 16),
|
|
_buildContentCard(
|
|
colorScheme: colorScheme,
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.stretch,
|
|
children: [
|
|
Row(
|
|
children: [
|
|
Icon(
|
|
isConnected
|
|
? Icons.check_circle
|
|
: Icons.bluetooth_searching,
|
|
color: isConnected
|
|
? colorScheme.primary
|
|
: colorScheme.onSurfaceVariant,
|
|
),
|
|
SizedBox(width: 12),
|
|
Expanded(
|
|
child: Text(
|
|
isConnected
|
|
? l10n.wizardConnectedToDevice(
|
|
connectedName ?? l10n.device,
|
|
)
|
|
: l10n.wizardNoDeviceConnected,
|
|
style: Theme.of(context).textTheme.bodyMedium
|
|
?.copyWith(fontWeight: FontWeight.w600),
|
|
),
|
|
),
|
|
TextButton(
|
|
onPressed: _openConnectionDialog,
|
|
child: Text(
|
|
isConnected ? l10n.change : l10n.connect,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
Align(
|
|
alignment: Alignment.centerRight,
|
|
child: TextButton(
|
|
onPressed: _skipDeviceSetupStep,
|
|
child: Text(l10n.wizardSkipForNow),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
const SizedBox(height: 12),
|
|
_buildContentCard(
|
|
colorScheme: colorScheme,
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.stretch,
|
|
children: [
|
|
TextField(
|
|
controller: _deviceNameController,
|
|
textInputAction: TextInputAction.done,
|
|
decoration: InputDecoration(
|
|
labelText: l10n.wizardDeviceNameLabel,
|
|
border: OutlineInputBorder(),
|
|
helperText: l10n.wizardDeviceNameHelp,
|
|
),
|
|
),
|
|
const SizedBox(height: 12),
|
|
DropdownButtonFormField<_RadioPreset>(
|
|
initialValue: _selectedPreset,
|
|
isExpanded: true,
|
|
decoration: InputDecoration(
|
|
labelText: l10n.wizardConfigRegionLabel,
|
|
border: OutlineInputBorder(),
|
|
helperText: l10n.wizardConfigRegionHelp,
|
|
),
|
|
items: _radioPresets
|
|
.map(
|
|
(preset) => DropdownMenuItem<_RadioPreset>(
|
|
value: preset,
|
|
child: Text(
|
|
preset.label,
|
|
overflow: TextOverflow.ellipsis,
|
|
),
|
|
),
|
|
)
|
|
.toList(),
|
|
onChanged: (preset) {
|
|
if (preset == null) return;
|
|
setState(() {
|
|
_selectedPreset = preset;
|
|
});
|
|
},
|
|
),
|
|
],
|
|
),
|
|
),
|
|
const SizedBox(height: 16),
|
|
_buildContentCard(
|
|
colorScheme: colorScheme,
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
_selectedPreset.label,
|
|
style: Theme.of(context).textTheme.titleMedium
|
|
?.copyWith(fontWeight: FontWeight.w700),
|
|
),
|
|
const SizedBox(height: 4),
|
|
Text(
|
|
_selectedPreset.summary,
|
|
style: Theme.of(context).textTheme.bodyMedium,
|
|
),
|
|
SizedBox(height: 14),
|
|
...[
|
|
_FeatureItem(
|
|
icon: Icons.rule,
|
|
text: l10n.wizardPresetNote1,
|
|
),
|
|
_FeatureItem(
|
|
icon: Icons.settings_input_antenna,
|
|
text: l10n.wizardPresetNote2,
|
|
),
|
|
_FeatureItem(
|
|
icon: Icons.public,
|
|
text: l10n.wizardPresetNote3,
|
|
),
|
|
].map(
|
|
(feature) => Padding(
|
|
padding: const EdgeInsets.symmetric(vertical: 5),
|
|
child: _buildFeatureRow(
|
|
context,
|
|
colorScheme,
|
|
feature,
|
|
iconSize: 20,
|
|
gap: 12,
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
String _deviceSetupButtonLabel(BuildContext context) {
|
|
final isConnected = context
|
|
.watch<ConnectionProvider>()
|
|
.deviceInfo
|
|
.isConnected;
|
|
if (_isApplyingDeviceSetup) {
|
|
return AppLocalizations.of(context)!.wizardSaving;
|
|
}
|
|
final l10n = AppLocalizations.of(context)!;
|
|
return isConnected
|
|
? l10n.wizardSaveAndContinue
|
|
: l10n.wizardConnectDeviceTitle;
|
|
}
|
|
|
|
Widget _buildChannelPage(
|
|
BuildContext context,
|
|
AppLocalizations l10n,
|
|
ColorScheme colorScheme,
|
|
) {
|
|
return _buildPage(
|
|
icon: Icons.groups_rounded,
|
|
iconColor: Colors.purple,
|
|
title: l10n.wizardNetworkTitle,
|
|
description: l10n.wizardNetworkDescription,
|
|
features: [
|
|
_FeatureItem(
|
|
icon: Icons.person_add_alt_1,
|
|
text: l10n.wizardNetworkFeature1,
|
|
),
|
|
_FeatureItem(icon: Icons.route, text: l10n.wizardNetworkFeature2),
|
|
_FeatureItem(icon: Icons.hub, text: l10n.wizardNetworkFeature3),
|
|
],
|
|
colorScheme: colorScheme,
|
|
);
|
|
}
|
|
|
|
Widget _buildContactsPage(
|
|
BuildContext context,
|
|
AppLocalizations l10n,
|
|
ColorScheme colorScheme,
|
|
) {
|
|
return _buildPage(
|
|
icon: Icons.map_rounded,
|
|
iconColor: Colors.teal,
|
|
title: l10n.wizardMapOpsTitle,
|
|
description: l10n.wizardMapOpsDescription,
|
|
features: [
|
|
_FeatureItem(icon: Icons.location_on, text: l10n.wizardMapOpsFeature1),
|
|
_FeatureItem(icon: Icons.draw, text: l10n.wizardMapOpsFeature2),
|
|
_FeatureItem(icon: Icons.router, text: l10n.wizardMapOpsFeature3),
|
|
],
|
|
colorScheme: colorScheme,
|
|
);
|
|
}
|
|
|
|
Widget _buildMapPage(
|
|
BuildContext context,
|
|
AppLocalizations l10n,
|
|
ColorScheme colorScheme,
|
|
) {
|
|
return _buildPage(
|
|
icon: Icons.tune_rounded,
|
|
iconColor: Colors.red,
|
|
title: l10n.wizardToolsTitle,
|
|
description: l10n.wizardToolsDescription,
|
|
features: [
|
|
_FeatureItem(icon: Icons.settings, text: l10n.wizardToolsFeature1),
|
|
_FeatureItem(icon: Icons.sensors, text: l10n.wizardToolsFeature2),
|
|
_FeatureItem(
|
|
icon: Icons.analytics_outlined,
|
|
text: l10n.wizardToolsFeature3,
|
|
),
|
|
],
|
|
colorScheme: colorScheme,
|
|
);
|
|
}
|
|
|
|
Widget _buildPage({
|
|
required IconData icon,
|
|
required Color iconColor,
|
|
required String title,
|
|
required String description,
|
|
List<_FeatureItem>? features,
|
|
required ColorScheme colorScheme,
|
|
}) {
|
|
final l10n = AppLocalizations.of(context)!;
|
|
return LayoutBuilder(
|
|
builder: (context, constraints) => Center(
|
|
child: ConstrainedBox(
|
|
constraints: BoxConstraints(
|
|
maxWidth: 560,
|
|
maxHeight: constraints.maxHeight,
|
|
),
|
|
child: Padding(
|
|
padding: const EdgeInsets.fromLTRB(20, 12, 20, 12),
|
|
child: Column(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
_buildPageHeader(
|
|
context: context,
|
|
colorScheme: colorScheme,
|
|
icon: icon,
|
|
iconColor: iconColor,
|
|
title: title,
|
|
description: description,
|
|
badge: l10n.wizardOverviewBadge,
|
|
),
|
|
if (features != null && features.isNotEmpty) ...[
|
|
const SizedBox(height: 18),
|
|
_buildContentCard(
|
|
colorScheme: colorScheme,
|
|
child: Column(
|
|
children: features
|
|
.map(
|
|
(feature) => Padding(
|
|
padding: const EdgeInsets.symmetric(vertical: 7),
|
|
child: _buildFeatureRow(
|
|
context,
|
|
colorScheme,
|
|
feature,
|
|
),
|
|
),
|
|
)
|
|
.toList(),
|
|
),
|
|
),
|
|
],
|
|
],
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildPageHeader({
|
|
required BuildContext context,
|
|
required ColorScheme colorScheme,
|
|
required IconData icon,
|
|
required Color iconColor,
|
|
required String title,
|
|
required String description,
|
|
required String badge,
|
|
}) {
|
|
return Column(
|
|
children: [
|
|
Container(
|
|
padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 6),
|
|
decoration: BoxDecoration(
|
|
color: colorScheme.secondaryContainer,
|
|
borderRadius: BorderRadius.circular(999),
|
|
),
|
|
child: Text(
|
|
badge,
|
|
style: Theme.of(context).textTheme.labelLarge?.copyWith(
|
|
color: colorScheme.onSecondaryContainer,
|
|
fontWeight: FontWeight.w700,
|
|
),
|
|
),
|
|
),
|
|
const SizedBox(height: 12),
|
|
Container(
|
|
padding: const EdgeInsets.all(18),
|
|
decoration: BoxDecoration(
|
|
color: iconColor.withValues(alpha: 0.1),
|
|
shape: BoxShape.circle,
|
|
),
|
|
child: Icon(icon, size: 56, color: iconColor),
|
|
),
|
|
const SizedBox(height: 18),
|
|
Text(
|
|
title,
|
|
style: Theme.of(context).textTheme.headlineSmall?.copyWith(
|
|
fontWeight: FontWeight.bold,
|
|
color: colorScheme.onSurface,
|
|
),
|
|
textAlign: TextAlign.center,
|
|
),
|
|
const SizedBox(height: 10),
|
|
Text(
|
|
description,
|
|
style: Theme.of(context).textTheme.bodyMedium?.copyWith(
|
|
color: colorScheme.onSurface.withValues(alpha: 0.72),
|
|
height: 1.4,
|
|
),
|
|
textAlign: TextAlign.center,
|
|
),
|
|
],
|
|
);
|
|
}
|
|
|
|
Widget _buildContentCard({
|
|
required ColorScheme colorScheme,
|
|
required Widget child,
|
|
}) {
|
|
return Container(
|
|
padding: const EdgeInsets.all(16),
|
|
decoration: BoxDecoration(
|
|
color: colorScheme.surfaceContainerHighest,
|
|
borderRadius: BorderRadius.circular(18),
|
|
),
|
|
child: child,
|
|
);
|
|
}
|
|
|
|
Widget _buildFeatureRow(
|
|
BuildContext context,
|
|
ColorScheme colorScheme,
|
|
_FeatureItem feature, {
|
|
double iconSize = 22,
|
|
double gap = 14,
|
|
}) {
|
|
return Row(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Icon(feature.icon, color: colorScheme.primary, size: iconSize),
|
|
SizedBox(width: gap),
|
|
Expanded(
|
|
child: Text(
|
|
feature.text,
|
|
style: Theme.of(
|
|
context,
|
|
).textTheme.bodyMedium?.copyWith(color: colorScheme.onSurface),
|
|
),
|
|
),
|
|
],
|
|
);
|
|
}
|
|
}
|
|
|
|
class _FeatureItem {
|
|
final IconData icon;
|
|
final String text;
|
|
|
|
_FeatureItem({required this.icon, required this.text});
|
|
}
|
|
|
|
class _RadioPreset {
|
|
final String id;
|
|
final String label;
|
|
final String summary;
|
|
final int frequencyKhz;
|
|
final int bandwidth;
|
|
final int spreadingFactor;
|
|
final int codingRate;
|
|
|
|
const _RadioPreset({
|
|
required this.id,
|
|
required this.label,
|
|
required this.summary,
|
|
required this.frequencyKhz,
|
|
required this.bandwidth,
|
|
required this.spreadingFactor,
|
|
required this.codingRate,
|
|
});
|
|
}
|