Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
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
Original file line number Diff line number Diff line change
Expand Up @@ -9,6 +9,7 @@ public final class WebsiteConstants {
new HeaderData("/home", "Home", true),
new HeaderData("/home#plugins", "Plugins", true),
new HeaderData("/tricks", "Tricks", true),
new HeaderData("/home#contact", "Contact", true)
new HeaderData("/home#contact", "Contact", true),
new HeaderData("/commands", "Commands", true)
);
}
Original file line number Diff line number Diff line change
Expand Up @@ -6,6 +6,7 @@
import org.mangorage.mangobotcore.api.command.v1.AbstractCommand;
import org.mangorage.mangobotcore.api.plugin.v1.PluginManager;
import org.mangorage.mangobotplugin.entrypoint.MangoBot;
import org.mangorage.mangobotsite.website.WebsiteConstants;
import org.mangorage.mangobotsite.website.servlet.impl.StandardHttpServlet;
import org.mangorage.mangobotsite.website.util.MapBuilder;
import org.mangorage.mangobotsite.website.util.WebUtil;
Expand All @@ -20,6 +21,7 @@ protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws Se

WebUtil.processTemplate(
MapBuilder.of()
.put("headers", WebsiteConstants.headers)
.put("commandDataList",
dispatcher.getAllRegisteredCommands()
.stream()
Expand Down
207 changes: 97 additions & 110 deletions src/main/resources/templates/commands.ftl
Original file line number Diff line number Diff line change
@@ -1,131 +1,118 @@
<!DOCTYPE html>
<html>
<head>
<title>Commands</title>
<style>
body {
font-family: monospace;
background: #0f0f0f;
color: #eee;
padding: 20px;
}

.command-block {
margin-bottom: 24px;
border-bottom: 1px solid #333;
padding-bottom: 12px;
}

.command {
margin: 4px 0;
}

/* Command name tooltip */
.cmd {
cursor: help;
position: relative;
color: #ffd37f;
}

.cmd .tooltip {
display: none;
position: absolute;
background: #222;
border: 1px solid #555;
padding: 6px;
border-radius: 4px;
top: 1.5em;
left: 0;
white-space: nowrap;
z-index: 100;
}

.cmd:hover .tooltip {
display: block;
}

/* Parameter tooltip */
.param {
cursor: help;
position: relative;
color: #7fd7ff;
}

.param.required {
color: #ff7f7f;
}

.param .tooltip {
display: none;
position: absolute;
background: #222;
border: 1px solid #555;
padding: 6px;
border-radius: 4px;
top: 1.5em;
left: 0;
white-space: nowrap;
z-index: 100;
}

.param:hover .tooltip {
display: block;
}

</style>
</head>
<body>

<h1>Command List</h1>

<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Commands - MangoBot</title>
<link rel="icon" type="image/x-icon" href="images/favicon.ico">
<link rel="stylesheet" href="css/main.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&display=swap" rel="stylesheet">
</head>
<body>
<!-- Navbar -->
<nav class="navbar">
<div class="nav-container">
<a href="/home" class="nav-logo">
<span class="logo-icon">
<img src="images/favicon.ico" alt="Logo" width="48">
</span>
<span class="logo-text">MangoBot</span>
</a>
<ul class="nav-menu">
<#list headers as header>
<li><a href="${header.page()}" class="nav-link<#if header.active()!false> active</#if>">${header.text()}</a></li>
</#list>
</ul>
<a href="https://discord.mangorage.org/" target="_blank" class="nav-cta">
<svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor">
<path d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0 12.64 12.64 0 0 0-.617-1.25.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057 19.9 19.9 0 0 0 5.993 3.03.078.078 0 0 0 .084-.028 14.09 14.09 0 0 0 1.226-1.994.076.076 0 0 0-.041-.106 13.107 13.107 0 0 1-1.872-.892.077.077 0 0 1-.008-.128 10.2 10.2 0 0 0 .372-.292.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127 12.299 12.299 0 0 1-1.873.892.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028 19.839 19.839 0 0 0 6.002-3.03.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.956-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.955-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.946 2.418-2.157 2.418z"/>
</svg>
Join Discord
</a>
</div>
</nav>

<!-- Page Header -->
<div class="page-header">
<div class="container">
<div class="header-content">
<span class="section-badge">Documentation</span>
<h1>Command List</h1>
<p class="header-subtitle">
Complete reference of all available commands and their parameters
</p>
</div>
</div>
</div>

<!-- Commands Content -->
<div class="commands-content">
<div class="container">
<#list commandDataList as data>
<div class="command-block">

<!-- Show CommandData.cmd -->
<h2>${data.cmd()}</h2>

<#list data.commandParts() as cmd>
<div class="command">

<!-- Command name with tooltip -->
<#if cmd.getCommandNotes()?has_content>
<span class="cmd">
${cmd.getName()}
<span class="tooltip">
<#list cmd.getCommandNotes() as note>
<div>• ${note}</div>
</#list>
${cmd.getName()}
<span class="tooltip">
<#list cmd.getCommandNotes() as note>
<div>${note}</div>
</#list>
</span>
</span>
</span>
<#else>
<span>${cmd.getName()}</span>
<span class="cmd">${cmd.getName()}</span>
</#if>

<!-- Parameters -->
<#list cmd.getParameters() as p>
<span class="param <#if p.isRequired()>required</#if>">
<#if p.isRequired()>
&lt;${p.getName()}&gt;
<#else>
[${p.getName()}]
</#if>

<span class="tooltip">
<div><b>Name:</b> ${p.getName()}</div>
<div><b>Type:</b> ${p.getType()}</div>
<div><b>Argument Type:</b> ${p.getArgumentType()}</div>
<div><b>Description:</b> ${p.getDescription()}</div>
<div><b>Suggestions:</b> ${p.getSuggestions()}</div>
<div><b>Required:</b> ${p.isRequired()?string("yes","no")}</div>
<#if p.isRequired()>
&lt;${p.getName()}&gt;
<#else>
[${p.getName()}]
</#if>

<span class="tooltip">
<div><b>Name:</b> ${p.getName()}</div>
<div><b>Type:</b> ${p.getType()}</div>
<div><b>Argument Type:</b> ${p.getArgumentType()}</div>
<div><b>Description:</b> ${p.getDescription()}</div>
<div><b>Suggestions:</b> ${p.getSuggestions()}</div>
<div><b>Required:</b> ${p.isRequired()?string("yes","no")}</div>
</span>
</span>
</span>
</#list>

</div>
</#list>

</div>
</#list>

</body>
</html>
</div>
</div>

<!-- Footer -->
<footer class="footer">
<div class="container">
<div class="footer-content">
<div class="footer-brand">
<span class="logo-icon">
<img src="images/favicon.ico" alt="Logo" width="48">
</span>
<span class="logo-text">MangoBot</span>
</div>
<p class="footer-text">Developed with passion by MangoRage</p>
<div class="footer-links">
<#list headers as header>
<a href="${header.page()}">${header.text()}</a>
</#list>
</div>
</div>
</div>
</footer>
</body>
</html>
Loading