proj reorg into folders;

fixed provider implementation; added TxnType radio picker
2022-11-12 00:18:08 -05:00
parent 0f54af5662
commit bc0e5f1fea
16 changed files with 1754 additions and 742 deletions
--- a/lib/screens/car_detail.dart
+++ b/lib/screens/car_detail.dart
@@ -0,0 +1,155 @@
+import 'package:flutter/material.dart';
+// import 'package:path/path.dart';
+import 'package:provider/provider.dart';
+import 'package:dash/utils/garage_model.dart';
+// import 'package:dash/main.dart';
+import 'package:dash/models/car.dart';
+import 'package:dash/screens/screens.dart';
+
+class CarDetailScreen extends StatefulWidget {
+  const CarDetailScreen({super.key, required this.carIndex});
+  final int carIndex;
+
+  @override
+  State<CarDetailScreen> createState() => _CarDetailScreenState();
+}
+
+class _CarDetailScreenState extends State<CarDetailScreen> {
+  //investigate
+  // late Car car = context.watch<GarageModel>()._cars[widget.carIndex];
+
+  @override
+  Widget build(BuildContext context) {
+    // late Car car = Provider.of<GarageModel>(context).cars[widget.carIndex];
+    // late Car car = context.watch<GarageModel>()_cars[widget.carIndex];
+    return Scaffold(
+      appBar: AppBar(
+        backgroundColor: const Color.fromARGB(255, 185, 47, 5),
+        // title: Text(car.nickname ?? ""),
+        title: const Text("View Car"),
+      ),
+      body: Padding(
+        padding: const EdgeInsets.all(16.0),
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            Row(
+              mainAxisAlignment: MainAxisAlignment.spaceEvenly,
+              children: [
+                const Text("plh img picker"),
+                Center(
+                  // edit car screen
+                  child: Ink(
+                    decoration: const ShapeDecoration(
+                        color: Colors.lightBlue, shape: CircleBorder()),
+                    child: IconButton(
+                      icon: const Icon(Icons.edit),
+                      color: Colors.white,
+                      onPressed: () async {
+                        await Navigator.push(
+                          context,
+                          MaterialPageRoute(
+                              builder: (context) =>
+                                  EditCarScreen(carIndex: widget.carIndex)),
+                        );
+                      },
+                    ),
+                  ),
+                ),
+              ],
+            ),
+            IconButton(
+              iconSize: 48.0,
+              icon: const Icon(Icons.directions_car),
+              onPressed: (() => VoidCallback),
+            ),
+            Consumer<GarageModel>(
+              builder: (context, garage, child) => Column(
+                children: [
+                  Text("Nickname: ${garage.cars[widget.carIndex].nickname}"),
+                  Text("VIN: ${garage.cars[widget.carIndex].vin}"),
+                  Text("License Plate: ${garage.cars[widget.carIndex].plate}"),
+                  Text(
+                      "Mileage: ${garage.cars[widget.carIndex].mileage.toString()}"),
+                ],
+              ),
+            ),
+            CarTxns(carIndex: widget.carIndex),
+          ],
+        ),
+      ),
+      floatingActionButton: FloatingActionButton(
+        onPressed: () {
+          Navigator.of(context).push(
+            MaterialPageRoute(
+              builder: (context) => NewTxnScreen(carIndex: widget.carIndex),
+            ),
+          );
+        },
+        child: const Icon(Icons.add),
+      ),
+    );
+  }
+}
+
+class CarTxns extends StatefulWidget {
+  const CarTxns({super.key, required this.carIndex});
+  final int carIndex;
+
+  @override
+  State<CarTxns> createState() => _CurrentCar();
+}
+
+class _CurrentCar extends State<CarTxns> {
+  late Future _txns;
+  late Car car;
+
+  @override
+  void initState() {
+    car =
+        Provider.of<GarageModel>(context, listen: false).cars[widget.carIndex];
+    _txns = Provider.of<GarageModel>(context, listen: false).getTxns(car.id!);
+    super.initState();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    // car =
+    //     Provider.of<GarageModel>(context, listen: false).cars[widget.carIndex];
+    // _txns = Provider.of<GarageModel>(context, listen: false).getTxns(car.id!);
+    return FutureBuilder(
+        future: _txns,
+        builder: (context, snapshot) {
+          if (snapshot.connectionState == ConnectionState.waiting) {
+            return const Center(
+              child: CircularProgressIndicator(),
+            );
+          } else {
+            if (snapshot.error != null) {
+              return const Center(
+                child: Text('An error occurred'),
+              );
+            } else {
+              return Expanded(child: Consumer<GarageModel>(
+                builder: (context, garage, child) {
+                  return ListView.separated(
+                    // padding: const EdgeInsets.all(8),
+                    itemCount: garage.txns.length,
+                    itemBuilder: (context, index) => ListTile(
+                        // dense: true, //only affects text, use visualDensity instead
+                        visualDensity:
+                            const VisualDensity(horizontal: 0, vertical: -4),
+                        leading: const Icon(Icons.local_gas_station),
+                        title: Text(garage.txns[index].txntype ?? "type"),
+                        subtitle: Text(garage.txns[index].note ?? "note"),
+                        onTap: (() => VoidCallback)),
+                    separatorBuilder: (BuildContext context, int index) =>
+                        const Divider(),
+                  );
+                },
+              ));
+            }
+          }
+        });
+  }
+}