feat: major progress

lib/components/colorful_chips.dart

@@ -0,0 +1,46 @@
+import 'package:flutter/material.dart';
+
+class ColorfulChip extends StatelessWidget {
+  final String label;
+
+  const ColorfulChip({Key? key, required this.label}) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    final color = Color(((label.hashCode) & 0xFFFFFF) | 0xFF000000);
+    return Chip(
+      label: Text(label),
+      backgroundColor: color,
+      labelStyle: TextStyle(
+        color: color.computeLuminance() > 0.5 ? Colors.black : Colors.white,
+      ),
+      shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(8)),
+    );
+  }
+}
+
+class ColorfulActionChip extends StatelessWidget {
+  final String label;
+  final VoidCallback onPressed;
+
+  const ColorfulActionChip({
+    Key? key,
+    required this.label,
+    required this.onPressed,
+  }) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    final color = Color(
+        ((label.hashCode - 5 /* randomness - */) & 0xFFFFFF) | 0xFF000000);
+    return ActionChip(
+      label: Text(label),
+      backgroundColor: color,
+      labelStyle: TextStyle(
+        color: color.computeLuminance() > 0.5 ? Colors.black : Colors.white,
+      ),
+      shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(8)),
+      onPressed: onPressed,
+    );
+  }
+}

lib/components/feature_bottom_sheet.dart

@@ -0,0 +1,184 @@
+import 'package:flutter/material.dart';
+import 'package:flutter/widgets.dart';
+import 'package:get/get.dart';
+import 'package:uninav/components/colorful_chips.dart';
+import 'package:uninav/controllers/map_controller.dart';
+import 'package:uninav/data/geo/model.dart';
+import 'package:uninav/util/util.dart';
+
+final _colorfulBoxDeco = BoxDecoration(
+  color: Colors.black,
+  border: Border.all(color: Colors.orange, width: 2),
+  borderRadius: BorderRadius.circular(10),
+);
+
+Future<void> showFeatureBottomSheet(
+    Feature feature, List<Feature>? closestFeatures) {
+  return Get.bottomSheet(
+    Theme(
+      data: ThemeData.light(),
+      child: Container(
+        height: 300,
+        width: Get.mediaQuery.size.width,
+        decoration: const BoxDecoration(
+          color: Colors.black,
+          borderRadius: BorderRadius.only(
+              topLeft: Radius.circular(30), topRight: Radius.circular(30)),
+        ),
+        padding: const EdgeInsets.all(20),
+        child: Column(children: [
+          Center(
+            child: Container(
+              width: 50,
+              height: 5,
+              decoration: BoxDecoration(
+                color: Colors.white,
+                borderRadius: BorderRadius.circular(10),
+              ),
+            ),
+          ),
+          const SizedBox(height: 10),
+          Text(formatFeatureTitle(feature),
+              style:
+                  const TextStyle(fontSize: 24, fontWeight: FontWeight.bold)),
+          const SizedBox(height: 14),
+          if (closestFeatures != null) ...[
+            const Text('Did you mean:'),
+            Wrap(
+              spacing: 8,
+              children: closestFeatures
+                  .map((nearFeature) => ColorfulActionChip(
+                        label: formatFeatureTitle(nearFeature),
+                        onPressed: () {
+                          Get.back();
+                          final newClosestFeatures = closestFeatures
+                              .where((element) => element != nearFeature)
+                              .toList();
+                          newClosestFeatures.add(feature);
+
+                          Get.find<MyMapController>().focusOnFeature(
+                              nearFeature,
+                              closestFeatures: newClosestFeatures);
+                        },
+                      ))
+                  .toList(),
+            ),
+            const SizedBox(height: 14),
+          ],
+          ..._buildFeatureContent(feature),
+        ]),
+      ),
+    ),
+    isScrollControlled: true,
+    enterBottomSheetDuration: const Duration(milliseconds: 150),
+    exitBottomSheetDuration: const Duration(milliseconds: 200),
+  );
+}
+
+List<Widget> _buildFeatureContent(Feature feature) {
+  return feature.type.when(
+    building: () => _buildBuildingContent(feature),
+    lectureHall: () => _buildLectureHallContent(feature),
+    room: () => _buildRoomContent(feature),
+    door: (connects) => _buildDoorContent(feature, connects),
+    toilet: (toiletType) => _buildToiletContent(feature, toiletType),
+    stairs: (connectsLevels) => _buildStairsContent(feature, connectsLevels),
+    lift: (connectsLevels) => _buildLiftContent(feature, connectsLevels),
+    publicTransport: (busLines, tramLines) =>
+        _buildPublicTransportContent(feature, busLines, tramLines),
+  );
+}
+
+/// Builds the content for the Building feature type.
+List<Widget> _buildBuildingContent(Feature feature) {
+  return [
+    Text(feature.name),
+  ];
+}
+
+/// Builds the content for the LectureHall feature type.
+List<Widget> _buildLectureHallContent(Feature feature) {
+  return [Text('Lecture Hall: ${feature.name}')];
+}
+
+/// Builds the content for the Room feature type.
+List<Widget> _buildRoomContent(Feature feature) {
+  return [Text('Room: ${feature.name}')];
+}
+
+/// Builds the content for the Door feature type.
+List<Widget> _buildDoorContent(Feature feature, List<String> connects) {
+  return [Text('Door: ${feature.name}\nConnects: $connects')];
+}
+
+/// Builds the content for the Toilet feature type.
+List<Widget> _buildToiletContent(Feature feature, String toiletType) {
+  return [Text('Toilet: ${feature.name}\nType: $toiletType')];
+}
+
+/// Builds the content for the Stairs feature type.
+List<Widget> _buildStairsContent(Feature feature, List<int> connectsLevels) {
+  return [Text('Stairs: ${feature.name}\nConnects Levels: $connectsLevels')];
+}
+
+/// Builds the content for the Lift feature type.
+List<Widget> _buildLiftContent(Feature feature, List<int> connectsLevels) {
+  return [Text('Lift: ${feature.name}\nConnects Levels: $connectsLevels')];
+}
+
+/// Builds the content for the PublicTransport feature type.
+List<Widget> _buildPublicTransportContent(
+    Feature feature, List<String> busLines, List<String> tramLines) {
+  return [
+    Text(
+      feature.name,
+      style: const TextStyle(fontSize: 18),
+    ),
+    const SizedBox(height: 10),
+    if (busLines.isNotEmpty) ...[
+      const Align(
+        alignment: Alignment.centerLeft,
+        child: Padding(
+          padding: EdgeInsets.only(right: 4),
+          child: Text(
+            'Bus Lines:',
+            style: TextStyle(fontWeight: FontWeight.bold),
+          ),
+        ),
+      ),
+      Align(
+        alignment: Alignment.centerLeft,
+        child: Wrap(
+          spacing: 8,
+          runSpacing: 4,
+          children: busLines.map((line) {
+            return ColorfulChip(label: line);
+          }).toList(),
+        ),
+      ),
+      const SizedBox(height: 10),
+    ],
+    if (tramLines.isNotEmpty) ...[
+      const Align(
+        alignment: Alignment.centerLeft,
+        child: Padding(
+          padding: EdgeInsets.only(right: 4),
+          child: Text(
+            'Tram Lines:',
+            style: TextStyle(fontWeight: FontWeight.bold),
+          ),
+        ),
+      ),
+      Align(
+        alignment: Alignment.centerLeft,
+        child: Wrap(
+          spacing: 8,
+          runSpacing: 4,
+          children: tramLines.map((line) {
+            return ColorfulChip(label: line);
+          }).toList(),
+        ),
+      ),
+    ],
+  ];
+}