dashboard-core/theme/dbd-soft-ui/views/commands.ejs

155 lines
5 KiB
Text
Raw Normal View History

2023-06-19 14:21:58 +05:00
<!DOCTYPE html>
<html lang="en">
<head>
2023-06-22 19:36:52 +05:00
<%- 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 %>
2023-06-19 14:21:58 +05:00
</head>
<body class="g-sidenav-show bg-gray-100" id="scroll">
2023-06-22 19:36:52 +05:00
<%- include("partials/preload.ejs") %>
<%- include("partials/sidebar.ejs", {config: config, now:"commands"}) %>
2023-06-19 14:21:58 +05:00
<div class="main-content position-relative bg-gray-100 max-height-vh-100 h-100">
2023-06-22 19:36:52 +05:00
<!-- 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">
2023-06-19 14:21:58 +05:00
2023-06-22 19:36:52 +05:00
</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()
2023-06-19 14:21:58 +05:00
2023-06-22 19:36:52 +05:00
if (!input || input.length <= 0) {
$(".item").show();
$(divs).show();
}
2023-06-19 14:21:58 +05:00
2023-06-22 19:36:52 +05:00
$("tr").show()
$("tr:not(:contains(" + input + "))").hide()
2023-06-19 14:21:58 +05:00
2023-06-22 19:36:52 +05:00
for (const item of divs) {
try {
const tbody = item.firstChild.nextElementSibling.nextElementSibling.firstChild.nextElementSibling.firstChild.nextElementSibling.firstChild.nextElementSibling.nextElementSibling
2023-06-19 14:21:58 +05:00
2023-06-22 19:36:52 +05:00
if ($(tbody).children(":visible").length == 0) $(item).hide()
2023-06-19 14:21:58 +05:00
2023-06-22 19:36:52 +05:00
} catch (error) {
console.log(error)
}
}
});
</script>
<%- include("partials/scripts.ejs", {now: "commands"}) %>
2023-06-19 14:21:58 +05:00
</body>
</html>