ammar/syncrow-web
1
0
Fork 0
mirror of https://github.com/SyncrowIOT/web.git synced 2025-11-27 01:34:56 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #176 from SyncrowIOT/SP-1510-FE-Build-Occupancy-Bar-Chart-Monthly-Consumption-View

Browse Source 
Sp 1510 fe build occupancy bar chart monthly consumption view
This commit is contained in:
Faris Armoush
2025-05-08 16:32:21 +03:00
committed by GitHub
parent 53222bee81
commit 2e2bc99501
18 changed files with 585 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

61
lib/pages/analytics/modules/occupancy/views/analytics_occupancy_view.dart
View File

@ -1,12 +1,67 @@
import 'package:flutter/material.dart';
import 'package:syncrow_web/pages/analytics/modules/occupancy/helpers/fetch_occupancy_data_helper.dart';
import 'package:syncrow_web/pages/analytics/modules/occupancy/widgets/occupancy_chart_box.dart';
import 'package:syncrow_web/pages/analytics/modules/occupancy/widgets/occupancy_end_side_bar.dart';
class AnalyticsOccupancyView extends StatelessWidget {
class AnalyticsOccupancyView extends StatefulWidget {
const AnalyticsOccupancyView({super.key});
static const _padding = EdgeInsetsDirectional.all(32);
@override
State<AnalyticsOccupancyView> createState() => _AnalyticsOccupancyViewState();
}
class _AnalyticsOccupancyViewState extends State<AnalyticsOccupancyView> {
@override
void initState() {
FetchOccupancyDataHelper.loadOccupancyData(context);
super.initState();
}
@override
Widget build(BuildContext context) {
return const Center(
child: Text('AnalyticsOccupancyView is Working!'),
final height = MediaQuery.sizeOf(context).height;
return LayoutBuilder(
builder: (context, constraints) {
final isMediumOrLess = constraints.maxWidth <= 900;
if (isMediumOrLess) {
return SingleChildScrollView(
padding: AnalyticsOccupancyView._padding,
child: Column(
spacing: 32,
children: [
SizedBox(height: height * 1.2, child: const OccupancyEndSideBar()),
SizedBox(height: height * 0.5, child: const OccupancyChartBox()),
SizedBox(height: height * 0.5, child: const Placeholder()),
],
),
);
}
return SingleChildScrollView(
child: Container(
padding: AnalyticsOccupancyView._padding,
height: height * 1,
child: const Row(
spacing: 32,
children: [
Expanded(
flex: 2,
child: Column(
spacing: 20,
children: [
Expanded(child: OccupancyChartBox()),
Expanded(child: Placeholder()),
],
),
),
Expanded(child: OccupancyEndSideBar()),
],
),
),
);
},
);
}
}