feat: add MainScreen with tracking toggle and status display
This commit is contained in:
parent
1241174705
commit
db08fc8d5c
1 changed files with 158 additions and 0 deletions
158
lib/main_screen.dart
Normal file
158
lib/main_screen.dart
Normal file
|
|
@ -0,0 +1,158 @@
|
|||
import 'package:flutter/material.dart';
|
||||
import 'package:traccar_client/bridge/location_bridge.dart';
|
||||
import 'package:traccar_client/preferences.dart';
|
||||
import 'package:traccar_client/settings_screen.dart';
|
||||
import 'package:traccar_client/status_screen.dart';
|
||||
|
||||
class MainScreen extends StatefulWidget {
|
||||
const MainScreen({super.key});
|
||||
|
||||
@override
|
||||
State<MainScreen> createState() => _MainScreenState();
|
||||
}
|
||||
|
||||
class _MainScreenState extends State<MainScreen> {
|
||||
bool _isTracking = false;
|
||||
String _lastLat = '--';
|
||||
String _lastLon = '--';
|
||||
String _lastSpeed = '--';
|
||||
String _lastTime = '--';
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
_initLocationStream();
|
||||
}
|
||||
|
||||
void _initLocationStream() {
|
||||
LocationBridge.locationUpdates.listen((location) {
|
||||
if (mounted) {
|
||||
setState(() {
|
||||
_lastLat = location['latitude']?.toStringAsFixed(4) ?? '--';
|
||||
_lastLon = location['longitude']?.toStringAsFixed(4) ?? '--';
|
||||
_lastSpeed = location['speed'] != null
|
||||
? '${(location['speed'] * 3.6).toStringAsFixed(0)} km/h'
|
||||
: '--';
|
||||
_lastTime = location['timestamp'] != null
|
||||
? _formatTime(DateTime.fromMillisecondsSinceEpoch(location['timestamp']))
|
||||
: '--';
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
String _formatTime(DateTime dt) {
|
||||
return '${dt.hour.toString().padLeft(2, '0')}:${dt.minute.toString().padLeft(2, '0')}:${dt.second.toString().padLeft(2, '0')}';
|
||||
}
|
||||
|
||||
Future<void> _toggleTracking() async {
|
||||
if (_isTracking) {
|
||||
await LocationBridge.stopTracking();
|
||||
} else {
|
||||
await LocationBridge.startTracking();
|
||||
}
|
||||
setState(() {
|
||||
_isTracking = !_isTracking;
|
||||
});
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Scaffold(
|
||||
appBar: AppBar(
|
||||
title: const Text('Traccar Client'),
|
||||
centerTitle: true,
|
||||
),
|
||||
body: Padding(
|
||||
padding: const EdgeInsets.all(16.0),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.stretch,
|
||||
children: [
|
||||
_buildStatusCard(),
|
||||
const SizedBox(height: 24),
|
||||
_buildTrackingToggle(),
|
||||
const Spacer(),
|
||||
_buildActionButtons(),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildStatusCard() {
|
||||
return Card(
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.all(16.0),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Text(
|
||||
'Last Location',
|
||||
style: Theme.of(context).textTheme.titleMedium,
|
||||
),
|
||||
const SizedBox(height: 16),
|
||||
_buildInfoRow('Lat', _lastLat),
|
||||
_buildInfoRow('Lon', _lastLon),
|
||||
_buildInfoRow('Speed', _lastSpeed),
|
||||
_buildInfoRow('Time', _lastTime),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildInfoRow(String label, String value) {
|
||||
return Padding(
|
||||
padding: const EdgeInsets.symmetric(vertical: 4.0),
|
||||
child: Row(
|
||||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||
children: [
|
||||
Text(label),
|
||||
Text(value, style: const TextStyle(fontWeight: FontWeight.bold)),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildTrackingToggle() {
|
||||
return SwitchListTile(
|
||||
title: Text(_isTracking ? 'Tracking: ON' : 'Tracking: OFF'),
|
||||
subtitle: Text(_isTracking ? 'Location updates active' : 'Tap to start tracking'),
|
||||
value: _isTracking,
|
||||
onChanged: (_) => _toggleTracking(),
|
||||
activeColor: Colors.green,
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildActionButtons() {
|
||||
return Row(
|
||||
children: [
|
||||
Expanded(
|
||||
child: ElevatedButton.icon(
|
||||
onPressed: () {
|
||||
Navigator.push(
|
||||
context,
|
||||
MaterialPageRoute(builder: (_) => const SettingsScreen()),
|
||||
);
|
||||
},
|
||||
icon: const Icon(Icons.settings),
|
||||
label: const Text('Settings'),
|
||||
),
|
||||
),
|
||||
const SizedBox(width: 16),
|
||||
Expanded(
|
||||
child: ElevatedButton.icon(
|
||||
onPressed: () {
|
||||
Navigator.push(
|
||||
context,
|
||||
MaterialPageRoute(builder: (_) => const StatusScreen()),
|
||||
);
|
||||
},
|
||||
icon: const Icon(Icons.logs),
|
||||
label: const Text('Status/Logs'),
|
||||
),
|
||||
),
|
||||
],
|
||||
);
|
||||
}
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue