[UploadPage] finished glass type chooser

Author: apoleon33

lib/routes/upload/upload_cocktail_properties.dart

@@ -1,4 +1,5 @@
 import 'package:cocktailpedia/util/cocktail.dart';
+import 'package:cocktailpedia/util/glass_type.dart';
 import 'package:cocktailpedia/widgets/custom_theme.dart';
 import 'package:flutter/material.dart';
 
@@ -15,17 +16,69 @@ class _UploadCocktailPropertiesStates extends State<UploadCocktailProperties> {
   final BorderRadius borderRadius = BorderRadius.circular(16);
   final Padding divider = const Padding(padding: EdgeInsets.all(16));
 
+  GlassType glassType = const AnyGlassType();
+
   bool isShakerNeeded = false;
   bool isCocktailSpoonNeeded = false;
   bool isCocktailStrainerNeeded = false;
 
+  ImageProvider get _imageReference => widget.cocktail.image[0].image;
+
+  void _displayGlassChooser() async {
+    showDialog(
+      context: context,
+      builder: (BuildContext context) => CustomTheme(
+        image: _imageReference,
+        delay: const Duration(milliseconds: 100),
+        builder: (ThemeData them) => AlertDialog(
+          title: const Text("Select a new glass type"),
+          icon: const Icon(Icons.local_bar),
+          content: SingleChildScrollView(
+            child: ListBody(
+              children: GlassType.glassTypes
+                  .map((e) => InkWell(
+                        onTap: () {
+                          setState(() {
+                            glassType = e;
+                          });
+                          Navigator.of(context).pop();
+                        },
+                        child: Padding(
+                          padding: const EdgeInsets.all(8.0),
+                          child: Row(
+                            children: [
+                              SizedBox(
+                                  width: 50,
+                                  height: 50,
+                                  child: Image(image: e.getImage())),
+                              Text("${e.name} glass")
+                            ],
+                          ),
+                        ),
+                      ))
+                  .toList(),
+            ),
+          ),
+          actions: <Widget>[
+            TextButton(
+              child: const Text('Cancel'),
+              onPressed: () {
+                Navigator.of(context).pop();
+              },
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+
   @override
   Widget build(BuildContext context) {
     final double imageWidth = MediaQuery.of(context).size.width - 64;
     final double imageHeight = 0.5 * imageWidth;
 
     return CustomTheme(
-      image: widget.cocktail.image[0].image,
+      image: _imageReference,
       delay: const Duration(milliseconds: 250),
       builder: (ThemeData theme) => Scaffold(
         appBar: AppBar(
@@ -105,20 +158,22 @@ class _UploadCocktailPropertiesStates extends State<UploadCocktailProperties> {
                 Material(
                   color: Colors.transparent,
                   child: InkWell(
-                    onTap: () {},
+                    onTap: _displayGlassChooser,
                     child: Padding(
                       padding: const EdgeInsets.only(
-                        right: 14.0,
+                        right: 24.0,
                         left: 14.0,
                         top: 8.0,
                         bottom: 8.0,
                       ),
                       child: Row(
+                        mainAxisAlignment: MainAxisAlignment.spaceBetween,
                         children: [
                           Text(
                             "Glass type",
                             style: Theme.of(context).textTheme.titleMedium,
                           ),
+                          Text(glassType.name)
                         ],
                       ),
                     ),

lib/util/glass_type.dart

@@ -8,8 +8,18 @@ class GlassType {
 
   const GlassType({required this.name, this.description});
 
-  ImageProvider getImage() =>
-      AssetImage("assets/glass-type/${name.toLowerCase()}.png");
+  ImageProvider getImage() => AssetImage(
+        "assets/glass-type/${name.toLowerCase()}.png",
+      );
+
+  /// A list of all existing glass types, or at least the ones with an icon associated.
+  static List<GlassType> get glassTypes => [
+        const AnyGlassType(),
+        const GlassType(name: "Cocktail"),
+        const GlassType(name: "Hurricane"),
+        const GlassType(name: "Whisky"),
+        const GlassType(name: "Mug"),
+      ];
 
   @override
   String toString() {