|
|
<!DOCTYPE html> |
|
|
<html lang="en"> |
|
|
<head> |
|
|
<meta charset="UTF-8" /> |
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
|
|
<title>WhatsApp Bot Panel</title> |
|
|
<link rel="stylesheet" href="./style.css" /> |
|
|
</head> |
|
|
<body> |
|
|
<div id="login-screen"> |
|
|
<h1>Login</h1> |
|
|
<input id="username" placeholder="Username" /> |
|
|
<input id="password" type="password" placeholder="Password" /> |
|
|
<button id="login-btn">Login</button> |
|
|
<div id="login-message"></div> |
|
|
</div> |
|
|
|
|
|
<div id="panel" style="display: none;"> |
|
|
<h1>Bot Panel</h1> |
|
|
<div> |
|
|
<label>Your User ID: <span id="userId-display"></span></label> |
|
|
<button id="start-btn">Start Session</button> |
|
|
</div> |
|
|
<div id="chat-container" style="display: none;"> |
|
|
<div id="messages" style="border: 1px solid #ccc; height: 300px; overflow-y: scroll;"></div> |
|
|
<input id="input" placeholder="Type command or bot input..." /> |
|
|
<button id="send-btn">Send</button> |
|
|
</div> |
|
|
<div id="admin-panel" style="display: none;"> |
|
|
<h2>Admin Controls</h2> |
|
|
<button id="get-users-btn">Get All Users</button> |
|
|
<div id="user-list"></div> |
|
|
<button id="get-banned-btn">Get Banned List</button> |
|
|
<div id="banned-list"></div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<script src="https://cdn.socket.io/4.7.2/socket.io.min.js"></script> |
|
|
<script src="./script.js"></script> |
|
|
</body> |
|
|
</html> |
