One Hat Cyber Team

Your IP: 216.73.216.19
Server IP: 178.33.27.10
Server: Linux cpanel.dev-unit.com 3.10.0-1160.108.1.el7.x86_64 #1 SMP Thu Jan 25 16:17:31 UTC 2024 x86_64
Server Software: Apache/2.4.57 (Unix) OpenSSL/1.0.2k-fips
PHP Version: 8.2.11
Buat File | Buat Folder
Dir : ~/home/id/erp.dev-unit.com/public/assets/js/
View File Name : layout-tab.js

'use strict';
(function () {
document.getElementsByTagName('body')[0].setAttribute('data-dash-layout', 'tab');
const pc_link = document.querySelector('.dash-navbar').innerHTML;
var pc_tab_menu_list = document.querySelector('.tab-container > .tab-sidemenu > .dash-tab-link');
var pc_tab_link_list = document.querySelector('.tab-container > .tab-link > .navbar-content > .tab-content');

if (!!document.querySelector('.tab-container > .tab-sidemenu')) {
  new SimpleBar(document.querySelector('.tab-container > .tab-sidemenu'));
}

if (!!document.querySelector('.tab-container > .tab-link .navbar-content')) {
  new SimpleBar(document.querySelector('.tab-container > .tab-link .navbar-content'));
}

var elem = document.querySelectorAll('.dash-navbar li .dash-hasmenu');
for (var j = 0; j < elem.length; j++) {
  elem[j].style.display = 'none';
}

set_tab_menu();

// set tab menu
function set_tab_menu() {
  var pc_menu_list = document.querySelectorAll('.dash-navbar > li.dash-item');
  var pc_new_list = '';
  var flag_count = 0;
  var flag_hit = false;
  var temp_blank_list = "";

  pc_menu_list.forEach(function (item, list_index) {
    if (item.classList.contains('dash-caption')) {
      if (pc_tab_menu_list) {
        flag_count += 1;
        var tempicon = "";
        try {
          tempicon = item.children[1].outerHTML;
        }
        catch (err) {
          tempicon = item.children[0].innerHTML.charAt(0);
        }
        pc_tab_menu_list.insertAdjacentHTML(
          "beforeend",
          '<li class="nav-item" data-bs-toggle="tooltip" title="' + item.children[0].innerHTML + '"><a class="nav-link" id="dash-tab-link-' + flag_count + '" data-bs-target="#dash-tab-' + flag_count + '" role="tab" data-bs-toggle="tab" aria-controls="home-tab-pane"\
            "data-bs-placement="right">' +
          tempicon +
          '</a></li>'
        );

      }
      if (flag_hit === true) {
        
        if (pc_tab_link_list) {
          var tmp_flag_count = flag_count - 1;
          if (tmp_flag_count == 0) {
            temp_blank_list = pc_new_list;
          }
          if (tmp_flag_count == 1) {
            temp_blank_list += pc_new_list;
            pc_new_list = temp_blank_list;
            temp_blank_list = "";
          }
          pc_tab_link_list.insertAdjacentHTML(
            "beforeend",
            '<div class="tab-pane fade" id="dash-tab-' + tmp_flag_count + '" role="tabpanel" aria-labelledby="dash-tab-link-' + tmp_flag_count + '" tabindex="' + tmp_flag_count + '"><ul class="dash-navbar">\
              '+ pc_new_list + '\
              </ul></div>'
          );
          pc_new_list = "";
        }
      }
      item.remove();
    } else {
      pc_new_list += item.outerHTML;
      flag_hit = true;
      item.remove();
      if (list_index + 1 === pc_menu_list.length) {
        if (pc_tab_link_list) {
          var tmp_flag_count = flag_count;
          pc_tab_link_list.insertAdjacentHTML(
            "beforeend",
            '<div class="tab-pane fade" id="dash-tab-' + tmp_flag_count + '" role="tabpanel" aria-labelledby="dash-tab-link-' + tmp_flag_count + '" tabindex="' + tmp_flag_count + '"><ul class="dash-navbar">\
              '+ pc_new_list + '\
              </ul></div>'
          );
          pc_new_list = "";
        }
      }
    }
  });

  active_menu();
  // menuclick();
}

// set active item
function active_menu() {
  // active menu item list start
  var elem = document.querySelectorAll('.dash-sidebar .dash-navbar a');
  for (var l = 0; l < elem.length; l++) {

    var pageUrl = window.location.href.split(/[?#]/)[0];
    if (elem[l].href == pageUrl && elem[l].getAttribute('href') != '') {
      elem[l].parentNode.classList.add('active');

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

      elem[l].parentNode.parentNode.parentNode.parentNode.parentNode.classList.add('dash-trigger');
      elem[l].parentNode.parentNode.parentNode.parentNode.style.display = 'block';
      var temp_flag = true;
      var cont = elem[l];
      while (temp_flag) {
        var cont = cont.parentNode;
        if (cont.classList.contains('tab-pane')) {
          var active_tab = cont.getAttribute('id');
          
          const triggerEl = document.querySelector('.tab-sidemenu a[data-bs-target="#' + active_tab + '"]');
          var actTab = new bootstrap.Tab(triggerEl);
          actTab.show();

          scrollmenu(triggerEl,'.tab-container > .tab-sidemenu .simplebar-content-wrapper');

          var temp_flag = false;
        }
      }
      scrollmenu(elem[l],'.tab-container > .tab-link .navbar-content .simplebar-content-wrapper');
    }
  }
}

function scrollmenu(target,container){
  setTimeout(function () {
    // console.log(target);
    var element = document.querySelector(container);
    var off = target.getBoundingClientRect();
    var t = off.top;
    // console.log(t);
    element.scrollTop += t -80;
  }, 1000)
}

})();