MAINHACK

Viewing / Editing File: dash.js

"use strict";
var flg = "0";
document.addEventListener("DOMContentLoaded", function () {
  // feather icon start
  feather.replace();
  // feather icon end
  // remove pre-loader start
  setTimeout(function () {
    document.querySelector(".loader-bg").remove();
  }, 400);
  // remove pre-loader end
  if (!document.querySelector("body").classList.contains("dash-horizontal")) {
    addscroller();
  }
  if (document.querySelector("body").classList.contains("dash-horizontal")) {
    if (
      document
        .querySelector(".dash-horizontal")
        .classList.contains("navbar-overlay")
    ) {
      addscroller();
    }
  }
  var hamburger = document.querySelector(".hamburger:not(.is-active)");
  if (hamburger) {
    hamburger.addEventListener("click", function () {
      if (
        document.querySelector(".hamburger").classList.contains("is-active")
      ) {
        document.querySelector(".hamburger").classList.remove("is-active");
      } else {
        document.querySelector(".hamburger").classList.add("is-active");
      }
    });
  }
  // Menu overlay layout start
  var tempoverlaymenu = document.querySelector("#overlay-menu");
  if (tempoverlaymenu) {
    tempoverlaymenu.addEventListener("click", function () {
      menuclick();
      if (
        document
          .querySelector(".dash-sidebar")
          .classList.contains("dash-over-menu-active")
      ) {
        rmovermenu();
      } else {
        document
          .querySelector(".dash-sidebar")
          .classList.add("dash-over-menu-active");
        document
          .querySelector(".dash-sidebar")
          .insertAdjacentHTML(
            "beforeend",
            '<div class="dash-menu-overlay"></div>'
          );
        document
          .querySelector(".dash-menu-overlay")
          .addEventListener("click", function () {
            rmovermenu();
            document.querySelector(".hamburger").classList.remove("is-active");
          });
      }
    });
  }
  // Menu overlay layout end
  // vertical-nav-toggle start

var verticalnavtoggle = document.querySelector("#vertical-nav-toggle");
  if (verticalnavtoggle) {
    verticalnavtoggle.addEventListener("click", function () {
      if (document.body.classList.contains("minimenu")) {
        document.body.classList.remove("minimenu");
        // menuclick();

// ===============
        var elem = document.querySelectorAll(
          ".dash-navbar li:not(.dash-trigger) .dash-submenu"
        );
        for (var j = 0; j < elem.length; j++) {
          elem[j].style.display = "none";
        }
        // ===============
      } else {
        document.body.classList.add("minimenu");
        var tc = document.querySelectorAll(".dash-navbar li .dash-submenu");
        for (var t = 0; t < tc.length; t++) {
          var c = tc[t];
          c.removeAttribute("style");
        }
        collapseedge();
      }
    });
  }
  // vertical-nav-toggle end
  // Menu collapse click start
  var mobilecollapsever = document.querySelector("#mobile-collapse");
  if (mobilecollapsever) {
    mobilecollapsever.addEventListener("click", function () {
      if (
        !document.querySelector("body").classList.contains("dash-horizontal")
      ) {
        // menuclick();
      }
      var tempsdbr = document.querySelector(".dash-sidebar");
      if (tempsdbr) {
        if (
          document
            .querySelector(".dash-sidebar")
            .classList.contains("mob-sidebar-active")
        ) {
          rmmenu();
        } else {
          document
            .querySelector(".dash-sidebar")
            .classList.add("mob-sidebar-active");
          document
            .querySelector(".dash-sidebar")
            .insertAdjacentHTML(
              "beforeend",
              '<div class="dash-menu-overlay"></div>'
            );
          document
            .querySelector(".dash-menu-overlay")
            .addEventListener("click", function () {
              document
                .querySelector(".hamburger")
                .classList.remove("is-active");
              rmmenu();
            });
        }
      }
    });
  }
  // Menu collapse click end

// Menu collapse click start
  var mobilecollapse = document.querySelector(
    ".dash-horizontal #mobile-collapse"
  );
  if (mobilecollapse) {
    mobilecollapse.addEventListener("click", function () {
      if (
        document
          .querySelector(".topbar")
          .classList.contains("mob-sidebar-active")
      ) {
        rmmenu();
      } else {
        document.querySelector(".topbar").classList.add("mob-sidebar-active");
        document
          .querySelector(".topbar")
          .insertAdjacentHTML(
            "beforeend",
            '<div class="dash-menu-overlay"></div>'
          );
        document
          .querySelector(".dash-menu-overlay")
          .addEventListener("click", function () {
            rmmenu();
            document.querySelector(".hamburger").classList.remove("is-active");
          });
      }
    });
  }
  // Menu collapse click end
  // mobile header click start
  // document
  //   .querySelector("#header-collapse")
  //   .addEventListener("click", function () {
  //     if (
  //       document
  //         .querySelector(".dash-header:not(.dash-mob-header)")
  //         .classList.contains("mob-header-active")
  //     ) {
  //       rmthead();
  //     } else {
  //       document
  //         .querySelector(".dash-header:not(.dash-mob-header)")
  //         .classList.add("mob-header-active");
  //       document
  //         .querySelector(".dash-header:not(.dash-mob-header)")
  //         .insertAdjacentHTML(
  //           "beforeend",
  //           '<div class="dash-md-overlay"></div>'
  //         );
  //       document
  //         .querySelector(".dash-md-overlay")
  //         .addEventListener("click", function () {
  //           rmthead();
  //         });
  //     }
  //   });
  // document
  //   .querySelector("#headerdrp-collapse")
  //   .addEventListener("click", function () {
  //     if (
  //       document
  //         .querySelector(".dash-header:not(.dash-mob-header) .dash-mob-drp")
  //         .classList.contains("mob-drp-active")
  //     ) {
  //       rmdrp();
  //     } else {
  //       document
  //         .querySelector(".dash-header:not(.dash-mob-header) .dash-mob-drp")
  //         .classList.add("mob-drp-active");
  //       document
  //         .querySelector(".dash-header:not(.dash-mob-header)")
  //         .insertAdjacentHTML(
  //           "beforeend",
  //           '<div class="dash-md-overlay"></div>'
  //         );
  //       document
  //         .querySelector(".dash-md-overlay")
  //         .addEventListener("click", function () {
  //           rmdrp();
  //         });
  //     }
  //   });
  // mobile header click end
  // Horizontal menu click js start
  var topbarlinklist = document.querySelector(
    ".dash-horizontal .topbar .dash-navbar>li>a"
  );
  if (topbarlinklist) {
    topbarlinklist.addEventListener("click", function (e) {
      var targetElement = e.target;
      setTimeout(function () {
        targetElement.parentNodes.children[1].removeAttribute("style");
      }, 1000);
    });
  }
  // Horizontal menu click js end

function horizontalmobilemenuclick() {
  var vw = window.innerWidth;
  var pcnavlinklist = document.querySelector(".dash-navbar li");
  if (pcnavlinklist) {
    pcnavlinklist.removeEventListener("click", function () {});
  }

// Menu click start
function addscroller() {
  rmmini();
  menuclick();
  // Menu scrollbar start
  if (document.querySelector(".navbar-content")) {
    var px = new SimpleBar(document.querySelector(".navbar-content"), {
      autoHide: true
    });
    // var px = new PerfectScrollbar(".navbar-content", {
    //   wheelSpeed: 0.5,
    //   swipeEasing: 0,
    //   suppressScrollX: !0,
    //   wheelPropagation: 1,
    //   minScrollbarLength: 40,
    // });
  }
  // Menu scrollbar end
}
// Menu click start
function menuclick() {
  var vw = window.innerWidth;
  var elem = document.querySelectorAll(".dash-navbar li");
  for (var j = 0; j < elem.length; j++) {
    elem[j].removeEventListener("click", function () {});
  }

if (!document.querySelector("body").classList.contains("minimenu")) {
    var elem = document.querySelectorAll(
      ".dash-navbar li:not(.dash-trigger) .dash-submenu"
    );
    for (var j = 0; j < elem.length; j++) {
      elem[j].style.display = "none";
    }
    var pclinkclick = document.querySelectorAll(
      ".dash-navbar > li:not(.dash-caption)"
    );
    for (var i = 0; i < pclinkclick.length; i++) {
      pclinkclick[i].addEventListener("click", function (event) {
        event.stopPropagation();
        var targetElement = event.target;
        if (targetElement.tagName == "SPAN") {
          targetElement = targetElement.parentNode;
        }
        if (targetElement.parentNode.classList.contains("dash-trigger")) {
          targetElement.parentNode.classList.remove("dash-trigger");
          // targetElement.parentNode.children[1].style.display = "none";
          slideUp(targetElement.parentNode.children[1], 200);
        } else {
          var tc = document.querySelectorAll("li.dash-trigger");
          for (var t = 0; t < tc.length; t++) {
            var c = tc[t];
            c.classList.remove("dash-trigger");
            slideUp(c.children[1], 200);
          }
          targetElement.parentNode.classList.add("dash-trigger");
          var tmp = targetElement.children[1];
          if (tmp) {
            slideDown(targetElement.parentNode.children[1], 200);
          }
        }
      });
    }
    var pcsublinkclick = document.querySelectorAll(
      ".dash-navbar > li:not(.dash-caption) li"
    );
    for (var i = 0; i < pcsublinkclick.length; i++) {
      pcsublinkclick[i].addEventListener("click", function (event) {
        var targetElement = event.target;
        if (targetElement.tagName == "SPAN") {
          targetElement = targetElement.parentNode;
        }
        event.stopPropagation();
        if (targetElement.parentNode.classList.contains("dash-trigger")) {
          targetElement.parentNode.classList.remove("dash-trigger");
          slideUp(targetElement.parentNode.children[1], 200);
        } else {
          var tc = targetElement.parentNode.parentNode.children;
          for (var t = 0; t < tc.length; t++) {
            var c = tc[t];
            c.classList.remove("dash-trigger");
            if (c.tagName == "LI") {
              c = c.children[0];
            }
            if (c.parentNode.classList.contains("dash-hasmenu")) {
              slideUp(c.parentNode.children[1], 200);
            }
          }
          targetElement.parentNode.classList.add("dash-trigger");
          var tmp = targetElement.parentNode.children[1];
          if (tmp) {
            tmp.removeAttribute("style");
            slideDown(tmp, 200);
          }
        }
      });
    }
  }
}

function rmdrp() {
  document
    .querySelector(".dash-header:not(.dash-mob-header) .dash-mob-drp")
    .classList.remove("mob-drp-active");
  document
    .querySelector(".dash-header:not(.dash-mob-header) .dash-md-overlay")
    .remove();
}

function rmthead() {
  document
    .querySelector(".dash-header:not(.dash-mob-header)")
    .classList.remove("mob-header-active");
  document
    .querySelector(".dash-header:not(.dash-mob-header) .dash-md-overlay")
    .remove();
}

function rmmenu() {
  var tempov = document.querySelector(".dash-sidebar");
  if (tempov) {
    document
      .querySelector(".dash-sidebar")
      .classList.remove("mob-sidebar-active");
  }
  if (document.querySelector(".topbar")) {
    document.querySelector(".topbar").classList.remove("mob-sidebar-active");
  }

document.querySelector(".dash-sidebar .dash-menu-overlay").remove();
  document.querySelector(".topbar .dash-menu-overlay").remove();
}

function rmovermenu() {
  document
    .querySelector(".dash-sidebar")
    .classList.remove("dash-over-menu-active");
  if (document.querySelector(".topbar")) {
    document.querySelector(".topbar").classList.remove("mob-sidebar-active");
  }
  document.querySelector(".dash-sidebar .dash-menu-overlay").remove();
  document.querySelector(".topbar .dash-menu-overlay").remove();
}

function rmactive() {
  document
    .querySelector(".dash-sidebar .dash-navbar li")
    .classList.remove("active");
  document
    .querySelector(".dash-sidebar .dash-navbar li")
    .classList.remove("dash-trigger");
  document.querySelector(".topbar .dropdown").classList.remove("show");
  document.querySelector(".topbar .dropdown-menu").classList.remove("show");
  document.querySelector(".dash-sidebar .dash-menu-overlay").remove();
  document.querySelector(".topbar .dash-menu-overlay").remove();
}

// Menu click end
window.addEventListener("resize", function () {
  if (!document.querySelector("body").classList.contains("dash-horizontal")) {
    rmmini();
    // menuclick();
  }
  if (document.querySelector("body").classList.contains("dash-horizontal")) {
    rmactive();
  }
});

elem[
      l
    ].parentNode.parentNode.parentNode.parentNode.parentNode.classList.add(
      "active"
    );
    elem[
      l
    ].parentNode.parentNode.parentNode.parentNode.parentNode.classList.add(
      "dash-trigger"
    );
    elem[l].parentNode.parentNode.parentNode.parentNode.style.display = "block";

// elem[i].parentNode('li').parentNode().parentNode('.sidelink').classList.add("active");
    // elem[i].parentNodes('.dash-tabcontent').classList.add('active');
    if (document.body.classList.contains("tab-layout")) {
      var temp = document
        .querySelector(".dash-tabcontent.active")
        .getAttribute("data-value");
      document
        .querySelector(".tab-sidemenu > ul > li")
        .classList.remove("active");
      document
        .querySelector('.tab-sidemenu > ul > li > a[data-cont="' + temp + '"]')
        .parentNode.classList.add("active");
    }
  }
}
// scroll to active menu
function scrolltargetmenu(value) {
  document.addEventListener("DOMContentLoaded", function () {
    if (document.querySelector(".navbar-content")) {
      var elm = value;
      var off = elm.getBoundingClientRect();
      var t = off.top;
      if (t > 300) {
        document.querySelector(".navbar-content").scrollTop = t - 300;
      }
    }
  })
}

// Menu click for tab Layout start
var tablayclick = document.querySelector(".tab-sidemenu > ul > li");
if (tablayclick) {
//   console.log("condition");
  var tc = document.querySelectorAll(".tab-sidemenu > ul > li");
  for (var t = 0; t < tc.length; t++) {
    var c = tc[t];
    c.addEventListener("click", function (event) {
      var targetElement = event.target;
      if (targetElement.tagName == "A") {
        targetElement = targetElement.parentNode;
      }
      if (targetElement.tagName == "I") {
        targetElement = targetElement.parentNode.parentNode;
      }
      var tempcont = targetElement.children[0].getAttribute("data-cont");
      document
        .querySelector(".navbar-content .dash-tabcontent.active")
        .classList.remove("active");
      document
        .querySelector(".tab-sidemenu > ul > li.active")
        .classList.remove("active");
      targetElement.classList.add("active");
    //   console.log(tempcont);
      document
        .querySelector(
          '.navbar-content .dash-tabcontent[data-value="' + tempcont + '"]'
        )
        .classList.add("active");
    });
  }
}
// Menu click for tab Layout end
// nested Layout start
var pctogglesidemenu = document.querySelector(".dash-toggle-sidemenu");
if (pctogglesidemenu) {
  pctogglesidemenu.addEventListener("click", function () {
    if (
      !document
        .querySelector(".dash-toggle-sidemenu")
        .classList.contains("active")
    ) {
      document.querySelector(".dash-sideoverlay").classList.add("active");
      document.querySelector(".page-sidebar").classList.add("active");
      document.querySelector(".dash-toggle-sidemenu").classList.add("active");
    } else {
      document.querySelector(".dash-sideoverlay").classList.remove("active");
      document.querySelector(".page-sidebar").classList.remove("active");
      document
        .querySelector(".dash-toggle-sidemenu")
        .classList.remove("active");
    }
  });
}
var pcovelayclk = document.querySelector(
  ".dash-sideoverlay, .dash-toggle-sidemenu.active"
);
if (pcovelayclk) {
  pcovelayclk.addEventListener("click", function () {
    document.querySelector(".dash-sideoverlay").classList.remove("active");
    document.querySelector(".page-sidebar").classList.remove("active");
    document.querySelector(".dash-toggle-sidemenu").classList.remove("active");
  });
}
// nested Layout end

if (document.querySelector("body").classList.contains("layout-topbar")) {
  var tplink = document.querySelectorAll(
    ".dash-header .list-unstyled > .dropdown"
  );
  for (var t = 0; t < tplink.length; t++) {
    var c = tplink[t];
    c.addEventListener("mouseenter", showmenu);
    c.addEventListener("mouseleave", hidemenu);
  }
}

function showmenu(event) {
  event.target.children[1].classList.add("show");
}

function hidemenu(event) {
  event.target.children[1].classList.remove("show");
}
// topbar Layout end
// horizontal submenu edge start
if (document.querySelector("body").classList.contains("dash-horizontal")) {
  var hpx;
  var docH = window.innerHeight;
  var docW = window.innerWidth;

if (docW > 1024) {
    var topbarhasmenu = document.querySelector(
      ".dash-horizontal .topbar .dash-submenu .dash-hasmenu"
    );
    if (topbarhasmenu) {
      topbarhasmenu.addEventListener(
        "mouseenter",
        function () {
          var elm = targetElement.children[1];
          var off = elm.getBoundingClientRect();
          var l = off.left;
          var t = off.top;
          var w = off.width;
          var h = off.height;
          var scrw = document.documentElement.scrollTop;

// =======================================================
// =======================================================
let slideUp = (target, duration = 0) => {
  target.style.transitionProperty = "height, margin, padding";
  target.style.transitionDuration = duration + "ms";
  target.style.boxSizing = "border-box";
  target.style.height = target.offsetHeight + "px";
  target.offsetHeight;
  target.style.overflow = "hidden";
  target.style.height = 0;
  target.style.paddingTop = 0;
  target.style.paddingBottom = 0;
  target.style.marginTop = 0;
  target.style.marginBottom = 0;
};
let slideDown = (target, duration = 0) => {
  target.style.removeProperty("display");
  let display = window.getComputedStyle(target).display;

if (display === "none") display = "block";

target.style.display = display;
  let height = target.offsetHeight;
  target.style.overflow = "hidden";
  target.style.height = 0;
  target.style.paddingTop = 0;
  target.style.paddingBottom = 0;
  target.style.marginTop = 0;
  target.style.marginBottom = 0;
  target.offsetHeight;
  target.style.boxSizing = "border-box";
  target.style.transitionProperty = "height, margin, padding";
  target.style.transitionDuration = duration + "ms";
  target.style.height = height + "px";
  target.style.removeProperty("padding-top");
  target.style.removeProperty("padding-bottom");
  target.style.removeProperty("margin-top");
  target.style.removeProperty("margin-bottom");
  window.setTimeout(() => {
    target.style.removeProperty("height");
    target.style.removeProperty("overflow");
    target.style.removeProperty("transition-duration");
    target.style.removeProperty("transition-property");
  }, duration);
};
var slideToggle = (target, duration = 0) => {
  if (window.getComputedStyle(target).display === "none") {
    return slideDown(target, duration);
  } else {
    return slideUp(target, duration);
  }
};
// =======================================================
// =======================================================

Cancel / Back

[ MAINHACK ]

Viewing / Editing File: dash.js

Server Info

System Features

User Info