thelilfrog/startbootstrap-sb-admin-2
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request #25 from challgren/menucollapse

Browse Source 
Find url in the nav menu and mark class as active
This commit is contained in:
David Miller
2014-12-28 17:15:24 -05:00
parent 6dc72c7345 6aa0323eb9
commit 4bd9612ab7
12 changed files with 29 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
buttons.html
View File

@@ -297,14 +297,14 @@
<li> <li>
<a href="forms.html"><i class="fa fa-edit fa-fw"></i> Forms</a> <a href="forms.html"><i class="fa fa-edit fa-fw"></i> Forms</a>
</li> </li>
<li class="active"> <li>
<a href="#"><i class="fa fa-wrench fa-fw"></i> UI Elements<span class="fa arrow"></span></a> <a href="#"><i class="fa fa-wrench fa-fw"></i> UI Elements<span class="fa arrow"></span></a>
<ul class="nav nav-second-level"> <ul class="nav nav-second-level">
<li> <li>
<a href="panels-wells.html">Panels and Wells</a> <a href="panels-wells.html">Panels and Wells</a>
</li> </li>
<li> <li>
<a class="active" href="buttons.html">Buttons</a> <a href="buttons.html">Buttons</a>
</li> </li>
<li> <li>
<a href="notifications.html">Notifications</a> <a href="notifications.html">Notifications</a>

4
flot.html
View File

@@ -282,11 +282,11 @@
<li> <li>
<a href="index.html"><i class="fa fa-dashboard fa-fw"></i> Dashboard</a> <a href="index.html"><i class="fa fa-dashboard fa-fw"></i> Dashboard</a>
</li> </li>
<li class="active"> <li>
<a href="#"><i class="fa fa-bar-chart-o fa-fw"></i> Charts<span class="fa arrow"></span></a> <a href="#"><i class="fa fa-bar-chart-o fa-fw"></i> Charts<span class="fa arrow"></span></a>
<ul class="nav nav-second-level"> <ul class="nav nav-second-level">
<li> <li>
<a class="active" href="flot.html">Flot Charts</a> <a href="flot.html">Flot Charts</a>
</li> </li>
<li> <li>
<a href="morris.html">Morris.js Charts</a> <a href="morris.html">Morris.js Charts</a>

2
forms.html
View File

@@ -292,7 +292,7 @@
<a href="tables.html"><i class="fa fa-table fa-fw"></i> Tables</a> <a href="tables.html"><i class="fa fa-table fa-fw"></i> Tables</a>
</li> </li>
<li> <li>
<a class="active" href="forms.html"><i class="fa fa-edit fa-fw"></i> Forms</a> <a href="forms.html"><i class="fa fa-edit fa-fw"></i> Forms</a>
</li> </li>
<li> <li>
<a href="#"><i class="fa fa-wrench fa-fw"></i> UI Elements<span class="fa arrow"></span></a> <a href="#"><i class="fa fa-wrench fa-fw"></i> UI Elements<span class="fa arrow"></span></a>

4
grid.html
View File

@@ -294,7 +294,7 @@
<li> <li>
<a href="forms.html"><i class="fa fa-edit fa-fw"></i> Forms</a> <a href="forms.html"><i class="fa fa-edit fa-fw"></i> Forms</a>
</li> </li>
<li class="active"> <li>
<a href="#"><i class="fa fa-wrench fa-fw"></i> UI Elements<span class="fa arrow"></span></a> <a href="#"><i class="fa fa-wrench fa-fw"></i> UI Elements<span class="fa arrow"></span></a>
<ul class="nav nav-second-level"> <ul class="nav nav-second-level">
<li> <li>
@@ -313,7 +313,7 @@
<a href="icons.html"> Icons</a> <a href="icons.html"> Icons</a>
</li> </li>
<li> <li>
<a class="active" href="grid.html">Grid</a> <a href="grid.html">Grid</a>
</li> </li>
</ul> </ul>
<!-- /.nav-second-level --> <!-- /.nav-second-level -->

4
icons.html
View File

@@ -294,7 +294,7 @@
<li> <li>
<a href="forms.html"><i class="fa fa-edit fa-fw"></i> Forms</a> <a href="forms.html"><i class="fa fa-edit fa-fw"></i> Forms</a>
</li> </li>
<li class="active"> <li>
<a href="#"><i class="fa fa-wrench fa-fw"></i> UI Elements<span class="fa arrow"></span></a> <a href="#"><i class="fa fa-wrench fa-fw"></i> UI Elements<span class="fa arrow"></span></a>
<ul class="nav nav-second-level"> <ul class="nav nav-second-level">
<li> <li>
@@ -310,7 +310,7 @@
<a href="typography.html">Typography</a> <a href="typography.html">Typography</a>
</li> </li>
<li> <li>
<a class="active" href="icons.html"> Icons</a> <a href="icons.html"> Icons</a>
</li> </li>
<li> <li>
<a href="grid.html">Grid</a> <a href="grid.html">Grid</a>

2
index.html
View File

