mamma mia sistemata rail e bottom navigation, bellissime ora

2026-04-12 21:32:20 +02:00
parent b8caff7636
commit 1a40770390
12 changed files with 655 additions and 154 deletions
--- a/lib/features/home_and_dashboard/ui/dashboard_action_card.dart
+++ b/lib/features/home_and_dashboard/ui/dashboard_action_card.dart
@@ -0,0 +1,44 @@
+import 'package:flutter/material.dart';
+import 'package:flux/core/theme/theme.dart';
+
+class DashboardActionCard extends StatelessWidget {
+  final String label;
+  final IconData icon;
+  final Color color;
+  final VoidCallback onTap;
+
+  const DashboardActionCard({
+    super.key,
+    required this.label,
+    required this.icon,
+    required this.color,
+    required this.onTap,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return Card(
+      elevation: 0,
+      shape: RoundedRectangleBorder(
+        borderRadius: BorderRadius.circular(16),
+        // CAMBIA QUI: da Border.all a BorderSide
+        side: BorderSide(
+          color: context.accent.withValues(alpha: 0.1),
+          width: 1,
+        ),
+      ),
+      child: InkWell(
+        onTap: onTap,
+        borderRadius: BorderRadius.circular(16),
+        child: Column(
+          mainAxisAlignment: MainAxisAlignment.center,
+          children: [
+            Icon(icon, color: color, size: 32),
+            const SizedBox(height: 8),
+            Text(label, style: const TextStyle(fontWeight: FontWeight.bold)),
+          ],
+        ),
+      ),
+    );
+  }
+}
--- a/lib/features/home_and_dashboard/ui/dashboard_adaptive_grid.dart
+++ b/lib/features/home_and_dashboard/ui/dashboard_adaptive_grid.dart
@@ -0,0 +1,74 @@
+import 'package:flutter/material.dart';
+import 'package:flux/core/theme/theme.dart';
+import 'package:flux/features/home_and_dashboard/ui/dashboard_action_card.dart';
+import 'package:go_router/go_router.dart';
+
+class DashboardAdaptiveGrid extends StatelessWidget {
+  final bool isLargeScreen;
+  final Function(int)? onTabRequested;
+  const DashboardAdaptiveGrid({
+    super.key,
+    this.isLargeScreen = false,
+    this.onTabRequested,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return LayoutBuilder(
+      builder: (context, constraints) {
+        // Logica Colonne: Mobile 2, Tablet 3, Desktop 4+
+        int crossAxisCount = 2;
+        if (constraints.maxWidth > 1000) {
+          crossAxisCount = 5;
+        } else if (constraints.maxWidth > 700) {
+          crossAxisCount = 3;
+        }
+
+        return GridView.count(
+          shrinkWrap: true,
+          physics: const NeverScrollableScrollPhysics(),
+          crossAxisCount: crossAxisCount,
+          mainAxisSpacing: 16,
+          crossAxisSpacing: 16,
+          childAspectRatio: isLargeScreen ? 1.3 : 1.5,
+          children: [
+            DashboardActionCard(
+              label: 'Nuova Op',
+              icon: Icons.add_task,
+              color: context.accent,
+              onTap: () {},
+            ),
+            DashboardActionCard(
+              label: 'Clienti',
+              icon: Icons.people,
+              color: Colors.orange,
+              onTap: () => onTabRequested?.call(1),
+            ),
+            DashboardActionCard(
+              label: 'Prodotti',
+              icon: Icons
+                  .phone_android_outlined, // Icona "comoda" e professionale
+              color: context
+                  .accent, // O un colore a tua scelta, magari Indigo o Blue
+              onTap: () => context.push(
+                '/products',
+              ), // Apre la schermata sopra la Dashboard
+            ),
+            DashboardActionCard(
+              label: 'Campagne',
+              icon: Icons.campaign,
+              color: Colors.purple,
+              onTap: () {},
+            ),
+            DashboardActionCard(
+              label: 'Report',
+              icon: Icons.analytics,
+              color: Colors.teal,
+              onTap: () {},
+            ),
+          ],
+        );
+      },
+    );
+  }
+}
--- a/lib/features/home_and_dashboard/ui/dashboard_content.dart
+++ b/lib/features/home_and_dashboard/ui/dashboard_content.dart
@@ -2,6 +2,7 @@ import 'package:flutter/material.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
 import 'package:flux/core/blocs/session/session_bloc.dart';
 import 'package:flux/core/theme/theme.dart';
+import 'package:flux/features/home_and_dashboard/ui/dashboard_adaptive_grid.dart';

 class DashboardContent extends StatelessWidget {
  final bool isLargeScreen;
@@ -53,7 +54,10 @@ class DashboardContent extends StatelessWidget {
                        const SizedBox(height: 32),
                        const _SectionTitle(title: 'AZIONI RAPIDE'),
                        const SizedBox(height: 16),
-                        _buildAdaptiveGrid(context),
+                        DashboardAdaptiveGrid(
+                          isLargeScreen: isLargeScreen,
+                          onTabRequested: onTabRequested,
+                        ),
                        const SizedBox(height: 40),
                        const _SectionTitle(title: 'INFO PUNTO VENDITA'),
                        const SizedBox(height: 16),
@@ -86,55 +90,6 @@ class DashboardContent extends StatelessWidget {
    );
  }

-  Widget _buildAdaptiveGrid(BuildContext context) {
-    return LayoutBuilder(
-      builder: (context, constraints) {
-        // Logica Colonne: Mobile 2, Tablet 3, Desktop 4+
-        int crossAxisCount = 2;
-        if (constraints.maxWidth > 1000) {
-          crossAxisCount = 5;
-        } else if (constraints.maxWidth > 700) {
-          crossAxisCount = 3;
-        }
-
-        return GridView.count(
-          shrinkWrap: true,
-          physics: const NeverScrollableScrollPhysics(),
-          crossAxisCount: crossAxisCount,
-          mainAxisSpacing: 16,
-          crossAxisSpacing: 16,
-          childAspectRatio: isLargeScreen ? 1.3 : 1.5,
-          children: [
-            _ActionCard(
-              label: 'Nuova Op',
-              icon: Icons.add_task,
-              color: context.accent,
-              onTap: () {},
-            ),
-            _ActionCard(
-              label: 'Clienti',
-              icon: Icons.people,
-              color: Colors.orange,
-              onTap: () => onTabRequested?.call(1),
-            ),
-            _ActionCard(
-              label: 'Campagne',
-              icon: Icons.campaign,
-              color: Colors.purple,
-              onTap: () {},
-            ),
-            _ActionCard(
-              label: 'Report',
-              icon: Icons.analytics,
-              color: Colors.teal,
-              onTap: () {},
-            ),
-          ],
-        );
-      },
-    );
-  }
-
  Widget _buildStoreCard(BuildContext context, dynamic store) {
    return Container(
      padding: const EdgeInsets.all(20),
@@ -154,48 +109,6 @@ class DashboardContent extends StatelessWidget {
  }
 }

-// Widget di supporto rimasti invariati (ActionCard e SectionTitle)
-class _ActionCard extends StatelessWidget {
-  final String label;
-  final IconData icon;
-  final Color color;
-  final VoidCallback onTap;
-
-  const _ActionCard({
-    required this.label,
-    required this.icon,
-    required this.color,
-    required this.onTap,
-  });
-
-  @override
-  Widget build(BuildContext context) {
-    return Card(
-      elevation: 0,
-      shape: RoundedRectangleBorder(
-        borderRadius: BorderRadius.circular(16),
-        // CAMBIA QUI: da Border.all a BorderSide
-        side: BorderSide(
-          color: context.accent.withValues(alpha: 0.1),
-          width: 1,
-        ),
-      ),
-      child: InkWell(
-        onTap: onTap,
-        borderRadius: BorderRadius.circular(16),
-        child: Column(
-          mainAxisAlignment: MainAxisAlignment.center,
-          children: [
-            Icon(icon, color: color, size: 32),
-            const SizedBox(height: 8),
-            Text(label, style: const TextStyle(fontWeight: FontWeight.bold)),
-          ],
-        ),
-      ),
-    );
-  }
-}
-
 class _SectionTitle extends StatelessWidget {
  final String title;
  const _SectionTitle({required this.title});
--- a/lib/features/home_and_dashboard/ui/home_screen.dart
+++ b/lib/features/home_and_dashboard/ui/home_screen.dart
@@ -2,7 +2,7 @@ import 'package:flutter/material.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
 import 'package:flux/core/blocs/session/session_bloc.dart';
 import 'package:flux/core/theme/theme.dart';
-import 'package:flux/features/customers/ui/customers_content.dart';
+import 'package:flux/features/anagrafiche/master_data_hub_content.dart';
 import 'dashboard_content.dart'; // Importiamo il contenuto della dashboard

 class HomeScreen extends StatefulWidget {
@@ -14,6 +14,7 @@ class HomeScreen extends StatefulWidget {

 class _HomeScreenState extends State<HomeScreen> {
  int _selectedIndex = 0;
+  bool _isRailHovered = false;

  @override
  Widget build(BuildContext context) {
@@ -27,53 +28,9 @@ class _HomeScreenState extends State<HomeScreen> {
            return Scaffold(
              body: Row(
                children: [
-                  // --- SIDEBAR (Solo Desktop/Tablet) ---
+                  // --- SIDEBAR (Desktop) ---
                  if (isLargeScreen)
-                    NavigationRail(
-                      selectedIndex: _selectedIndex,
-                      onDestinationSelected: (index) =>
-                          setState(() => _selectedIndex = index),
-                      extended: constraints.maxWidth > 1200,
-                      backgroundColor: context.background,
-                      // 1. Definiamo il colore dell'ellisse (l'indicatore)
-                      indicatorColor: context.accent.withValues(alpha: 0.2),
-
-                      selectedIconTheme: IconThemeData(
-                        color: context
-                            .accent, // O un colore che stacchi bene dall'ellisse
-                        size: 28,
-                      ),
-                      selectedLabelTextStyle: TextStyle(
-                        color: context.accent,
-                        fontWeight: FontWeight.bold,
-                      ),
-                      // 3. Forza il colore delle ICONE quando NON selezionate
-                      unselectedIconTheme: IconThemeData(
-                        color: context.secondaryText,
-                        size: 24,
-                      ),
-                      unselectedLabelTextStyle: TextStyle(
-                        color: context.secondaryText,
-                      ),
-                      leading: _buildRailHeader(constraints.maxWidth > 1200),
-                      destinations: const [
-                        NavigationRailDestination(
-                          icon: Icon(Icons.dashboard_outlined),
-                          selectedIcon: Icon(Icons.dashboard),
-                          label: Text('Dashboard'),
-                        ),
-                        NavigationRailDestination(
-                          icon: Icon(Icons.people_outlined),
-                          selectedIcon: Icon(Icons.people),
-                          label: Text('Clienti'),
-                        ),
-                        NavigationRailDestination(
-                          icon: Icon(Icons.receipt_long_outlined),
-                          selectedIcon: Icon(Icons.receipt_long),
-                          label: Text('Operazioni'),
-                        ),
-                      ],
-                    ),
+                    _buildNavigationRail(constraints.maxWidth > 1200),

                  // --- CONTENUTO DINAMICO ---
                  Expanded(
@@ -92,15 +49,15 @@ class _HomeScreenState extends State<HomeScreen> {
                      items: const [
                        BottomNavigationBarItem(
                          icon: Icon(Icons.dashboard),
-                          label: 'Home',
-                        ),
-                        BottomNavigationBarItem(
-                          icon: Icon(Icons.people),
-                          label: 'Clienti',
+                          label: 'Dashboard',
                        ),
                        BottomNavigationBarItem(
                          icon: Icon(Icons.receipt_long),
-                          label: 'Ops',
+                          label: 'Operazioni',
+                        ),
+                        BottomNavigationBarItem(
+                          icon: Icon(Icons.folder_shared),
+                          label: 'Anagrafiche',
                        ),
                      ],
                    ),
@@ -111,6 +68,58 @@ class _HomeScreenState extends State<HomeScreen> {
    );
  }

+  // --- NAVIGATION RAIL (Desktop) ---
+  Widget _buildNavigationRail(bool railAlwaysExtended) {
+    return MouseRegion(
+      onEnter: (_) => setState(() => _isRailHovered = true),
+      onExit: (_) => setState(() => _isRailHovered = false),
+      child: NavigationRail(
+        // Manteniamo 'extended' dinamico in base alla larghezza per un look Pro
+        extended: railAlwaysExtended ? true : _isRailHovered,
+        selectedIndex: _selectedIndex,
+        onDestinationSelected: (index) =>
+            setState(() => _selectedIndex = index),
+        backgroundColor: context.background,
+        indicatorColor: context.accent.withValues(alpha: 0.2),
+
+        // Header con il logo FLUX o l'icona bolt
+        leading: _buildRailHeader(railAlwaysExtended ? true : _isRailHovered),
+
+        selectedIconTheme: IconThemeData(color: context.accent, size: 28),
+        unselectedIconTheme: IconThemeData(
+          color: context.secondaryText,
+          size: 24,
+        ),
+
+        selectedLabelTextStyle: TextStyle(
+          color: context.accent,
+          fontWeight: FontWeight.bold,
+        ),
+        unselectedLabelTextStyle: TextStyle(color: context.secondaryText),
+
+        destinations: const [
+          NavigationRailDestination(
+            icon: Icon(Icons.dashboard_outlined),
+            selectedIcon: Icon(Icons.dashboard),
+            label: Text('Dashboard'),
+          ),
+          NavigationRailDestination(
+            icon: Icon(Icons.receipt_long_outlined),
+            selectedIcon: Icon(Icons.receipt_long),
+            label: Text('Operazioni'),
+          ),
+          NavigationRailDestination(
+            icon: Icon(Icons.folder_shared_outlined),
+            selectedIcon: Icon(Icons.folder_shared),
+            label: Text(
+              'Anagrafiche',
+            ), // Questo caricherà il MasterDataHubContent
+          ),
+        ],
+      ),
+    );
+  }
+
  Widget _buildRailHeader(bool isExtended) {
    return Padding(
      padding: const EdgeInsets.symmetric(vertical: 24),
@@ -133,17 +142,22 @@ class _HomeScreenState extends State<HomeScreen> {
      case 0:
        return DashboardContent(
          isLargeScreen: isLargeScreen,
-          // Questo pezzo DEVE puntare al setState dello State della HomeScreen
-          onTabRequested: (targetIndex) {
-            setState(() {
-              _selectedIndex = targetIndex;
-            });
-          },
+          // Se dalla Dashboard clicchi "Clienti", ti porto all'Hub
+          onTabRequested: (idx) => setState(() => _selectedIndex = 2),
        );
      case 1:
-        return const CustomersContent();
+        return const Center(child: Text('Operazioni'));
      case 2:
-        return const Center(child: Text('Pagina Operazioni (Coming Soon)'));
+        // L'unico punto di ingresso per tutte le anagrafiche
+        return MasterDataHubContent(
+          // Qui gestiamo la navigazione "interna" all'hub
+          onOpenPage: (widget) {
+            Navigator.push(
+              context,
+              MaterialPageRoute(builder: (context) => widget),
+            );
+          },
+        );
      default:
        return DashboardContent(isLargeScreen: isLargeScreen);
    }