sickprodigy
9fda192f0b
Sometimes page loads, sometimes doesn't trying to implement something to figure out why the page isn't loading. In python everything loads in certain order so if something hangs, it could prevent something else from running. (Like web page from loading :()
1146 lines
49 KiB
Python
1146 lines
49 KiB
Python
import socket
|
||
import time
|
||
import json
|
||
|
||
class TempWebServer:
|
||
"""Simple web server for viewing temperatures and adjusting settings."""
|
||
def __init__(self, port=80):
|
||
self.port = port
|
||
self.socket = None
|
||
self.sensors = {}
|
||
self.last_page_render = 0 # Track last successful HTML generation
|
||
|
||
def start(self):
|
||
"""Start the web server (non-blocking)."""
|
||
try:
|
||
self.socket = socket.socket()
|
||
self.socket.setsockopt(socket.SOL_SOCKET, socket.SO_REUSEADDR, 1)
|
||
self.socket.bind(('0.0.0.0', self.port))
|
||
self.socket.listen(1)
|
||
self.socket.setblocking(False)
|
||
print("Web server started on port {}".format(self.port))
|
||
except Exception as e:
|
||
print("Failed to start web server: {}".format(e))
|
||
|
||
def check_requests(self, sensors, ac_monitor=None, heater_monitor=None, schedule_monitor=None):
|
||
"""Check for incoming requests (call in main loop)."""
|
||
if not self.socket:
|
||
return
|
||
try:
|
||
conn, addr = self.socket.accept()
|
||
conn.settimeout(3.0)
|
||
request = conn.recv(1024).decode('utf-8')
|
||
|
||
if 'POST /update' in request:
|
||
response = self._handle_update(request, sensors, ac_monitor, heater_monitor, schedule_monitor)
|
||
|
||
elif 'GET /schedule' in request:
|
||
response = self._get_schedule_editor_page(sensors, ac_monitor, heater_monitor)
|
||
conn.send('HTTP/1.1 200 OK\r\nContent-Type: text/html; charset=utf-8\r\nConnection: close\r\n\r\n')
|
||
conn.sendall(response.encode('utf-8'))
|
||
conn.close()
|
||
return
|
||
|
||
elif 'POST /schedule' in request:
|
||
response = self._handle_schedule_update(request, sensors, ac_monitor, heater_monitor, schedule_monitor)
|
||
# If handler returns a redirect response, send it raw and exit
|
||
if isinstance(response, str) and response.startswith('HTTP/1.1 303'):
|
||
conn.sendall(response.encode('utf-8'))
|
||
conn.close()
|
||
return
|
||
elif 'GET /ping' in request:
|
||
# Quick health check endpoint (no processing)
|
||
conn.send('HTTP/1.1 200 OK\r\nContent-Type: text/plain\r\nConnection: close\r\n\r\n')
|
||
conn.sendall(b'OK')
|
||
conn.close()
|
||
return
|
||
|
||
else:
|
||
response = self._get_status_page(sensors, ac_monitor, heater_monitor)
|
||
|
||
if response is None:
|
||
response = self._get_status_page(sensors, ac_monitor, heater_monitor)
|
||
|
||
conn.send('HTTP/1.1 200 OK\r\nContent-Type: text/html; charset=utf-8\r\nConnection: close\r\n\r\n')
|
||
conn.sendall(response.encode('utf-8'))
|
||
conn.close()
|
||
except OSError:
|
||
pass
|
||
except Exception as e:
|
||
print("Web server error: {}".format(e))
|
||
import sys
|
||
sys.print_exception(e)
|
||
|
||
def _save_config_to_file(self, config):
|
||
"""Save configuration to config.json file (atomic write)."""
|
||
try:
|
||
import os
|
||
# Write to temp file first
|
||
with open('config.tmp', 'w') as f:
|
||
json.dump(config, f)
|
||
|
||
# Remove old config if exists
|
||
try:
|
||
os.remove('config.json')
|
||
except:
|
||
pass
|
||
|
||
# Rename temp to config (atomic on most filesystems)
|
||
os.rename('config.tmp', 'config.json')
|
||
|
||
print("Settings saved to config.json")
|
||
return True
|
||
except Exception as e:
|
||
print("Error saving config: {}".format(e))
|
||
return False
|
||
|
||
def _load_config(self):
|
||
"""Load configuration from file."""
|
||
try:
|
||
with open('config.json', 'r') as f:
|
||
return json.load(f)
|
||
except:
|
||
return {
|
||
'ac_target': 77.0,
|
||
'ac_swing': 1.0,
|
||
'heater_target': 80.0,
|
||
'heater_swing': 2.0,
|
||
'schedules': [],
|
||
'schedule_enabled': False,
|
||
'permanent_hold': False
|
||
}
|
||
|
||
def _handle_schedule_update(self, request, sensors, ac_monitor, heater_monitor, schedule_monitor):
|
||
"""Handle schedule form submission."""
|
||
|
||
try:
|
||
body = request.split('\r\n\r\n')[1] if '\r\n\r\n' in request else ''
|
||
params = {}
|
||
|
||
for pair in body.split('&'):
|
||
if '=' in pair:
|
||
key, value = pair.split('=', 1)
|
||
params[key] = value.replace('+', ' ')
|
||
|
||
# Load current config
|
||
config = self._load_config()
|
||
|
||
# ===== START: Handle mode actions =====
|
||
mode_action = params.get('mode_action', '')
|
||
|
||
if mode_action == 'resume':
|
||
# Resume automatic scheduling
|
||
config['schedule_enabled'] = True
|
||
config['permanent_hold'] = False
|
||
|
||
if self._save_config_to_file(config):
|
||
print("▶️ Schedule resumed - Automatic mode")
|
||
|
||
if schedule_monitor:
|
||
schedule_monitor.reload_config(config)
|
||
|
||
try:
|
||
from scripts.discord_webhook import send_discord_message
|
||
send_discord_message("▶️ Schedule resumed - Automatic temperature control active")
|
||
except:
|
||
pass
|
||
|
||
# Redirect back to homepage
|
||
return 'HTTP/1.1 303 See Other\r\nLocation: /\r\n\r\n'
|
||
|
||
elif mode_action == 'temporary_hold':
|
||
# Enter temporary hold (pause schedules temporarily)
|
||
config['schedule_enabled'] = False
|
||
config['permanent_hold'] = False
|
||
|
||
if self._save_config_to_file(config):
|
||
print("⏸️ Temporary hold activated")
|
||
|
||
if schedule_monitor:
|
||
schedule_monitor.reload_config(config)
|
||
|
||
try:
|
||
from scripts.discord_webhook import send_discord_message
|
||
send_discord_message("⏸️ Temporary hold - Schedules paused, manual control active")
|
||
except:
|
||
pass
|
||
|
||
# Redirect back to homepage
|
||
return 'HTTP/1.1 303 See Other\r\nLocation: /\r\n\r\n'
|
||
|
||
elif mode_action == 'permanent_hold':
|
||
# Enter permanent hold (disable schedules permanently)
|
||
config['schedule_enabled'] = False
|
||
config['permanent_hold'] = True
|
||
|
||
if self._save_config_to_file(config):
|
||
print("🛑 Permanent hold activated")
|
||
|
||
if schedule_monitor:
|
||
schedule_monitor.reload_config(config)
|
||
|
||
try:
|
||
from scripts.discord_webhook import send_discord_message
|
||
send_discord_message("🛑 Permanent hold - Schedules disabled, manual control only")
|
||
except:
|
||
pass
|
||
|
||
# Redirect back to homepage
|
||
return 'HTTP/1.1 303 See Other\r\nLocation: /\r\n\r\n'
|
||
|
||
elif mode_action == 'save_schedules':
|
||
# Just fall through to schedule parsing below
|
||
pass
|
||
# ===== END: Handle mode actions =====
|
||
|
||
# ===== START: Handle schedule configuration save =====
|
||
# Parse schedules from form
|
||
schedules = []
|
||
for i in range(4):
|
||
time_key = 'schedule_{}_time'.format(i)
|
||
name_key = 'schedule_{}_name'.format(i)
|
||
ac_key = 'schedule_{}_ac'.format(i)
|
||
heater_key = 'schedule_{}_heater'.format(i)
|
||
|
||
if time_key in params and params[time_key]:
|
||
# Validate time format (HH:MM)
|
||
time_val = params[time_key]
|
||
if ':' not in time_val or len(time_val.split(':')) != 2:
|
||
print("Invalid time format: {}".format(time_val))
|
||
return 'HTTP/1.1 303 See Other\r\nLocation: /schedule\r\n\r\n'
|
||
|
||
try:
|
||
hours, mins = time_val.split(':')
|
||
if not (0 <= int(hours) <= 23 and 0 <= int(mins) <= 59):
|
||
raise ValueError
|
||
except:
|
||
print("Invalid time value: {}".format(time_val))
|
||
return 'HTTP/1.1 303 See Other\r\nLocation: /schedule\r\n\r\n'
|
||
|
||
schedule = {
|
||
'time': params[time_key],
|
||
'name': params.get(name_key, 'Schedule {}'.format(i+1)),
|
||
'ac_target': float(params.get(ac_key, 77.0)),
|
||
'heater_target': float(params.get(heater_key, 80.0))
|
||
}
|
||
schedules.append(schedule)
|
||
|
||
config['schedules'] = schedules
|
||
|
||
# ===== START: Validate all schedules =====
|
||
for i, schedule in enumerate(schedules):
|
||
heater_temp = schedule.get('heater_target', 80.0)
|
||
ac_temp = schedule.get('ac_target', 77.0)
|
||
|
||
if heater_temp > ac_temp:
|
||
print("❌ Schedule validation failed: Schedule {} has heater ({}) > AC ({})".format(
|
||
i+1, heater_temp, ac_temp
|
||
))
|
||
return self._get_error_page(
|
||
"Invalid Schedule",
|
||
"Schedule {} ({}): Heater target ({:.1f}°F) cannot be greater than AC target ({:.1f}°F)".format(
|
||
i+1, schedule.get('name', 'Unnamed'), heater_temp, ac_temp
|
||
),
|
||
sensors, ac_monitor, heater_monitor
|
||
)
|
||
# ===== END: Validate all schedules =====
|
||
|
||
# Save to file
|
||
if self._save_config_to_file(config):
|
||
print("Schedule configuration saved")
|
||
|
||
if schedule_monitor:
|
||
schedule_monitor.reload_config(config)
|
||
|
||
# Send Discord notification
|
||
try:
|
||
from scripts.discord_webhook import send_discord_message
|
||
mode = "automatic" if config.get('schedule_enabled') else "hold"
|
||
message = "📅 Schedules updated ({} mode) - {} schedules configured".format(
|
||
mode, len(schedules)
|
||
)
|
||
send_discord_message(message)
|
||
except:
|
||
pass
|
||
# ===== END: Handle schedule configuration save =====
|
||
|
||
# Redirect back to schedule page
|
||
return 'HTTP/1.1 303 See Other\r\nLocation: /schedule\r\n\r\n'
|
||
|
||
except Exception as e:
|
||
print("Error updating schedule: {}".format(e))
|
||
import sys
|
||
sys.print_exception(e)
|
||
# Safety: avoid rendering an error page here; just redirect
|
||
return 'HTTP/1.1 303 See Other\r\nLocation: /schedule\r\n\r\n'
|
||
|
||
def _handle_update(self, request, sensors, ac_monitor, heater_monitor, schedule_monitor):
|
||
"""Handle form submission and update settings."""
|
||
try:
|
||
body = request.split('\r\n\r\n')[1] if '\r\n\r\n' in request else ''
|
||
params = {}
|
||
|
||
for pair in body.split('&'):
|
||
if '=' in pair:
|
||
key, value = pair.split('=', 1)
|
||
params[key] = float(value)
|
||
|
||
# Load current config
|
||
config = self._load_config()
|
||
|
||
# ===== START: Validate Heat <= AC =====
|
||
# Get the values that will be set
|
||
new_heater_target = params.get('heater_target', config.get('heater_target', 80.0))
|
||
new_ac_target = params.get('ac_target', config.get('ac_target', 77.0))
|
||
|
||
# Validation: Heater must be <= AC
|
||
if new_heater_target > new_ac_target:
|
||
print("❌ Validation failed: Heater target ({}) cannot be greater than AC target ({})".format(
|
||
new_heater_target, new_ac_target
|
||
))
|
||
# Return error page
|
||
return self._get_error_page(
|
||
"Invalid Settings",
|
||
"Heater target ({:.1f}°F) cannot be greater than AC target ({:.1f}°F)".format(
|
||
new_heater_target, new_ac_target
|
||
),
|
||
sensors, ac_monitor, heater_monitor
|
||
)
|
||
# ===== END: Validate Heat <= AC =====
|
||
|
||
# ===== START: Update AC Settings =====
|
||
if 'ac_target' in params and ac_monitor:
|
||
ac_monitor.target_temp = params['ac_target'] # Update monitor
|
||
config['ac_target'] = params['ac_target'] # Update config
|
||
print("AC target updated to {}°F".format(params['ac_target']))
|
||
|
||
if 'ac_swing' in params and ac_monitor:
|
||
ac_monitor.temp_swing = params['ac_swing'] # Update monitor
|
||
config['ac_swing'] = params['ac_swing'] # Update config
|
||
print("AC swing updated to {}°F".format(params['ac_swing']))
|
||
# ===== END: Update AC Settings =====
|
||
|
||
# ===== START: Update Heater Settings =====
|
||
if 'heater_target' in params and heater_monitor:
|
||
heater_monitor.target_temp = params['heater_target'] # Update monitor
|
||
config['heater_target'] = params['heater_target'] # Update config
|
||
print("Heater target updated to {}°F".format(params['heater_target']))
|
||
|
||
if 'heater_swing' in params and heater_monitor:
|
||
heater_monitor.temp_swing = params['heater_swing'] # Update monitor
|
||
config['heater_swing'] = params['heater_swing'] # Update config
|
||
print("Heater swing updated to {}°F".format(params['heater_swing']))
|
||
# ===== END: Update Heater Settings =====
|
||
|
||
# ===== START: Disable scheduling and enter HOLD mode =====
|
||
if config.get('schedule_enabled'):
|
||
config['schedule_enabled'] = False
|
||
config['permanent_hold'] = False # ✅ ADD THIS - ensure it's temporary
|
||
print("⏸️ Schedule disabled - entering TEMPORARY HOLD mode")
|
||
|
||
# Reload schedule monitor to disable it
|
||
if schedule_monitor:
|
||
schedule_monitor.reload_config(config)
|
||
# ===== END: Disable scheduling and enter HOLD mode =====
|
||
|
||
# ===== START: Save settings to file =====
|
||
if self._save_config_to_file(config):
|
||
print("Settings persisted to disk")
|
||
# ===== END: Save settings to file =====
|
||
|
||
# ===== START: Send Discord notification =====
|
||
try:
|
||
from scripts.discord_webhook import send_discord_message
|
||
ac_target_str = str(params.get('ac_target', 'N/A'))
|
||
ac_swing_str = str(params.get('ac_swing', 'N/A'))
|
||
heater_target_str = str(params.get('heater_target', 'N/A'))
|
||
heater_swing_str = str(params.get('heater_swing', 'N/A'))
|
||
|
||
message = "⏸️ HOLD Mode - Manual override: AC: {}F +/- {}F | Heater: {}F +/- {}F (Schedule disabled)".format(
|
||
ac_target_str, ac_swing_str, heater_target_str, heater_swing_str
|
||
)
|
||
send_discord_message(message)
|
||
except Exception as discord_error:
|
||
print("Discord notification failed: {}".format(discord_error))
|
||
# ===== END: Send Discord notification =====
|
||
|
||
# ===== START: Debug output =====
|
||
print("DEBUG: After update, monitor values are:")
|
||
if ac_monitor:
|
||
print(" AC target: {}".format(ac_monitor.target_temp))
|
||
print(" AC swing: {}".format(ac_monitor.temp_swing))
|
||
if heater_monitor:
|
||
print(" Heater target: {}".format(heater_monitor.target_temp))
|
||
print(" Heater swing: {}".format(heater_monitor.temp_swing))
|
||
# ===== END: Debug output =====
|
||
|
||
except Exception as e:
|
||
print("Error updating settings: {}".format(e))
|
||
import sys
|
||
sys.print_exception(e)
|
||
|
||
return self._get_status_page(sensors, ac_monitor, heater_monitor, show_success=True)
|
||
|
||
def _get_status_page(self, sensors, ac_monitor, heater_monitor, show_success=False):
|
||
"""Generate HTML status page."""
|
||
print("DEBUG: Generating status page...")
|
||
try:
|
||
# Get current temperatures (use cached values to avoid blocking)
|
||
inside_temp = getattr(sensors.get('inside'), 'last_temp', None)
|
||
outside_temp = getattr(sensors.get('outside'), 'last_temp', None)
|
||
|
||
# Fallback to sensor read if no cached value (first load only)
|
||
if inside_temp is None:
|
||
inside_temps = sensors['inside'].read_all_temps(unit='F')
|
||
inside_temp = list(inside_temps.values())[0] if inside_temps else "N/A"
|
||
|
||
if outside_temp is None:
|
||
outside_temps = sensors['outside'].read_all_temps(unit='F')
|
||
outside_temp = list(outside_temps.values())[0] if outside_temps else "N/A"
|
||
|
||
# Get AC/Heater status
|
||
ac_status = "ON" if ac_monitor and ac_monitor.ac.get_state() else "OFF"
|
||
heater_status = "ON" if heater_monitor and heater_monitor.heater.get_state() else "OFF"
|
||
|
||
# Get current time
|
||
current_time = time.localtime()
|
||
time_str = "{}-{:02d}-{:02d} {:02d}:{:02d}:{:02d}".format(
|
||
current_time[0], current_time[1], current_time[2],
|
||
current_time[3], current_time[4], current_time[5]
|
||
)
|
||
|
||
# Load config
|
||
config = self._load_config()
|
||
|
||
# ===== START: Determine schedule status display =====
|
||
has_schedules = len([s for s in config.get('schedules', []) if s.get('time')]) > 0
|
||
|
||
if not has_schedules:
|
||
schedule_status = "NO SCHEDULES"
|
||
schedule_color = "#95a5a6"
|
||
schedule_icon = "⚠️"
|
||
elif config.get('schedule_enabled'):
|
||
schedule_status = "AUTOMATIC"
|
||
schedule_color = "#2ecc71"
|
||
schedule_icon = "✅"
|
||
elif config.get('permanent_hold', False):
|
||
schedule_status = "PERMANENT HOLD"
|
||
schedule_color = "#e74c3c"
|
||
schedule_icon = "🛑"
|
||
else:
|
||
schedule_status = "TEMPORARY HOLD"
|
||
schedule_color = "#f39c12"
|
||
schedule_icon = "⏸️"
|
||
# ===== END: Determine schedule status display =====
|
||
|
||
# Build schedule cards
|
||
schedule_cards = ""
|
||
|
||
# Build mode buttons for dashboard
|
||
mode_buttons = self._build_mode_buttons(config)
|
||
if config.get('schedules'):
|
||
for schedule in config.get('schedules', []):
|
||
# ===== START: Decode URL-encoded values =====
|
||
# Replace %3A with : and + with space
|
||
time_value = schedule.get('time', 'N/A').replace('%3A', ':')
|
||
name_value = schedule.get('name', 'Unnamed').replace('+', ' ')
|
||
# ===== END: Decode URL-encoded values =====
|
||
|
||
schedule_cards += """
|
||
<div style="background: #f8f9fa; padding: 15px; border-radius: 8px;">
|
||
<div style="font-weight: bold; color: #34495e; margin-bottom: 5px;">
|
||
🕐 {time} - {name}
|
||
</div>
|
||
<div style="color: #7f8c8d; font-size: 14px;">
|
||
Heat: {heater_temp}°F | AC: {ac_temp}°F
|
||
</div>
|
||
</div>
|
||
""".format(
|
||
time=time_value, # Use decoded value
|
||
name=name_value, # Use decoded value
|
||
ac_temp=schedule.get('ac_target', 'N/A'),
|
||
heater_temp=schedule.get('heater_target', 'N/A')
|
||
)
|
||
else:
|
||
schedule_cards = """
|
||
<div style="text-align: center; color: #95a5a6; grid-column: 1 / -1;">
|
||
No schedules configured
|
||
</div>
|
||
"""
|
||
|
||
# Success message
|
||
success_html = """
|
||
<div class="success-message">
|
||
✅ Settings updated successfully!
|
||
</div>
|
||
""" if show_success else ""
|
||
|
||
# Format temperature values
|
||
inside_temp_str = "{:.1f}".format(inside_temp) if isinstance(inside_temp, float) else str(inside_temp)
|
||
outside_temp_str = "{:.1f}".format(outside_temp) if isinstance(outside_temp, float) else str(outside_temp)
|
||
|
||
# ===== START: Add HOLD mode banner =====
|
||
hold_banner = ""
|
||
if config.get('permanent_hold', False):
|
||
hold_banner = """
|
||
<div style="background: linear-gradient(135deg, #e74c3c, #c0392b); color: white; padding: 15px; border-radius: 10px; text-align: center; font-weight: bold; margin-bottom: 20px; box-shadow: 0 4px 8px rgba(0,0,0,0.2); animation: fadeIn 0.5s;">
|
||
🛑 PERMANENT HOLD - Schedules disabled (Manual control only)
|
||
</div>
|
||
"""
|
||
elif not config.get('schedule_enabled', False) and has_schedules:
|
||
hold_banner = """
|
||
<div style="background: linear-gradient(135deg, #f39c12, #e67e22); color: white; padding: 15px; border-radius: 10px; text-align: center; font-weight: bold; margin-bottom: 20px; box-shadow: 0 4px 8px rgba(0,0,0,0.2); animation: fadeIn 0.5s;">
|
||
⏸️ TEMPORARY HOLD - Manual override active (Schedule paused)
|
||
</div>
|
||
"""
|
||
# ===== END: Add HOLD mode banner =====
|
||
html = """
|
||
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<title>🌱 Auto Garden</title>
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<meta http-equiv="refresh" content="30">
|
||
<meta charset="utf-8">
|
||
<style>
|
||
* {{ margin: 0; padding: 0; box-sizing: border-box; }}
|
||
body {{
|
||
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
|
||
max-width: 1200px;
|
||
margin: 0 auto;
|
||
padding: 20px;
|
||
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
||
min-height: 100vh;
|
||
}}
|
||
h1 {{
|
||
color: white;
|
||
text-align: center;
|
||
font-size: 36px;
|
||
margin-bottom: 30px;
|
||
text-shadow: 2px 2px 4px rgba(0,0,0,0.2);
|
||
}}
|
||
.temp-grid {{
|
||
display: grid;
|
||
grid-template-columns: repeat(2, 1fr);
|
||
gap: 20px;
|
||
margin-bottom: 20px;
|
||
}}
|
||
.card {{
|
||
background: white;
|
||
border-radius: 15px;
|
||
padding: 25px;
|
||
box-shadow: 0 8px 16px rgba(0,0,0,0.2);
|
||
transition: transform 0.2s;
|
||
}}
|
||
.card:hover {{ transform: translateY(-5px); }}
|
||
.card.full-width {{ margin: 15px 0; }}
|
||
.temp-icon {{ font-size: 64px; text-align: center; margin-bottom: 15px; }}
|
||
.temp-display {{
|
||
font-size: 56px;
|
||
font-weight: bold;
|
||
text-align: center;
|
||
margin: 15px 0;
|
||
font-family: 'Courier New', monospace;
|
||
}}
|
||
.inside {{ color: #e74c3c; text-shadow: 2px 2px 4px rgba(231, 76, 60, 0.3); }}
|
||
.outside {{ color: #3498db; text-shadow: 2px 2px 4px rgba(52, 152, 219, 0.3); }}
|
||
.label {{
|
||
font-size: 20px;
|
||
color: #34495e;
|
||
text-align: center;
|
||
margin-bottom: 10px;
|
||
font-weight: 600;
|
||
text-transform: uppercase;
|
||
letter-spacing: 1px;
|
||
}}
|
||
.status {{
|
||
display: flex;
|
||
justify-content: space-around;
|
||
margin-top: 20px;
|
||
flex-wrap: wrap;
|
||
gap: 20px;
|
||
}}
|
||
.status-item {{ text-align: center; flex: 1; min-width: 200px; }}
|
||
.status-icon {{ font-size: 48px; margin-bottom: 10px; }}
|
||
.status-indicator {{
|
||
font-size: 22px;
|
||
font-weight: bold;
|
||
padding: 15px 30px;
|
||
border-radius: 25px;
|
||
display: inline-block;
|
||
margin-top: 10px;
|
||
text-transform: uppercase;
|
||
letter-spacing: 2px;
|
||
box-shadow: 0 4px 8px rgba(0,0,0,0.2);
|
||
transition: all 0.3s;
|
||
}}
|
||
.status-indicator:hover {{ transform: scale(1.05); }}
|
||
.on {{
|
||
background: linear-gradient(135deg, #2ecc71, #27ae60);
|
||
color: white;
|
||
animation: pulse 2s infinite;
|
||
}}
|
||
.off {{ background: linear-gradient(135deg, #95a5a6, #7f8c8d); color: white; }}
|
||
@keyframes pulse {{ 0%, 100% {{ opacity: 1; }} 50% {{ opacity: 0.8; }} }}
|
||
.controls {{
|
||
margin-top: 20px;
|
||
padding: 20px;
|
||
background: #f8f9fa;
|
||
border-radius: 10px;
|
||
}}
|
||
.control-group {{ margin: 15px 0; }}
|
||
.control-label {{
|
||
display: block;
|
||
font-size: 16px;
|
||
font-weight: 600;
|
||
color: #34495e;
|
||
margin-bottom: 8px;
|
||
}}
|
||
input[type="number"], input[type="time"], input[type="text"] {{
|
||
width: 100%;
|
||
padding: 12px;
|
||
font-size: 18px;
|
||
border: 2px solid #ddd;
|
||
border-radius: 8px;
|
||
transition: border-color 0.3s;
|
||
}}
|
||
input[type="number"]:focus, input[type="time"]:focus, input[type="text"]:focus {{
|
||
outline: none;
|
||
border-color: #667eea;
|
||
}}
|
||
.btn {{
|
||
width: 100%;
|
||
padding: 15px;
|
||
font-size: 18px;
|
||
font-weight: bold;
|
||
color: white;
|
||
background: linear-gradient(135deg, #667eea, #764ba2);
|
||
border: none;
|
||
border-radius: 10px;
|
||
cursor: pointer;
|
||
text-transform: uppercase;
|
||
letter-spacing: 1px;
|
||
box-shadow: 0 4px 8px rgba(0,0,0,0.2);
|
||
transition: transform 0.2s;
|
||
}}
|
||
.btn:hover {{ transform: translateY(-2px); }}
|
||
.btn:active {{ transform: translateY(0); }}
|
||
.success-message {{
|
||
background: #2ecc71;
|
||
color: white;
|
||
padding: 15px;
|
||
border-radius: 10px;
|
||
text-align: center;
|
||
font-weight: bold;
|
||
margin-bottom: 20px;
|
||
animation: fadeIn 0.5s;
|
||
}}
|
||
@keyframes fadeIn {{ from {{ opacity: 0; }} to {{ opacity: 1; }} }}
|
||
.footer {{
|
||
text-align: center;
|
||
color: white;
|
||
margin-top: 30px;
|
||
font-size: 14px;
|
||
text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
|
||
}}
|
||
.targets {{
|
||
font-size: 15px;
|
||
color: #7f8c8d;
|
||
text-align: center;
|
||
margin-top: 12px;
|
||
font-weight: 500;
|
||
}}
|
||
.degree {{ font-size: 0.6em; vertical-align: super; }}
|
||
.schedule-row {{
|
||
display: grid;
|
||
grid-template-columns: 1fr 2fr 1fr 1fr;
|
||
gap: 10px;
|
||
margin-bottom: 15px;
|
||
padding: 15px;
|
||
background: white;
|
||
border-radius: 8px;
|
||
}}
|
||
.toggle-switch {{
|
||
position: relative;
|
||
display: inline-block;
|
||
width: 60px;
|
||
height: 34px;
|
||
}}
|
||
.toggle-switch input {{ opacity: 0; width: 0; height: 0; }}
|
||
.slider {{
|
||
position: absolute;
|
||
cursor: pointer;
|
||
top: 0;
|
||
left: 0;
|
||
right: 0;
|
||
bottom: 0;
|
||
background-color: #ccc;
|
||
transition: .4s;
|
||
border-radius: 34px;
|
||
}}
|
||
.slider:before {{
|
||
position: absolute;
|
||
content: "";
|
||
height: 26px;
|
||
width: 26px;
|
||
left: 4px;
|
||
bottom: 4px;
|
||
background-color: white;
|
||
transition: .4s;
|
||
border-radius: 50%;
|
||
}}
|
||
input:checked + .slider {{ background-color: #2ecc71; }}
|
||
input:checked + .slider:before {{ transform: translateX(26px); }}
|
||
@media (max-width: 768px) {{
|
||
.temp-grid {{ grid-template-columns: 1fr; }}
|
||
.status {{ flex-direction: column; }}
|
||
.schedule-row {{ grid-template-columns: 1fr; }}
|
||
}}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<h1>🌱 Auto Garden Dashboard</h1>
|
||
|
||
{hold_banner}
|
||
{success_message}
|
||
|
||
<div class="temp-grid">
|
||
<div class="card temp-card">
|
||
<div class="temp-icon">🏠</div>
|
||
<div class="label">Indoor Climate</div>
|
||
<div class="temp-display inside">{inside_temp}<span class="degree">°F</span></div>
|
||
</div>
|
||
|
||
<div class="card temp-card">
|
||
<div class="temp-icon">🌤️</div>
|
||
<div class="label">Outdoor Climate</div>
|
||
<div class="temp-display outside">{outside_temp}<span class="degree">°F</span></div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="card full-width">
|
||
<div class="status">
|
||
<!-- ===== HEATER FIRST (LEFT) ===== -->
|
||
<div class="status-item">
|
||
<div class="status-icon">🔥</div>
|
||
<div class="label">Heating System</div>
|
||
<div class="status-indicator {heater_class}">{heater_status}</div>
|
||
<div class="targets">Target: {heater_target}°F ± {heater_swing}°F</div>
|
||
</div>
|
||
<!-- ===== AC SECOND (RIGHT) ===== -->
|
||
<div class="status-item">
|
||
<div class="status-icon">❄️</div>
|
||
<div class="label">Air Conditioning</div>
|
||
<div class="status-indicator {ac_class}">{ac_status}</div>
|
||
<div class="targets">Target: {ac_target}°F ± {ac_swing}°F</div>
|
||
</div>
|
||
</div>
|
||
|
||
<form method="POST" action="/update" class="controls">
|
||
<h2 style="text-align: center; color: #34495e; margin-bottom: 20px;">⚙️ Adjust Settings</h2>
|
||
<div style="display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px;">
|
||
<!-- ===== LEFT COLUMN: Heater ===== -->
|
||
<div>
|
||
<div class="control-group">
|
||
<label class="control-label">🔥 Heater Target (°F)</label>
|
||
<input type="number" name="heater_target" value="{heater_target}" step="0.5" min="60" max="85">
|
||
</div>
|
||
<div class="control-group">
|
||
<label class="control-label">🔥 Heater Swing (°F)</label>
|
||
<input type="number" name="heater_swing" value="{heater_swing}" step="0.5" min="0.5" max="5">
|
||
</div>
|
||
</div>
|
||
|
||
<!-- ===== RIGHT COLUMN: AC ===== -->
|
||
<div>
|
||
<div class="control-group">
|
||
<label class="control-label">❄️ AC Target (°F)</label>
|
||
<input type="number" name="ac_target" value="{ac_target}" step="0.5" min="60" max="85">
|
||
</div>
|
||
<div class="control-group">
|
||
<label class="control-label">❄️ AC Swing (°F)</label>
|
||
<input type="number" name="ac_swing" value="{ac_swing}" step="0.5" min="0.5" max="5">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="control-group" style="margin-top: 20px;">
|
||
<button type="submit" class="btn">💾 Save Settings</button>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
|
||
<div class="card full-width">
|
||
<h2 style="text-align: center; color: #34495e; margin-bottom: 20px;">📅 Daily Schedule</h2>
|
||
<div style="text-align: center; margin-bottom: 15px;">
|
||
<strong>Status:</strong>
|
||
<span style="color: {schedule_color}; font-weight: bold;">
|
||
{schedule_status} {schedule_icon}
|
||
</span>
|
||
</div>
|
||
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 15px; margin-bottom: 20px;">
|
||
{schedule_cards}
|
||
</div>
|
||
{mode_buttons}
|
||
|
||
<div style="margin-top: 20px; text-align: center;">
|
||
<a href="/schedule" class="btn" style="text-decoration: none; display: inline-block;">
|
||
⚙️ Edit Schedules
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="footer">
|
||
⏰ Last updated: {time}<br>
|
||
🔄 Auto-refresh every 30 seconds
|
||
</div>
|
||
</body>
|
||
</html>
|
||
""".format(
|
||
hold_banner=hold_banner,
|
||
success_message=success_html,
|
||
inside_temp=inside_temp_str,
|
||
outside_temp=outside_temp_str,
|
||
ac_status=ac_status,
|
||
ac_class="on" if ac_status == "ON" else "off",
|
||
heater_status=heater_status,
|
||
heater_class="on" if heater_status == "ON" else "off",
|
||
ac_target=ac_monitor.target_temp if ac_monitor else "N/A",
|
||
ac_swing=ac_monitor.temp_swing if ac_monitor else "N/A",
|
||
heater_target=heater_monitor.target_temp if heater_monitor else "N/A",
|
||
heater_swing=heater_monitor.temp_swing if heater_monitor else "N/A",
|
||
time=time_str,
|
||
schedule_status=schedule_status,
|
||
schedule_color=schedule_color,
|
||
schedule_icon=schedule_icon,
|
||
schedule_cards=schedule_cards,
|
||
mode_buttons=mode_buttons
|
||
)
|
||
self.last_page_render = time.time() # Track successful render
|
||
return html
|
||
|
||
except Exception as e:
|
||
print("Error generating page: {}".format(e))
|
||
import sys
|
||
sys.print_exception(e)
|
||
return "<html><body><h1>Error loading page</h1><pre>{}</pre></body></html>".format(str(e))
|
||
|
||
def _get_error_page(self, error_title, error_message, sensors, ac_monitor, heater_monitor):
|
||
"""Generate error page with message."""
|
||
# Get current temps (cached, fast - no blocking sensor reads)
|
||
inside_temp = getattr(sensors.get('inside'), 'last_temp', None) or "N/A"
|
||
outside_temp = getattr(sensors.get('outside'), 'last_temp', None) or "N/A"
|
||
|
||
# Format temperature values
|
||
inside_temp_str = "{:.1f}".format(inside_temp) if isinstance(inside_temp, float) else str(inside_temp)
|
||
outside_temp_str = "{:.1f}".format(outside_temp) if isinstance(outside_temp, float) else str(outside_temp)
|
||
|
||
# Get current statuses
|
||
ac_status = "ON" if ac_monitor and ac_monitor.ac.get_state() else "OFF"
|
||
heater_status = "ON" if heater_monitor and heater_monitor.heater.get_state() else "OFF"
|
||
|
||
html = """
|
||
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<title>Error - Climate Control</title>
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<style>
|
||
body {{
|
||
font-family: Arial, sans-serif;
|
||
max-width: 800px;
|
||
margin: 40px auto;
|
||
padding: 20px;
|
||
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
||
}}
|
||
.container {{
|
||
background: white;
|
||
border-radius: 15px;
|
||
padding: 30px;
|
||
box-shadow: 0 10px 30px rgba(0,0,0,0.3);
|
||
}}
|
||
.error-banner {{
|
||
background: linear-gradient(135deg, #e74c3c, #c0392b);
|
||
color: white;
|
||
padding: 20px;
|
||
border-radius: 10px;
|
||
text-align: center;
|
||
font-weight: bold;
|
||
margin-bottom: 20px;
|
||
box-shadow: 0 4px 8px rgba(0,0,0,0.2);
|
||
}}
|
||
.error-title {{
|
||
font-size: 24px;
|
||
margin-bottom: 10px;
|
||
}}
|
||
.error-message {{
|
||
font-size: 16px;
|
||
line-height: 1.5;
|
||
}}
|
||
.btn {{
|
||
background: linear-gradient(135deg, #3498db, #2980b9);
|
||
color: white;
|
||
padding: 12px 24px;
|
||
border: none;
|
||
border-radius: 8px;
|
||
cursor: pointer;
|
||
font-size: 16px;
|
||
font-weight: bold;
|
||
text-decoration: none;
|
||
display: inline-block;
|
||
margin-top: 20px;
|
||
}}
|
||
.btn:hover {{
|
||
transform: translateY(-2px);
|
||
box-shadow: 0 4px 12px rgba(52, 152, 219, 0.4);
|
||
}}
|
||
.status-grid {{
|
||
display: grid;
|
||
grid-template-columns: repeat(2, 1fr);
|
||
gap: 15px;
|
||
margin-top: 20px;
|
||
}}
|
||
.status-card {{
|
||
background: #f8f9fa;
|
||
padding: 15px;
|
||
border-radius: 8px;
|
||
text-align: center;
|
||
}}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<div class="container">
|
||
<div class="error-banner">
|
||
<div class="error-title">❌ {error_title}</div>
|
||
<div class="error-message">{error_message}</div>
|
||
</div>
|
||
|
||
<div class="status-grid">
|
||
<div class="status-card">
|
||
<div style="font-size: 14px; color: #7f8c8d; margin-bottom: 5px;">🏠 Inside</div>
|
||
<div style="font-size: 24px; font-weight: bold; color: #2c3e50;">{inside_temp}°F</div>
|
||
</div>
|
||
<div class="status-card">
|
||
<div style="font-size: 14px; color: #7f8c8d; margin-bottom: 5px;">🌡️ Outside</div>
|
||
<div style="font-size: 24px; font-weight: bold; color: #2c3e50;">{outside_temp}°F</div>
|
||
</div>
|
||
<div class="status-card">
|
||
<div style="font-size: 14px; color: #7f8c8d; margin-bottom: 5px;">🔥 Heater</div>
|
||
<div style="font-size: 24px; font-weight: bold; color: #2c3e50;">{heater_status}</div>
|
||
</div>
|
||
<div class="status-card">
|
||
<div style="font-size: 14px; color: #7f8c8d; margin-bottom: 5px;">❄️ AC</div>
|
||
<div style="font-size: 24px; font-weight: bold; color: #2c3e50;">{ac_status}</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div style="text-align: center;">
|
||
<a href="/" class="btn">⬅️ Go Back</a>
|
||
</div>
|
||
</div>
|
||
</body>
|
||
</html>
|
||
""".format(
|
||
error_title=error_title,
|
||
error_message=error_message,
|
||
inside_temp=inside_temp_str,
|
||
outside_temp=outside_temp_str,
|
||
heater_status=heater_status,
|
||
ac_status=ac_status
|
||
)
|
||
|
||
return html
|
||
|
||
def _get_schedule_editor_page(self, sensors, ac_monitor, heater_monitor):
|
||
"""Generate schedule editor page (no auto-refresh, schedules only)."""
|
||
# Get current temps (use cached to avoid blocking)
|
||
inside_temp = getattr(sensors.get('inside'), 'last_temp', None) or "N/A"
|
||
outside_temp = getattr(sensors.get('outside'), 'last_temp', None) or "N/A"
|
||
|
||
# Format temperature values
|
||
inside_temp_str = "{:.1f}".format(inside_temp) if isinstance(inside_temp, float) else str(inside_temp)
|
||
outside_temp_str = "{:.1f}".format(outside_temp) if isinstance(outside_temp, float) else str(outside_temp)
|
||
|
||
# Load config
|
||
config = self._load_config()
|
||
schedules = config.get('schedules', [])
|
||
|
||
# Pad with empty schedules up to 4
|
||
while len(schedules) < 4:
|
||
schedules.append({'time': '', 'name': '', 'ac_target': 75.0, 'heater_target': 72.0})
|
||
|
||
# Build schedule inputs
|
||
schedule_inputs = ""
|
||
for i, schedule in enumerate(schedules[:4]):
|
||
schedule_inputs += """
|
||
<div style="display: grid; grid-template-columns: 1fr 2fr 1fr 1fr; gap: 10px; margin-bottom: 10px; padding: 15px; background: #f8f9fa; border-radius: 8px;">
|
||
<div>
|
||
<label style="font-size: 14px; font-weight: bold; color: #34495e; display: block; margin-bottom: 5px;">Time</label>
|
||
<input type="time" name="schedule_{i}_time" value="{time}" style="width: 100%; padding: 10px; border: 2px solid #ddd; border-radius: 5px;">
|
||
</div>
|
||
<div>
|
||
<label style="font-size: 14px; font-weight: bold; color: #34495e; display: block; margin-bottom: 5px;">Name</label>
|
||
<input type="text" name="schedule_{i}_name" value="{name}" placeholder="e.g. Morning" style="width: 100%; padding: 10px; border: 2px solid #ddd; border-radius: 5px;">
|
||
</div>
|
||
<div>
|
||
<label style="font-size: 14px; font-weight: bold; color: #34495e; display: block; margin-bottom: 5px;">🔥 Heater (°F)</label>
|
||
<input type="number" name="schedule_{i}_heater" value="{heater}" step="0.5" min="60" max="85" style="width: 100%; padding: 10px; border: 2px solid #ddd; border-radius: 5px;">
|
||
</div>
|
||
<div>
|
||
<label style="font-size: 14px; font-weight: bold; color: #34495e; display: block; margin-bottom: 5px;">❄️ AC (°F)</label>
|
||
<input type="number" name="schedule_{i}_ac" value="{ac}" step="0.5" min="60" max="85" style="width: 100%; padding: 10px; border: 2px solid #ddd; border-radius: 5px;">
|
||
</div>
|
||
</div>
|
||
""".format(
|
||
i=i,
|
||
time=schedule.get('time', ''),
|
||
name=schedule.get('name', ''),
|
||
heater=schedule.get('heater_target', 72.0),
|
||
ac=schedule.get('ac_target', 75.0)
|
||
)
|
||
|
||
html = """
|
||
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<title>Schedule Editor - Climate Control</title>
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<meta charset="utf-8">
|
||
<style>
|
||
body {{
|
||
font-family: Arial, sans-serif;
|
||
max-width: 1000px;
|
||
margin: 0 auto;
|
||
padding: 20px;
|
||
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
||
min-height: 100vh;
|
||
}}
|
||
.container {{
|
||
background: white;
|
||
border-radius: 15px;
|
||
padding: 30px;
|
||
box-shadow: 0 10px 30px rgba(0,0,0,0.3);
|
||
}}
|
||
h1 {{
|
||
color: #2c3e50;
|
||
text-align: center;
|
||
margin-bottom: 20px;
|
||
}}
|
||
.header-info {{
|
||
display: flex;
|
||
justify-content: center;
|
||
gap: 30px;
|
||
margin-bottom: 30px;
|
||
padding: 15px;
|
||
background: #f8f9fa;
|
||
border-radius: 10px;
|
||
}}
|
||
.btn {{
|
||
padding: 12px 24px;
|
||
background: linear-gradient(135deg, #667eea, #764ba2);
|
||
color: white;
|
||
border: none;
|
||
border-radius: 8px;
|
||
font-weight: bold;
|
||
cursor: pointer;
|
||
font-size: 16px;
|
||
text-decoration: none;
|
||
display: inline-block;
|
||
}}
|
||
.btn:hover {{ transform: translateY(-2px); }}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<div class="container">
|
||
<h1>📅 Schedule Configuration</h1>
|
||
|
||
<div class="header-info">
|
||
<div>🏠 Inside: <strong>{inside_temp}°F</strong></div>
|
||
<div>🌡️ Outside: <strong>{outside_temp}°F</strong></div>
|
||
</div>
|
||
|
||
<form method="POST" action="/schedule">
|
||
<h3 style="color: #34495e; margin-bottom: 15px;">⏰ Configure Schedule Times & Temperatures</h3>
|
||
<p style="color: #7f8c8d; margin-bottom: 20px;">
|
||
Set up to 4 time-based schedules. Leave time blank to disable a schedule.
|
||
</p>
|
||
|
||
{schedule_inputs}
|
||
|
||
<div style="margin-top: 20px;">
|
||
<button type="submit" name="mode_action" value="save_schedules" class="btn" style="width: 100%;">
|
||
💾 Save Schedule Configuration
|
||
</button>
|
||
</div>
|
||
</form>
|
||
|
||
<div style="text-align: center; margin-top: 20px;">
|
||
<a href="/" class="btn" style="background: linear-gradient(135deg, #95a5a6, #7f8c8d);">
|
||
⬅️ Back to Dashboard
|
||
</a>
|
||
</div>
|
||
|
||
<div style="text-align: center; color: #7f8c8d; margin-top: 20px; padding-top: 20px; border-top: 2px solid #ecf0f1;">
|
||
💡 This page does not auto-refresh<br>
|
||
To change modes (Automatic/Hold), return to the dashboard
|
||
</div>
|
||
</div>
|
||
</body>
|
||
</html>
|
||
""".format(
|
||
inside_temp=inside_temp_str,
|
||
outside_temp=outside_temp_str,
|
||
schedule_inputs=schedule_inputs
|
||
)
|
||
|
||
return html
|
||
|
||
def _build_mode_buttons(self, config):
|
||
"""Build mode control buttons for dashboard only."""
|
||
schedules = config.get('schedules', [])
|
||
has_schedules = len([s for s in schedules if s.get('time')]) > 0
|
||
|
||
if not has_schedules:
|
||
return """
|
||
<div style="background: #f8f9fa; padding: 15px; border-radius: 8px; text-align: center; color: #7f8c8d; margin: 20px 0;">
|
||
ℹ️ No schedules configured - <a href="/schedule" style="color: #667eea; font-weight: bold;">Configure schedules</a>
|
||
</div>
|
||
"""
|
||
|
||
# Build mode buttons based on current state
|
||
if config.get('schedule_enabled'):
|
||
return """
|
||
<form method="POST" action="/schedule" style="margin: 20px 0;">
|
||
<div style="background: linear-gradient(135deg, #2ecc71, #27ae60); color: white; padding: 15px; border-radius: 10px; box-shadow: 0 4px 8px rgba(0,0,0,0.2);">
|
||
<div style="font-weight: bold; font-size: 18px; margin-bottom: 10px;">✅ Automatic Mode</div>
|
||
<div style="font-size: 14px; margin-bottom: 15px;">Temperatures adjust based on schedule</div>
|
||
<div style="display: flex; gap: 10px; justify-content: center;">
|
||
<button type="submit" name="mode_action" value="temporary_hold" style="padding: 10px 20px; background: #f39c12; color: white; border: none; border-radius: 6px; cursor: pointer; font-weight: bold;">⏸️ Pause</button>
|
||
<button type="submit" name="mode_action" value="permanent_hold" style="padding: 10px 20px; background: #e74c3c; color: white; border: none; border-radius: 6px; cursor: pointer; font-weight: bold;">🛑 Disable</button>
|
||
</div>
|
||
</div>
|
||
</form>
|
||
"""
|
||
elif config.get('permanent_hold', False):
|
||
return """
|
||
<form method="POST" action="/schedule" style="margin: 20px 0;">
|
||
<div style="background: linear-gradient(135deg, #e74c3c, #c0392b); color: white; padding: 15px; border-radius: 10px; box-shadow: 0 4px 8px rgba(0,0,0,0.2);">
|
||
<div style="font-weight: bold; font-size: 18px; margin-bottom: 10px;">🛑 Permanent Hold</div>
|
||
<div style="font-size: 14px; margin-bottom: 15px;">Manual control only - Schedules disabled</div>
|
||
<button type="submit" name="mode_action" value="resume" style="padding: 10px 20px; background: #2ecc71; color: white; border: none; border-radius: 6px; cursor: pointer; font-weight: bold;">▶️ Enable Schedules</button>
|
||
</div>
|
||
</form>
|
||
"""
|
||
else:
|
||
return """
|
||
<form method="POST" action="/schedule" style="margin: 20px 0;">
|
||
<div style="background: linear-gradient(135deg, #f39c12, #e67e22); color: white; padding: 15px; border-radius: 10px; box-shadow: 0 4px 8px rgba(0,0,0,0.2);">
|
||
<div style="font-weight: bold; font-size: 18px; margin-bottom: 10px;">⏸️ Temporary Hold</div>
|
||
<div style="font-size: 14px; margin-bottom: 15px;">Manual override active</div>
|
||
<div style="display: flex; gap: 10px; justify-content: center;">
|
||
<button type="submit" name="mode_action" value="resume" style="padding: 10px 20px; background: #2ecc71; color: white; border: none; border-radius: 6px; cursor: pointer; font-weight: bold;">▶️ Resume</button>
|
||
<button type="submit" name="mode_action" value="permanent_hold" style="padding: 10px 20px; background: #e74c3c; color: white; border: none; border-radius: 6px; cursor: pointer; font-weight: bold;">🛑 Disable</button>
|
||
</div>
|
||
</div>
|
||
</form>
|
||
""" |