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

Prepared the layout of all charts.

Browse Source
This commit is contained in:
Faris Armoush
2025-04-30 09:44:04 +03:00
parent d8f40badc0
commit 7a088074e3
5 changed files with 121 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
lib/pages/analytics/modules/energy_management/views/analytics_energy_management_view.dart
View File

@ -1,12 +1,47 @@
import 'package:flutter/material.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_per_device_chart.dart';
import 'package:syncrow_web/pages/analytics/modules/energy_management/widgets/power_clamp_energy_data_widget.dart';
import 'package:syncrow_web/pages/analytics/modules/energy_management/widgets/total_energy_consumption_chart.dart';
import 'package:syncrow_web/utils/style.dart';
class AnalyticsEnergyManagementView extends StatelessWidget {
const AnalyticsEnergyManagementView({super.key});
@override
Widget build(BuildContext context) {
return const Center(
child: Text('EnergyManagementView is Working!'),
return Padding(
padding: const EdgeInsets.all(32),
child: Row(
spacing: 20,
children: [
const Expanded(
flex: 2,
child: Column(
spacing: 20,
children: [
Expanded(child: TotalEnergyConsumptionChart()),
Expanded(child: EnergyConsumptionPerDeviceChart()),
],
),
),
Expanded(
child: Container(
decoration: subSectionContainerDecoration.copyWith(
borderRadius: BorderRadius.circular(30),
),
padding: const EdgeInsets.all(30),
child: const Column(
spacing: 10,
children: [
Expanded(flex: 2, child: PowerClampEnergyDataWidget()),
Expanded(child: EnergyConsumptionByPhasesChart()),
],
),
),
),
],
),
);
}
}

10
lib/pages/analytics/modules/energy_management/widgets/energy_consumption_by_phases_chart.dart Normal file
View File

@ -0,0 +1,10 @@
import 'package:flutter/material.dart';
class EnergyConsumptionByPhasesChart extends StatelessWidget {
const EnergyConsumptionByPhasesChart({super.key});
@override
Widget build(BuildContext context) {
return const Placeholder();
}
}

32
lib/pages/analytics/modules/energy_management/widgets/energy_consumption_per_device_chart.dart Normal file
View File

@ -0,0 +1,32 @@
import 'package:flutter/material.dart';
import 'package:syncrow_web/utils/style.dart';
class EnergyConsumptionPerDeviceChart extends StatelessWidget {
const EnergyConsumptionPerDeviceChart({super.key});
@override
Widget build(BuildContext context) {
return Container(
decoration: subSectionContainerDecoration.copyWith(
borderRadius: BorderRadius.circular(30),
),
padding: const EdgeInsets.all(30),
child: const Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
'Energy Consumption per Device',
style: TextStyle(
fontSize: 22,
fontWeight: FontWeight.w700,
),
),
SizedBox(height: 20),
Expanded(
child: Placeholder(),
),
],
),
);
}
}

10
lib/pages/analytics/modules/energy_management/widgets/power_clamp_energy_data_widget.dart Normal file
View File

@ -0,0 +1,10 @@
import 'package:flutter/material.dart';
class PowerClampEnergyDataWidget extends StatelessWidget {
const PowerClampEnergyDataWidget({super.key});
@override
Widget build(BuildContext context) {
return const Placeholder();
}
}

32
lib/pages/analytics/modules/energy_management/widgets/total_energy_consumption_chart.dart Normal file
View File

@ -0,0 +1,32 @@
import 'package:flutter/material.dart';
import 'package:syncrow_web/utils/style.dart';
class TotalEnergyConsumptionChart extends StatelessWidget {
const TotalEnergyConsumptionChart({super.key});
@override
Widget build(BuildContext context) {
return Container(
decoration: subSectionContainerDecoration.copyWith(
borderRadius: BorderRadius.circular(30),
),
padding: const EdgeInsets.all(30),
child: const Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
'Total Energy Consumption',
style: TextStyle(
fontSize: 22,
fontWeight: FontWeight.w700,
),
),
SizedBox(height: 20),
Expanded(
child: Placeholder(),
),
],
),
);
}
}