update webserver cog
This commit is contained in:
WhatDidYouExpect
parent
74277ece0a
commit
9d02988cdb
2 changed files with 425 additions and 225 deletions
118
cogs/styles.css
118
cogs/styles.css
|
|
@ -1,118 +0,0 @@
|
||||||
|
|
||||||
.topnav {
|
|
||||||
background-color: rgb(95, 27, 27);
|
|
||||||
overflow: hidden;
|
|
||||||
display: flex;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
justify-content: center;
|
|
||||||
padding: 10px;
|
|
||||||
gap: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.topnav a {
|
|
||||||
color: #f2f2f2;
|
|
||||||
text-align: center;
|
|
||||||
text-decoration: none;
|
|
||||||
font-size: 17px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.topnav a:hover {
|
|
||||||
background-color: #ddd;
|
|
||||||
color: black;
|
|
||||||
}
|
|
||||||
|
|
||||||
.stat-item {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
gap: 5px;
|
|
||||||
color: white;
|
|
||||||
font-size: 14px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.stat-title {
|
|
||||||
font-weight: bold;
|
|
||||||
color: #ccc;
|
|
||||||
}
|
|
||||||
|
|
||||||
body {
|
|
||||||
background-color: black;
|
|
||||||
color: white;
|
|
||||||
font-family: Arial, sans-serif;
|
|
||||||
}
|
|
||||||
|
|
||||||
a {
|
|
||||||
color: red;
|
|
||||||
}
|
|
||||||
|
|
||||||
.stats-container {
|
|
||||||
max-width: 800px;
|
|
||||||
margin: 20px auto;
|
|
||||||
padding: 20px;
|
|
||||||
background-color: #1a1a1a;
|
|
||||||
border-radius: 8px;
|
|
||||||
text-align: left;
|
|
||||||
}
|
|
||||||
|
|
||||||
.balls {
|
|
||||||
text-align: right;
|
|
||||||
}
|
|
||||||
|
|
||||||
.stat-card {
|
|
||||||
background-color: #2a2a2a;
|
|
||||||
padding: 15px;
|
|
||||||
margin: 10px 0;
|
|
||||||
border-radius: 5px;
|
|
||||||
border-left: 4px solid rgb(95, 27, 27);
|
|
||||||
}
|
|
||||||
|
|
||||||
.guild-list {
|
|
||||||
max-height: 300px;
|
|
||||||
overflow-y: auto;
|
|
||||||
background-color: #2a2a2a;
|
|
||||||
padding: 10px;
|
|
||||||
border-radius: 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.guild-item {
|
|
||||||
padding: 5px 0;
|
|
||||||
border-bottom: 1px solid #444;
|
|
||||||
}
|
|
||||||
|
|
||||||
.guild-item:last-child {
|
|
||||||
border-bottom: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
hr {
|
|
||||||
border-color: rgb(95, 27, 27);
|
|
||||||
margin: 20px 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.center {
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.stat-container-row {
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
gap: 20px;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bot-info {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
gap: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bot-avatar {
|
|
||||||
width: 50px;
|
|
||||||
height: 50px;
|
|
||||||
border-radius: 0%;
|
|
||||||
}
|
|
||||||
|
|
||||||
button {
|
|
||||||
background-color:black;
|
|
||||||
color: white;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
@ -33,6 +33,48 @@ class GooberWeb(commands.Cog):
|
||||||
self.bot.loop.create_task(self.start_web_server())
|
self.bot.loop.create_task(self.start_web_server())
|
||||||
self.update_clients.start()
|
self.update_clients.start()
|
||||||
|
|
||||||
|
async def get_blacklisted_users(self):
|
||||||
|
blacklisted_ids = os.getenv("BLACKLISTED_USERS", "").split(",")
|
||||||
|
blacklisted_users = []
|
||||||
|
|
||||||
|
for user_id in blacklisted_ids:
|
||||||
|
if not user_id.strip():
|
||||||
|
continue
|
||||||
|
|
||||||
|
try:
|
||||||
|
user = await self.bot.fetch_user(int(user_id))
|
||||||
|
blacklisted_users.append({
|
||||||
|
"name": f"{user.name}#{user.discriminator}",
|
||||||
|
"avatar_url": str(user.avatar.url) if user.avatar else str(user.default_avatar.url),
|
||||||
|
"id": user.id
|
||||||
|
})
|
||||||
|
except discord.NotFound:
|
||||||
|
blacklisted_users.append({
|
||||||
|
"name": f"Unknown User ({user_id})",
|
||||||
|
"avatar_url": "",
|
||||||
|
"id": user_id
|
||||||
|
})
|
||||||
|
except discord.HTTPException as e:
|
||||||
|
print(f"Error fetching user {user_id}: {e}")
|
||||||
|
continue
|
||||||
|
|
||||||
|
return blacklisted_users
|
||||||
|
|
||||||
|
async def get_enhanced_guild_info(self):
|
||||||
|
guilds = sorted(self.bot.guilds, key=lambda g: g.member_count, reverse=True)
|
||||||
|
guild_info = []
|
||||||
|
|
||||||
|
for guild in guilds:
|
||||||
|
icon_url = str(guild.icon.url) if guild.icon else ""
|
||||||
|
guild_info.append({
|
||||||
|
"name": guild.name,
|
||||||
|
"member_count": guild.member_count,
|
||||||
|
"icon_url": icon_url,
|
||||||
|
"id": guild.id
|
||||||
|
})
|
||||||
|
|
||||||
|
return guild_info
|
||||||
|
|
||||||
async def start_web_server(self):
|
async def start_web_server(self):
|
||||||
self.runner = web.AppRunner(self.app)
|
self.runner = web.AppRunner(self.app)
|
||||||
await self.runner.setup()
|
await self.runner.setup()
|
||||||
|
|
@ -115,8 +157,8 @@ class GooberWeb(commands.Cog):
|
||||||
if os.path.exists("memory.json"):
|
if os.path.exists("memory.json"):
|
||||||
memory_json_size = f"{os.path.getsize('memory.json') / 1024:.2f} KB"
|
memory_json_size = f"{os.path.getsize('memory.json') / 1024:.2f} KB"
|
||||||
|
|
||||||
guilds = sorted(self.bot.guilds, key=lambda g: g.member_count, reverse=True)
|
guild_info = await self.get_enhanced_guild_info()
|
||||||
guild_info = [f"{g.name} ({g.member_count} members)" for g in guilds]
|
blacklisted_users = await self.get_blacklisted_users()
|
||||||
|
|
||||||
uptime_seconds = int(time.time() - self.start_time)
|
uptime_seconds = int(time.time() - self.start_time)
|
||||||
uptime_str = f"{uptime_seconds // 86400}d {(uptime_seconds % 86400) // 3600}h {(uptime_seconds % 3600) // 60}m {uptime_seconds % 60}s"
|
uptime_str = f"{uptime_seconds // 86400}d {(uptime_seconds % 86400) // 3600}h {(uptime_seconds % 3600) // 60}m {uptime_seconds % 60}s"
|
||||||
|
|
@ -126,8 +168,10 @@ class GooberWeb(commands.Cog):
|
||||||
"cpu_usage": f"{process_cpu}%",
|
"cpu_usage": f"{process_cpu}%",
|
||||||
"system_cpu": f"{cpu_percent}%",
|
"system_cpu": f"{cpu_percent}%",
|
||||||
"memory_json_size": memory_json_size,
|
"memory_json_size": memory_json_size,
|
||||||
"guild_count": len(guilds),
|
"guild_count": len(guild_info),
|
||||||
|
"bl_count": len(blacklisted_users),
|
||||||
"guilds": guild_info,
|
"guilds": guild_info,
|
||||||
|
"blacklisted_users": blacklisted_users,
|
||||||
"last_command": self.last_command,
|
"last_command": self.last_command,
|
||||||
"last_command_time": self.last_command_time,
|
"last_command_time": self.last_command_time,
|
||||||
"bot_uptime": uptime_str,
|
"bot_uptime": uptime_str,
|
||||||
|
|
@ -158,114 +202,388 @@ class GooberWeb(commands.Cog):
|
||||||
async def handle_index(self, request):
|
async def handle_index(self, request):
|
||||||
stats = await self.get_bot_stats()
|
stats = await self.get_bot_stats()
|
||||||
|
|
||||||
|
guild_list_html = ""
|
||||||
|
for guild in stats['guilds']:
|
||||||
|
icon_html = f'<img src="{guild["icon_url"]}" alt="guild icon" class="guild-icon">' if guild["icon_url"] else '<div class="guild-icon-placeholder"></div>'
|
||||||
|
guild_list_html += f"""
|
||||||
|
<div class="guild-item">
|
||||||
|
{icon_html}
|
||||||
|
<div class="guild-info">
|
||||||
|
<div class="guild-name">{guild["name"]}</div>
|
||||||
|
<div class="guild-members">{guild["member_count"]} members</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
"""
|
||||||
|
blacklisted_users_html = ""
|
||||||
|
for user in stats['blacklisted_users']:
|
||||||
|
avatar_html = f'<img src="{user["avatar_url"]}" alt="user avatar" class="user-avatar">' if user["avatar_url"] else '<div class="user-avatar-placeholder"></div>'
|
||||||
|
blacklisted_users_html += f"""
|
||||||
|
<div class="blacklisted-user">
|
||||||
|
{avatar_html}
|
||||||
|
<div class="user-info">
|
||||||
|
<div class="user-name">{user["name"]}</div>
|
||||||
|
<div class="user-id">ID: {user["id"]}</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
"""
|
||||||
|
|
||||||
html_content = f"""
|
html_content = f"""
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<title>goobs central</title>
|
<title>goobs central</title>
|
||||||
<link rel="stylesheet" href="/styles.css">
|
<link rel="stylesheet" href="/styles.css">
|
||||||
</head>
|
<style>
|
||||||
<body>
|
body {{
|
||||||
<div class="topnav">
|
background-color: black;
|
||||||
<div class="stat-item" id="ram-usage">
|
color: white;
|
||||||
<span class="stat-title">RAM:</span>
|
font-family: Arial, sans-serif;
|
||||||
<span>{stats['ram_usage']}</span>
|
margin: 0;
|
||||||
</div>
|
padding: 0;
|
||||||
<div class="stat-item" id="cpu-usage">
|
|
||||||
<span class="stat-title">CPU:</span>
|
|
||||||
<span>{stats['cpu_usage']}</span>
|
|
||||||
</div>
|
|
||||||
<div class="stat-item" id="system-cpu">
|
|
||||||
<span class="stat-title">System CPU:</span>
|
|
||||||
<span>{stats['system_cpu']}</span>
|
|
||||||
</div>
|
|
||||||
<div class="stat-item" id="latency">
|
|
||||||
<span class="stat-title">Latency:</span>
|
|
||||||
<span>{stats['latency']}</span>
|
|
||||||
</div>
|
|
||||||
<div class="stat-item" id="json-size">
|
|
||||||
<span class="stat-title">JSON Size:</span>
|
|
||||||
<span>{stats['memory_json_size']}</span>
|
|
||||||
</div>
|
|
||||||
<div class="stat-item" id="uptime">
|
|
||||||
<span class="stat-title">Uptime:</span>
|
|
||||||
<span>{stats['bot_uptime']}</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="center">
|
|
||||||
<h2>
|
|
||||||
<div class="bot-info">
|
|
||||||
<img src="{stats['bot_avatar_url']}" alt="botvatar" class="bot-avatar" id="bot-avatar">
|
|
||||||
<span id="bot-name">{stats['bot_name']}</span>
|
|
||||||
</div>
|
|
||||||
</h2>
|
|
||||||
<hr>
|
|
||||||
<p>your stupid little goober that learns off other people's messages</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="stat-container-row">
|
|
||||||
<div>
|
|
||||||
<div class="stat-title">Last Command</div>
|
|
||||||
<div id="last-command">{stats['last_command']}</div>
|
|
||||||
<div style="font-size: 0.9em; color: #999;" id="last-command-time">at {stats['last_command_time']}</div>
|
|
||||||
<br>
|
|
||||||
<div class="stat-title">Logged into goober central</div>
|
|
||||||
<div id="last-command">{stats['authenticated']}</div>
|
|
||||||
<br>
|
|
||||||
<div class="stat-title">Last generated message</div>
|
|
||||||
<div id="last-command">{stats['lastmsg']}</div>
|
|
||||||
<br>
|
|
||||||
<div class="stat-title">Change song</div>
|
|
||||||
<form action="/changesong" method="get">
|
|
||||||
<input type="text" name="song" placeholder="Enter song name..." style="background-color:black; color:white; solid #ccc;">
|
|
||||||
<button type="submit">
|
|
||||||
change song
|
|
||||||
</button>
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="balls">
|
|
||||||
<div class="stat-title">Servers (<span id="guild-count">{stats['guild_count']}</span>)</div>
|
|
||||||
<div id="guild-list">
|
|
||||||
{"".join(f'<div class="guild-item">{guild}</div>' for guild in stats['guilds'])}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<script>
|
|
||||||
const ws = new WebSocket('ws://' + window.location.host + '/ws');
|
|
||||||
|
|
||||||
ws.onmessage = function(event) {{
|
|
||||||
const data = JSON.parse(event.data);
|
|
||||||
|
|
||||||
document.getElementById('ram-usage').innerHTML = `<span class="stat-title">RAM:</span> <span>${{data.ram_usage}}</span>`;
|
|
||||||
document.getElementById('cpu-usage').innerHTML = `<span class="stat-title">CPU:</span> <span>${{data.cpu_usage}}</span>`;
|
|
||||||
document.getElementById('system-cpu').innerHTML = `<span class="stat-title">System CPU:</span> <span>${{data.system_cpu}}</span>`;
|
|
||||||
document.getElementById('latency').innerHTML = `<span class="stat-title">Latency:</span> <span>${{data.latency}}</span>`;
|
|
||||||
document.getElementById('json-size').innerHTML = `<span class="stat-title">JSON Size:</span> <span>${{data.memory_json_size}}</span>`;
|
|
||||||
document.getElementById('uptime').innerHTML = `<span class="stat-title">Uptime:</span> <span>${{data.bot_uptime}}</span>`;
|
|
||||||
|
|
||||||
document.getElementById('bot-name').textContent = data.bot_name;
|
|
||||||
const botAvatar = document.getElementById('bot-avatar');
|
|
||||||
if (botAvatar.src !== data.bot_avatar_url) {{
|
|
||||||
botAvatar.src = data.bot_avatar_url;
|
|
||||||
}}
|
}}
|
||||||
|
|
||||||
|
.topnav {{
|
||||||
|
background-color: rgb(95, 27, 27);
|
||||||
|
overflow: hidden;
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
justify-content: center;
|
||||||
|
padding: 10px;
|
||||||
|
gap: 20px;
|
||||||
|
}}
|
||||||
|
|
||||||
document.getElementById('last-command').textContent = data.last_command;
|
.stat-item {{
|
||||||
document.getElementById('last-command-time').textContent = `at ${{data.last_command_time}}`;
|
display: flex;
|
||||||
|
gap: 5px;
|
||||||
|
color: white;
|
||||||
|
font-size: 14px;
|
||||||
|
}}
|
||||||
|
|
||||||
document.getElementById('guild-count').textContent = data.guild_count;
|
.stat-title {{
|
||||||
document.getElementById('guild-list').innerHTML =
|
font-weight: bold;
|
||||||
data.guilds.map(guild => `<div class="guild-item">${{guild}}</div>`).join('');
|
color: #ccc;
|
||||||
}};
|
}}
|
||||||
|
|
||||||
ws.onclose = function() {{
|
.center {{
|
||||||
console.log('WebSocket disconnected');
|
text-align: center;
|
||||||
}};
|
max-width: 800px;
|
||||||
</script>
|
margin: 20px auto;
|
||||||
</body>
|
padding: 0 20px;
|
||||||
</html>
|
}}
|
||||||
|
|
||||||
|
.bot-info {{
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
gap: 15px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}}
|
||||||
|
|
||||||
|
.bot-avatar {{
|
||||||
|
width: 80px;
|
||||||
|
height: 80px;
|
||||||
|
border-radius: 50%;
|
||||||
|
border: 3px solid rgb(95, 27, 27);
|
||||||
|
}}
|
||||||
|
|
||||||
|
hr {{
|
||||||
|
border: 1px solid rgb(95, 27, 27);
|
||||||
|
margin: 20px 0;
|
||||||
|
}}
|
||||||
|
|
||||||
|
.stat-container-row {{
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
gap: 30px;
|
||||||
|
max-width: 1200px;
|
||||||
|
margin: 0 auto;
|
||||||
|
padding: 0 20px;
|
||||||
|
}}
|
||||||
|
|
||||||
|
.stat-container {{
|
||||||
|
flex: 1;
|
||||||
|
background-color: #1a1a1a;
|
||||||
|
padding: 20px;
|
||||||
|
border-radius: 8px;
|
||||||
|
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
|
||||||
|
}}
|
||||||
|
|
||||||
|
.guild-item {{
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 15px;
|
||||||
|
padding: 10px;
|
||||||
|
margin: 10px 0;
|
||||||
|
background-color: #2a2a2a;
|
||||||
|
border-radius: 5px;
|
||||||
|
transition: background-color 0.2s;
|
||||||
|
}}
|
||||||
|
|
||||||
|
.guild-item:hover {{
|
||||||
|
background-color: #333;
|
||||||
|
}}
|
||||||
|
|
||||||
|
.guild-icon {{
|
||||||
|
width: 48px;
|
||||||
|
height: 48px;
|
||||||
|
border-radius: 50%;
|
||||||
|
}}
|
||||||
|
|
||||||
|
.guild-icon-placeholder {{
|
||||||
|
width: 48px;
|
||||||
|
height: 48px;
|
||||||
|
border-radius: 50%;
|
||||||
|
background-color: #7289da;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
color: white;
|
||||||
|
font-weight: bold;
|
||||||
|
}}
|
||||||
|
|
||||||
|
.guild-info {{
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
}}
|
||||||
|
|
||||||
|
.guild-name {{
|
||||||
|
font-weight: bold;
|
||||||
|
}}
|
||||||
|
|
||||||
|
.guild-members {{
|
||||||
|
font-size: 0.8em;
|
||||||
|
color: #99aab5;
|
||||||
|
}}
|
||||||
|
|
||||||
|
.blacklisted-user {{
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 15px;
|
||||||
|
padding: 10px;
|
||||||
|
margin: 10px 0;
|
||||||
|
background-color: #2a2a2a;
|
||||||
|
border-radius: 5px;
|
||||||
|
border-left: 4px solid #f04747;
|
||||||
|
}}
|
||||||
|
|
||||||
|
.user-avatar {{
|
||||||
|
width: 48px;
|
||||||
|
height: 48px;
|
||||||
|
border-radius: 50%;
|
||||||
|
}}
|
||||||
|
|
||||||
|
.user-avatar-placeholder {{
|
||||||
|
width: 48px;
|
||||||
|
height: 48px;
|
||||||
|
border-radius: 50%;
|
||||||
|
background-color: #7289da;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
color: white;
|
||||||
|
font-weight: bold;
|
||||||
|
}}
|
||||||
|
|
||||||
|
.user-info {{
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
}}
|
||||||
|
|
||||||
|
.user-name {{
|
||||||
|
font-weight: bold;
|
||||||
|
color: #f04747;
|
||||||
|
}}
|
||||||
|
|
||||||
|
.user-id {{
|
||||||
|
font-size: 0.8em;
|
||||||
|
color: #99aab5;
|
||||||
|
}}
|
||||||
|
|
||||||
|
input[type="text"] {{
|
||||||
|
background-color: #2a2a2a;
|
||||||
|
color: white;
|
||||||
|
border: 1px solid #444;
|
||||||
|
padding: 8px;
|
||||||
|
border-radius: 4px;
|
||||||
|
margin-right: 10px;
|
||||||
|
}}
|
||||||
|
|
||||||
|
button {{
|
||||||
|
background-color: rgb(95, 27, 27);
|
||||||
|
color: white;
|
||||||
|
border: none;
|
||||||
|
padding: 8px 15px;
|
||||||
|
border-radius: 4px;
|
||||||
|
cursor: pointer;
|
||||||
|
transition: background-color 0.2s;
|
||||||
|
}}
|
||||||
|
|
||||||
|
button:hover {{
|
||||||
|
background-color: rgb(120, 40, 40);
|
||||||
|
}}
|
||||||
|
|
||||||
|
#guild-list, #blacklisted-users {{
|
||||||
|
max-height: 400px;
|
||||||
|
overflow-y: auto;
|
||||||
|
padding-right: 10px;
|
||||||
|
}}
|
||||||
|
|
||||||
|
#guild-list::-webkit-scrollbar, #blacklisted-users::-webkit-scrollbar {{
|
||||||
|
width: 6px;
|
||||||
|
}}
|
||||||
|
|
||||||
|
#guild-list::-webkit-scrollbar-track, #blacklisted-users::-webkit-scrollbar-track {{
|
||||||
|
background: #1a1a1a;
|
||||||
|
}}
|
||||||
|
|
||||||
|
#guild-list::-webkit-scrollbar-thumb, #blacklisted-users::-webkit-scrollbar-thumb {{
|
||||||
|
background: rgb(95, 27, 27);
|
||||||
|
border-radius: 3px;
|
||||||
|
}}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="topnav">
|
||||||
|
<div class="stat-item" id="ram-usage">
|
||||||
|
<span class="stat-title">RAM:</span>
|
||||||
|
<span>{stats['ram_usage']}</span>
|
||||||
|
</div>
|
||||||
|
<div class="stat-item" id="cpu-usage">
|
||||||
|
<span class="stat-title">CPU:</span>
|
||||||
|
<span>{stats['cpu_usage']}</span>
|
||||||
|
</div>
|
||||||
|
<div class="stat-item" id="system-cpu">
|
||||||
|
<span class="stat-title">System CPU:</span>
|
||||||
|
<span>{stats['system_cpu']}</span>
|
||||||
|
</div>
|
||||||
|
<div class="stat-item" id="latency">
|
||||||
|
<span class="stat-title">Latency:</span>
|
||||||
|
<span>{stats['latency']}</span>
|
||||||
|
</div>
|
||||||
|
<div class="stat-item" id="json-size">
|
||||||
|
<span class="stat-title">JSON Size:</span>
|
||||||
|
<span>{stats['memory_json_size']}</span>
|
||||||
|
</div>
|
||||||
|
<div class="stat-item" id="uptime">
|
||||||
|
<span class="stat-title">Uptime:</span>
|
||||||
|
<span>{stats['bot_uptime']}</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="center">
|
||||||
|
<h2>
|
||||||
|
<div class="bot-info">
|
||||||
|
<img src="{stats['bot_avatar_url']}" alt="botvatar" class="bot-avatar" id="bot-avatar">
|
||||||
|
<span id="bot-name">{stats['bot_name']}</span>
|
||||||
|
</div>
|
||||||
|
</h2>
|
||||||
|
<p>your stupid little goober that learns off other people's messages</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="stat-container-row">
|
||||||
|
<div class="stat-container">
|
||||||
|
<div class="stat-title">Last Command</div>
|
||||||
|
<div id="last-command">{stats['last_command']}</div>
|
||||||
|
<div style="font-size: 0.9em; color: #999;" id="last-command-time">at {stats['last_command_time']}</div>
|
||||||
|
<br>
|
||||||
|
<div class="stat-title">Logged into goober central</div>
|
||||||
|
<div id="last-command">{stats['authenticated']}</div>
|
||||||
|
<br>
|
||||||
|
<div class="stat-title">Last generated message</div>
|
||||||
|
<div id="last-command">{stats['lastmsg']}</div>
|
||||||
|
<br>
|
||||||
|
<div class="stat-title">Change song</div>
|
||||||
|
<form action="/changesong" method="get">
|
||||||
|
<input type="text" name="song" placeholder="Enter song name...">
|
||||||
|
<button type="submit">
|
||||||
|
change song
|
||||||
|
</button>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="stat-container">
|
||||||
|
<div class="stat-title">Servers (<span id="guild-count">{stats['guild_count']}</span>)</div>
|
||||||
|
<div id="guild-list">
|
||||||
|
{guild_list_html}
|
||||||
|
</div>
|
||||||
|
<br>
|
||||||
|
<div class="stat-title">Blacklisted Users (<span id="guild-count">{stats['bl_count']})</div>
|
||||||
|
<div id="blacklisted-users">
|
||||||
|
{blacklisted_users_html if stats['blacklisted_users'] else "<div>No blacklisted users</div>"}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<script>
|
||||||
|
const ws = new WebSocket('ws://' + window.location.host + '/ws');
|
||||||
|
|
||||||
|
ws.onmessage = function(event) {{
|
||||||
|
const data = JSON.parse(event.data);
|
||||||
|
|
||||||
|
document.getElementById('ram-usage').innerHTML = `<span class="stat-title">RAM:</span> <span>${{data.ram_usage}}</span>`;
|
||||||
|
document.getElementById('cpu-usage').innerHTML = `<span class="stat-title">CPU:</span> <span>${{data.cpu_usage}}</span>`;
|
||||||
|
document.getElementById('system-cpu').innerHTML = `<span class="stat-title">System CPU:</span> <span>${{data.system_cpu}}</span>`;
|
||||||
|
document.getElementById('latency').innerHTML = `<span class="stat-title">Latency:</span> <span>${{data.latency}}</span>`;
|
||||||
|
document.getElementById('json-size').innerHTML = `<span class="stat-title">JSON Size:</span> <span>${{data.memory_json_size}}</span>`;
|
||||||
|
document.getElementById('uptime').innerHTML = `<span class="stat-title">Uptime:</span> <span>${{data.bot_uptime}}</span>`;
|
||||||
|
|
||||||
|
document.getElementById('bot-name').textContent = data.bot_name;
|
||||||
|
const botAvatar = document.getElementById('bot-avatar');
|
||||||
|
if (botAvatar.src !== data.bot_avatar_url) {{
|
||||||
|
botAvatar.src = data.bot_avatar_url;
|
||||||
|
}}
|
||||||
|
|
||||||
|
|
||||||
|
document.getElementById('last-command').textContent = data.last_command;
|
||||||
|
document.getElementById('last-command-time').textContent = `at ${{data.last_command_time}}`;
|
||||||
|
|
||||||
|
document.getElementById('guild-count').textContent = data.guild_count;
|
||||||
|
|
||||||
|
|
||||||
|
let guildListHtml = '';
|
||||||
|
data.guilds.forEach(guild => {{
|
||||||
|
const iconHtml = guild.icon_url
|
||||||
|
? `<img src="${{guild.icon_url}}" alt="guild icon" class="guild-icon">`
|
||||||
|
: '<div class="guild-icon-placeholder"></div>';
|
||||||
|
guildListHtml += `
|
||||||
|
<div class="guild-item">
|
||||||
|
${{iconHtml}}
|
||||||
|
<div class="guild-info">
|
||||||
|
<div class="guild-name">${{guild.name}}</div>
|
||||||
|
<div class="guild-members">${{guild.member_count}} members</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
`;
|
||||||
|
}});
|
||||||
|
document.getElementById('guild-list').innerHTML = guildListHtml;
|
||||||
|
|
||||||
|
let blacklistedUsersHtml = '';
|
||||||
|
if (data.blacklisted_users && data.blacklisted_users.length > 0) {{
|
||||||
|
data.blacklisted_users.forEach(user => {{
|
||||||
|
const avatarHtml = user.avatar_url
|
||||||
|
? `<img src="${{user.avatar_url}}" alt="user avatar" class="user-avatar">`
|
||||||
|
: '<div class="user-avatar-placeholder"></div>';
|
||||||
|
blacklistedUsersHtml += `
|
||||||
|
<div class="blacklisted-user">
|
||||||
|
${{avatarHtml}}
|
||||||
|
<div class="user-info">
|
||||||
|
<div class="user-name">${{user.name}}</div>
|
||||||
|
<div class="user-id">ID: ${{user.id}}</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
`;
|
||||||
|
}});
|
||||||
|
}} else {{
|
||||||
|
blacklistedUsersHtml = '<div>No blacklisted users</div>';
|
||||||
|
}}
|
||||||
|
document.getElementById('blacklisted-users').innerHTML = blacklistedUsersHtml;
|
||||||
|
}};
|
||||||
|
|
||||||
|
ws.onclose = function() {{
|
||||||
|
console.log('WebSocket disconnected');
|
||||||
|
}};
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
"""
|
"""
|
||||||
|
|
||||||
return web.Response(text=html_content, content_type='text/html')
|
return web.Response(text=html_content, content_type='text/html')
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue