155 lines
No EOL
5 KiB
Text
155 lines
No EOL
5 KiB
Text
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<%- include("partials/preloader.ejs", {now: "commands"}) %>
|
|
<script>
|
|
// document on read
|
|
document.addEventListener("DOMContentLoaded", function() {
|
|
$(".glow").removeClass("active");
|
|
$(".active_all").addClass("active");
|
|
});
|
|
|
|
$(function () {
|
|
$("#all").click(function () {
|
|
$(".item").slideDown("slow");
|
|
$(".glow").removeClass("active");
|
|
$(".active_all").addClass("active");
|
|
return false;
|
|
});
|
|
<% themeConfig.commands?.forEach(category => { %>
|
|
$("#<%= category.categoryId %>").click(function () {
|
|
$(".item").not(".<%= category.categoryId %>").slideUp(300);
|
|
$(".<%= category.categoryId %>").slideDown("slow");
|
|
$(".glow").removeClass("active");
|
|
$(".active_<%= category.categoryId %>").addClass("active");
|
|
return false;
|
|
});
|
|
<% }) %>
|
|
});
|
|
</script>
|
|
<%- themeConfig?.customHtml %>
|
|
</head>
|
|
|
|
<body class="g-sidenav-show bg-gray-100" id="scroll">
|
|
<%- include("partials/preload.ejs") %>
|
|
<%- include("partials/sidebar.ejs", {config: config, now:"commands"}) %>
|
|
<div class="main-content position-relative bg-gray-100 max-height-vh-100 h-100">
|
|
<!-- Navbar -->
|
|
<%- include("partials/navbar.ejs", {now:"commands"}) %>
|
|
<!-- End Navbar -->
|
|
<div class="container-fluid py-4">
|
|
<div class="row">
|
|
<div class="container-fluid">
|
|
<% themeConfig.commands?.forEach(category => { %>
|
|
<% if (!category.hideSidebarItem) { %>
|
|
<section id="<%= category.categoryId %>">
|
|
<div class="col-12 item <%= category.categoryId %>" id="divtable">
|
|
<div class="card mb-4 command-card">
|
|
<div class="card-header pb-0">
|
|
<h4><%= category.category %></h4>
|
|
<a><%= category.subTitle %></a>
|
|
</div>
|
|
<div class="card-body px-0 pt-0 pb-2">
|
|
<div class="table-responsive p-0">
|
|
<table class="table align-items-center mb-0" name="commandsTable" id="table">
|
|
<thead>
|
|
<tr>
|
|
<th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">
|
|
Name
|
|
</th>
|
|
<th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7 ps-2">
|
|
Command Usage
|
|
</th>
|
|
<% if(!category.hideDescription) { %>
|
|
<th class="text-center text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">
|
|
Description
|
|
</th>
|
|
<% } %>
|
|
<% if(!category.hideAlias) { %>
|
|
<th class="text-center text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">
|
|
Aliases
|
|
</th>
|
|
<% } %>
|
|
<th class="text-secondary opacity-7"></th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<% category.list.forEach((item)=>{ %>
|
|
<tr>
|
|
<td>
|
|
<div class="d-flex px-2 py-1">
|
|
<div>
|
|
<% if(category.image){ %>
|
|
<%- category.image %>
|
|
<% } %>
|
|
</div>
|
|
<div class="d-flex flex-column justify-content-center">
|
|
<h6 class="mb-0 text-sm"><%= item.commandName %></h6>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<p class="text-xs font-weight-bold mb-0"><%= item.commandUsage %></p>
|
|
</td>
|
|
<% if(!category.hideDescription) { %>
|
|
<td class="align-middle text-center text-sm">
|
|
<p class="text-xs font-weight-bold mb-0"><%= item.commandDescription %></p>
|
|
</td>
|
|
<% } %>
|
|
<% if(!category.hideAlias) { %>
|
|
<td class="align-middle text-center">
|
|
<span class="text-secondary text-xs font-weight-bold"><%= item.commandAlias %></span>
|
|
</td>
|
|
<% } %>
|
|
<td class="align-middle">
|
|
<a class="text-secondary font-weight-bold text-xs"
|
|
data-toggle="tooltip"
|
|
data-original-title="Edit user">
|
|
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
<% }) %>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<% } %>
|
|
<% }) %>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
<%- include("partials/footer.ejs") %>
|
|
<script>
|
|
$("#searchBar").on("change keyup paste enter", function () {
|
|
const input = $(this).val().toLowerCase();
|
|
const divs = $(".command-card").toArray()
|
|
|
|
if (!input || input.length <= 0) {
|
|
$(".item").show();
|
|
$(divs).show();
|
|
}
|
|
|
|
$("tr").show()
|
|
$("tr:not(:contains(" + input + "))").hide()
|
|
|
|
for (const item of divs) {
|
|
try {
|
|
const tbody = item.firstChild.nextElementSibling.nextElementSibling.firstChild.nextElementSibling.firstChild.nextElementSibling.firstChild.nextElementSibling.nextElementSibling
|
|
|
|
if ($(tbody).children(":visible").length == 0) $(item).hide()
|
|
|
|
} catch (error) {
|
|
console.log(error)
|
|
}
|
|
}
|
|
});
|
|
</script>
|
|
<%- include("partials/scripts.ejs", {now: "commands"}) %>
|
|
</body>
|
|
|
|
</html> |