352 lines
13 KiB
Dart
352 lines
13 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:intl/intl.dart';
|
|
import 'package:provider/provider.dart';
|
|
|
|
import '../services/app_state.dart';
|
|
import '../services/cloud/cloud_storage_provider.dart';
|
|
import 'cloud_folder_browser_screen.dart';
|
|
|
|
class SettingsScreen extends StatefulWidget {
|
|
const SettingsScreen({super.key});
|
|
|
|
@override
|
|
State<SettingsScreen> createState() => _SettingsScreenState();
|
|
}
|
|
|
|
class _SettingsScreenState extends State<SettingsScreen> {
|
|
bool _busy = false;
|
|
String? _error;
|
|
|
|
Future<void> _connect(CloudProviderId id) async {
|
|
setState(() {
|
|
_busy = true;
|
|
_error = null;
|
|
});
|
|
try {
|
|
await context.read<AppState>().connectProvider(id);
|
|
} catch (e) {
|
|
setState(() => _error = 'Could not sign in: $e');
|
|
} finally {
|
|
if (mounted) setState(() => _busy = false);
|
|
}
|
|
}
|
|
|
|
Future<void> _connectManual(CloudProviderId id, String providerName) async {
|
|
final credentials = await showDialog<_WebDavCredentials>(
|
|
context: context,
|
|
builder: (_) => _WebDavCredentialsDialog(providerName: providerName),
|
|
);
|
|
if (credentials == null || !mounted) return;
|
|
|
|
setState(() {
|
|
_busy = true;
|
|
_error = null;
|
|
});
|
|
try {
|
|
await context.read<AppState>().connectProviderWithCredentials(
|
|
id,
|
|
serverUrl: credentials.serverUrl,
|
|
username: credentials.username,
|
|
password: credentials.password,
|
|
);
|
|
} catch (e) {
|
|
setState(() => _error = 'Could not connect: $e');
|
|
} finally {
|
|
if (mounted) setState(() => _busy = false);
|
|
}
|
|
}
|
|
|
|
Future<void> _disconnect() async {
|
|
setState(() => _busy = true);
|
|
try {
|
|
await context.read<AppState>().disconnectCloud();
|
|
} finally {
|
|
if (mounted) setState(() => _busy = false);
|
|
}
|
|
}
|
|
|
|
void _chooseFolder() {
|
|
Navigator.of(context).push(
|
|
MaterialPageRoute(builder: (_) => const CloudFolderBrowserScreen()),
|
|
);
|
|
}
|
|
|
|
Future<void> _syncNow() async {
|
|
setState(() => _busy = true);
|
|
try {
|
|
await context.read<AppState>().syncNow();
|
|
} finally {
|
|
if (mounted) setState(() => _busy = false);
|
|
}
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final appState = context.watch<AppState>();
|
|
|
|
return Scaffold(
|
|
appBar: AppBar(title: const Text('Settings')),
|
|
body: ListView(
|
|
padding: const EdgeInsets.all(16),
|
|
children: [
|
|
Card(
|
|
child: Padding(
|
|
padding: const EdgeInsets.all(16),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text('Cloud Storage', style: Theme.of(context).textTheme.titleMedium),
|
|
const SizedBox(height: 8),
|
|
if (!appState.isCloudConnected) ...[
|
|
Text(
|
|
'Connect a cloud storage account to share vehicles and fuel '
|
|
'receipts with other people, and to keep a backup off this device.',
|
|
style: Theme.of(context).textTheme.bodyMedium,
|
|
),
|
|
const SizedBox(height: 12),
|
|
if (_error != null) ...[
|
|
Text(_error!, style: TextStyle(color: Theme.of(context).colorScheme.error)),
|
|
const SizedBox(height: 8),
|
|
],
|
|
Wrap(
|
|
spacing: 8,
|
|
runSpacing: 8,
|
|
children: [
|
|
for (final provider in appState.availableProviders)
|
|
FilledButton.icon(
|
|
onPressed: _busy
|
|
? null
|
|
: () => provider is ManualCredentialCloudStorageProvider
|
|
? _connectManual(provider.id, provider.displayName)
|
|
: _connect(provider.id),
|
|
icon: const Icon(Icons.login),
|
|
label: Text('Connect ${provider.displayName}'),
|
|
),
|
|
],
|
|
),
|
|
] else ...[
|
|
Text('${appState.activeProvider!.displayName}: ${appState.cloudAccountLabel}'),
|
|
const SizedBox(height: 4),
|
|
Text(
|
|
appState.cloudFolderPath == null
|
|
? 'No folder selected yet.'
|
|
: 'Folder: ${appState.cloudFolderPath}',
|
|
style: Theme.of(context).textTheme.bodySmall,
|
|
),
|
|
const SizedBox(height: 12),
|
|
Wrap(
|
|
spacing: 8,
|
|
runSpacing: 8,
|
|
children: [
|
|
OutlinedButton.icon(
|
|
onPressed: _busy ? null : _chooseFolder,
|
|
icon: const Icon(Icons.folder_open),
|
|
label: Text(appState.cloudFolderPath == null
|
|
? 'Choose Folder'
|
|
: 'Change Folder'),
|
|
),
|
|
OutlinedButton.icon(
|
|
onPressed: (_busy || appState.cloudFolderPath == null)
|
|
? null
|
|
: _syncNow,
|
|
icon: appState.isSyncing
|
|
? const SizedBox(
|
|
height: 16,
|
|
width: 16,
|
|
child: CircularProgressIndicator(strokeWidth: 2))
|
|
: const Icon(Icons.sync),
|
|
label: const Text('Sync Now'),
|
|
),
|
|
TextButton.icon(
|
|
onPressed: _busy ? null : _disconnect,
|
|
icon: const Icon(Icons.logout),
|
|
label: const Text('Disconnect'),
|
|
),
|
|
],
|
|
),
|
|
const SizedBox(height: 8),
|
|
if (appState.lastSyncedAt != null)
|
|
Text(
|
|
'Last synced ${DateFormat.yMMMd().add_jm().format(appState.lastSyncedAt!)}',
|
|
style: Theme.of(context).textTheme.bodySmall,
|
|
),
|
|
if (appState.lastSyncError != null)
|
|
Padding(
|
|
padding: const EdgeInsets.only(top: 4),
|
|
child: Text(
|
|
'Last sync failed: ${appState.lastSyncError}',
|
|
style: TextStyle(color: Theme.of(context).colorScheme.error),
|
|
),
|
|
),
|
|
],
|
|
],
|
|
),
|
|
),
|
|
),
|
|
const SizedBox(height: 16),
|
|
Card(
|
|
child: SwitchListTile(
|
|
title: const Text('Keep photos on this phone after syncing'),
|
|
subtitle: const Text(
|
|
'Otherwise, a receipt photo is removed from this device once '
|
|
"it's safely uploaded to the cloud.",
|
|
),
|
|
value: appState.keepReceiptPhotosLocally,
|
|
onChanged: (value) => context.read<AppState>().setKeepReceiptPhotosLocally(value),
|
|
),
|
|
),
|
|
const SizedBox(height: 16),
|
|
Card(
|
|
child: SwitchListTile(
|
|
title: const Text('Keep max quality images'),
|
|
subtitle: const Text(
|
|
'Otherwise, receipt photos are downscaled to a reasonable size '
|
|
'before storing — smaller cloud storage and faster syncs, with '
|
|
'no loss of legibility for a printed receipt.',
|
|
),
|
|
value: appState.keepMaxQualityReceiptPhotos,
|
|
onChanged: (value) =>
|
|
context.read<AppState>().setKeepMaxQualityReceiptPhotos(value),
|
|
),
|
|
),
|
|
const SizedBox(height: 16),
|
|
Card(
|
|
child: ExpansionTile(
|
|
title: const Text('Advanced'),
|
|
childrenPadding: const EdgeInsets.fromLTRB(16, 0, 16, 16),
|
|
children: [
|
|
Align(
|
|
alignment: Alignment.centerLeft,
|
|
child: Text('Stale sync lock timeout', style: Theme.of(context).textTheme.titleSmall),
|
|
),
|
|
const SizedBox(height: 4),
|
|
Text(
|
|
"If another device disconnects mid-sync without releasing its lock, "
|
|
"this is how long to wait before treating it as abandoned and clearing "
|
|
"it so sync can continue.",
|
|
style: Theme.of(context).textTheme.bodySmall,
|
|
),
|
|
Slider(
|
|
value: appState.staleLockMinutes.toDouble(),
|
|
min: minStaleLockMinutes.toDouble(),
|
|
max: maxStaleLockMinutes.toDouble(),
|
|
divisions: maxStaleLockMinutes - minStaleLockMinutes,
|
|
label: '${appState.staleLockMinutes} min',
|
|
onChanged: (value) =>
|
|
context.read<AppState>().setStaleLockMinutes(value.round()),
|
|
),
|
|
Text('${appState.staleLockMinutes} minute(s)'),
|
|
],
|
|
),
|
|
),
|
|
const SizedBox(height: 16),
|
|
Card(
|
|
child: Padding(
|
|
padding: const EdgeInsets.all(16),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text('Summary', style: Theme.of(context).textTheme.titleMedium),
|
|
const SizedBox(height: 8),
|
|
Text('${appState.vehicles.length} vehicle(s)'),
|
|
Text('${appState.fuelEntries.length} fuel entries'),
|
|
Text('${appState.totalGallonsAllVehicles.toStringAsFixed(3)} total gallons logged'),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
class _WebDavCredentials {
|
|
final String serverUrl;
|
|
final String username;
|
|
final String password;
|
|
_WebDavCredentials({required this.serverUrl, required this.username, required this.password});
|
|
}
|
|
|
|
/// Collects the server URL/username/password a [ManualCredentialCloudStorageProvider]
|
|
/// needs, since (unlike the OAuth providers) there's no browser flow to
|
|
/// gather these instead.
|
|
class _WebDavCredentialsDialog extends StatefulWidget {
|
|
final String providerName;
|
|
const _WebDavCredentialsDialog({required this.providerName});
|
|
|
|
@override
|
|
State<_WebDavCredentialsDialog> createState() => _WebDavCredentialsDialogState();
|
|
}
|
|
|
|
class _WebDavCredentialsDialogState extends State<_WebDavCredentialsDialog> {
|
|
final _formKey = GlobalKey<FormState>();
|
|
final _serverController = TextEditingController();
|
|
final _usernameController = TextEditingController();
|
|
final _passwordController = TextEditingController();
|
|
|
|
@override
|
|
void dispose() {
|
|
_serverController.dispose();
|
|
_usernameController.dispose();
|
|
_passwordController.dispose();
|
|
super.dispose();
|
|
}
|
|
|
|
void _submit() {
|
|
if (!_formKey.currentState!.validate()) return;
|
|
Navigator.of(context).pop(_WebDavCredentials(
|
|
serverUrl: _serverController.text.trim(),
|
|
username: _usernameController.text.trim(),
|
|
password: _passwordController.text,
|
|
));
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return AlertDialog(
|
|
title: Text('Connect ${widget.providerName}'),
|
|
content: Form(
|
|
key: _formKey,
|
|
child: Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
TextFormField(
|
|
controller: _serverController,
|
|
decoration: const InputDecoration(
|
|
labelText: 'Server URL',
|
|
hintText: 'https://cloud.example.com/remote.php/dav/files/me/',
|
|
),
|
|
keyboardType: TextInputType.url,
|
|
validator: (v) => (v == null || v.trim().isEmpty) ? 'Required' : null,
|
|
),
|
|
const SizedBox(height: 12),
|
|
TextFormField(
|
|
controller: _usernameController,
|
|
decoration: const InputDecoration(labelText: 'Username'),
|
|
validator: (v) => (v == null || v.trim().isEmpty) ? 'Required' : null,
|
|
),
|
|
const SizedBox(height: 12),
|
|
TextFormField(
|
|
controller: _passwordController,
|
|
decoration: const InputDecoration(labelText: 'Password'),
|
|
obscureText: true,
|
|
validator: (v) => (v == null || v.isEmpty) ? 'Required' : null,
|
|
onFieldSubmitted: (_) => _submit(),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
actions: [
|
|
TextButton(
|
|
onPressed: () => Navigator.of(context).pop(),
|
|
child: const Text('Cancel'),
|
|
),
|
|
FilledButton(
|
|
onPressed: _submit,
|
|
child: const Text('Connect'),
|
|
),
|
|
],
|
|
);
|
|
}
|
|
}
|