Refactor energy consumption charts to enhance grid data configuration

Updated the grid data for EnergyConsumptionByPhasesChart, EnergyConsumptionPerDeviceChart, and TotalEnergyConsumptionChart to include horizontal line visibility and set a horizontal interval of 250. Removed unused phasesJson constant from TotalEnergyConsumptionChart for cleaner code.

lib/pages/analytics/modules/analytics/widgets/analytics_page_tabs_and_children.dart

@@ -14,6 +14,7 @@ class AnalyticsPageTabsAndChildren extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
+    final spaceTreeState = context.read<SpaceTreeBloc>().state;
     return BlocBuilder<AnalyticsTabBloc, AnalyticsPageTab>(
       buildWhen: (previous, current) => previous != current,
       builder: (context, selectedTab) => Column(
@@ -67,12 +68,7 @@ class AnalyticsPageTabsAndChildren extends StatelessWidget {
                             context.read<AnalyticsDatePickerBloc>().add(
                                   UpdateAnalyticsDatePickerEvent(montlyDate: value),
                                 );
-
-                            final spaceTreeState =
-                                context.read<SpaceTreeBloc>().state;
-                            if (spaceTreeState.selectedSpaces.isNotEmpty) {
-                              FetchEnergyManagementDataHelper
-                                  .loadEnergyManagementData(
+                            FetchEnergyManagementDataHelper.loadEnergyManagementData(
                               context,
                               selectedDate: value,
                               communityId:
@@ -81,7 +77,6 @@ class AnalyticsPageTabsAndChildren extends StatelessWidget {
                               spaceId:
                                   spaceTreeState.selectedSpaces.firstOrNull ?? '',
                             );
-                            }
                           },
                           selectedDate: context
                               .watch<AnalyticsDatePickerBloc>()

lib/pages/analytics/modules/energy_management/widgets/energy_consumption_by_phases_chart.dart

@@ -18,7 +18,10 @@ class EnergyConsumptionByPhasesChart extends StatelessWidget {
   Widget build(BuildContext context) {
     return BarChart(
       BarChartData(
-        gridData: EnergyManagementChartsHelper.gridData(),
+        gridData: EnergyManagementChartsHelper.gridData().copyWith(
+          checkToShowHorizontalLine: (value) => true,
+          horizontalInterval: 250,
+        ),
         borderData: EnergyManagementChartsHelper.borderData(),
         barTouchData: _barTouchData(context),
         titlesData: _titlesData(context),

lib/pages/analytics/modules/energy_management/widgets/energy_consumption_per_device_chart.dart

@@ -16,7 +16,10 @@ class EnergyConsumptionPerDeviceChart extends StatelessWidget {
           context,
           leftTitlesInterval: 250,
         ),
-        gridData: EnergyManagementChartsHelper.gridData(),
+        gridData: EnergyManagementChartsHelper.gridData().copyWith(
+          checkToShowHorizontalLine: (value) => true,
+          horizontalInterval: 250,
+        ),
         borderData: EnergyManagementChartsHelper.borderData(),
         lineTouchData: EnergyManagementChartsHelper.lineTouchData(),
         lineBarsData: chartData.map((e) {

lib/pages/analytics/modules/energy_management/widgets/total_energy_consumption_chart.dart

@@ -4,15 +4,6 @@ import 'package:syncrow_web/pages/analytics/models/energy_data_model.dart';
 import 'package:syncrow_web/pages/analytics/modules/energy_management/helpers/energy_management_charts_helper.dart';
 import 'package:syncrow_web/utils/color_manager.dart';
 
-// energy_consumption_chart will return id, name and consumption
-const phasesJson = {
-  "1": {
-    "phaseOne": 1000,
-    "phaseTwo": 2000,
-    "phaseThree": 3000,
-  }
-};
-
 class TotalEnergyConsumptionChart extends StatelessWidget {
   const TotalEnergyConsumptionChart({required this.chartData, super.key});
 
@@ -23,8 +14,14 @@ class TotalEnergyConsumptionChart extends StatelessWidget {
     return Expanded(
       child: LineChart(
         LineChartData(
-          titlesData: EnergyManagementChartsHelper.titlesData(context),
-          gridData: EnergyManagementChartsHelper.gridData(),
+          titlesData: EnergyManagementChartsHelper.titlesData(
+            context,
+            leftTitlesInterval: 250,
+          ),
+          gridData: EnergyManagementChartsHelper.gridData().copyWith(
+            checkToShowHorizontalLine: (value) => true,
+            horizontalInterval: 250,
+          ),
           borderData: EnergyManagementChartsHelper.borderData(),
           lineTouchData: EnergyManagementChartsHelper.lineTouchData(),
           lineBarsData: _lineBarsData,

lib/pages/analytics/modules/occupancy/helpers/fetch_occupancy_data_helper.dart

@@ -28,13 +28,25 @@ abstract final class FetchOccupancyDataHelper {
     loadAnalyticsDevices(context, communityUuid: communityId, spaceUuid: spaceId);
     final selectedDevice = context.read<AnalyticsDevicesBloc>().state.selectedDevice;
 
-    loadOccupancyChartData(
-      context,
-      communityUuid: communityId,
+    context.read<OccupancyBloc>().add(
+          LoadOccupancyEvent(
+            GetOccupancyParam(
+              monthDate:
+                  '${datePickerState.monthlyDate.year}-${datePickerState.monthlyDate.month}',
               spaceUuid: spaceId,
-      date: datePickerState.monthlyDate,
+              communityUuid: communityId,
+            ),
+          ),
+        );
+
+    context.read<OccupancyHeatMapBloc>().add(
+          LoadOccupancyHeatMapEvent(
+            GetOccupancyHeatMapParam(
+              spaceUuid: spaceId,
+              year: datePickerState.yearlyDate,
+            ),
+          ),
         );
-    loadHeatMapData(context, spaceUuid: spaceId, year: datePickerState.yearlyDate);
 
     if (selectedDevice case final AnalyticsDevice device) {
       context.read<RealtimeDeviceChangesBloc>()
@@ -45,35 +57,6 @@ abstract final class FetchOccupancyDataHelper {
     }
   }
 
-  static void loadHeatMapData(
-    BuildContext context, {
-    required String spaceUuid,
-    required DateTime year,
-  }) {
-    context.read<OccupancyHeatMapBloc>().add(
-          LoadOccupancyHeatMapEvent(
-            GetOccupancyHeatMapParam(spaceUuid: spaceUuid, year: year),
-          ),
-        );
-  }
-
-  static void loadOccupancyChartData(
-    BuildContext context, {
-    required String communityUuid,
-    required String spaceUuid,
-    required DateTime date,
-  }) {
-    context.read<OccupancyBloc>().add(
-          LoadOccupancyEvent(
-            GetOccupancyParam(
-              monthDate: '${date.year}-${date.month}',
-              spaceUuid: spaceUuid,
-              communityUuid: communityUuid,
-            ),
-          ),
-        );
-  }
-
   static void loadAnalyticsDevices(
     BuildContext context, {
     required String communityUuid,

lib/pages/analytics/modules/occupancy/widgets/occupancy_chart_box.dart

@@ -47,17 +47,11 @@ class OccupancyChartBox extends StatelessWidget {
                           context.read<AnalyticsDatePickerBloc>().add(
                                 UpdateAnalyticsDatePickerEvent(montlyDate: value),
                               );
-                          if (spaceTreeState.selectedSpaces.isNotEmpty) {
-                            FetchOccupancyDataHelper.loadOccupancyChartData(
+                          FetchOccupancyDataHelper.loadOccupancyData(
                             context,
-                              communityUuid:
-                                  spaceTreeState.selectedCommunities.firstOrNull ??
-                                      '',
-                              spaceUuid:
-                                  spaceTreeState.selectedSpaces.firstOrNull ?? '',
-                              date: value,
+                            communityId: spaceTreeState.selectedCommunities.firstOrNull ?? '',
+                            spaceId: spaceTreeState.selectedSpaces.firstOrNull ?? '',
                           );
-                          }
                         },
                         selectedDate: context
                             .watch<AnalyticsDatePickerBloc>()

lib/pages/analytics/modules/occupancy/widgets/occupancy_heat_map_box.dart

@@ -47,14 +47,12 @@ class OccupancyHeatMapBox extends StatelessWidget {
                           context.read<AnalyticsDatePickerBloc>().add(
                                 UpdateAnalyticsDatePickerEvent(yearlyDate: value),
                               );
-                          if (spaceTreeState.selectedSpaces.isNotEmpty) {
-                            FetchOccupancyDataHelper.loadHeatMapData(
+                          FetchOccupancyDataHelper.loadOccupancyData(
                             context,
-                              spaceUuid:
-                                  spaceTreeState.selectedSpaces.firstOrNull ?? '',
-                              year: value,
+                            communityId:
+                                spaceTreeState.selectedCommunities.firstOrNull ?? '',
+                            spaceId: spaceTreeState.selectedSpaces.firstOrNull ?? '',
                           );
-                          }
                         },
                         datePickerType: DatePickerType.year,
                         selectedDate: context

lib/pages/analytics/services/analytics_devices/remote_occupancy_analytics_devices_service.dart

@@ -39,6 +39,7 @@ class RemoteOccupancyAnalyticsDevicesService implements AnalyticsDevicesService
         path:
             '/projects/$projectUuid/communities/${param.communityUuid}/spaces/${param.spaceUuid}/devices',
         queryParameters: {
+          'requestType': param.requestType.name,
           'communityUuid': param.communityUuid,
           'spaceUuid': param.spaceUuid,
           'productType': param.deviceTypes.first,