Skip to content

feat: implement dashboard API routes for bot statistics, leaderboard,… #202

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
Medicopter117 merged 1 commit into from
Mar 29, 2026
Merged

feat: implement dashboard API routes for bot statistics, leaderboard,… #202

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
52 changes: 46 additions & 6 deletions src/api/dashboard/routes.py
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -391,10 +391,45 @@
except:
stats = {}

# 2. Fetch Settings
# 2. Fetch Settings & Module Status
from mx_devtools import WelcomeDatabase, AntiSpamDatabase, GlobalChatDatabase, LevelDatabase, LoggingDatabase

# Check Level System
try:
lvl_conf = LevelDatabase().get_guild_config(guild_id)
level_active = lvl_conf.get("enabled", True) if lvl_conf else False
except:

Check notice on line 401 in src/api/dashboard/routes.py

View check run for this annotation

codefactor.io / CodeFactor

src/api/dashboard/routes.py#L401 

Do not use bare 'except'. (E722)
level_active = False

# Check AntiSpam
try:
spam_conf = AntiSpamDatabase().get_spam_settings(guild_id)
antispam_active = bool(spam_conf)
except:

Check notice on line 408 in src/api/dashboard/routes.py

View check run for this annotation

codefactor.io / CodeFactor

src/api/dashboard/routes.py#L408 

Do not use bare 'except'. (E722)
antispam_active = False

# Check Welcome
try:
welcome_conf = await WelcomeDatabase().get_welcome_settings(guild_id)
welcome_active = bool(welcome_conf and welcome_conf.get("channel_id"))
except:

Check notice on line 415 in src/api/dashboard/routes.py

View check run for this annotation

codefactor.io / CodeFactor

src/api/dashboard/routes.py#L415 

Do not use bare 'except'. (E722)
welcome_active = False

# Check GlobalChat
try:
global_conf = GlobalChatDatabase().get_guild_settings(guild_id)
global_active = bool(global_conf and global_conf.get("channel_id"))
except:

Check notice on line 422 in src/api/dashboard/routes.py

View check run for this annotation

codefactor.io / CodeFactor

src/api/dashboard/routes.py#L422 

Do not use bare 'except'. (E722)
global_active = False

# Check Logging
try:
log_conf = await LoggingDatabase().get_all_log_channels(guild_id)
logging_active = len(log_conf) > 0 if log_conf else False
except:

Check notice on line 429 in src/api/dashboard/routes.py

View check run for this annotation

codefactor.io / CodeFactor

src/api/dashboard/routes.py#L429 

Do not use bare 'except'. (E722)
logging_active = False

guild_lang = "de"
if hasattr(bot_instance, 'settings_db'):
guild_lang = bot_instance.settings_db.get_guild_language(guild_id)

# 3. Fetch Metadata
channels = [{"id": str(c.id), "name": c.name} for c in guild.text_channels]
Expand All @@ -412,9 +447,14 @@
"settings": {
"bot_name": bot_instance.user.name,
"prefix": "!",
"auto_mod": True,
"welcome_message": False,
"language": guild_lang
"auto_mod": antispam_active,
"welcome_message": welcome_active,
"language": guild_lang,
"level_system": level_active,
"anti_spam": antispam_active,
"global_network": global_active,
"logging": logging_active,
"economy": False
},
"stats": stats,
"metadata": {
Expand Down
10 changes: 5 additions & 5 deletions src/web/components/OverviewSettings.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,169 +13,169 @@
settings?: any;
}

