2024-03-17 13:58:37 +09:00

54 lines
2.3 KiB
Plaintext

<!-- 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.displayAvatar %>" class="img-circle" alt="User Image">
</div>
<div class="pull-left info">
<p><%= user.username %></p>
</div>
</div>
<!-- search form -->
<form action="/selector" method="get" class="sidebar-form">
<div class="input-group">
<input type="text" name="q" class="form-control" placeholder="Search for servers...">
<span class="input-group-btn">
<button type="submit" id="search-btn" class="btn btn-flat">
<i class="fa fa-search"></i>
</button>
</span>
</div>
</form>
<!-- /.search form -->
<!-- sidebar menu: : style can be found in sidebar.less -->
<ul class="sidebar-menu" data-widget="tree">
<li class="header">SERVERS MANAGEMENT</li>
<li class="treeview menu-open">
<li><a href="/selector"><i class="fa fa-home"></i> <span>Selector</span></a></li>
</li>
</ul>
<% if (locals.guild){ %>
<ul class="sidebar-menu" data-widget="tree">
<li class="header">CONFIGURATION</li>
<li class="treeview menu-open">
<li><a href="/manage/<%= guild.id %>/basic"><i class="fa fa-gear"></i> <span>Basic</span></a></li>
<li><a href="/manage/<%= guild.id %>/greeting"><i class="fa fa-bullhorn"></i> <span>Greeting</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>