ammar/syncrow-web
1
0
Fork 0
mirror of https://github.com/SyncrowIOT/web.git synced 2025-07-10 07:07:19 +00:00
Code Issues Packages Projects Releases Wiki Activity

Extracted EnergyConsumptionByPhasesTitle into its own widget to improve readability and assert separation of concerns.

Browse Source
This commit is contained in:
Faris Armoush
2025-05-04 14:26:38 +03:00
parent 3d6a60b406
commit c3ec9000d4
1 changed files with 37 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

65
lib/pages/analytics/modules/energy_management/widgets/energy_consumption_by_phases_chart_box.dart
View File

@ -39,34 +39,7 @@ class _EnergyConsumptionByPhasesChartBoxState
mainAxisSize: MainAxisSize.min,
spacing: 20,
children: [
Row(
crossAxisAlignment: CrossAxisAlignment.center,
mainAxisAlignment: MainAxisAlignment.center,
children: [
Expanded(
flex: 4,
child: FittedBox(
fit: BoxFit.scaleDown,
child: ChartTitle(
title: Text(
'Energy Consumption by Phases',
style: context.textTheme.titleLarge?.copyWith(
fontSize: 14,
fontWeight: FontWeight.w400,
color: ColorsManager.textPrimaryColor,
),
),
),
),
),
const Spacer(),
...<(String title, double opacity)>[
('A', 0.8),
('B', 0.4),
('C', 0.15),
].map((phase) => _buildPhaseCell(context, phase)),
],
),
const EnergyConsumptionByPhasesTitle(),
Expanded(
child: EnergyConsumptionByPhasesChart(
energyData: state.chartData,
@ -78,6 +51,42 @@ class _EnergyConsumptionByPhasesChartBoxState
},
);
}
}
class EnergyConsumptionByPhasesTitle extends StatelessWidget {
const EnergyConsumptionByPhasesTitle({super.key});
@override
Widget build(BuildContext context) {
return Row(
crossAxisAlignment: CrossAxisAlignment.center,
mainAxisAlignment: MainAxisAlignment.center,
children: [
Expanded(
flex: 4,
child: FittedBox(
fit: BoxFit.scaleDown,
child: ChartTitle(
title: Text(
'Energy Consumption by Phases',
style: context.textTheme.titleLarge?.copyWith(
fontSize: 14,
fontWeight: FontWeight.w400,
color: ColorsManager.textPrimaryColor,
),
),
),
),
),
const Spacer(),
...<(String title, double opacity)>[
('A', 0.8),
('B', 0.4),
('C', 0.15),
].map((phase) => _buildPhaseCell(context, phase)),
],
);
}
Widget _buildPhaseCell(
BuildContext context,