mirror of
https://github.com/LightZirconite/Microsoft-Rewards-Bot.git
synced 2026-01-10 01:06:17 +00:00
LightZirconite
4c5d5ef9a8
- Added app.js to manage global state, WebSocket connections, and API interactions. - Implemented functions for theme toggling, toast notifications, and updating UI elements. - Created functions to fetch and display account metrics, logs, and status updates. - Added event handlers for starting, stopping, and restarting the bot. - Introduced WebSocket handling for real-time updates. - Added style.css for consistent theming and responsive design across the application. - Included styles for various UI components such as buttons, cards, logs, and empty states. - Implemented light theme support with appropriate styles.
48 lines
2.3 KiB
HTML
48 lines
2.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>Microsoft Rewards Bot Dashboard</title>
|
|
<link rel="stylesheet" href="/style.css">
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<div class="header">
|
|
<div><h1>🎯 Microsoft Rewards Bot</h1></div>
|
|
<div class="status">
|
|
<button class="theme-toggle" onclick="toggleTheme()"><i class="fas fa-moon"></i></button>
|
|
<div id="statusBadge" class="status-badge status-stopped">STOPPED</div>
|
|
</div>
|
|
</div>
|
|
<div class="stats-grid">
|
|
<div class="stat-card"><div class="label">Total Accounts</div><div class="value" id="totalAccounts">0</div></div>
|
|
<div class="stat-card"><div class="label">Total Points</div><div class="value" id="totalPoints">0</div></div>
|
|
<div class="stat-card"><div class="label">Completed</div><div class="value" id="completed">0</div></div>
|
|
<div class="stat-card"><div class="label">Errors</div><div class="value" id="errors">0</div></div>
|
|
</div>
|
|
<div class="card">
|
|
<div class="card-header"><h2 class="card-title">🎮 Control Panel</h2></div>
|
|
<div class="btn-group">
|
|
<button class="btn btn-success" onclick="startBot()" id="btnStart"><i class="fas fa-play"></i> Start</button>
|
|
<button class="btn btn-danger" onclick="stopBot()" id="btnStop" disabled><i class="fas fa-stop"></i> Stop</button>
|
|
<button class="btn btn-primary" onclick="restartBot()"><i class="fas fa-redo"></i> Restart</button>
|
|
<button class="btn btn-primary" onclick="refreshData()"><i class="fas fa-sync-alt"></i> Refresh</button>
|
|
<button class="btn btn-primary" onclick="clearLogs()"><i class="fas fa-trash"></i> Clear Logs</button>
|
|
</div>
|
|
</div>
|
|
<div class="card">
|
|
<div class="card-header"><h2 class="card-title">👥 Accounts</h2></div>
|
|
<div id="accountsList"></div>
|
|
</div>
|
|
<div class="card">
|
|
<div class="card-header"><h2 class="card-title">📝 Live Logs</h2></div>
|
|
<div class="logs-container" id="logsContainer"></div>
|
|
</div>
|
|
</div>
|
|
<div id="toastContainer"></div>
|
|
<script src="/app.js"></script>
|
|
</body>
|
|
</html>
|