PlainAdmin / plain-free-bootstrap-admin-template

Free Vanilla JavaScript Bootstrap 5 Admin and Dashboard Template that comes with all essential dashboard components, elements, charts, graph and application pages.
https://plainadmin.com/
MIT License
352 stars 60 forks source link

Active for slidebar #15

Closed izaass closed 1 year ago

izaass commented 1 year ago

Help me set active for slidebar using jquery:

$(function () {
  var url = window.location.href;
  $(".sidebar-nav a").each(function () {
    if (url === this.href) {
      console.log(url);
      console.log(this.href);
      $(this).addClass("active");
      $(this).closest(".nav-item.nav-item-has-children").find("a[data-bs-toggle='collapse']").removeClass("collapsed");
      $(this).closest(".nav-item.nav-item-has-children").find(".collapse.dropdown-nav").addClass("show").attr("aria-expanded", "true");
      $(this).closest(".nav-item.nav-item-has-children").find(".collapse.dropdown-nav li a").addClass("active");
    } else {
      $(this).removeClass("active");
      $(this).closest(".nav-item.nav-item-has-children").find("a[data-bs-toggle='collapse']").addClass("collapsed");
      $(this).closest(".nav-item.nav-item-has-children").find(".collapse.dropdown-nav li a").removeClass("active");
    }
  });
  $(".nav-item").each(function () {
    if ($(this).find("a.active").length > 0) {
      $(this).addClass("active");
    } else {
      $(this).removeClass("active");
    }
  });
});
Musharofchy commented 1 year ago

We don't use jQuery as dependency :)