From 65f370e23efb76564c72ccda825a5c8a901bc583 Mon Sep 17 00:00:00 2001 From: Abdullah Almsaeed Date: Sun, 22 Apr 2018 20:15:55 -0400 Subject: [PATCH] Add navbar border checkbox --- dist/js/demo.js | 23 +++++++++++++++++++++-- 1 file changed, 21 insertions(+), 2 deletions(-) diff --git a/dist/js/demo.js b/dist/js/demo.js index f7dafe69b..1f5c6757d 100644 --- a/dist/js/demo.js +++ b/dist/js/demo.js @@ -60,6 +60,26 @@ $container.append($navbar_variants) + var $checkbox_container = $('
', { + 'class': 'mb-4' + }) + var $navbar_border = $('', { + type : 'checkbox', + value : 1, + checked: $('.main-header').hasClass('border-bottom'), + 'class': 'mr-1' + }).on('click', function () { + if ($(this).is(':checked')) { + $('.main-header').addClass('border-bottom') + } else { + $('.main-header').removeClass('border-bottom') + } + console.log($(this).is(':checked'), 'hi') + }) + $checkbox_container.append($navbar_border) + $checkbox_container.append('Navbar border') + $container.append($checkbox_container) + var sidebar_colors = [ 'bg-primary', @@ -116,7 +136,6 @@ console.log('added ' + sidebar_class) })) - var logo_skins = navbar_all_colors $container.append('
Brand Logo Variants
') var $logo_variants = $('
', { @@ -125,7 +144,7 @@ $container.append($logo_variants) var $clear_btn = $('', { href: 'javascript:void(0)' - }).text('clear').on('click', function() { + }).text('clear').on('click', function () { var $logo = $('.brand-link') logo_skins.map(function (skin) { $logo.removeClass(skin)