diff --git a/backend/Energy Report - 2024-01-01, 2025-03-01 to 2024-12-01, 2025-03-20.pdf b/backend/Energy Report - 2024-01-01, 2025-03-01 to 2024-12-01, 2025-03-20.pdf
new file mode 100644
index 0000000..0151288
Binary files /dev/null and b/backend/Energy Report - 2024-01-01, 2025-03-01 to 2024-12-01, 2025-03-20.pdf differ
diff --git a/backend/energy/energy_goal.json b/backend/energy/energy_goal.json
new file mode 100644
index 0000000..b544b0a
--- /dev/null
+++ b/backend/energy/energy_goal.json
@@ -0,0 +1,3 @@
+{
+ "goal_value": 190000.0
+}
\ No newline at end of file
diff --git a/backend/energy_json.py b/backend/energy_json.py
index 7b237cc..b0e4f2b 100644
--- a/backend/energy_json.py
+++ b/backend/energy_json.py
@@ -22,4 +22,33 @@ def get_energy_data(time_range: str):
def get_energy_data_pdf(time_range: str):
"""Fetch energy usage data from JSON files and convert to PDF."""
- return # To be implemented
\ No newline at end of file
+ return # To be implemented
+
+
+def set_energy_goal(goal_value: float):
+ """Set a static energy goal with a specific value and save it to a JSON file."""
+
+ goal_data = {
+ "goal_value": goal_value,
+ }
+
+ goal_file_path = os.path.join(ENERGY_FOLDER, "energy_goal.json")
+
+ try:
+ with open(goal_file_path, "w") as file:
+ json.dump(goal_data, file, indent=4)
+ return {"success": f"Energy goal set to {goal_value} and saved to energy_goal.json"}
+ except Exception as e:
+ return {"error": f"Error saving energy goal: {str(e)}"}
+
+def get_energy_goal():
+ """Fetch the current energy goal from the JSON file."""
+ goal_file_path = os.path.join(ENERGY_FOLDER, "energy_goal.json")
+
+ try:
+ with open(goal_file_path, "r") as file:
+ return json.load(file)
+ except FileNotFoundError:
+ return {"error": "energy_goal.json not found."}
+ except json.JSONDecodeError:
+ return {"error": "Invalid JSON format in energy_goal.json."}
\ No newline at end of file
diff --git a/backend/fastAPI.py b/backend/fastAPI.py
index 254932d..48ac68d 100644
--- a/backend/fastAPI.py
+++ b/backend/fastAPI.py
@@ -6,6 +6,7 @@
import energy_json as ej
import automations as am
import groups as gr
+import testPDF as pdf
import asyncio
import os
@@ -14,11 +15,24 @@
from fastapi import FastAPI, HTTPException
from fastapi.middleware.cors import CORSMiddleware
from collections import deque
+from fastapi.responses import FileResponse
# Serve user data (Only for testing purposes)
USER_DB_PATH = os.path.join(os.path.dirname(os.path.abspath(__file__)), "..", "database", "users_db.json")
# print(USER_DB_PATH) # For testing purposes
+print("Current Working Directory:", os.getcwd())
+print("Graphs folder exists:", os.path.exists("graphs"))
+print("Available files in graphs:", os.listdir("graphs"))
+
+base_dir = os.path.dirname(os.path.abspath(__file__))
+daily_graph_path = os.path.join(base_dir, "graphs", "daily_energy_graph.png")
+monthly_graph_path = os.path.join(base_dir, "graphs", "monthly_energy_graph.png")
+
+print("Daily graph path:", daily_graph_path, "| Exists:", os.path.exists(daily_graph_path))
+print("Monthly graph path:", monthly_graph_path, "| Exists:", os.path.exists(monthly_graph_path))
+
+
app = FastAPI()
latest_updates = deque(maxlen=5)
@@ -52,6 +66,15 @@ class GroupRequestStatus(BaseModel):
class DeviceIdsRequest(BaseModel):
device_ids: List[int]
+
+class EnergyReportRequest(BaseModel):
+ from_month: int
+ to_month: int
+ from_date: int
+ to_date: int
+ device_ids: List[int]
+ theme: str = "dark"
+
@app.on_event("startup")
async def startup_event():
"""Starts device updates when the FastAPI server starts."""
@@ -171,6 +194,16 @@ def fetch_energy_usage(time_range: str):
def fetch_energy_usage_pdf(time_range: str):
return ej.get_energy_data_pdf(time_range)
+@app.get("/energy_goal")
+def read_energy_goal():
+ """Endpoint to read/fetch the current energy goal"""
+ return ej.get_energy_goal()
+
+@app.post("/energy_goal/{goal_value}")
+def set_energy_goal(goal_value: float):
+ """Endpoint to set the energy goal"""
+ return ej.set_energy_goal(goal_value)
+
@app.get("/automations")
async def get_automations():
"""Returns the current automation rules"""
@@ -226,3 +259,19 @@ def update_group_status(group_id: int, status: str):
def delete_group(group_id: int):
"""Delete a group from the selected user"""
return gr.deleteGroup(group_id)
+
+@app.post("/energy_report/")
+def generate_energy_report(data: EnergyReportRequest):
+ print(f"FastAPI CWD: {os.getcwd()}")
+ print(f"Graphs folder exists: {os.path.exists(os.path.join(os.getcwd(), 'graphs'))}")
+ print(f"Daily graph exists: {os.path.exists(os.path.join(os.getcwd(), 'graphs', 'daily_energy_graph.png'))}")
+
+ pdf_path = pdf.generate_pdf(
+ from_month=data.from_month,
+ to_month=data.to_month,
+ from_day=data.from_date,
+ to_day=data.to_date,
+ device_ids=data.device_ids,
+ theme=data.theme
+ )
+ return FileResponse(pdf_path, filename="Energy_Report.pdf")
\ No newline at end of file
diff --git a/backend/graphs/daily_energy_graph.png b/backend/graphs/daily_energy_graph.png
new file mode 100644
index 0000000..f046866
Binary files /dev/null and b/backend/graphs/daily_energy_graph.png differ
diff --git a/backend/graphs/device_bar_chart.png b/backend/graphs/device_bar_chart.png
new file mode 100644
index 0000000..d4e0a03
Binary files /dev/null and b/backend/graphs/device_bar_chart.png differ
diff --git a/backend/graphs/energy_goal_chart.png b/backend/graphs/energy_goal_chart.png
new file mode 100644
index 0000000..f11a283
Binary files /dev/null and b/backend/graphs/energy_goal_chart.png differ
diff --git a/backend/graphs/gauge_chart.png b/backend/graphs/gauge_chart.png
new file mode 100644
index 0000000..b7ddb24
Binary files /dev/null and b/backend/graphs/gauge_chart.png differ
diff --git a/backend/graphs/monthly_energy_graph.png b/backend/graphs/monthly_energy_graph.png
new file mode 100644
index 0000000..717ae6d
Binary files /dev/null and b/backend/graphs/monthly_energy_graph.png differ
diff --git a/backend/graphs/power_rating_bar_chart.png b/backend/graphs/power_rating_bar_chart.png
new file mode 100644
index 0000000..f5ef69e
Binary files /dev/null and b/backend/graphs/power_rating_bar_chart.png differ
diff --git a/backend/testPDF.py b/backend/testPDF.py
new file mode 100644
index 0000000..e3ad7df
--- /dev/null
+++ b/backend/testPDF.py
@@ -0,0 +1,458 @@
+import os
+import json
+import random
+import matplotlib
+matplotlib.use('Agg')
+import matplotlib.pyplot as plt
+import matplotlib.font_manager as fm
+from reportlab.pdfbase.ttfonts import TTFont
+from reportlab.pdfbase import pdfmetrics
+from reportlab.lib.pagesizes import letter
+from reportlab.pdfgen import canvas
+from reportlab.lib import colors
+from datetime import datetime
+import numpy as np
+
+font_path_regular = os.path.abspath("../frontend/public/fonts/JetBrainsMono-Regular.ttf")
+font_path_bold = os.path.abspath("../frontend/public/fonts/JetBrainsMono-Bold.ttf")
+
+if os.path.exists(font_path_regular):
+ jetbrains_font = fm.FontProperties(fname=font_path_regular)
+ print(f"✅ Using JetBrains Mono Regular from: {font_path_regular}")
+else:
+ print(f"❌ Font file not found: {font_path_regular}")
+ jetbrains_font = fm.FontProperties()
+
+if os.path.exists(font_path_bold):
+ jetbrains_bold_font = fm.FontProperties(fname=font_path_bold)
+else:
+ jetbrains_bold_font = fm.FontProperties()
+
+if os.path.exists(font_path_regular):
+ pdfmetrics.registerFont(TTFont("JetBrainsMono", font_path_regular))
+ print(f"✅ JetBrains Mono Regular registered for ReportLab.")
+else:
+ print(f"❌ Font file not found for ReportLab.")
+
+if os.path.exists(font_path_bold):
+ pdfmetrics.registerFont(TTFont("JetBrainsMono-Bold", font_path_bold))
+ print(f"✅ JetBrains Mono Bold registered for ReportLab.")
+else:
+ print(f"❌ JetBrains Mono Bold font file not found: {font_path_bold}")
+
+graphs_folder = os.path.abspath("graphs")
+if not os.path.exists(graphs_folder):
+ os.makedirs(graphs_folder)
+ print(f"✅ Created folder: {graphs_folder}")
+
+THEME_CONFIG = {
+ "dark": {
+ "bg_color": "#121212",
+ "card_color": "#292929",
+ "text_color": "#ffffff",
+ "accent_colors": ["#8253D7", "#9B6BE6", "#A97DFF", "#6A3BCC", "#5C2FB3"],
+ "grid_color": "gray",
+ },
+ "light": {
+ "bg_color": "#ffffff",
+ "card_color": "#f5f5f5",
+ "text_color": "#000000",
+ "accent_colors": ["#1F99FC", "#1A84D9", "#187BB0", "#155C8D", "#134C6A"],
+ "grid_color": "lightgray",
+ },
+}
+
+def load_daily_energy_data(from_day, to_day):
+ daily_energy_file_path = os.path.abspath("energy/daily_energy.json")
+ if not os.path.exists(daily_energy_file_path):
+ print(f"❌ Daily energy data file not found: {daily_energy_file_path}")
+ return None
+
+ with open(daily_energy_file_path, "r") as file:
+ data = json.load(file)
+
+ filtered_data = []
+ for entry in data:
+ timestamp = datetime.fromisoformat(entry["timestamp"])
+ if from_day <= timestamp <= to_day:
+ filtered_data.append(entry)
+
+ return filtered_data
+
+def load_energy_data(from_month, to_month):
+ energy_file_path = os.path.abspath("energy/monthly_energy.json")
+ if not os.path.exists(energy_file_path):
+ print(f"❌ Energy data file not found: {energy_file_path}")
+ return None
+
+ with open(energy_file_path, "r") as file:
+ data = json.load(file)
+
+ filtered_data = []
+ for entry in data:
+ timestamp = datetime.fromisoformat(entry["timestamp"])
+ if from_month <= timestamp <= to_month:
+ filtered_data.append(entry)
+
+ return filtered_data
+
+def load_device_data():
+ device_file_path = os.path.abspath("selected_user_devices.json")
+ if not os.path.exists(device_file_path):
+ print(f"❌ Device data file not found: {device_file_path}")
+ return None
+
+ with open(device_file_path, "r") as file:
+ data = json.load(file)
+
+ return data["smart_home_devices"]
+
+def load_energy_goal():
+ energy_goal_path = os.path.abspath("energy/energy_goal.json")
+ if not os.path.exists(energy_goal_path):
+ print(f"❌ Energy goal data file not found: {energy_goal_path}")
+ return None
+
+ with open(energy_goal_path, "r") as file:
+ data = json.load(file)
+
+ return data.get("goal_value", None)
+
+def generate_daily_energy_graph(data, title, x_label, y_label, theme):
+ plt.style.use("dark_background" if theme == "dark" else "default")
+ fig, ax = plt.subplots(figsize=(6, 3))
+
+ theme_config = THEME_CONFIG[theme]
+ fig.patch.set_facecolor(theme_config["card_color"])
+ ax.set_facecolor(theme_config["card_color"])
+
+ timestamps = [datetime.fromisoformat(entry["timestamp"]).strftime("%d") for entry in data]
+ usage = [entry["power_usage"] / 1000 for entry in data]
+
+ ax.plot(timestamps, usage, marker="o", color=theme_config["accent_colors"][0])
+
+ ax.set_xlabel(x_label, color=theme_config["text_color"], fontproperties=jetbrains_font, fontsize=10)
+ ax.set_ylabel(y_label, color=theme_config["text_color"], fontproperties=jetbrains_font, fontsize=10)
+ ax.set_title(title, color=theme_config["accent_colors"][0], fontproperties=jetbrains_bold_font, fontsize=12)
+
+ ax.grid(color=theme_config["grid_color"], linestyle="dashed", linewidth=0.5)
+
+ graph_path = os.path.join(graphs_folder, "daily_energy_graph.png")
+ plt.savefig(graph_path, bbox_inches="tight", facecolor=theme_config["card_color"])
+ plt.close()
+
+def generate_monthly_energy_graph(data, title, x_label, y_label, theme):
+ plt.style.use("dark_background" if theme == "dark" else "default")
+ fig, ax = plt.subplots(figsize=(6, 3))
+
+ theme_config = THEME_CONFIG[theme]
+ fig.patch.set_facecolor(theme_config["card_color"])
+ ax.set_facecolor(theme_config["card_color"])
+
+ timestamps = [datetime.fromisoformat(entry["timestamp"]).strftime("%b") for entry in data]
+ usage = [entry["power_usage"] / 1000 for entry in data]
+
+ ax.plot(timestamps, usage, marker="o", color=theme_config["accent_colors"][0])
+
+ ax.set_xlabel(x_label, color=theme_config["text_color"], fontproperties=jetbrains_font, fontsize=10)
+ ax.set_ylabel(y_label, color=theme_config["text_color"], fontproperties=jetbrains_font, fontsize=10)
+ ax.set_title(title, color=theme_config["accent_colors"][0], fontproperties=jetbrains_bold_font, fontsize=12)
+
+ ax.grid(color=theme_config["grid_color"], linestyle="dashed", linewidth=0.5)
+
+ graph_path = os.path.join(graphs_folder, "monthly_energy_graph.png")
+ plt.savefig(graph_path, bbox_inches="tight", facecolor=theme_config["card_color"])
+ plt.close()
+
+def generate_device_bar_chart(device_data, device_ids, theme):
+ # Remove plt.style.use() since theme_config already manages colors
+ fig, ax = plt.subplots(figsize=(6, 3))
+
+ theme_config = THEME_CONFIG[theme]
+ fig.patch.set_facecolor(theme_config["card_color"]) # Set background
+ ax.set_facecolor(theme_config["card_color"]) # Set axis background
+
+ filtered_devices = [device for device in device_data if device["id"] in device_ids]
+ if not filtered_devices:
+ print("❌ No devices found for the specified IDs.")
+ return
+
+ devices = [device["name"] for device in filtered_devices]
+ usage = [device["power_usage"] for device in filtered_devices]
+
+ bars = ax.bar(devices, usage, color=theme_config["accent_colors"][:len(devices)])
+
+ ax.set_xlabel("Devices", color=theme_config["text_color"], fontproperties=jetbrains_font, fontsize=10)
+ ax.set_ylabel("Power Usage (W)", color=theme_config["text_color"], fontproperties=jetbrains_font, fontsize=10)
+ ax.set_title("Real-time Device Power Usage", color=theme_config["accent_colors"][0], fontproperties=jetbrains_bold_font, fontsize=12)
+
+ ax.set_xticks([]) # Hide x-axis ticks
+ ax.set_xticklabels([]) # Hide x-axis labels
+
+ ax.grid(color=theme_config["grid_color"], linestyle="dashed", linewidth=0.5)
+
+ ax.legend(bars, devices, facecolor=theme_config["card_color"], edgecolor=theme_config["text_color"], labelcolor=theme_config["text_color"], prop=jetbrains_font, fontsize=8, bbox_to_anchor=(0.5, -0.2), loc="upper center", ncol=2)
+
+ graph_path = os.path.join(graphs_folder, "device_bar_chart.png")
+ plt.savefig(graph_path, bbox_inches="tight", facecolor=theme_config["card_color"])
+ plt.close()
+
+def generate_energy_goal_chart(data, goal_value, title, x_label, y_label, theme):
+ plt.style.use("dark_background" if theme == "dark" else "default")
+ fig, ax = plt.subplots(figsize=(6, 3))
+
+ theme_config = THEME_CONFIG[theme]
+ fig.patch.set_facecolor(theme_config["card_color"])
+ ax.set_facecolor(theme_config["card_color"])
+
+ timestamps = [datetime.fromisoformat(entry["timestamp"]).strftime("%b") for entry in data]
+ usage = [entry["power_usage"] / 1000 for entry in data]
+ goal_line = [goal_value / 1000] * len(usage)
+
+ ax.fill_between(timestamps, usage, color=theme_config["accent_colors"][0], alpha=0.5, label="Energy Usage")
+ ax.plot(timestamps, goal_line, linestyle="dashed", color=theme_config["accent_colors"][1], label="Energy Goal")
+
+ ax.set_xlabel(x_label, color=theme_config["text_color"], fontproperties=jetbrains_font, fontsize=10)
+ ax.set_ylabel(y_label, color=theme_config["text_color"], fontproperties=jetbrains_font, fontsize=10)
+ ax.set_title(title, color=theme_config["accent_colors"][0], fontproperties=jetbrains_bold_font, fontsize=12)
+
+ ax.grid(color=theme_config["grid_color"], linestyle="dashed", linewidth=0.5)
+ ax.legend(facecolor=theme_config["card_color"], edgecolor=theme_config["text_color"], labelcolor=theme_config["text_color"],
+ prop=jetbrains_font, fontsize=8, bbox_to_anchor=(0.5, -0.2), loc="upper center", ncol=2)
+
+ graph_path = os.path.join(graphs_folder, "energy_goal_chart.png")
+ plt.savefig(graph_path, bbox_inches="tight", facecolor=theme_config["card_color"])
+ plt.close()
+
+
+def generate_power_rating_bar_chart(device_data, device_ids, theme):
+ # Same change here: remove plt.style.use()
+ fig, ax = plt.subplots(figsize=(6, 3))
+
+ theme_config = THEME_CONFIG[theme]
+ fig.patch.set_facecolor(theme_config["card_color"])
+ ax.set_facecolor(theme_config["card_color"])
+
+ filtered_devices = [device for device in device_data if device["id"] in device_ids]
+ if not filtered_devices:
+ print("❌ No devices found for the specified IDs.")
+ return
+
+ devices = [device["name"] for device in filtered_devices]
+ power_ratings = [device["power_rating"] for device in filtered_devices]
+
+ bars = ax.bar(devices, power_ratings, color=theme_config["accent_colors"][:len(devices)])
+
+ ax.set_xlabel("Devices", color=theme_config["text_color"], fontproperties=jetbrains_font, fontsize=10)
+ ax.set_ylabel("Power Rating (W)", color=theme_config["text_color"], fontproperties=jetbrains_font, fontsize=10)
+ ax.set_title("Device Power Ratings", color=theme_config["accent_colors"][0], fontproperties=jetbrains_bold_font, fontsize=12)
+
+ ax.set_xticks([]) # Hide x-axis ticks
+ ax.set_xticklabels([]) # Hide x-axis labels
+
+ ax.grid(color=theme_config["grid_color"], linestyle="dashed", linewidth=0.5)
+
+ ax.legend(bars, devices, facecolor=theme_config["card_color"], edgecolor=theme_config["text_color"], labelcolor=theme_config["text_color"], prop=jetbrains_font, fontsize=8, bbox_to_anchor=(0.5, -0.2), loc="upper center", ncol=2)
+
+ graph_path = os.path.join(graphs_folder, "power_rating_bar_chart.png")
+ plt.savefig(graph_path, bbox_inches="tight", facecolor=theme_config["card_color"])
+ plt.close()
+
+def generate_gauge_chart(value, title, theme):
+ plt.style.use("dark_background" if theme == "dark" else "default")
+ fig, ax = plt.subplots(figsize=(6, 3), subplot_kw={'projection': 'polar'})
+ fig.subplots_adjust(bottom=0.2)
+
+ theme_config = THEME_CONFIG[theme]
+ fig.patch.set_facecolor(theme_config["card_color"])
+ ax.set_facecolor(theme_config["card_color"])
+
+ theta = np.linspace(0, np.pi, 100)
+ r = np.ones_like(theta)
+
+ ax.plot(theta, r, color=theme_config["accent_colors"][0], linewidth=3)
+ ax.fill_between(theta, 0, r, color=theme_config["accent_colors"][0], alpha=0.5)
+
+ needle_theta = value / 100 * np.pi
+ ax.plot([needle_theta, needle_theta], [0, 1], color=theme_config["accent_colors"][1], linewidth=2)
+
+ ax.set_ylim(0, 1)
+ ax.set_yticklabels([])
+ ax.set_xticks(np.linspace(0, np.pi, 5))
+ ax.set_xticklabels(['0', '25', '50', '75', '100'], color=theme_config["text_color"], fontproperties=jetbrains_font, fontsize=10)
+
+ ax.set_title(title, color=theme_config["accent_colors"][0], fontproperties=jetbrains_bold_font, fontsize=12, pad=20)
+
+ comparison_text = "You've used 20% less energy than the average household."
+ plt.figtext(0.5, 0.05, comparison_text, ha='center', va='center', color=theme_config["accent_colors"][0], fontproperties=jetbrains_font, fontsize=12)
+
+ graph_path = os.path.join(graphs_folder, "gauge_chart.png")
+ plt.savefig(graph_path, bbox_inches="tight", facecolor=theme_config["card_color"])
+ plt.close()
+
+def get_random_energy_tip():
+ with open("energy_tips.json", "r") as file:
+ data = json.load(file)
+ category = random.choice(["highEnergyTip", "mediumEnergyTip"])
+ tip = random.choice(data[category])
+ return tip["tip"]
+
+def generate_pdf(from_month, to_month, from_day, to_day, device_ids, theme="dark"):
+ print(f"Received from_month: {from_month}, to_month: {to_month}, from_day: {from_day}, to_day: {to_day}")
+
+ from_month = datetime(2024, from_month, 1)
+ to_month = datetime(2024, to_month, 1)
+ from_day = datetime(2025, 3, from_day)
+ to_day = datetime(2025, 3, to_day)
+
+ for file in os.listdir():
+ if file.startswith("Energy Report") and file.endswith(".pdf"):
+ os.remove(file)
+ print(f"🗑️ Deleted previous report: {file}")
+
+ pdf_filename = f"Energy Report - {str(from_month)[:10]}, {str(from_day)[:10]} to {str(to_month)[:10]}, {str(to_day)[:10]}.pdf"
+ c = canvas.Canvas(pdf_filename, pagesize=letter)
+
+ theme_config = THEME_CONFIG[theme]
+ c.setFillColor(colors.HexColor(theme_config["bg_color"]))
+ c.rect(0, 0, letter[0], letter[1], fill=True, stroke=False)
+
+ accent_color = colors.HexColor(theme_config["accent_colors"][0])
+
+ c.setFillColor(accent_color)
+ if os.path.exists(font_path_bold):
+ c.setFont("JetBrainsMono-Bold", 30)
+ else:
+ c.setFont("JetBrainsMono", 30)
+
+ text = "PowerHouse"
+ text_width = c.stringWidth(text, "JetBrainsMono-Bold" if os.path.exists(font_path_bold) else "JetBrainsMono", 30)
+ centered_x = (letter[0] - text_width) / 2
+ c.drawString(centered_x, 730, text)
+
+ date_range_text = f"Date Range: {from_month.strftime('%b %Y')} - {to_month.strftime('%b %Y')}"
+ c.setFont("JetBrainsMono", 12)
+ date_range_width = c.stringWidth(date_range_text, "JetBrainsMono", 12)
+ centered_date_x = (letter[0] - date_range_width) / 2
+ c.drawString(centered_date_x, 710, date_range_text)
+
+ daily_energy_data = load_daily_energy_data(from_day, to_day)
+ if not daily_energy_data:
+ print("❌ No daily energy data found.")
+ return
+
+ monthly_energy_data = load_energy_data(from_month, to_month)
+ if not monthly_energy_data:
+ print("❌ No monthly energy data found for the specified range.")
+ return
+
+ device_data = load_device_data()
+ if not device_data:
+ print("❌ No device data found.")
+ return
+
+ energy_goal = load_energy_goal()
+ if not energy_goal:
+ print("❌ No Goal data found.")
+ return
+
+ card_width, card_height = 250, 150
+ padding = 20
+
+ card1_x, card1_y = 50, 530
+ card2_x, card2_y = card1_x + card_width + padding, card1_y
+
+ c.setFillColor(colors.HexColor(theme_config["card_color"]))
+ c.rect(card1_x, card1_y, card_width, card_height, fill=True, stroke=False)
+
+ generate_daily_energy_graph(daily_energy_data, "Daily Energy Usage", "Day", "Energy (kWh)", theme)
+ graph_width, graph_height = 230, 130
+ daily_graph_path = os.path.join(graphs_folder, "daily_energy_graph.png")
+ c.drawImage(daily_graph_path, card1_x + 10, card1_y + 10, width=graph_width, height=graph_height, preserveAspectRatio=True, mask=None)
+
+ c.setFillColor(colors.HexColor(theme_config["card_color"]))
+ c.rect(card2_x, card2_y, card_width, card_height, fill=True, stroke=False)
+
+ generate_monthly_energy_graph(monthly_energy_data, "Monthly Energy Usage", "Month", "Energy (kWh)", theme)
+ monthly_graph_path = os.path.join(graphs_folder, "monthly_energy_graph.png")
+ c.drawImage(monthly_graph_path, card2_x + 10, card2_y + 10, width=230, height=130, preserveAspectRatio=True, mask=None)
+
+ card3_x, card3_y = 50, card1_y - card_height - padding
+ card4_x, card4_y = card2_x, card3_y
+
+ c.setFillColor(colors.HexColor(theme_config["card_color"]))
+ c.rect(card3_x, card3_y, card_width, card_height, fill=True, stroke=False)
+
+ generate_device_bar_chart(device_data, device_ids, theme)
+ device_graph_path = os.path.join(graphs_folder, "device_bar_chart.png")
+ c.drawImage(device_graph_path, card3_x + 10, card3_y + 10, width=230, height=130, preserveAspectRatio=True, mask=None)
+
+ c.setFillColor(colors.HexColor(theme_config["card_color"]))
+ c.rect(card4_x, card4_y, card_width, card_height, fill=True, stroke=False)
+
+ generate_power_rating_bar_chart(device_data, device_ids, theme)
+ power_rating_graph_path = os.path.join(graphs_folder, "power_rating_bar_chart.png")
+ c.drawImage(power_rating_graph_path, card4_x + 10, card4_y + 10, width=230, height=130, preserveAspectRatio=True, mask=None)
+
+ card5_x, card5_y = 50, card3_y - 80
+ card5_width = letter[0] - 90
+ card5_height = 60
+
+ c.setFillColor(colors.HexColor(theme_config["card_color"]))
+ c.rect(card5_x, card5_y, card5_width, card5_height, fill=True, stroke=False)
+
+ c.setFont("JetBrainsMono", 12)
+ c.setFillColor(colors.HexColor(theme_config["text_color"]))
+
+ energy_tip = get_random_energy_tip()
+
+ text_y = card5_y + card5_height - 20
+
+ c.setFont("JetBrainsMono-Bold", 14)
+ c.setFillColor(colors.HexColor(theme_config["accent_colors"][0]))
+ energy_tip_title = "Energy Tip:"
+ energy_tip_title_width = c.stringWidth(energy_tip_title, "JetBrainsMono-Bold", 14)
+ centered_title_x = card5_x + (card5_width - energy_tip_title_width) / 2
+ c.drawString(centered_title_x, text_y - 5, energy_tip_title)
+
+ c.setFont("JetBrainsMono", 10)
+ c.setFillColor(colors.HexColor(theme_config["text_color"]))
+ energy_tip_width = c.stringWidth(energy_tip, "JetBrainsMono", 10)
+ centered_tip_x = card5_x + (card5_width - energy_tip_width) / 2
+ c.drawString(centered_tip_x, text_y - 20, energy_tip)
+
+ card6_x, card6_y = 50, card5_y - card_height - padding
+ card7_x, card7_y = card6_x + card_width + padding, card6_y
+
+ c.setFillColor(colors.HexColor(theme_config["card_color"]))
+ c.rect(card6_x, card6_y, card_width, card_height, fill=True, stroke=False)
+
+ generate_energy_goal_chart(monthly_energy_data, energy_goal, "Energy Goal Tracking", "Month", "Energy (kWh)", theme)
+ energy_goal_graph_path = os.path.join(graphs_folder, "energy_goal_chart.png")
+ c.drawImage(energy_goal_graph_path, card6_x + 10, card6_y + 10, width=230, height=130, preserveAspectRatio=True, mask=None)
+
+ c.setFillColor(colors.HexColor(theme_config["card_color"]))
+ c.rect(card7_x, card7_y, card_width, card_height, fill=True, stroke=False)
+
+ generate_gauge_chart(75, "Energy Efficiency", theme) # Example value for the gauge chart
+ gauge_chart_path = os.path.join(graphs_folder, "gauge_chart.png")
+ c.drawImage(gauge_chart_path, card7_x + 10, card7_y + 10, width=230, height=130, preserveAspectRatio=True, mask=None)
+
+ c.setFillColor(colors.HexColor(theme_config["accent_colors"][0]))
+ c.setFont("JetBrainsMono-Bold", 12)
+ footer_text = "Generated from System. All rights reserved PowerHouse Inc."
+ footer_width = c.stringWidth(footer_text, "JetBrainsMono-Bold", 12)
+ centered_footer_x = (letter[0] - footer_width) / 2
+ c.drawString(centered_footer_x, 20, footer_text)
+
+ c.save()
+ print(f"✅ PDF saved as {pdf_filename}")
+
+ return os.path.abspath(pdf_filename)
+
+# from_month = datetime(2024, 4, 1)
+# to_month = datetime(2024, 12, 31)
+# from_day = datetime(2025, 3, 1)
+# to_day = datetime(2025, 3, 15)
+# device_ids = [1, 2, 3, 4, 5, 6]
+# generate_pdf(from_month, to_month, from_day, to_day, device_ids, "dark")
\ No newline at end of file
diff --git a/frontend/public/light-bulb-svgrepo-com.svg b/frontend/public/light-bulb-svgrepo-com.svg
new file mode 100644
index 0000000..0f3cb51
--- /dev/null
+++ b/frontend/public/light-bulb-svgrepo-com.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/frontend/src/app/energy/page.jsx b/frontend/src/app/energy/page.jsx
index 7410f31..158c36a 100644
--- a/frontend/src/app/energy/page.jsx
+++ b/frontend/src/app/energy/page.jsx
@@ -1,84 +1,684 @@
"use client";
-import React, { useEffect, useState } from "react";
-import Breadcrumb from "../ui/dashboard/breadcrumbs";
-import { PieChart } from "@mui/x-charts/PieChart";
-import { Card, CardContent, Grid, Typography, Box } from "@mui/material";
+import {
+ Card,
+ CardContent,
+ Typography,
+ Grid,
+ Box,
+ Button,
+ IconButton,
+ FormControl,
+ InputLabel,
+ Select,
+ MenuItem,
+ Checkbox,
+ ListItemText,
+} from "@mui/material";
+import {
+ PieChart,
+ Pie,
+ Cell,
+ Tooltip,
+ ResponsiveContainer,
+ Legend,
+} from "recharts";
+import { useEffect, useState } from "react";
+import useMediaQuery from "@mui/material/useMediaQuery";
+import { useTheme } from "@mui/material/styles";
+
+import Breadcrumb from "@/app/ui/dashboard/breadcrumbs";
+import SetEnergyGoalDialog from "../ui/setEnergyGoalDialogue";
+
+import { Description } from "@mui/icons-material";
+
+import {
+ AreaChart,
+ Area,
+ XAxis,
+ YAxis,
+ CartesianGrid,
+ Tooltip as RechartTooltip,
+ Legend as RechartLegend,
+} from "recharts";
+
+import { Edit } from "@mui/icons-material";
const Energy = () => {
- const [energyData, setEnergyData] = useState([]);
+ const [deviceData, setDeviceData] = useState([]);
+ const [monthlyData, setMonthlyData] = useState([]);
+ const [energyGoal, setEnergyGoal] = useState(0);
+ const [openDialog, setOpenDialog] = useState(false);
+ const [selectedFromMonth, setSelectedFromMonth] = useState("");
+ const [selectedToMonth, setSelectedToMonth] = useState("");
+ const [selectedDevices, setSelectedDevices] = useState([]);
+ const [selectedFromDate, setSelectedFromDate] = useState("");
+ const [selectedToDate, setSelectedToDate] = useState("");
+
+ const isMobile = useMediaQuery("(max-width: 600px)");
+ const isMdUp = useMediaQuery("(min-width: 960px)");
+ const theme = useTheme();
+ const COLORS =
+ theme.palette.mode === "dark"
+ ? ["#8253D7", "#9B6BE6", "#A97DFF", "#6A3BCC", "#5C2FB3"]
+ : ["#1F99FC", "#1A84D9", "#187BB0", "#155C8D", "#134C6A"];
+
+ const chartColors = {
+ usage: theme.palette.mode === "dark" ? "#8B5CF6" : "#1D4ED8",
+ goal: theme.palette.mode === "dark" ? "#D8B8FF" : "#93C5FD",
+ };
useEffect(() => {
- const fetchEnergyData = async () => {
+ const fetchDeviceData = async () => {
try {
const response = await fetch("http://localhost:8000/device_info");
const data = await response.json();
- if (data.smart_home_devices) {
- // Transform data into PieChart format
- const chartData = data.smart_home_devices.map((device, index) => ({
- id: index,
- value: device.power_usage, // Using power_usage field
- label: device.name,
+ const transformedData = data.smart_home_devices
+ .filter((device) => device.power_usage > 0)
+ .map((device) => ({
+ name: device.name,
+ value: device.power_usage,
+ id: device.id,
}));
- setEnergyData(chartData);
- }
+ console.log("Transformed data:", transformedData);
+ setDeviceData(transformedData);
} catch (error) {
- console.error("Error fetching energy data:", error);
+ console.error("Error fetching device data:", error);
}
};
- fetchEnergyData();
+ const fetchMonthlyData = async () => {
+ try {
+ const response = await fetch(
+ "http://localhost:8000/energy_usage/monthly"
+ );
+ const data = await response.json();
+
+ const formattedMonthlyData = data.map((item) => ({
+ month: new Date(item.timestamp).toLocaleString("default", {
+ month: "short",
+ }),
+ usage: item.power_usage,
+ }));
+
+ setMonthlyData(formattedMonthlyData);
+ } catch (error) {
+ console.error("Error fetching monthly data:", error);
+ }
+ };
+
+ const fetchEnergyGoal = async () => {
+ try {
+ const response = await fetch("http://localhost:8000/energy_goal");
+ const data = await response.json();
+ setEnergyGoal(data.goal_value);
+ } catch (error) {
+ console.error("Error fetching energy goal:", error);
+ }
+ };
+
+ fetchDeviceData();
+ fetchMonthlyData();
+ fetchEnergyGoal();
+
+ const interval = setInterval(() => {
+ fetchDeviceData();
+ fetchMonthlyData();
+ fetchEnergyGoal();
+ }, 1000);
+
+ return () => clearInterval(interval);
}, []);
+ const monthlyDataWithGoal = monthlyData.map((data) => ({
+ ...data,
+ goal: energyGoal,
+ }));
+
+ const handleDialogOpen = () => {
+ setOpenDialog(true);
+ };
+
+ const handleDialogClose = () => {
+ setOpenDialog(false);
+ };
+
+ const handleGeneratePDF = async () => {
+ try {
+ const fromMonthNumber =
+ [
+ "Jan",
+ "Feb",
+ "Mar",
+ "Apr",
+ "May",
+ "Jun",
+ "Jul",
+ "Aug",
+ "Sep",
+ "Oct",
+ "Nov",
+ "Dec",
+ ].indexOf(selectedFromMonth) + 1;
+ const toMonthNumber =
+ [
+ "Jan",
+ "Feb",
+ "Mar",
+ "Apr",
+ "May",
+ "Jun",
+ "Jul",
+ "Aug",
+ "Sep",
+ "Oct",
+ "Nov",
+ "Dec",
+ ].indexOf(selectedToMonth) + 1;
+
+ console.log(
+ "Selected From Month:",
+ selectedFromMonth,
+ "Converted:",
+ fromMonthNumber
+ );
+ console.log(
+ "Selected To Month:",
+ selectedToMonth,
+ "Converted:",
+ toMonthNumber
+ );
+
+ const deviceIds = selectedDevices
+ .map(
+ (deviceName) =>
+ deviceData.find((device) => device.name === deviceName)?.id || null
+ )
+ .filter((id) => id !== null);
+
+ const dataToSend = {
+ from_month: fromMonthNumber,
+ to_month: toMonthNumber,
+ from_date: parseInt(selectedFromDate, 10),
+ to_date: parseInt(selectedToDate, 10),
+ device_ids: deviceIds,
+ theme: theme.palette.mode,
+ };
+
+ console.log("Data being sent to backend:", dataToSend);
+
+ const response = await fetch("http://localhost:8000/energy_report/", {
+ method: "POST",
+ headers: {
+ "Content-Type": "application/json",
+ },
+ body: JSON.stringify(dataToSend),
+ });
+
+ if (!response.ok) {
+ const errorData = await response.json();
+ throw new Error(
+ `Error generating PDF report: ${response.status} - ${
+ errorData.detail || "Unknown error"
+ }`
+ );
+ }
+
+ const pdfBlob = await response.blob();
+ const url = window.URL.createObjectURL(pdfBlob);
+ const a = document.createElement("a");
+ a.href = url;
+ a.download = "Energy_Report.pdf";
+ document.body.appendChild(a);
+ a.click();
+ a.remove();
+ } catch (error) {
+ console.error("Error generating PDF:", error);
+ }
+ };
+
+ const getAvailableDates = () => {
+ return Array.from({ length: 30 }, (_, i) => i + 1);
+ };
+
+ const handleDeviceChange = (event) => {
+ setSelectedDevices(event.target.value);
+ console.log("Selected devices:", event.target.value);
+ };
+
return (
-
-
- {/* Card Component */}
-
-
-
-
- {/* Pie Chart on Left */}
-
-
+
+
+
+
+
+ Device Energy Usage Breakdown
+
+
+
+
+
+ {deviceData.map((entry, index) => (
+ |
+ ))}
+
+
-
-
- {/* Device Power Usage Details on Right */}
-
-
-
- Device Power Usage Details:
-
-
- {energyData.length > 0 ? (
- energyData.map((device) => (
- -
-
- {device.label}: {device.value}W
-
-
- ))
- ) : (
-
- Loading data...
-
- )}
-
-
-
+ {/* Conditionally render Legend based on mobile */}
+ {!isMobile && (
+
+ )}
+
+
+
+
+
+
+
+
+ {!isMobile && }
+
+
+
+
+
+
+
+
+
+
+
);
};
diff --git a/frontend/src/app/ui/dashboard/accountMenu.jsx b/frontend/src/app/ui/dashboard/accountMenu.jsx
index b2b530c..5af01c2 100644
--- a/frontend/src/app/ui/dashboard/accountMenu.jsx
+++ b/frontend/src/app/ui/dashboard/accountMenu.jsx
@@ -1,4 +1,3 @@
-"use client";
import * as React from "react";
import Box from "@mui/material/Box";
import Avatar from "@mui/material/Avatar";
@@ -12,10 +11,12 @@ import PersonAdd from "@mui/icons-material/PersonAdd";
import Settings from "@mui/icons-material/Settings";
import Logout from "@mui/icons-material/Logout";
import DevicesIcon from "@mui/icons-material/Devices";
+import BatteryChargingFullIcon from "@mui/icons-material/BatteryChargingFull";
import AddUserDialog from "../newUserDialogue";
import AllocateDevicesDialog from "../allocateDevices";
import UserSettingsDialog from "../userSettingsDialogue";
+import SetEnergyGoalDialog from "../setEnergyGoalDialogue";
import { signOut } from "firebase/auth";
import { auth } from "@/app/firebase/config";
@@ -31,6 +32,8 @@ export default function AccountMenu() {
const [openAllocateDialog, setOpenAllocateDialog] = React.useState(false);
const [openUserSettingsDialog, setOpenUserSettingsDialog] =
React.useState(false);
+ const [openSetEnergyGoalDialog, setOpenSetEnergyGoalDialog] =
+ React.useState(false); // New dialog state
const open = Boolean(anchorEl);
@@ -72,9 +75,6 @@ export default function AccountMenu() {
fetchSelectedUser();
}, []);
- // Log just before rendering
- // console.log("isSuperUser:", isSuperUser);
-
return (
@@ -168,6 +168,21 @@ export default function AccountMenu() {
Add another account
)}
+ {/* Add new MenuItem for setting energy goal */}
+ {isSuperUser && (
+
+ )}
);
}
diff --git a/frontend/src/app/ui/setEnergyGoalDialogue.jsx b/frontend/src/app/ui/setEnergyGoalDialogue.jsx
new file mode 100644
index 0000000..650f28b
--- /dev/null
+++ b/frontend/src/app/ui/setEnergyGoalDialogue.jsx
@@ -0,0 +1,79 @@
+import * as React from "react";
+import Dialog from "@mui/material/Dialog";
+import DialogActions from "@mui/material/DialogActions";
+import DialogContent from "@mui/material/DialogContent";
+import DialogTitle from "@mui/material/DialogTitle";
+import TextField from "@mui/material/TextField";
+import Button from "@mui/material/Button";
+
+export default function SetEnergyGoalDialog({ open, onClose }) {
+ const [energyGoal, setEnergyGoal] = React.useState("");
+
+ const handleSubmit = async () => {
+ if (energyGoal) {
+ try {
+ const response = await fetch(
+ `http://localhost:8000/energy_goal/${energyGoal}`,
+ {
+ method: "POST",
+ headers: {
+ "Content-Type": "application/json",
+ },
+ }
+ );
+
+ if (!response.ok) {
+ throw new Error("Failed to set energy goal");
+ }
+
+ setEnergyGoal("");
+ onClose();
+ } catch (error) {
+ console.error("Error setting energy goal:", error);
+ alert("Error setting energy goal. Please try again.");
+ }
+ } else {
+ alert("Please enter a valid energy goal.");
+ }
+ };
+
+ const handleClose = () => {
+ setEnergyGoal("");
+ onClose();
+ };
+
+ return (
+
+ );
+}
diff --git a/package-lock.json b/package-lock.json
index 1e48a6c..06b916b 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -16,12 +16,14 @@
"@mui/material": "^6.4.3",
"@mui/x-charts": "^7.25.0",
"@mui/x-date-pickers": "^7.27.1",
+ "date-fns": "^4.1.0",
"dayjs": "^1.11.13",
"framer-motion": "^12.4.1",
"next": "^15.1.7",
"react": "^19.0.0",
"react-dom": "^19.0.0",
"react-firebase-hooks": "^5.1.1",
+ "react-icons": "^5.5.0",
"recharts": "^2.15.1",
"zustand": "^5.0.3"
},
@@ -3882,6 +3884,16 @@
"url": "https://github.com/sponsors/ljharb"
}
},
+ "node_modules/date-fns": {
+ "version": "4.1.0",
+ "resolved": "https://registry.npmjs.org/date-fns/-/date-fns-4.1.0.tgz",
+ "integrity": "sha512-Ukq0owbQXxa/U3EGtsdVBkR1w7KOQ5gIBqdH2hkvknzZPYvBxb/aa6E8L7tmjFtkwZBu3UXBbjIgPo/Ez4xaNg==",
+ "license": "MIT",
+ "funding": {
+ "type": "github",
+ "url": "https://github.com/sponsors/kossnocorp"
+ }
+ },
"node_modules/dayjs": {
"version": "1.11.13",
"resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.13.tgz",
@@ -7207,6 +7219,15 @@
"react": ">= 16.8.0"
}
},
+ "node_modules/react-icons": {
+ "version": "5.5.0",
+ "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-5.5.0.tgz",
+ "integrity": "sha512-MEFcXdkP3dLo8uumGI5xN3lDFNsRtrjbOEKDLD7yv76v4wpnEq2Lt2qeHaQOr34I/wPN3s3+N08WkQ+CW37Xiw==",
+ "license": "MIT",
+ "peerDependencies": {
+ "react": "*"
+ }
+ },
"node_modules/react-is": {
"version": "16.13.1",
"resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
diff --git a/package.json b/package.json
index a70e855..01c5454 100644
--- a/package.json
+++ b/package.json
@@ -18,12 +18,14 @@
"@mui/material": "^6.4.3",
"@mui/x-charts": "^7.25.0",
"@mui/x-date-pickers": "^7.27.1",
+ "date-fns": "^4.1.0",
"dayjs": "^1.11.13",
"framer-motion": "^12.4.1",
"next": "^15.1.7",
"react": "^19.0.0",
"react-dom": "^19.0.0",
"react-firebase-hooks": "^5.1.1",
+ "react-icons": "^5.5.0",
"recharts": "^2.15.1",
"zustand": "^5.0.3"
},