- Rebuilt src/tools/ with 10 files covering all Toast API domains * orders.ts (12 tools) - Complete order lifecycle * menus.ts (11 tools) - Menu and item management * employees.ts (9 tools) - Staff management * restaurant.ts (9 tools) - Configuration * cash.ts (8 tools) - Cash management * labor.ts (6 tools) - Workforce analytics * payments.ts (6 tools) - Transactions * reporting.ts (6 tools) - Analytics * inventory.ts (5 tools) - Stock management * customers.ts (4 tools) - CRM - Built src/ui/react-app/ with 18 client-side apps * Orders: order-dashboard, order-detail, order-grid, table-map * Menus: menu-manager, menu-item-detail, menu-performance * Staff: employee-dashboard, employee-schedule, labor-dashboard, tip-summary * Finance: payment-history, sales-dashboard, revenue-by-hour * Ops: inventory-tracker, restaurant-overview * CRM: customer-detail, customer-loyalty - Built server.ts + main.ts supporting both stdio and HTTP modes - Updated package.json, tsconfig.json, comprehensive README.md - Dark theme UI (#0f0f0f bg, #00bfa5 accent) - Client-side state management with sample data
43 lines
1.3 KiB
HTML
43 lines
1.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Revenue by Hour - Toast MCP</title>
|
|
<script src="shared.js"></script>
|
|
<style id="theme"></style>
|
|
</head>
|
|
<body>
|
|
<div class="app-container">
|
|
<a href="index.html" class="back-link">← Back to Dashboard</a>
|
|
<header>
|
|
<h1>⏰ Revenue by Hour</h1>
|
|
<p class="subtitle">Hourly sales breakdown and peak times</p>
|
|
</header>
|
|
<div class="card">
|
|
<h2>Revenue by Hour Interface</h2>
|
|
<div class="grid grid-3">
|
|
<div class="stat-card">
|
|
<div class="stat-value">0</div>
|
|
<div class="stat-label">Total Items</div>
|
|
</div>
|
|
<div class="stat-card">
|
|
<div class="stat-value">$0</div>
|
|
<div class="stat-label">Value</div>
|
|
</div>
|
|
<div class="stat-card">
|
|
<div class="stat-value">0</div>
|
|
<div class="stat-label">Active</div>
|
|
</div>
|
|
</div>
|
|
<div style="margin-top: 20px;">
|
|
<p style="color: #888;">Client-side demo interface for Revenue by Hour. Connect to Toast API for live data.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script>
|
|
document.getElementById('theme').textContent = window.ToastUI.DARK_THEME;
|
|
</script>
|
|
</body>
|
|
</html>
|