Commit Graph
63 Commits
Author SHA1 Message Date
Faris Armoush e8f7c29652 Applies correct business logic of the sidebar. 2025-05-13 16:46:34 +03:00
Faris Armoush ef29d78d70 Clears data when needed. 2025-05-12 10:02:56 +03:00
Faris Armoush b7ef9da35d Sp 1513 fe implement device dropdown and live status card presence vacancy (#179)
* Called the widget of presence sensor status widgets.

* Enahnced `PowerClampEnergyDataDeviceDropdown` design and made it a dropdown.

* connected the realtime feature to the occupancy side bar, but with a mock id.

* revert default tab to energyManagement.
2025-05-11 16:59:15 +03:00
Faris Armoush 49e93329c8 Sp 1511 fe build occupancy heat map weekly monthly intensity view (#178)
* set the default tab to occupancy for ease of development.

* Implemented an initial design for the occupancy chart.

* Add Occupacy model and service for occupancy data handling.

* Created `OccupancyBloc`.

* Implemented the sidebar of Occupancy view.

* Moved `OccupancyEndSideBar` widget to its own file.

* Removed unnecessary widgets.

* Matched the `OccupancyChart` with the figma design.

* Added `AnalyticsDateFilterButton` to `OccupancyChartBox`.

* Hides `AnalyticsDateFilterButton` that is in the page header, when the selected tab isn't `AnalyticsPageTab.energyManagement`.

* Added animation to`AnalyticsDateFilterButton`.

* modified the implementation of `FakeOccupacyService` to clamp all the generated values to less than a 100.

* Injected `OccupancyBloc` into `AnalyticsPage`.

* Made `OccupancyChart` read its data from `OccupancyBloc`.

* Refactor AnalyticsCommunitiesSidebar to load data based on selected tab and implement loadEnergyManagementData method

* Refactor Analytics views to use StatefulWidget and load data in initState

* Created `OccupancyHeatMapModel`.

* Add FakeOccupancyHeatMapService implementation.

* Created `OccupancyHeatMapBloc`.

* Injected `OccupancyHeatMapBloc` into `AnalyticsPage`.

* Add OccupancyHeatMapBox widget and integrate into AnalyticsOccupancyView

* Matching the heat map with the design, and added week days.

* Made the HeatMap cells have a dashed border.

* shows months.

* responsiveness.

* Integrate OccupancyHeatMapBloc and update OccupancyHeatMapBox to display heat map data with error handling

* Integrate OccupancyHeatMapBloc and update OccupancyHeatMapBox to display heat map data with error handling

* made the heatmap loading fast af by using painters instead of individually creating a widget for every single event.

* Extracted `OccupancyHeatMapMonths` into its own widgte.

* Moved `OccupancyHeatMapMonths` to its own file.

* Adjusted design of `OccupancyHeatMapMonths`.

* Adjust layout flex properties for `OccupancyEndSideBar` and its parent column in `AnalyticsOccupancyView`.

* moved `OccupancyPaintItem` to `OccupancyPainter`s file.

* removed comments from `OccupancyPainter`.

* used color.withValues instead of .withOpacity.

* re-added `OccupancyHeatMapGradient`.

* Revert initial tab to `energyManagement`.

* Made datepicker dynamic for multiple states.

* Add year picker functionality to date filter button and implement dynamic date selection

* Align date filter button to the end in occupancy chart and heat map boxes for improved UI consistency.

* Enahnced color of border in `OccupancyPainter`.

* Add ClearOccupancyHeatMapEvent to reset heat map state and update occupancy data helper to trigger event on empty selections

* show percentage of value in tool tip of `OccupancyChart`.
2025-05-11 16:58:13 +03:00
Faris Armoush d6f0b53b59 Sp 1494 api integration (#180)
* SP-1494-api-integration.

* fixed left stide titles intervals in total energy consumption chart.

* Adjusted tooltip and title intervals in energy management charts to improve accuracy by incrementing displayed values by one.

* Refactor AnalyticsCommunitiesSidebar to use AnalyticsSpaceTreeView and enhance community/space selection handling

* Gave every tab its own selection logic using the strategy design pattern, along with clearing the selection when changing tabes to avoid collision between features.
2025-05-11 16:46:00 +03:00
Faris Armoush 2e2bc99501 Merge pull request #176 from SyncrowIOT/SP-1510-FE-Build-Occupancy-Bar-Chart-Monthly-Consumption-View
Sp 1510 fe build occupancy bar chart monthly consumption view
2025-05-08 16:32:21 +03:00
Faris Armoush 5e6c14efeb added loading indicators to charts. 2025-05-07 12:20:46 +03:00
Faris Armoush 9bbf3e75fa bugfixes. 2025-05-07 11:55:04 +03:00
Faris Armoush 4e3e63723e added error messages everywhere. 2025-05-07 11:43:05 +03:00
Faris Armoush d539e6266e gets data when changing the date. 2025-05-07 11:12:39 +03:00
Faris Armoush a11e20147e preparing for integration, by fetching data when selecting a community. 2025-05-07 10:58:46 +03:00
Faris Armoush f8f58a24b8 . 2025-05-06 15:47:30 +03:00
Faris Armoush 682e69e65f modify data to migrate to days instead of months. 2025-05-06 15:44:33 +03:00
Faris Armoush 428cd34492 Fixed device cell sizing. 2025-05-06 13:19:55 +03:00
Faris Armoush 1a6121c452 Made analytics energy management view scrollable, to allow for a better UX experience. 2025-05-06 12:24:47 +03:00
Faris Armoush e8f9ae944c Refactor BlocListener in PowerClampEnergyDataWidget to simplify state handling 2025-05-06 09:17:35 +03:00
Faris Armoush 7e37aed026 formatted PowerClampInfoBloc. 2025-05-06 09:09:27 +03:00
Faris Armoush 5a68b22f0c Update RealtimeDeviceChangesBloc to handle loading and failure states 2025-05-06 09:05:16 +03:00
Faris Armoush 38184ca8b2 Integrated realtime data. 2025-05-05 16:58:48 +03:00
Faris Armoush 4d5de7bc05 making good progress on realtime data integration. 2025-05-05 16:34:56 +03:00
Faris Armoush 1a3006fa43 Power clamp info integration. 2025-05-05 12:57:27 +03:00
Faris Armoush 490ca2057e Reduce bar width in EnergyConsumptionPerDeviceChart for improved visual clarity. 2025-05-05 10:34:23 +03:00
Faris Armoush 06637a16bb Add EnergyConsumptionPerDevice functionality and update related components 2025-05-05 10:32:12 +03:00
Faris Armoush 818e4e4d51 Created EnergyConsumptionPerDeviceBloc. 2025-05-05 10:19:52 +03:00
Faris Armoush a33b1e3f49 uses MediaQuery.sizeOf instead of MediaQuery.of. 2025-05-05 10:02:48 +03:00
Faris Armoush c3cce334ab data populator. 2025-05-05 09:56:29 +03:00
Faris Armoush 947e9e404c left side intervals. 2025-05-05 09:54:17 +03:00
Faris Armoush cd8264b6ce Progress on making EnergyManagementView responsive. 2025-05-05 09:47:54 +03:00
Faris Armoush 7467be6980 Refactored PowerClampPhase to be more readable by extracting widgets into helper private methods to enhance readability. 2025-05-05 09:15:13 +03:00
Faris Armoush 0353c73dac Moved PowerClampPhase widget to its own file. 2025-05-05 09:12:27 +03:00
Faris Armoush a050792f32 extracted PowerClampPhase into its own widget. 2025-05-05 09:11:11 +03:00
Faris Armoush 464f7b7347 working on responsiveness. 2025-05-04 16:50:28 +03:00
Faris Armoush cd54574279 progress towards drawing the phases widgts. 2025-05-04 16:07:51 +03:00
Faris Armoush 18acae3e85 Added type annotation. 2025-05-04 15:02:27 +03:00
Faris Armoush f081a7fc2d implemented header, and power clamp data widgets. 2025-05-04 14:59:49 +03:00
Faris Armoush 5996ff3928 Extracted fetching energy management data from the widgets themselves to the parent widget AnalyticsEnergyManagementView. 2025-05-04 14:29:35 +03:00
Faris Armoush a0d1cb988a moved EnergyConsumptionByPhasesTitle to its own file. 2025-05-04 14:26:52 +03:00
Faris Armoush c3ec9000d4 Extracted EnergyConsumptionByPhasesTitle into its own widget to improve readability and assert separation of concerns. 2025-05-04 14:26:38 +03:00
Faris Armoush 3d6a60b406 load energy consumption by phases from bloc, and made the widget use the said data. 2025-05-04 14:24:53 +03:00
Faris Armoush 098013e5c8 Created EnergyConsumptionByPhasesBloc. 2025-05-04 14:20:59 +03:00
Faris Armoush 6b883c8bb3 Implemented Energy Consumption by Phases chart. 2025-05-04 13:22:38 +03:00
Faris Armoush 08c99bcbcb Renamed EnergyConsumptionByPhasesChart to EnergyConsumptionByPhasesChartBox 2025-05-04 12:02:09 +03:00
Faris Armoush f6448d3eff Implement EnergyConsumptionByPhasesChart with structured layout and phase indicators 2025-05-04 12:01:40 +03:00
Faris Armoush a657a9a25e Refactor padding and add const constructors for improved performance and consistency in chart widgets 2025-05-04 11:20:47 +03:00
Faris Armoush 7242218b2f Textstyles. 2025-05-04 11:10:22 +03:00
Faris Armoush e43de3f64c Introduce ChartTitle widget for consistent chart headings in EnergyConsumptionPerDeviceChartBox and TotalEnergyConsumptionChartBox 2025-05-04 11:08:56 +03:00
Faris Armoush 9c250986b2 Moved EnergyConsumptionPerDeviceDevicesList to its own file. 2025-05-04 10:55:52 +03:00
Faris Armoush d8faafd1c0 Extracted and implemented EnergyConsumptionPerDeviceDevicesList. 2025-05-04 10:55:32 +03:00
Faris Armoush 24c30ddcb5 Refactor chart data generation in EnergyConsumptionPerDeviceChart for improved readability and maintainability 2025-05-04 10:47:39 +03:00
Faris Armoush bafd2b4d13 Extracted reusbale logic and ui componenets into a shared helper class for the total energy chart, and energy cosumption per devices, to avoid any code duplication. If another chart required some change, we dont need to edit the helper itself, we can just add out own implementation into the new chart. 2025-05-04 10:46:12 +03:00