@@ -280,7 +280,7 @@
<!-- /input-group --> <!-- /input-group -->
</li> </li>
<li> <li>
<a class="active" href="index.html"><i class="fa fa-dashboard fa-fw"></i> Dashboard</a> <a href="index.html"><i class="fa fa-dashboard fa-fw"></i> Dashboard</a>
</li> </li>
<li> <li>
<a href="#"><i class="fa fa-bar-chart-o fa-fw"></i> Charts<span class="fa arrow"></span></a> <a href="#"><i class="fa fa-bar-chart-o fa-fw"></i> Charts<span class="fa arrow"></span></a>

8
js/sb-admin-2.js
View File

@@ -25,4 +25,12 @@ $(function() {
$("#page-wrapper").css("min-height", (height) + "px"); $("#page-wrapper").css("min-height", (height) + "px");
} }
}); });
var url = window.location;
var element = $('ul.nav a').filter(function() {
return this.href == url;
}).addClass('active').parent().parent().addClass('in').parent();
if (element.is('li')) {
element.addClass('active');
}
}); });

4
morris.html
View File

@@ -279,14 +279,14 @@
<li> <li>
<a href="index.html"><i class="fa fa-dashboard fa-fw"></i> Dashboard</a> <a href="index.html"><i class="fa fa-dashboard fa-fw"></i> Dashboard</a>
</li> </li>
<li class="active"> <li>
<a href="#"><i class="fa fa-bar-chart-o fa-fw"></i> Charts<span class="fa arrow"></span></a> <a href="#"><i class="fa fa-bar-chart-o fa-fw"></i> Charts<span class="fa arrow"></span></a>
<ul class="nav nav-second-level"> <ul class="nav nav-second-level">
<li> <li>
<a href="flot.html">Flot Charts</a> <a href="flot.html">Flot Charts</a>
</li> </li>
<li> <li>
<a class="active" href="morris.html">Morris.js Charts</a> <a href="morris.html">Morris.js Charts</a>
</li> </li>
</ul> </ul>
<!-- /.nav-second-level --> <!-- /.nav-second-level -->

4
notifications.html
View File

@@ -294,7 +294,7 @@
<li> <li>
<a href="forms.html"><i class="fa fa-edit fa-fw"></i> Forms</a> <a href="forms.html"><i class="fa fa-edit fa-fw"></i> Forms</a>
</li> </li>
<li class="active"> <li>
<a href="#"><i class="fa fa-wrench fa-fw"></i> UI Elements<span class="fa arrow"></span></a> <a href="#"><i class="fa fa-wrench fa-fw"></i> UI Elements<span class="fa arrow"></span></a>
<ul class="nav nav-second-level"> <ul class="nav nav-second-level">
<li> <li>
@@ -304,7 +304,7 @@
<a href="buttons.html">Buttons</a> <a href="buttons.html">Buttons</a>
</li> </li>
<li> <li>
<a class="active" href="notifications.html">Notifications</a> <a href="notifications.html">Notifications</a>
</li> </li>
<li> <li>
<a href="typography.html">Typography</a> <a href="typography.html">Typography</a>

4
panels-wells.html
View File

@@ -294,11 +294,11 @@
<li> <li>
<a href="forms.html"><i class="fa fa-edit fa-fw"></i> Forms</a> <a href="forms.html"><i class="fa fa-edit fa-fw"></i> Forms</a>
</li> </li>
<li class="active"> <li>
<a href="#"><i class="fa fa-wrench fa-fw"></i> UI Elements<span class="fa arrow"></span></a> <a href="#"><i class="fa fa-wrench fa-fw"></i> UI Elements<span class="fa arrow"></span></a>
<ul class="nav nav-second-level"> <ul class="nav nav-second-level">
<li> <li>
<a class="active" href="panels-wells.html">Panels and Wells</a> <a href="panels-wells.html">Panels and Wells</a>
</li> </li>
<li> <li>
<a href="buttons.html">Buttons</a> <a href="buttons.html">Buttons</a>

2
tables.html
View File

@@ -292,7 +292,7 @@
<!-- /.nav-second-level --> <!-- /.nav-second-level -->
</li> </li>
<li> <li>
<a class="active" href="tables.html"><i class="fa fa-table fa-fw"></i> Tables</a> <a href="tables.html"><i class="fa fa-table fa-fw"></i> Tables</a>
</li> </li>
<li> <li>
<a href="forms.html"><i class="fa fa-edit fa-fw"></i> Forms</a> <a href="forms.html"><i class="fa fa-edit fa-fw"></i> Forms</a>

4
typography.html
View File

@@ -294,7 +294,7 @@
<li> <li>
<a href="forms.html"><i class="fa fa-edit fa-fw"></i> Forms</a> <a href="forms.html"><i class="fa fa-edit fa-fw"></i> Forms</a>
</li> </li>
<li class="active"> <li>
<a href="#"><i class="fa fa-wrench fa-fw"></i> UI Elements<span class="fa arrow"></span></a> <a href="#"><i class="fa fa-wrench fa-fw"></i> UI Elements<span class="fa arrow"></span></a>
<ul class="nav nav-second-level"> <ul class="nav nav-second-level">
<li> <li>
@@ -307,7 +307,7 @@
<a href="notifications.html">Notifications</a> <a href="notifications.html">Notifications</a>
</li> </li>
<li> <li>
<a class="active" href="typography.html">Typography</a> <a href="typography.html">Typography</a>
</li> </li>
<li> <li>
<a href="icons.html"> Icons</a> <a href="icons.html"> Icons</a>