JaBa/dashboard/views/includes/sidebar.ejs
2023-06-07 23:59:38 +05:00

63 lines
No EOL
2.5 KiB
Text

<!-- Left side column. contains the logo and sidebar -->
<aside class="main-sidebar">
<!-- sidebar: style can be found in sidebar.less -->
<section class="sidebar">
<!-- Sidebar user panel -->
<div class="user-panel">
<div class="pull-left image">
<img src="<%= user.displayAvatarURL %>" class="img-circle" alt="User Image">
</div>
<div class="pull-left info">
<p><%= user.discriminator === "0" ? user.username : user.tag %></p>
<!-- <a href="#"><i class="fa fa-circle text-<%=// user.status === "dnd" ? "danger" : user.status === "idle" ? "warning" : user.status === "online" ? "success" : ""%>"></i>
<%=// translate("common:STATUS_" + user.status.toUpperCase()) %>
</a> -->
</div>
</div>
<!-- sidebar menu: style can be found in sidebar.less -->
<ul class="sidebar-menu" data-widget="tree">
<li class="header"><%= translate("dashboard:SERVERS_MANAGEMENT").toUpperCase() %></li>
<li class="treeview menu-open">
<li><a href="/selector"><i class="fa fa-home"></i> <span><%= translate("dashboard:SELECTOR") %></span></a>
</li>
</li>
<li class="treeview">
<a href="/manage/">
<i class="fa fa-server"></i>
<span><%= translate("dashboard:SERVERS_LIST") %></span>
<span class="pull-right-container">
<i class="fa fa-angle-left pull-right"></i>
</span>
</a>
<% if (user.displayedGuilds) { %>
<ul class="treeview-menu">
<% user.displayedGuilds.forEach(guild => { %>
<li><a href="<%= guild.settingsUrl %>"><i
class="fa fa-circle-o text-<%= guild.owner ? "green" : "grey" %>"></i>
<%= guild.name %></a></li>
<% }); %>
</ul>
<% } %>
</li>
</ul>
<ul class="sidebar-menu" data-widget="tree">
<li class="header"><%= translate("common:PROFILE").toUpperCase() %></li>
<li class="treeview menu-open">
<li><a href="/docs"><i class="fa fa-file"></i> <span>Документация</span></a></li>
<li><a href="/profile"><i class="fa fa-user"></i> <span><%= translate("common:PROFILE") %></span></a></li>
</li>
</ul>
</section>
<!-- /.sidebar -->
</aside>
<script>
$(document).ready(function () {
// get current URL path and assign "active" class
let pathname = window.location.pathname;
$(`.sidebar-menu > li > a[href="${pathname}"]`).parent().addClass("active");
$(`.sidebar-menu > li > ul > li > a[href="${window.location.pathname}"]`).parent().addClass("active");
$(`.sidebar-menu > li > a[href="/${window.location.pathname.split("/")[1]}/"]`).parent().addClass(
"active");
});
</script>