| |
| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <meta charset="utf-8"/> |
| <meta content="width=device-width, initial-scale=1.0" name="viewport"/> |
| <title>Professor Bot Dashboard</title> |
| <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet"/> |
| <link href="/static/css/dashboard.css" rel="stylesheet"/> |
| <script src="https://cdn.jsdelivr.net/npm/chart.js"></script> |
| </head> |
| <body> |
| <div class="navbar"> |
| <div class="nav-left"> |
| <div class="logo">Professor Bot</div> |
| <div class="dropdown" id="toggleSidebar"> |
| <span>Dashboard</span> |
| <i class="fas fa-chevron-down"></i> |
| </div> |
| </div> |
| <div class="nav-right"> |
| <div class="profile-photo" id="profilePhoto"></div> |
| <div class="profile-menu" id="profileMenu"> |
| <a href="#">Profile</a> |
| <a href="#">Logout</a> |
| </div> |
| </div> |
| </div> |
| <div class="main-content"> |
| <div class="sidebar" id="sidebar"> |
| <div class="sidebar-item active" data-tab="dashboard"> |
| <span>📊</span> |
| <span>Dashboard</span> |
| </div> |
| <div class="sidebar-item" data-tab="filters"> |
| <span>📝</span> |
| <span>Filters</span> |
| </div> |
| <div class="sidebar-item" data-tab="global-filters"> |
| <span>🌐</span> |
| <span>Global Filters</span> |
| </div> |
| <div class="sidebar-item" data-tab="users"> |
| <span>👥</span> |
| <span>Users</span> |
| </div> |
| <div class="sidebar-item" data-tab="chats"> |
| <span>💬</span> |
| <span>Chats</span> |
| </div> |
| <div class="sidebar-item" data-tab="files"> |
| <span>📁</span> |
| <span>Files</span> |
| </div> |
| <div class="sidebar-item" data-tab="broadcast"> |
| <span>📢</span> |
| <span>Broadcast</span> |
| </div> |
| <div class="sidebar-item" data-tab="connections"> |
| <span>🔗</span> |
| <span>Connections</span> |
| </div> |
| <div class="sidebar-item" data-tab="settings"> |
| <span>🔧</span> |
| <span>Settings</span> |
| </div> |
| <div class="sidebar-item" data-tab="stats"> |
| <span>📈</span> |
| <span>Stats</span> |
| </div> |
| <div class="sidebar-item" data-tab="group-manager"> |
| <span>👥</span> |
| <span>Group Manager</span> |
| </div> |
| <div class="sidebar-item" data-tab="extra-mods"> |
| <span>🛠️</span> |
| <span>Extra Mods</span> |
| </div> |
| </div> |
| <div class="content-area"> |
| <div id="dashboard-content" class="tab-content active"> |
| <h2 class="page-title">Dashboard Overview</h2> |
| <p>Get a comprehensive overview of your bot's performance, including total files, users, and chats.</p> |
|
|
| <div class="stats-grid"> |
| <div class="stat-card"> |
| <div class="stat-header"> |
| <div> |
| <h3>Total Files</h3> |
| <p style="font-size: 28px; font-weight: bold;" id="totalFiles">Loading...</p> |
| </div> |
| <div class="stat-icon"> |
| <i class="fas fa-file-alt"></i> |
| </div> |
| </div> |
| <p style="color: #4caf50;">File statistics</p> |
| </div> |
| <div class="stat-card"> |
| <div class="stat-header"> |
| <div> |
| <h3>Total Users</h3> |
| <p style="font-size: 28px; font-weight: bold;" id="totalUsers">Loading...</p> |
| </div> |
| <div class="stat-icon"> |
| <i class="fas fa-users"></i> |
| </div> |
| </div> |
| <p style="color: #4caf50;">User statistics</p> |
| </div> |
| <div class="stat-card"> |
| <div class="stat-header"> |
| <div> |
| <h3>Total Chats</h3> |
| <p style="font-size: 28px; font-weight: bold;" id="totalChats">Loading...</p> |
| </div> |
| <div class="stat-icon"> |
| <i class="fas fa-comments"></i> |
| </div> |
| </div> |
| <p style="color: #4caf50;">Chat statistics</p> |
| </div> |
| <div class="stat-card"> |
| <div class="stat-header"> |
| <div> |
| <h3>Operating System</h3> |
| <p style="font-size: 28px; font-weight: bold;" id="osName">Loading...</p> |
| </div> |
| <div class="stat-icon"> |
| <i class="fas fa-server"></i> |
| </div> |
| </div> |
| <p id="osVersion" style="color: #4caf50;">Loading...</p> |
| </div> |
| <div class="stat-card"> |
| <div class="stat-header"> |
| <div> |
| <h3>Uptime</h3> |
| <p style="font-size: 28px; font-weight: bold;" id="uptime">Loading...</p> |
| </div> |
| <div class="stat-icon"> |
| <i class="fas fa-clock"></i> |
| </div> |
| </div> |
| <p style="color: #4caf50;">Time since last boot</p> |
| </div> |
| <div class="stat-card"> |
| <div class="stat-header"> |
| <div> |
| <h3>Storage</h3> |
| <p style="font-size: 28px; font-weight: bold;" id="storage">Loading...</p> |
| </div> |
| <div class="stat-icon"> |
| <i class="fas fa-hdd"></i> |
| </div> |
| </div> |
| <p style="color: #4caf50;">Total / Free</p> |
| </div> |
| </div> |
|
|
| <div class="charts-grid"> |
| <div class="chart-card"> |
| <h3>Upload Performance</h3> |
| <canvas id="performanceChart"></canvas> |
| </div> |
| <div class="chart-card"> |
| <h3>Platform Distribution</h3> |
| <canvas id="platformChart"></canvas> |
| </div> |
| </div> |
|
|
| <div class="recent-videos"> |
| <h2>Recent Uploads</h2> |
| <p>View and manage your recent video uploads.</p> |
| <div class="thumbnail-grid" id="recentFilesGrid"> |
| |
| </div> |
| </div> |
| </div> |
| <div id="filters-content" class="tab-content" style="display: none;"> |
| <h2 class="page-title">Filters</h2> |
| <p>Manage and organize your local filters.</p> |
| <form id="addFilterForm"> |
| <label for="chatId">Chat ID:</label> |
| <input type="text" id="chatId" name="chatId" required> |
| <label for="filterText">Filter Text:</label> |
| <input type="text" id="filterText" name="filterText" required> |
| <label for="replyText">Reply Text:</label> |
| <textarea id="replyText" name="replyText" required></textarea> |
| <label for="btn">Buttons (JSON):</label> |
| <textarea id="btn" name="btn"></textarea> |
| <label for="file">File ID:</label> |
| <input type="text" id="file" name="file"> |
| <label for="alert">Alerts (JSON):</label> |
| <textarea id="alert" name="alert"></textarea> |
| <button type="submit">Add Filter</button> |
| </form> |
| <div class="filters-list" id="filtersList"> |
| |
| </div> |
| </div> |
| <div id="global-filters-content" class="tab-content" style="display: none;"> |
| <h2 class="page-title">Global Filters</h2> |
| <p>Manage and organize your global filters.</p> |
| <form id="addGFilterForm"> |
| <label for="gfilterText">Filter Text:</label> |
| <input type="text" id="gfilterText" name="gfilterText" required> |
| <label for="greplyText">Reply Text:</label> |
| <textarea id="greplyText" name="greplyText" required></textarea> |
| <label for="gbtn">Buttons (JSON):</label> |
| <textarea id="gbtn" name="gbtn"></textarea> |
| <label for="gfile">File ID:</label> |
| <input type="text" id="gfile" name="gfile"> |
| <label for="galert">Alerts (JSON):</label> |
| <textarea id="galert" name="galert"></textarea> |
| <button type="submit">Add Global Filter</button> |
| </form> |
| <div class="gfilters-list" id="gfiltersList"> |
| |
| </div> |
| </div> |
| <div id="users-content" class="tab-content" style="display: none;"> |
| <h2 class="page-title">Users</h2> |
| <p>Manage and view all users connected to the bot.</p> |
| <div class="users-list" id="usersList"> |
| |
| </div> |
| </div> |
| <div id="chats-content" class="tab-content" style="display: none;"> |
| <h2 class="page-title">Chats</h2> |
| <p>Manage and view all chats connected to the bot.</p> |
| <div class="chats-list" id="chatsList"> |
| |
| </div> |
| </div> |
| <div id="files-content" class="tab-content" style="display: none;"> |
| <h2 class="page-title">Files</h2> |
| <p>Manage and view all files stored in the bot's database.</p> |
| <form id="uploadFileForm" enctype="multipart/form-data"> |
| <label for="fileUpload">Upload File:</label> |
| <input type="file" id="fileUpload" name="fileUpload" required> |
| <button type="submit">Upload File</button> |
| </form> |
| <div class="files-list" id="filesList"> |
| |
| </div> |
| </div> |
| <div id="broadcast-content" class="tab-content" style="display: none;"> |
| <h2 class="page-title">Broadcast</h2> |
| <p>Broadcast messages to all users or chats.</p> |
| <form id="broadcastForm"> |
| <label for="broadcastText">Message Text:</label> |
| <textarea id="broadcastText" name="broadcastText" required></textarea> |
| <button type="submit">Broadcast</button> |
| </form> |
| </div> |
| <div id="connections-content" class="tab-content" style="display: none;"> |
| <h2 class="page-title">Connections</h2> |
| <p>Manage connections between users and groups.</p> |
| <form id="addConnectionForm"> |
| <label for="groupId">Group ID:</label> |
| <input type="text" id="groupId" name="groupId" required> |
| <label for="userId">User ID:</label> |
| <input type="text" id="userId" name="userId" required> |
| <button type="submit">Add Connection</button> |
| </form> |
| <div class="connections-list" id="connectionsList"> |
| |
| </div> |
| </div> |
| <div id="settings-content" class="tab-content" style="display: none;"> |
| <h2 class="page-title">Settings</h2> |
| <p>Configure bot settings for different groups.</p> |
| <form id="saveSettingsForm"> |
| <label for="settingsChatId">Chat ID:</label> |
| <input type="text" id="settingsChatId" name="settingsChatId" required> |
| <label for="settingKey">Setting Key:</label> |
| <input type="text" id="settingKey" name="settingKey" required> |
| <label for="settingValue">Setting Value:</label> |
| <input type="text" id="settingValue" name="settingValue" required> |
| <button type="submit">Save Settings</button> |
| </form> |
| <div class="settings-list" id="settingsList"> |
| |
| </div> |
| </div> |
| <div id="stats-content" class="tab-content" style="display: none;"> |
| <h2 class="page-title">Stats</h2> |
| <p>View detailed statistics about the bot.</p> |
| <div class="stats-grid"> |
| <div class="stat-card"> |
| <div class="stat-header"> |
| <div> |
| <h3>CPU Usage</h3> |
| <p style="font-size: 28px; font-weight: bold;" id="cpuUsage">Loading...</p> |
| </div> |
| <div class="stat-icon"> |
| <i class="fas fa-microchip"></i> |
| </div> |
| </div> |
| <p style="color: #4caf50;">Current CPU usage</p> |
| </div> |
| <div class="stat-card"> |
| <div class="stat-header"> |
| <div> |
| <h3>RAM Usage</h3> |
| <p style="font-size: 28px; font-weight: bold;" id="ramUsage">Loading...</p> |
| </div> |
| <div class="stat-icon"> |
| <i class="fas fa-memory"></i> |
| </div> |
| </div> |
| <p style="color: #4caf50;">Current RAM usage</p> |
| </div> |
| <div class="stat-card"> |
| <div class="stat-header"> |
| <div> |
| <h3>Storage Used</h3> |
| <p style="font-size: 28px; font-weight: bold;" id="storageUsed">Loading...</p> |
| </div> |
| <div class="stat-icon"> |
| <i class="fas fa-database"></i> |
| </div> |
| </div> |
| <p style="color: #4caf50;">Total storage used</p> |
| </div> |
| <div class="stat-card"> |
| <div class="stat-header"> |
| <div> |
| <h3>Storage Free</h3> |
| <p style="font-size: 28px; font-weight: bold;" id="storageFree">Loading...</p> |
| </div> |
| <div class="stat-icon"> |
| <i class="fas fa-database"></i> |
| </div> |
| </div> |
| <p style="color: #4caf50;">Total storage free</p> |
| </div> |
| </div> |
| </div> |
| <div id="group-manager-content" class="tab-content" style="display: none;"> |
| <h2 class="page-title">Group Manager</h2> |
| <p>Manage groups and users directly from the dashboard.</p> |
| <form id="banUserForm"> |
| <label for="banUserId">User ID:</label> |
| <input type="text" id="banUserId" name="banUserId" required> |
| <label for="banReason">Ban Reason:</label> |
| <input type="text" id="banReason" name="banReason"> |
| <button type="submit">Ban User</button> |
| </form> |
| <form id="unbanUserForm"> |
| <label for="unbanUserId">User ID:</label> |
| <input type="text" id="unbanUserId" name="unbanUserId" required> |
| <button type="submit">Unban User</button> |
| </form> |
| <form id="disableChatForm"> |
| <label for="disableChatId">Chat ID:</label> |
| <input type="text" id="disableChatId" name="disableChatId" required> |
| <label for="disableReason">Disable Reason:</label> |
| <input type="text" id="disableReason" name="disableReason"> |
| <button type="submit">Disable Chat</button> |
| </form> |
| <form id="enableChatForm"> |
| <label for="enableChatId">Chat ID:</label> |
| <input type="text" id="enableChatId" name="enableChatId" required> |
| <button type="submit">Enable Chat</button> |
| </form> |
| </div> |
| <div id="extra-mods-content" class="tab-content" style="display: none;"> |
| <h2 class="page-title">Extra Mods</h2> |
| <p>Perform additional operations directly from the dashboard.</p> |
| <form id="restartBotForm"> |
| <button type="submit">Restart Bot</button> |
| </form> |
| </div> |
| </div> |
| </div> |
|
|
| <script src="/static/js/dashboard.js"></script> |
| </body> |
| </html> |