export default function OverviewSettings({ guildId, initialStats, settings }: OverviewSettingsProps) {
const [stats, setStats] = useState<any>(initialStats || null);
const [loading, setLoading] = useState(!initialStats);

useEffect(() => {
if (initialStats) {
setStats(initialStats);
setLoading(false);
return;
}

const fetchStats = async () => {
if (!guildId) return;
const token = localStorage.getItem("token");
try {
const response = await fetch(`${import.meta.env.VITE_API_URL}/dashboard/guilds/${guildId}/stats`, {
headers: { "Authorization": `Bearer ${token}` }
});
if (response.ok) {
const data = await response.json();
setStats(data);
}
} catch (error) {
console.error("Error fetching stats:", error);
} finally {
setLoading(false);
}
};

if (guildId) {
setLoading(true);
fetchStats();
}
}, [guildId, initialStats]);

// Prepare chart data from API history
const messageData = (stats?.history || []).map((h: any) => ({
name: h.name,
value: h.messages
}));

const memberData = (stats?.history || []).map((h: any) => ({
name: h.name,
value: h.joins
}));

const StatCard = ({ title, value, icon: Icon, trend, trendValue, color }: any) => (
<motion.div
initial={{ opacity: 0, y: 20 }}
animate={{ opacity: 1, y: 0 }}
className="p-6 rounded-3xl bg-white/[0.03] border border-white/5 backdrop-blur-xl relative overflow-hidden group hover:bg-white/[0.05] transition-all"
>
<div className={`absolute top-0 right-0 w-24 h-24 bg-${color}/20 blur-[60px] rounded-full translate-x-8 -translate-y-8 opacity-0 group-hover:opacity-100 transition-opacity`} />

<div className="flex justify-between items-start mb-4">
<div className={`p-3 rounded-2xl bg-${color}/10 border border-${color}/20 text-${color}`}>
<Icon className="w-6 h-6" />
</div>
<div className={`flex items-center gap-1 font-medium text-xs ${trend === 'up' ? 'text-emerald-400' : (trend === 'down' ? 'text-rose-400' : 'text-muted-foreground')}`}>
{trend === 'up' && <ArrowUpRight className="w-3 h-3" />}
{trend === 'down' && <ArrowDownRight className="w-3 h-3" />}
{trendValue}
</div>
</div>

<div>
<p className="text-muted-foreground text-xs font-semibold uppercase tracking-wider mb-1">{title}</p>
<p className="text-3xl font-bold text-white">{value}</p>
</div>
</motion.div>
);

if (loading) return <div className="p-8 text-center text-muted-foreground">Analysiere Server...</div>;

return (
<div className="space-y-8">
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4">
<StatCard
title="Mitglieder"
value={stats?.total_members || 0}
icon={Users}
trend="up"
trendValue="+12%"
color="primary"
/>
<StatCard
title="Aktiv Heute"
value={stats?.online_members || 0}
icon={Zap}
trend="up"
trendValue="+5%"
color="amber-400"
/>
<StatCard
title="Nachrichten Heute"
value={stats?.messages_today || 0}
icon={MessageSquare}
trend={stats?.messages_trend || "up"}
trendValue={stats?.messages_trend_value || "0%"}
color="emerald-400"
/>
<StatCard
title="Neue Member"
value={stats?.joined_today || 0}
icon={TrendingUp}
trend={stats?.joined_trend || "up"}
trendValue={stats?.joined_trend_value || "0%"}
color="indigo-400"
/>
</div>

<div className="grid grid-cols-1 lg:grid-cols-3 gap-6">
{/* Bot Health & Activity Summary */}
<Card className="lg:col-span-2 glass border-white/10 shadow-2xl rounded-[2.5rem] overflow-hidden">
<CardHeader className="flex flex-row items-center justify-between">
<div className="space-y-1">
<CardTitle className="flex items-center gap-2">
<Activity className="w-5 h-5 text-primary" /> Command Center
</CardTitle>
<CardDescription>Live-Metriken deiner Server-Instanz</CardDescription>
</div>
<Badge variant="outline" className="bg-primary/10 text-primary border-primary/20 px-3 py-1">
Live updates
</Badge>
</CardHeader>
<CardContent>
<div className="grid grid-cols-1 md:grid-cols-2 gap-8">
<div className="space-y-6">
<div className="p-5 rounded-3xl bg-white/5 border border-white/10">
<OverviewCharts data={messageData} type="messages" color="#DC2626" height={180} />
<p className="text-center text-[10px] font-bold uppercase tracking-widest text-muted-foreground mt-4">Nachrichten Volumen (7 Tage)</p>
</div>
</div>
<div className="grid grid-cols-2 gap-4">
<QuickStat title="Server Age" value="238d" />
<QuickStat title="Avg Activity" value="High" />
<QuickStat title="Staff Count" value="12" />
<QuickStat title="Uptime" value="99.9%" />
</div>
</div>
</CardContent>
</Card>

{/* Module Status Sidebar */}
<Card className="glass border-white/10 shadow-2xl rounded-[2.5rem] overflow-hidden">
<CardHeader>
<CardTitle className="text-xl font-bold">Module Status</CardTitle>
<CardDescription>Aktive Bot-Funktionen</CardDescription>
</CardHeader>
<CardContent className="space-y-3">
<ModuleRow name="Level System" active={true} />
<ModuleRow name="Anti-Spam AI" active={true} />
<ModuleRow name="Level System" active={settings?.level_system ?? true} />
<ModuleRow name="Anti-Spam AI" active={settings?.anti_spam ?? true} />
<ModuleRow name="Welcome Suite" active={settings?.welcome_message ?? false} />
<ModuleRow name="Global Network" active={true} />
<ModuleRow name="Global Network" active={settings?.global_network ?? true} />
<ModuleRow name="Auto-Mod" active={settings?.auto_mod ?? true} />
<ModuleRow name="Logging" active={true} />
<ModuleRow name="Economy" active={false} />
<ModuleRow name="Logging" active={settings?.logging ?? true} />
<ModuleRow name="Economy" active={settings?.economy ?? false} />
</CardContent>
</Card>
</div>
</div>
);
}

Check notice on line 178 in src/web/components/OverviewSettings.tsx

View check run for this annotation

codefactor.io / CodeFactor

src/web/components/OverviewSettings.tsx#L16-L178 

Complex Method

const QuickStat = ({ title, value }: { title: string, value: string }) => (
<div className="p-4 rounded-2xl bg-white/5 border border-white/5 flex flex-col justify-center">
Expand Down
Loading