- Make navigation bar collapse work by code instead of CSS classes.
- Collapse navigation bar on Escape key. Signed-off-by: Eric Riggs <ericriggs42@gmail.com>
This commit is contained in:
committed by
Roberto Rosario
parent
ac7cef2fd9
commit
c267933fb8
@@ -9,6 +9,7 @@ var partialNavigation = new PartialNavigation({
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
app.setupFullHeightResizing();
|
||||
app.setupNavbarCollapse();
|
||||
partialNavigation.initialize();
|
||||
});
|
||||
|
||||
|
||||
@@ -194,6 +194,20 @@ App.prototype.setupAutoSubmit = function () {
|
||||
});
|
||||
}
|
||||
|
||||
App.prototype.setupNavbarCollapse = function () {
|
||||
$(document).keyup(function(e) {
|
||||
if (e.keyCode === 27) {
|
||||
$('.navbar-collapse').collapse('hide');
|
||||
}
|
||||
});
|
||||
|
||||
$('body').on('click', 'a', function (event) {
|
||||
if (!$(this).hasAnyClass(['dropdown-toggle'])) {
|
||||
$('.navbar-collapse').collapse('hide');
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
App.prototype.setupNewWindowAnchor = function () {
|
||||
$('a.new_window').click(function (event) {
|
||||
event.preventDefault();
|
||||
|
||||
@@ -4,7 +4,7 @@
|
||||
<li class="text-center link-text-span" >{{ link.text }}</li>
|
||||
{% else %}
|
||||
{% if link.disabled %}
|
||||
<a class="{{ link.html_extra_classes }} {% if link_classes %}{{ link_classes }} {% else %}btn {% if 'dangerous' in link.tags %}btn-danger{% else %}btn-primary{% endif %} btn-xs{% endif %} {% if link.active %}{{ link_class_active }}{% endif %} {% if 'new_window' in link.tags %}new_window{% endif %} disabled" disabled='disabled' style="cursor: default;" href="#" data-toggle="collapse" data-target=".navbar-collapse">{% if link.icon %}<i class="hidden-xs hidden-sm hidden-md {{ link.icon }}"></i>{% endif %}{% if link.icon_class %}{{ link.icon_class.render }}{% endif %} {{ link.text }}{% if link.error %} - {{ link.error }}{% endif %}</a>{% if horizontal %}{% if not forloop.last %} {% endif %}{% endif %}
|
||||
<a class="{{ link.html_extra_classes }} {% if link_classes %}{{ link_classes }} {% else %}btn {% if 'dangerous' in link.tags %}btn-danger{% else %}btn-primary{% endif %} btn-xs{% endif %} {% if link.active %}{{ link_class_active }}{% endif %} {% if 'new_window' in link.tags %}new_window{% endif %} disabled" disabled='disabled' style="cursor: default;" href="#">{% if link.icon %}<i class="hidden-xs hidden-sm hidden-md {{ link.icon }}"></i>{% endif %}{% if link.icon_class %}{{ link.icon_class.render }}{% endif %} {{ link.text }}{% if link.error %} - {{ link.error }}{% endif %}</a>{% if horizontal %}{% if not forloop.last %} {% endif %}{% endif %}
|
||||
{% else %}
|
||||
<a
|
||||
class="{{ link.html_extra_classes }} {% if link_classes %}{{ link_classes }} {% else %}btn {% if 'dangerous' in link.tags %}btn-danger{% else %}btn-primary{% endif %} btn-xs{% endif %} {% if link.active %}{{ link_class_active }}{% endif %} {% if 'new_window' in link.tags %}new_window{% endif %}"
|
||||
@@ -13,7 +13,6 @@
|
||||
{% endfor %}
|
||||
|
||||
href="{{ link.url }}"
|
||||
data-toggle="collapse" data-target=".navbar-collapse"
|
||||
>{% if link.icon %}<i class="hidden-xs hidden-sm hidden-md {{ link.icon }}"></i>{% endif %}{% if link.icon_class %}{{ link.icon_class.render }}{% endif %} {{ link.text }}{% if link.error %} - {{ link.error }}{% endif %}</a>{% if horizontal %}{% if not forloop.last %} {% endif %}{% endif %}
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
|
||||
Reference in New Issue
Block a user