Release version 1.0.0
This commit is contained in:
428
lib/screens/history_screen.dart
Normal file
428
lib/screens/history_screen.dart
Normal file
@@ -0,0 +1,428 @@
|
||||
import 'dart:ui';
|
||||
import 'dart:convert';
|
||||
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:provider/provider.dart';
|
||||
|
||||
import '../models/refuel.dart';
|
||||
import '../models/service.dart';
|
||||
import '../models/vehicle.dart';
|
||||
import '../services/session_manager.dart';
|
||||
import 'add_screen.dart';
|
||||
import 'add_service_screen.dart';
|
||||
import '../config.dart';
|
||||
|
||||
class HistoryScreen extends StatefulWidget {
|
||||
@override
|
||||
_HistoryScreenState createState() => _HistoryScreenState();
|
||||
}
|
||||
|
||||
class _HistoryScreenState extends State<HistoryScreen> {
|
||||
final TextEditingController _searchController = TextEditingController();
|
||||
String _filter = 'all';
|
||||
String _search = '';
|
||||
|
||||
@override
|
||||
void dispose() {
|
||||
_searchController.dispose();
|
||||
super.dispose();
|
||||
}
|
||||
|
||||
String _formatNumber(num value) {
|
||||
if (value % 1 == 0) {
|
||||
return value.toInt().toString();
|
||||
}
|
||||
return value
|
||||
.toStringAsFixed(2)
|
||||
.replaceFirst(RegExp(r'0+$'), '')
|
||||
.replaceFirst(RegExp(r'[.]$'), '');
|
||||
}
|
||||
|
||||
String _formatCurrency(num value) => '${_formatNumber(value)},-';
|
||||
|
||||
String _formatDateTime(DateTime? date) {
|
||||
if (date == null) return '';
|
||||
final d = date.toLocal();
|
||||
final day = d.day.toString().padLeft(2, '0');
|
||||
final month = d.month.toString().padLeft(2, '0');
|
||||
final hour = d.hour.toString().padLeft(2, '0');
|
||||
final minute = d.minute.toString().padLeft(2, '0');
|
||||
return '$day.$month.${d.year} $hour:$minute';
|
||||
}
|
||||
|
||||
TableRow _detailRow(String label, String value) {
|
||||
return TableRow(
|
||||
children: [
|
||||
Padding(
|
||||
padding: const EdgeInsets.only(top: 2, bottom: 2, right: 16),
|
||||
child: Text(label, style: TextStyle(fontWeight: FontWeight.bold)),
|
||||
),
|
||||
Padding(
|
||||
padding: const EdgeInsets.symmetric(vertical: 2),
|
||||
child: Text(value),
|
||||
),
|
||||
],
|
||||
);
|
||||
}
|
||||
|
||||
void _showFullImage(BuildContext context, String p) {
|
||||
Widget img;
|
||||
if (p.startsWith('http') || p.startsWith('/')) {
|
||||
final url = p.startsWith('http') ? p : '$apiBaseUrl$p';
|
||||
img = Image.network(url);
|
||||
} else {
|
||||
try {
|
||||
img = Image.memory(base64Decode(p));
|
||||
} catch (_) {
|
||||
return;
|
||||
}
|
||||
}
|
||||
Navigator.push(
|
||||
context,
|
||||
MaterialPageRoute(
|
||||
builder: (_) => Scaffold(
|
||||
backgroundColor: Colors.black,
|
||||
body: GestureDetector(
|
||||
onTap: () => Navigator.pop(context),
|
||||
child: Center(child: InteractiveViewer(child: img)),
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
bool _matchesSearch(Refuel? r, ServiceRecord? s) {
|
||||
final q = _search.toLowerCase();
|
||||
if (q.isEmpty) return true;
|
||||
if (r != null) {
|
||||
return (r.note ?? '').toLowerCase().contains(q) ||
|
||||
r.fuelType.label.toLowerCase().contains(q);
|
||||
} else if (s != null) {
|
||||
return s.displayType.toLowerCase().contains(q) ||
|
||||
(s.note ?? '').toLowerCase().contains(q) ||
|
||||
(s.shop ?? '').toLowerCase().contains(q);
|
||||
}
|
||||
return false;
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Consumer<SessionManager>(
|
||||
builder: (context, session, _) {
|
||||
final items = <_HistoryItem>[];
|
||||
for (final r in session.refuels) {
|
||||
items.add(_HistoryItem(date: r.createdAt ?? DateTime.fromMillisecondsSinceEpoch(0), refuel: r));
|
||||
}
|
||||
for (final s in session.services) {
|
||||
items.add(_HistoryItem(date: s.date ?? s.createdAt ?? DateTime.fromMillisecondsSinceEpoch(0), service: s));
|
||||
}
|
||||
items.sort((a, b) => b.date.compareTo(a.date));
|
||||
|
||||
final filtered = items.where((i) {
|
||||
if (_filter == 'refuel' && i.refuel == null) return false;
|
||||
if (_filter == 'service' && i.service == null) return false;
|
||||
return _matchesSearch(i.refuel, i.service);
|
||||
}).toList();
|
||||
|
||||
return Scaffold(
|
||||
body: Column(
|
||||
children: [
|
||||
Padding(
|
||||
padding: const EdgeInsets.all(8.0),
|
||||
child: TextField(
|
||||
controller: _searchController,
|
||||
decoration: InputDecoration(
|
||||
prefixIcon: Icon(Icons.search),
|
||||
hintText: 'Search...',
|
||||
),
|
||||
onChanged: (v) => setState(() => _search = v),
|
||||
),
|
||||
),
|
||||
SingleChildScrollView(
|
||||
scrollDirection: Axis.horizontal,
|
||||
child: Row(
|
||||
children: [
|
||||
const SizedBox(width: 8),
|
||||
ChoiceChip(
|
||||
label: Text('All'),
|
||||
selected: _filter == 'all',
|
||||
onSelected: (_) => setState(() => _filter = 'all'),
|
||||
),
|
||||
const SizedBox(width: 8),
|
||||
ChoiceChip(
|
||||
label: Text('Refuels'),
|
||||
selected: _filter == 'refuel',
|
||||
onSelected: (_) => setState(() => _filter = 'refuel'),
|
||||
),
|
||||
const SizedBox(width: 8),
|
||||
ChoiceChip(
|
||||
label: Text('Services'),
|
||||
selected: _filter == 'service',
|
||||
onSelected: (_) => setState(() => _filter = 'service'),
|
||||
),
|
||||
const SizedBox(width: 8),
|
||||
],
|
||||
),
|
||||
),
|
||||
Expanded(
|
||||
child: filtered.isEmpty
|
||||
? Center(child: Text('No history yet'))
|
||||
: ListView.builder(
|
||||
itemCount: filtered.length,
|
||||
itemBuilder: (context, index) {
|
||||
final item = filtered[index];
|
||||
if (item.refuel != null) {
|
||||
final r = item.refuel!;
|
||||
final textStyle = const TextStyle(
|
||||
fontFeatures: [FontFeature.tabularFigures()]);
|
||||
return ListTile(
|
||||
leading: Icon(Icons.local_gas_station, color: Colors.green),
|
||||
title: Row(
|
||||
children: [
|
||||
Expanded(
|
||||
child: Text(
|
||||
'${_formatNumber(r.liters)} L',
|
||||
style: textStyle,
|
||||
),
|
||||
),
|
||||
Expanded(
|
||||
child: Text(
|
||||
'${_formatCurrency(r.pricePerLiter)}/L',
|
||||
textAlign: TextAlign.center,
|
||||
style: textStyle,
|
||||
),
|
||||
),
|
||||
Expanded(
|
||||
child: Text(
|
||||
_formatCurrency(r.totalPrice),
|
||||
textAlign: TextAlign.end,
|
||||
style: textStyle,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
subtitle: Text(_formatDateTime(r.createdAt), style: textStyle),
|
||||
onTap: () {
|
||||
showDialog(
|
||||
context: context,
|
||||
builder: (context) => AlertDialog(
|
||||
title: Text('Refuel Details'),
|
||||
content: Table(
|
||||
columnWidths: {0: IntrinsicColumnWidth()},
|
||||
children: [
|
||||
_detailRow('Total', _formatCurrency(r.totalPrice)),
|
||||
_detailRow('Price/L', '${_formatCurrency(r.pricePerLiter)}'),
|
||||
_detailRow('Liters', '${_formatNumber(r.liters)} L'),
|
||||
_detailRow('Mileage', '${_formatNumber(r.mileage)} km'),
|
||||
if (r.note != null && r.note!.isNotEmpty)
|
||||
_detailRow('Note', r.note!),
|
||||
_detailRow('Date', _formatDateTime(r.createdAt)),
|
||||
],
|
||||
),
|
||||
actions: [
|
||||
TextButton(
|
||||
onPressed: () => Navigator.pop(context),
|
||||
child: Text('Close'),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
},
|
||||
trailing: Row(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
IconButton(
|
||||
icon: Icon(Icons.edit, color: Colors.blue),
|
||||
onPressed: () {
|
||||
Navigator.push(
|
||||
context,
|
||||
MaterialPageRoute(
|
||||
builder: (_) => AddScreen(refuel: r, standalone: true),
|
||||
),
|
||||
);
|
||||
},
|
||||
),
|
||||
if (r.id != null)
|
||||
IconButton(
|
||||
icon: Icon(Icons.delete, color: Colors.red),
|
||||
onPressed: () async {
|
||||
final confirm = await showDialog<bool>(
|
||||
context: context,
|
||||
builder: (context) => AlertDialog(
|
||||
title: Text('Confirm Deletion'),
|
||||
content: Text('Are you sure you want to delete this record?'),
|
||||
actions: [
|
||||
TextButton(
|
||||
onPressed: () => Navigator.pop(context, false),
|
||||
child: Text('Cancel'),
|
||||
),
|
||||
TextButton(
|
||||
onPressed: () => Navigator.pop(context, true),
|
||||
child: Text('Delete'),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
if (confirm == true) {
|
||||
await session.removeRefuel(r.id!);
|
||||
}
|
||||
},
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
} else {
|
||||
final s = item.service!;
|
||||
final textStyle = const TextStyle(
|
||||
fontFeatures: [FontFeature.tabularFigures()]);
|
||||
return ListTile(
|
||||
leading: Icon(Icons.build, color: Colors.orangeAccent),
|
||||
title: Row(
|
||||
children: [
|
||||
Expanded(
|
||||
child: Text(
|
||||
s.displayType,
|
||||
style: textStyle,
|
||||
),
|
||||
),
|
||||
Expanded(
|
||||
child: Text(
|
||||
_formatCurrency(s.cost),
|
||||
textAlign: TextAlign.end,
|
||||
style: textStyle,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
subtitle: Text(_formatDateTime(s.date), style: textStyle),
|
||||
onTap: () {
|
||||
showDialog(
|
||||
context: context,
|
||||
builder: (context) => AlertDialog(
|
||||
title: Text('Service Details'),
|
||||
content: SingleChildScrollView(
|
||||
child: Column(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
Table(
|
||||
columnWidths: {0: IntrinsicColumnWidth()},
|
||||
children: [
|
||||
_detailRow('Type', s.displayType),
|
||||
_detailRow('Cost', _formatCurrency(s.cost)),
|
||||
_detailRow('Mileage', '${_formatNumber(s.mileage)} km'),
|
||||
if (s.shop != null && s.shop!.isNotEmpty)
|
||||
_detailRow('Shop', s.shop!),
|
||||
_detailRow('Self service', s.selfService ? 'Yes' : 'No'),
|
||||
if (s.note != null && s.note!.isNotEmpty)
|
||||
_detailRow('Note', s.note!),
|
||||
_detailRow('Date', _formatDateTime(s.date)),
|
||||
],
|
||||
),
|
||||
if (s.photos.isNotEmpty) ...[
|
||||
SizedBox(height: 12),
|
||||
Wrap(
|
||||
spacing: 8,
|
||||
runSpacing: 8,
|
||||
children: s.photos.map((p) {
|
||||
Widget img;
|
||||
if (p.startsWith('http') || p.startsWith('/')) {
|
||||
final url =
|
||||
p.startsWith('http') ? p : '$apiBaseUrl$p';
|
||||
img = Image.network(
|
||||
url,
|
||||
width: 100,
|
||||
height: 100,
|
||||
fit: BoxFit.cover,
|
||||
);
|
||||
} else {
|
||||
try {
|
||||
img = Image.memory(
|
||||
base64Decode(p),
|
||||
width: 100,
|
||||
height: 100,
|
||||
fit: BoxFit.cover,
|
||||
);
|
||||
} catch (_) {
|
||||
img = SizedBox.shrink();
|
||||
}
|
||||
}
|
||||
return GestureDetector(
|
||||
onTap: () => _showFullImage(context, p),
|
||||
child: img,
|
||||
);
|
||||
}).toList(),
|
||||
),
|
||||
],
|
||||
],
|
||||
),
|
||||
),
|
||||
actions: [
|
||||
TextButton(
|
||||
onPressed: () => Navigator.pop(context),
|
||||
child: Text('Close'),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
},
|
||||
trailing: Row(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
IconButton(
|
||||
icon: Icon(Icons.edit, color: Colors.blue),
|
||||
onPressed: () {
|
||||
Navigator.push(
|
||||
context,
|
||||
MaterialPageRoute(
|
||||
builder: (_) => AddServiceScreen(service: s, standalone: true),
|
||||
),
|
||||
);
|
||||
},
|
||||
),
|
||||
if (s.id != null)
|
||||
IconButton(
|
||||
icon: Icon(Icons.delete, color: Colors.red),
|
||||
onPressed: () async {
|
||||
final confirm = await showDialog<bool>(
|
||||
context: context,
|
||||
builder: (context) => AlertDialog(
|
||||
title: Text('Confirm Deletion'),
|
||||
content: Text('Are you sure you want to delete this record?'),
|
||||
actions: [
|
||||
TextButton(
|
||||
onPressed: () => Navigator.pop(context, false),
|
||||
child: Text('Cancel'),
|
||||
),
|
||||
TextButton(
|
||||
onPressed: () => Navigator.pop(context, true),
|
||||
child: Text('Delete'),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
if (confirm == true) {
|
||||
await session.removeService(s.id!);
|
||||
}
|
||||
},
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
},
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
},
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
class _HistoryItem {
|
||||
final DateTime date;
|
||||
final Refuel? refuel;
|
||||
final ServiceRecord? service;
|
||||
_HistoryItem({required this.date, this.refuel, this.service});
|
||||
}
|
||||
Reference in New Issue
Block a user