Memory update: Feed Hunter live, email setup, control panel building
This commit is contained in:
884
projects/control-panel/server.py
Executable file
884
projects/control-panel/server.py
Executable file
@ -0,0 +1,884 @@
|
||||
#!/usr/bin/env python3
|
||||
|
||||
import json
|
||||
import os
|
||||
import socket
|
||||
import sys
|
||||
import time
|
||||
import urllib.parse
|
||||
from datetime import datetime
|
||||
from http.server import HTTPServer, BaseHTTPRequestHandler
|
||||
from socketserver import ThreadingMixIn
|
||||
|
||||
|
||||
class ThreadedHTTPServer(ThreadingMixIn, HTTPServer):
|
||||
"""Handle requests in a separate thread."""
|
||||
daemon_threads = True
|
||||
|
||||
|
||||
class ControlPanelHandler(BaseHTTPRequestHandler):
|
||||
def __init__(self, *args, **kwargs):
|
||||
self.data_dir = "/home/wdjones/.openclaw/workspace/projects/control-panel/data"
|
||||
super().__init__(*args, **kwargs)
|
||||
|
||||
def do_GET(self):
|
||||
try:
|
||||
self.handle_get()
|
||||
except Exception as e:
|
||||
self.send_error(500, f"Internal error: {e}")
|
||||
|
||||
def do_POST(self):
|
||||
try:
|
||||
self.handle_post()
|
||||
except Exception as e:
|
||||
self.send_error(500, f"Internal error: {e}")
|
||||
|
||||
def handle_get(self):
|
||||
if self.path == '/':
|
||||
self.serve_dashboard()
|
||||
elif self.path == '/accounts':
|
||||
self.serve_accounts()
|
||||
elif self.path == '/api-keys':
|
||||
self.serve_api_keys()
|
||||
elif self.path == '/services':
|
||||
self.serve_services()
|
||||
elif self.path == '/budget':
|
||||
self.serve_budget()
|
||||
elif self.path == '/activity':
|
||||
self.serve_activity()
|
||||
else:
|
||||
self.send_error(404, "Not found")
|
||||
|
||||
def handle_post(self):
|
||||
content_length = int(self.headers['Content-Length'])
|
||||
post_data = self.rfile.read(content_length).decode('utf-8')
|
||||
form_data = urllib.parse.parse_qs(post_data)
|
||||
|
||||
if self.path == '/accounts':
|
||||
self.handle_accounts_post(form_data)
|
||||
elif self.path == '/api-keys':
|
||||
self.handle_api_keys_post(form_data)
|
||||
elif self.path == '/budget':
|
||||
self.handle_budget_post(form_data)
|
||||
else:
|
||||
self.send_error(404, "Not found")
|
||||
|
||||
def load_data(self, filename):
|
||||
filepath = os.path.join(self.data_dir, filename)
|
||||
if os.path.exists(filepath):
|
||||
with open(filepath, 'r') as f:
|
||||
return json.load(f)
|
||||
return []
|
||||
|
||||
def save_data(self, filename, data):
|
||||
os.makedirs(self.data_dir, exist_ok=True)
|
||||
filepath = os.path.join(self.data_dir, filename)
|
||||
with open(filepath, 'w') as f:
|
||||
json.dump(data, f, indent=2)
|
||||
|
||||
def log_activity(self, action, details=""):
|
||||
activity = self.load_data('activity.json')
|
||||
entry = {
|
||||
"timestamp": datetime.now().isoformat(),
|
||||
"action": action,
|
||||
"details": details
|
||||
}
|
||||
activity.insert(0, entry) # Latest first
|
||||
activity = activity[:100] # Keep last 100 entries
|
||||
self.save_data('activity.json', activity)
|
||||
|
||||
def check_service_health(self, port):
|
||||
try:
|
||||
sock = socket.socket(socket.AF_INET, socket.SOCK_STREAM)
|
||||
sock.settimeout(2)
|
||||
result = sock.connect_ex(('localhost', port))
|
||||
sock.close()
|
||||
return result == 0
|
||||
except:
|
||||
return False
|
||||
|
||||
def get_base_template(self, title, content):
|
||||
return f"""<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>{title} - Case Control Panel</title>
|
||||
<style>
|
||||
* {{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
}}
|
||||
|
||||
body {{
|
||||
font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
|
||||
background: #0d1117;
|
||||
color: #c9d1d9;
|
||||
line-height: 1.6;
|
||||
min-height: 100vh;
|
||||
}}
|
||||
|
||||
.container {{
|
||||
max-width: 1200px;
|
||||
margin: 0 auto;
|
||||
padding: 20px;
|
||||
}}
|
||||
|
||||
header {{
|
||||
background: #21262d;
|
||||
border-bottom: 2px solid #30363d;
|
||||
padding: 1rem 0;
|
||||
margin-bottom: 2rem;
|
||||
}}
|
||||
|
||||
.header-content {{
|
||||
max-width: 1200px;
|
||||
margin: 0 auto;
|
||||
padding: 0 20px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}}
|
||||
|
||||
.logo {{
|
||||
font-size: 1.8em;
|
||||
font-weight: bold;
|
||||
color: #58a6ff;
|
||||
}}
|
||||
|
||||
nav a {{
|
||||
color: #c9d1d9;
|
||||
text-decoration: none;
|
||||
margin: 0 15px;
|
||||
padding: 8px 16px;
|
||||
border-radius: 6px;
|
||||
transition: background 0.2s;
|
||||
}}
|
||||
|
||||
nav a:hover {{
|
||||
background: #30363d;
|
||||
}}
|
||||
|
||||
nav a.active {{
|
||||
background: #1f6feb;
|
||||
}}
|
||||
|
||||
.card {{
|
||||
background: #21262d;
|
||||
border: 1px solid #30363d;
|
||||
border-radius: 8px;
|
||||
padding: 1.5rem;
|
||||
margin-bottom: 1.5rem;
|
||||
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
|
||||
}}
|
||||
|
||||
.card-header {{
|
||||
font-size: 1.2em;
|
||||
font-weight: bold;
|
||||
margin-bottom: 1rem;
|
||||
padding-bottom: 0.5rem;
|
||||
border-bottom: 1px solid #30363d;
|
||||
color: #58a6ff;
|
||||
}}
|
||||
|
||||
.stats-grid {{
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
|
||||
gap: 1.5rem;
|
||||
margin-bottom: 2rem;
|
||||
}}
|
||||
|
||||
.stat-card {{
|
||||
background: #161b22;
|
||||
border: 1px solid #21262d;
|
||||
border-radius: 8px;
|
||||
padding: 1.5rem;
|
||||
text-align: center;
|
||||
}}
|
||||
|
||||
.stat-number {{
|
||||
font-size: 2.5em;
|
||||
font-weight: bold;
|
||||
color: #40c463;
|
||||
display: block;
|
||||
}}
|
||||
|
||||
.stat-label {{
|
||||
color: #8b949e;
|
||||
margin-top: 0.5rem;
|
||||
}}
|
||||
|
||||
table {{
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
margin-top: 1rem;
|
||||
}}
|
||||
|
||||
th, td {{
|
||||
padding: 12px;
|
||||
text-align: left;
|
||||
border-bottom: 1px solid #30363d;
|
||||
}}
|
||||
|
||||
th {{
|
||||
background: #161b22;
|
||||
color: #58a6ff;
|
||||
font-weight: bold;
|
||||
}}
|
||||
|
||||
tr:hover {{
|
||||
background: #161b22;
|
||||
}}
|
||||
|
||||
.status-active {{
|
||||
color: #40c463;
|
||||
font-weight: bold;
|
||||
}}
|
||||
|
||||
.status-inactive {{
|
||||
color: #f85149;
|
||||
font-weight: bold;
|
||||
}}
|
||||
|
||||
.btn {{
|
||||
background: #238636;
|
||||
color: white;
|
||||
border: none;
|
||||
padding: 8px 16px;
|
||||
border-radius: 6px;
|
||||
cursor: pointer;
|
||||
text-decoration: none;
|
||||
display: inline-block;
|
||||
margin: 2px;
|
||||
font-size: 14px;
|
||||
}}
|
||||
|
||||
.btn:hover {{
|
||||
background: #2ea043;
|
||||
}}
|
||||
|
||||
.btn-danger {{
|
||||
background: #da3633;
|
||||
}}
|
||||
|
||||
.btn-danger:hover {{
|
||||
background: #f85149;
|
||||
}}
|
||||
|
||||
.btn-secondary {{
|
||||
background: #21262d;
|
||||
border: 1px solid #30363d;
|
||||
}}
|
||||
|
||||
.btn-secondary:hover {{
|
||||
background: #30363d;
|
||||
}}
|
||||
|
||||
.form-group {{
|
||||
margin-bottom: 1rem;
|
||||
}}
|
||||
|
||||
.form-group label {{
|
||||
display: block;
|
||||
margin-bottom: 0.5rem;
|
||||
color: #f0f6fc;
|
||||
font-weight: bold;
|
||||
}}
|
||||
|
||||
.form-group input, .form-group select, .form-group textarea {{
|
||||
width: 100%;
|
||||
padding: 8px 12px;
|
||||
border: 1px solid #30363d;
|
||||
border-radius: 6px;
|
||||
background: #0d1117;
|
||||
color: #c9d1d9;
|
||||
font-family: inherit;
|
||||
}}
|
||||
|
||||
.form-group input:focus, .form-group select:focus, .form-group textarea:focus {{
|
||||
outline: none;
|
||||
border-color: #58a6ff;
|
||||
box-shadow: 0 0 0 3px rgba(88, 166, 255, 0.1);
|
||||
}}
|
||||
|
||||
.masked-key {{
|
||||
font-family: monospace;
|
||||
background: #161b22;
|
||||
padding: 4px 8px;
|
||||
border-radius: 4px;
|
||||
cursor: pointer;
|
||||
border: 1px solid #30363d;
|
||||
}}
|
||||
|
||||
.reveal-btn {{
|
||||
background: none;
|
||||
border: none;
|
||||
color: #58a6ff;
|
||||
cursor: pointer;
|
||||
text-decoration: underline;
|
||||
font-size: 12px;
|
||||
}}
|
||||
|
||||
.activity-entry {{
|
||||
padding: 10px;
|
||||
border-bottom: 1px solid #30363d;
|
||||
}}
|
||||
|
||||
.activity-timestamp {{
|
||||
color: #8b949e;
|
||||
font-size: 0.9em;
|
||||
}}
|
||||
|
||||
.activity-action {{
|
||||
font-weight: bold;
|
||||
color: #40c463;
|
||||
}}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<div class="header-content">
|
||||
<div class="logo">🖤 Case Control Panel</div>
|
||||
<nav>
|
||||
<a href="/">Dashboard</a>
|
||||
<a href="/accounts">Accounts</a>
|
||||
<a href="/api-keys">API Keys</a>
|
||||
<a href="/services">Services</a>
|
||||
<a href="/budget">Budget</a>
|
||||
<a href="/activity">Activity</a>
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
<div class="container">
|
||||
{content}
|
||||
</div>
|
||||
<script>
|
||||
function toggleKey(element) {{
|
||||
const key = element.getAttribute('data-key');
|
||||
if (element.textContent.includes('*')) {{
|
||||
element.textContent = key;
|
||||
}} else {{
|
||||
element.textContent = '*'.repeat(key.length);
|
||||
}}
|
||||
}}
|
||||
</script>
|
||||
</body>
|
||||
</html>"""
|
||||
|
||||
def serve_dashboard(self):
|
||||
accounts = self.load_data('accounts.json')
|
||||
api_keys = self.load_data('api-keys.json')
|
||||
budget = self.load_data('budget.json')
|
||||
|
||||
# Calculate stats
|
||||
total_accounts = len(accounts)
|
||||
active_accounts = len([a for a in accounts if a.get('status') == 'active'])
|
||||
total_api_keys = len(api_keys)
|
||||
monthly_spend = sum([b.get('amount', 0) for b in budget if
|
||||
b.get('type') == 'spending' and
|
||||
b.get('timestamp', '').startswith(datetime.now().strftime('%Y-%m'))])
|
||||
|
||||
content = f"""
|
||||
<div class="stats-grid">
|
||||
<div class="stat-card">
|
||||
<span class="stat-number">{total_accounts}</span>
|
||||
<div class="stat-label">Total Accounts</div>
|
||||
</div>
|
||||
<div class="stat-card">
|
||||
<span class="stat-number">{active_accounts}</span>
|
||||
<div class="stat-label">Active Services</div>
|
||||
</div>
|
||||
<div class="stat-card">
|
||||
<span class="stat-number">{total_api_keys}</span>
|
||||
<div class="stat-label">API Keys</div>
|
||||
</div>
|
||||
<div class="stat-card">
|
||||
<span class="stat-number">${monthly_spend:.2f}</span>
|
||||
<div class="stat-label">Monthly Spend</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
<div class="card-header">Quick Actions</div>
|
||||
<a href="/accounts" class="btn">Manage Accounts</a>
|
||||
<a href="/api-keys" class="btn">Manage API Keys</a>
|
||||
<a href="/budget" class="btn">Add Budget Entry</a>
|
||||
<a href="/services" class="btn">Check Services</a>
|
||||
</div>
|
||||
"""
|
||||
|
||||
html = self.get_base_template("Dashboard", content)
|
||||
self.send_response(200)
|
||||
self.send_header('Content-type', 'text/html')
|
||||
self.end_headers()
|
||||
self.wfile.write(html.encode())
|
||||
|
||||
def serve_accounts(self):
|
||||
accounts = self.load_data('accounts.json')
|
||||
|
||||
accounts_table = ""
|
||||
for i, account in enumerate(accounts):
|
||||
status_class = "status-active" if account.get('status') == 'active' else "status-inactive"
|
||||
login_btn = f'<a href="{account.get("url", "#")}" target="_blank" class="btn btn-secondary">Login</a>' if account.get('url') else ""
|
||||
|
||||
accounts_table += f"""
|
||||
<tr>
|
||||
<td>{account.get('service', 'N/A')}</td>
|
||||
<td><a href="{account.get('url', '#')}" target="_blank">{account.get('url', 'N/A')}</a></td>
|
||||
<td>{account.get('username', 'N/A')}</td>
|
||||
<td><span class="{status_class}">{account.get('status', 'unknown')}</span></td>
|
||||
<td>{account.get('last_accessed', 'Never')}</td>
|
||||
<td>{account.get('notes', '')}</td>
|
||||
<td>{login_btn}</td>
|
||||
</tr>
|
||||
"""
|
||||
|
||||
content = f"""
|
||||
<div class="card">
|
||||
<div class="card-header">Account Management</div>
|
||||
|
||||
<form method="POST" style="margin-bottom: 2rem;">
|
||||
<div class="form-group">
|
||||
<label>Service Name:</label>
|
||||
<input type="text" name="service" required>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>URL:</label>
|
||||
<input type="url" name="url">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>Username/Email:</label>
|
||||
<input type="text" name="username">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>Status:</label>
|
||||
<select name="status">
|
||||
<option value="active">Active</option>
|
||||
<option value="inactive">Inactive</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>Notes:</label>
|
||||
<textarea name="notes" rows="3"></textarea>
|
||||
</div>
|
||||
<input type="hidden" name="action" value="add">
|
||||
<button type="submit" class="btn">Add Account</button>
|
||||
</form>
|
||||
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Service</th>
|
||||
<th>URL</th>
|
||||
<th>Username/Email</th>
|
||||
<th>Status</th>
|
||||
<th>Last Accessed</th>
|
||||
<th>Notes</th>
|
||||
<th>Actions</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{accounts_table}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
"""
|
||||
|
||||
html = self.get_base_template("Accounts", content)
|
||||
self.send_response(200)
|
||||
self.send_header('Content-type', 'text/html')
|
||||
self.end_headers()
|
||||
self.wfile.write(html.encode())
|
||||
|
||||
def serve_api_keys(self):
|
||||
api_keys = self.load_data('api-keys.json')
|
||||
|
||||
keys_table = ""
|
||||
for key in api_keys:
|
||||
masked_key = f'<span class="masked-key" onclick="toggleKey(this)" data-key="{key.get("key", "")}">' + \
|
||||
('*' * len(key.get('key', ''))) + '</span>'
|
||||
|
||||
keys_table += f"""
|
||||
<tr>
|
||||
<td>{key.get('service', 'N/A')}</td>
|
||||
<td>{key.get('name', 'N/A')}</td>
|
||||
<td>{masked_key}</td>
|
||||
<td>{key.get('created', 'N/A')}</td>
|
||||
<td>{key.get('expires', 'Never')}</td>
|
||||
<td>{key.get('usage', 0)}</td>
|
||||
</tr>
|
||||
"""
|
||||
|
||||
content = f"""
|
||||
<div class="card">
|
||||
<div class="card-header">API Key Management</div>
|
||||
|
||||
<form method="POST" style="margin-bottom: 2rem;">
|
||||
<div class="form-group">
|
||||
<label>Service:</label>
|
||||
<input type="text" name="service" required>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>Key Name:</label>
|
||||
<input type="text" name="name" required>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>API Key:</label>
|
||||
<input type="text" name="key" required>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>Expires (optional):</label>
|
||||
<input type="date" name="expires">
|
||||
</div>
|
||||
<input type="hidden" name="action" value="add">
|
||||
<button type="submit" class="btn">Add API Key</button>
|
||||
</form>
|
||||
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Service</th>
|
||||
<th>Name</th>
|
||||
<th>Key (click to reveal)</th>
|
||||
<th>Created</th>
|
||||
<th>Expires</th>
|
||||
<th>Usage Count</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{keys_table}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
"""
|
||||
|
||||
html = self.get_base_template("API Keys", content)
|
||||
self.send_response(200)
|
||||
self.send_header('Content-type', 'text/html')
|
||||
self.end_headers()
|
||||
self.wfile.write(html.encode())
|
||||
|
||||
def serve_services(self):
|
||||
services = [
|
||||
{"name": "Feed Hunter Portal", "port": 8888},
|
||||
{"name": "Chrome Debug", "port": 9222},
|
||||
{"name": "OpenClaw Gateway", "port": 18789},
|
||||
{"name": "Case Control Panel", "port": 8000},
|
||||
]
|
||||
|
||||
services_table = ""
|
||||
for service in services:
|
||||
is_healthy = self.check_service_health(service["port"])
|
||||
status = "Running" if is_healthy else "Stopped"
|
||||
status_class = "status-active" if is_healthy else "status-inactive"
|
||||
|
||||
services_table += f"""
|
||||
<tr>
|
||||
<td>{service['name']}</td>
|
||||
<td>{service['port']}</td>
|
||||
<td><span class="{status_class}">{status}</span></td>
|
||||
<td>N/A</td>
|
||||
</tr>
|
||||
"""
|
||||
|
||||
content = f"""
|
||||
<div class="card">
|
||||
<div class="card-header">Running Services</div>
|
||||
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Service Name</th>
|
||||
<th>Port</th>
|
||||
<th>Status</th>
|
||||
<th>Uptime</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{services_table}
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<div style="margin-top: 1rem;">
|
||||
<button onclick="location.reload()" class="btn">Refresh Status</button>
|
||||
</div>
|
||||
</div>
|
||||
"""
|
||||
|
||||
html = self.get_base_template("Services", content)
|
||||
self.send_response(200)
|
||||
self.send_header('Content-type', 'text/html')
|
||||
self.end_headers()
|
||||
self.wfile.write(html.encode())
|
||||
|
||||
def serve_budget(self):
|
||||
budget = self.load_data('budget.json')
|
||||
|
||||
# Calculate totals
|
||||
total_balance = sum([b.get('amount', 0) for b in budget if b.get('type') == 'deposit']) - \
|
||||
sum([b.get('amount', 0) for b in budget if b.get('type') in ['withdrawal', 'spending']])
|
||||
|
||||
current_month = datetime.now().strftime('%Y-%m')
|
||||
monthly_spending = sum([b.get('amount', 0) for b in budget if
|
||||
b.get('type') == 'spending' and
|
||||
b.get('timestamp', '').startswith(current_month)])
|
||||
|
||||
budget_table = ""
|
||||
for entry in sorted(budget, key=lambda x: x.get('timestamp', ''), reverse=True)[:50]:
|
||||
amount_str = f"${entry.get('amount', 0):.2f}"
|
||||
if entry.get('type') == 'deposit':
|
||||
amount_str = f"+{amount_str}"
|
||||
elif entry.get('type') in ['withdrawal', 'spending']:
|
||||
amount_str = f"-{amount_str}"
|
||||
|
||||
budget_table += f"""
|
||||
<tr>
|
||||
<td>{entry.get('timestamp', 'N/A')}</td>
|
||||
<td>{entry.get('type', 'N/A')}</td>
|
||||
<td>{entry.get('service', 'General')}</td>
|
||||
<td>{amount_str}</td>
|
||||
<td>{entry.get('description', '')}</td>
|
||||
</tr>
|
||||
"""
|
||||
|
||||
content = f"""
|
||||
<div class="stats-grid" style="margin-bottom: 2rem;">
|
||||
<div class="stat-card">
|
||||
<span class="stat-number">${total_balance:.2f}</span>
|
||||
<div class="stat-label">Total Balance</div>
|
||||
</div>
|
||||
<div class="stat-card">
|
||||
<span class="stat-number">${monthly_spending:.2f}</span>
|
||||
<div class="stat-label">Monthly Spending</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
<div class="card-header">Budget Management</div>
|
||||
|
||||
<form method="POST" style="margin-bottom: 2rem;">
|
||||
<div class="form-group">
|
||||
<label>Type:</label>
|
||||
<select name="type" required>
|
||||
<option value="deposit">Deposit</option>
|
||||
<option value="withdrawal">Withdrawal</option>
|
||||
<option value="spending">Spending</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>Service:</label>
|
||||
<input type="text" name="service" placeholder="General">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>Amount ($):</label>
|
||||
<input type="number" step="0.01" name="amount" required>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>Description:</label>
|
||||
<input type="text" name="description">
|
||||
</div>
|
||||
<input type="hidden" name="action" value="add">
|
||||
<button type="submit" class="btn">Add Entry</button>
|
||||
</form>
|
||||
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Date</th>
|
||||
<th>Type</th>
|
||||
<th>Service</th>
|
||||
<th>Amount</th>
|
||||
<th>Description</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{budget_table}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
"""
|
||||
|
||||
html = self.get_base_template("Budget", content)
|
||||
self.send_response(200)
|
||||
self.send_header('Content-type', 'text/html')
|
||||
self.end_headers()
|
||||
self.wfile.write(html.encode())
|
||||
|
||||
def serve_activity(self):
|
||||
activity = self.load_data('activity.json')
|
||||
|
||||
activity_list = ""
|
||||
for entry in activity:
|
||||
activity_list += f"""
|
||||
<div class="activity-entry">
|
||||
<div class="activity-timestamp">{entry.get('timestamp', 'N/A')}</div>
|
||||
<div class="activity-action">{entry.get('action', 'N/A')}</div>
|
||||
<div>{entry.get('details', '')}</div>
|
||||
</div>
|
||||
"""
|
||||
|
||||
content = f"""
|
||||
<div class="card">
|
||||
<div class="card-header">Activity Log</div>
|
||||
{activity_list if activity_list else '<p>No activity recorded yet.</p>'}
|
||||
</div>
|
||||
"""
|
||||
|
||||
html = self.get_base_template("Activity", content)
|
||||
self.send_response(200)
|
||||
self.send_header('Content-type', 'text/html')
|
||||
self.end_headers()
|
||||
self.wfile.write(html.encode())
|
||||
|
||||
def handle_accounts_post(self, form_data):
|
||||
if form_data.get('action', [''])[0] == 'add':
|
||||
accounts = self.load_data('accounts.json')
|
||||
new_account = {
|
||||
"service": form_data.get('service', [''])[0],
|
||||
"url": form_data.get('url', [''])[0],
|
||||
"username": form_data.get('username', [''])[0],
|
||||
"status": form_data.get('status', ['active'])[0],
|
||||
"notes": form_data.get('notes', [''])[0],
|
||||
"created": datetime.now().isoformat(),
|
||||
"last_accessed": "Never"
|
||||
}
|
||||
accounts.append(new_account)
|
||||
self.save_data('accounts.json', accounts)
|
||||
self.log_activity("Account Added", f"Added {new_account['service']}")
|
||||
|
||||
# Redirect back to accounts page
|
||||
self.send_response(302)
|
||||
self.send_header('Location', '/accounts')
|
||||
self.end_headers()
|
||||
|
||||
def handle_api_keys_post(self, form_data):
|
||||
if form_data.get('action', [''])[0] == 'add':
|
||||
api_keys = self.load_data('api-keys.json')
|
||||
new_key = {
|
||||
"service": form_data.get('service', [''])[0],
|
||||
"name": form_data.get('name', [''])[0],
|
||||
"key": form_data.get('key', [''])[0],
|
||||
"created": datetime.now().strftime('%Y-%m-%d'),
|
||||
"expires": form_data.get('expires', ['Never'])[0] or "Never",
|
||||
"usage": 0
|
||||
}
|
||||
api_keys.append(new_key)
|
||||
self.save_data('api-keys.json', api_keys)
|
||||
self.log_activity("API Key Added", f"Added key for {new_key['service']}")
|
||||
|
||||
# Redirect back to api-keys page
|
||||
self.send_response(302)
|
||||
self.send_header('Location', '/api-keys')
|
||||
self.end_headers()
|
||||
|
||||
def handle_budget_post(self, form_data):
|
||||
if form_data.get('action', [''])[0] == 'add':
|
||||
budget = self.load_data('budget.json')
|
||||
new_entry = {
|
||||
"type": form_data.get('type', [''])[0],
|
||||
"service": form_data.get('service', ['General'])[0] or "General",
|
||||
"amount": float(form_data.get('amount', ['0'])[0]),
|
||||
"description": form_data.get('description', [''])[0],
|
||||
"timestamp": datetime.now().isoformat()
|
||||
}
|
||||
budget.append(new_entry)
|
||||
self.save_data('budget.json', budget)
|
||||
self.log_activity("Budget Entry Added", f"{new_entry['type']} of ${new_entry['amount']:.2f}")
|
||||
|
||||
# Redirect back to budget page
|
||||
self.send_response(302)
|
||||
self.send_header('Location', '/budget')
|
||||
self.end_headers()
|
||||
|
||||
def log_message(self, format, *args):
|
||||
"""Override to reduce logging noise"""
|
||||
pass
|
||||
|
||||
|
||||
def initialize_data():
|
||||
"""Pre-populate with known accounts and services"""
|
||||
data_dir = "/home/wdjones/.openclaw/workspace/projects/control-panel/data"
|
||||
os.makedirs(data_dir, exist_ok=True)
|
||||
|
||||
# Pre-populate accounts
|
||||
accounts_file = os.path.join(data_dir, "accounts.json")
|
||||
if not os.path.exists(accounts_file):
|
||||
initial_accounts = [
|
||||
{
|
||||
"service": "ProtonMail",
|
||||
"url": "https://mail.proton.me",
|
||||
"username": "case-lgn@protonmail.com",
|
||||
"status": "active",
|
||||
"notes": "Primary email account",
|
||||
"created": datetime.now().isoformat(),
|
||||
"last_accessed": "Never"
|
||||
},
|
||||
{
|
||||
"service": "Polymarket",
|
||||
"url": "https://polymarket.com",
|
||||
"username": "",
|
||||
"status": "inactive",
|
||||
"notes": "Not yet registered",
|
||||
"created": datetime.now().isoformat(),
|
||||
"last_accessed": "Never"
|
||||
},
|
||||
{
|
||||
"service": "Feed Hunter Portal",
|
||||
"url": "http://localhost:8888",
|
||||
"username": "",
|
||||
"status": "active",
|
||||
"notes": "Local service",
|
||||
"created": datetime.now().isoformat(),
|
||||
"last_accessed": "Never"
|
||||
},
|
||||
{
|
||||
"service": "Chrome Debug",
|
||||
"url": "http://localhost:9222",
|
||||
"username": "",
|
||||
"status": "active",
|
||||
"notes": "Browser debugging interface",
|
||||
"created": datetime.now().isoformat(),
|
||||
"last_accessed": "Never"
|
||||
},
|
||||
{
|
||||
"service": "OpenClaw Gateway",
|
||||
"url": "http://localhost:18789",
|
||||
"username": "",
|
||||
"status": "active",
|
||||
"notes": "OpenClaw main service",
|
||||
"created": datetime.now().isoformat(),
|
||||
"last_accessed": "Never"
|
||||
}
|
||||
]
|
||||
|
||||
with open(accounts_file, 'w') as f:
|
||||
json.dump(initial_accounts, f, indent=2)
|
||||
|
||||
# Initialize empty files if they don't exist
|
||||
for filename in ["api-keys.json", "budget.json", "activity.json"]:
|
||||
filepath = os.path.join(data_dir, filename)
|
||||
if not os.path.exists(filepath):
|
||||
with open(filepath, 'w') as f:
|
||||
json.dump([], f)
|
||||
|
||||
|
||||
def main():
|
||||
initialize_data()
|
||||
|
||||
server_address = ('0.0.0.0', 8000)
|
||||
httpd = ThreadedHTTPServer(server_address, ControlPanelHandler)
|
||||
|
||||
print(f"🖤 Case Control Panel starting on http://0.0.0.0:8000")
|
||||
print("Press Ctrl+C to stop")
|
||||
|
||||
try:
|
||||
httpd.serve_forever()
|
||||
except KeyboardInterrupt:
|
||||
print("\nShutting down...")
|
||||
httpd.shutdown()
|
||||
sys.exit(0)
|
||||
|
||||
|
||||
if __name__ == '__main__':
|
||||
main()
|
||||
Reference in New Issue
Block a user