Nemcio/NodeBB
1
0
Fork 0
mirror of https://github.com/NodeBB/NodeBB.git synced 2025-11-06 14:05:46 +01:00
Code Issues Packages Projects Releases Wiki Activity

acp active states for main menu

Browse Source
This commit is contained in:
psychobunny
2015-08-19 15:52:31 -04:00
parent 656589f71f
commit ba58c83b97
3 changed files with 23 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
public/less/admin/header.less
View File

@@ -10,17 +10,23 @@
list-style-type: none; list-style-type: none;
padding: 0px; padding: 0px;
position: absolute; position: absolute;
bottom: 10px; bottom: -10px;
left: 50px; left: 50px;
> li { > li {
float: left; float: left;
margin-right: 30px; margin-right: 30px;
&.active {
border-bottom: 3px solid @brand-primary;
padding-bottom: 10px;
}
> a { > a {
color: white; color: white;
text-transform: uppercase; text-transform: uppercase;
text-decoration: none; text-decoration: none;
outline: none;
} }
} }
} }

18
public/src/admin/admin.js
View File

@@ -93,26 +93,20 @@
url = 'admin/general/dashboard'; url = 'admin/general/dashboard';
} }
$('#main-menu .nav-list > li').removeClass('active').each(function() { $('#main-menu li').removeClass('active');
$('#main-menu a').removeClass('active').each(function() {
var menu = $(this), var menu = $(this),
category = menu.parents('.sidebar-nav'), href = menu.attr('href'),
href = menu.children('a').attr('href'),
isLink = menu.attr('data-link') === '1'; isLink = menu.attr('data-link') === '1';
if (!isLink && href && href.slice(1) === url) { if (!isLink && href && href.slice(1) === url) {
category.addClass('open'); menu
menu.addClass('active'); .parent().addClass('active')
modifyBreadcrumb(category.find('.nav-header').text(), menu.text()); .parents('.menu-item').addClass('active');
} }
}); });
} }
function modifyBreadcrumb() {
var caret = ' <i class="fa fa-angle-right"></i> ';
$('#breadcrumbs').html(caret + Array.prototype.slice.call(arguments).join(caret));
}
function setupRestartLinks() { function setupRestartLinks() {
$('.restart').off('click').on('click', function() { $('.restart').off('click').on('click', function() {
bootbox.confirm('Are you sure you wish to restart NodeBB?', function(confirm) { bootbox.confirm('Are you sure you wish to restart NodeBB?', function(confirm) {

20
src/views/admin/partials/menu.tpl
View File

@@ -1,9 +1,9 @@
<nav class="header"> <nav class="header">
<ul> <ul id="main-menu">
<li> <li class="menu-item">
<a href="{relative_path}/admin/general/dashboard">Dashboard</a> <a href="{relative_path}/admin/general/dashboard">Dashboard</a>
</li> </li>
<li class="dropdown"> <li class="dropdown menu-item">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">General</a> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">General</a>
<ul class="dropdown-menu" role="menu"> <ul class="dropdown-menu" role="menu">
<li><a href="{relative_path}/admin/general/homepage">Home Page</a></li> <li><a href="{relative_path}/admin/general/homepage">Home Page</a></li>
@@ -12,7 +12,7 @@
<li><a href="{relative_path}/admin/general/sounds">Sounds</a></li> <li><a href="{relative_path}/admin/general/sounds">Sounds</a></li>
</ul> </ul>
</li> </li>
<li class="dropdown"> <li class="dropdown menu-item">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Manage</a> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Manage</a>
<ul class="dropdown-menu" role="menu"> <ul class="dropdown-menu" role="menu">
<li><a href="{relative_path}/admin/manage/categories">Categories</a></li> <li><a href="{relative_path}/admin/manage/categories">Categories</a></li>
@@ -22,7 +22,7 @@
<li><a href="{relative_path}/admin/manage/flags">Flags</a></li> <li><a href="{relative_path}/admin/manage/flags">Flags</a></li>
</ul> </ul>
</li> </li>
<li class="dropdown"> <li class="dropdown menu-item">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Settings</a> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Settings</a>
<ul class="dropdown-menu" role="menu"> <ul class="dropdown-menu" role="menu">
<li><a href="{relative_path}/admin/settings/general">General</a></li> <li><a href="{relative_path}/admin/settings/general">General</a></li>
@@ -40,7 +40,7 @@
<li><a href="{relative_path}/admin/settings/advanced">Advanced</a></li> <li><a href="{relative_path}/admin/settings/advanced">Advanced</a></li>
</ul> </ul>
</li> </li>
<li class="dropdown"> <li class="dropdown menu-item">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Appearance</a> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Appearance</a>
<ul class="dropdown-menu" role="menu"> <ul class="dropdown-menu" role="menu">
<li><a href="{relative_path}/admin/appearance/themes">Themes</a></li> <li><a href="{relative_path}/admin/appearance/themes">Themes</a></li>
@@ -48,7 +48,7 @@
<li><a href="{relative_path}/admin/appearance/customise">Custom HTML &amp; CSS</a></li> <li><a href="{relative_path}/admin/appearance/customise">Custom HTML &amp; CSS</a></li>
</ul> </ul>
</li> </li>
<li class="dropdown"> <li class="dropdown menu-item">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Extend</a> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Extend</a>
<ul class="dropdown-menu" role="menu"> <ul class="dropdown-menu" role="menu">
<li><a href="{relative_path}/admin/extend/plugins">Plugins</a></li> <li><a href="{relative_path}/admin/extend/plugins">Plugins</a></li>
@@ -57,7 +57,7 @@
</ul> </ul>
</li> </li>
<!-- IF authentication.length --> <!-- IF authentication.length -->
<li class="dropdown"> <li class="dropdown menu-item">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Social Authentication</a> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Social Authentication</a>
<ul class="dropdown-menu" role="menu"> <ul class="dropdown-menu" role="menu">
<!-- BEGIN authentication --> <!-- BEGIN authentication -->
@@ -69,7 +69,7 @@
</li> </li>
<!-- ENDIF authentication.length --> <!-- ENDIF authentication.length -->
<!-- IF plugins.length --> <!-- IF plugins.length -->
<li class="dropdown"> <li class="dropdown menu-item">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Plugins</a> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Plugins</a>
<ul class="dropdown-menu" role="menu"> <ul class="dropdown-menu" role="menu">
<!-- BEGIN plugins --> <!-- BEGIN plugins -->
@@ -84,7 +84,7 @@
</ul> </ul>
</li> </li>
<!-- ENDIF plugins.length --> <!-- ENDIF plugins.length -->
<li class="dropdown"> <li class="dropdown menu-item">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Advanced</a> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Advanced</a>
<ul class="dropdown-menu" role="menu"> <ul class="dropdown-menu" role="menu">
<li><a href="{relative_path}/admin/advanced/database">Database</a></li> <li><a href="{relative_path}/admin/advanced/database">Database</a></li>