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

moved EnergyConsumptionByPhasesTitle to its own file.

Browse Source
This commit is contained in:
Faris Armoush
2025-05-04 14:26:52 +03:00
parent c3ec9000d4
commit a0d1cb988a
2 changed files with 77 additions and 75 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,11 +1,9 @@
import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:syncrow_web/pages/analytics/modules/energy_management/blocs/energy_consumption_by_phases/energy_consumption_by_phases_bloc.dart';
import 'package:syncrow_web/pages/analytics/modules/energy_management/widgets/chart_title.dart';
import 'package:syncrow_web/pages/analytics/modules/energy_management/widgets/energy_consumption_by_phases_chart.dart';
import 'package:syncrow_web/pages/analytics/modules/energy_management/widgets/energy_consumption_by_phases_title.dart';
import 'package:syncrow_web/pages/analytics/params/get_energy_consumption_by_phases_param.dart';
import 'package:syncrow_web/utils/color_manager.dart';
import 'package:syncrow_web/utils/extension/build_context_x.dart';
import 'package:syncrow_web/utils/style.dart';
class EnergyConsumptionByPhasesChartBox extends StatefulWidget {
@ -52,75 +50,3 @@ 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,
(String title, double colorOpacity) phase,
) {
final (title, colorOpacity) = phase;
return Expanded(
child: FittedBox(
fit: BoxFit.scaleDown,
child: Row(
mainAxisSize: MainAxisSize.min,
crossAxisAlignment: CrossAxisAlignment.center,
mainAxisAlignment: MainAxisAlignment.center,
spacing: 4,
children: [
CircleAvatar(
backgroundColor: ColorsManager.vividBlue.withValues(
alpha: colorOpacity,
),
radius: 4,
),
Text(
'Phase $title',
style: context.textTheme.labelSmall?.copyWith(
fontSize: 8,
fontWeight: FontWeight.w400,
color: ColorsManager.lightGreyColor,
),
),
const SizedBox(width: 4),
],
),
),
);
}
}

76
lib/pages/analytics/modules/energy_management/widgets/energy_consumption_by_phases_title.dart Normal file
View File

@ -0,0 +1,76 @@
import 'package:flutter/material.dart';
import 'package:syncrow_web/pages/analytics/modules/energy_management/widgets/chart_title.dart';
import 'package:syncrow_web/utils/color_manager.dart';
import 'package:syncrow_web/utils/extension/build_context_x.dart';
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,
(String title, double colorOpacity) phase,
) {
final (title, colorOpacity) = phase;
return Expanded(
child: FittedBox(
fit: BoxFit.scaleDown,
child: Row(
mainAxisSize: MainAxisSize.min,
crossAxisAlignment: CrossAxisAlignment.center,
mainAxisAlignment: MainAxisAlignment.center,
spacing: 4,
children: [
CircleAvatar(
backgroundColor: ColorsManager.vividBlue.withValues(
alpha: colorOpacity,
),
radius: 4,
),
Text(
'Phase $title',
style: context.textTheme.labelSmall?.copyWith(
fontSize: 8,
fontWeight: FontWeight.w400,
color: ColorsManager.lightGreyColor,
),
),
const SizedBox(width: 4),
],
),
),
);
}
}