mastercut/public/assets/admin/js/script.js

(function ($) {
    "use strict";
    $(document).on("click", function (e) {
        var outside_space = $(".outside");
        if (
            !outside_space.is(e.target) &&
            outside_space.has(e.target).length === 0
        ) {
            $(".menu-to-be-close").removeClass("d-block");
            $(".menu-to-be-close").css("display", "none");
        }
    });

    $(".prooduct-details-box .close").on("click", function (e) {
        var tets = $(this).parent().parent().parent().parent().addClass("d-none");
        console.log(tets);
    });

    if ($(".page-wrapper").hasClass("horizontal-wrapper")) {
        $(".sidebar-list").hover(
            function () {
                $(this).addClass("hoverd");
            },
            function () {
                $(this).removeClass("hoverd");
            }
        );
        $(window).on("scroll", function () {
            if ($(this).scrollTop() < 600) {
                $(".sidebar-list").removeClass("hoverd");
            }
        });
    }

    /*----------------------------------------
       password show hide
       ----------------------------------------*/
    $(".show-hide").show();
    $(".show-hide span").addClass("show");

    $(".show-hide span").click(function () {
        if ($(this).hasClass("show")) {
            $('#password').attr("type", "text");
            $(this).removeClass("show");
        } else {
            $('#password').attr("type", "password");
            $(this).addClass("show");
        }
    });
    $('form button[type="submit"]').on("click", function () {
        $(".show-hide span").addClass("show");
        $(".show-hide")
            .parent()
            .find('#password')
            .attr("type", "password");
    });

    /*=====================
        02. Background Image js
        ==========================*/
    $(".bg-center").parent().addClass("b-center");
    $(".bg-img-cover").parent().addClass("bg-size");
    $(".bg-img-cover").each(function () {
        var el = $(this),
            src = el.attr("src"),
            parent = el.parent();
        parent.css({
            "background-image": "url(" + src + ")",
            "background-size": "cover",
            "background-position": "center",
            display: "block",
        });
        el.hide();
    });

    $(".mega-menu-container").css("display", "none");
    $(".header-search").click(function () {
        $(".search-full").addClass("open");
    });
    $(".close-search").click(function () {
        $(".search-full").removeClass("open");
        $("body").removeClass("offcanvas");
    });
    $(".mobile-toggle").click(function () {
        $(".nav-menus").toggleClass("open");
    });
    $(".mobile-toggle-left").click(function () {
        $(".left-header").toggleClass("open");
    });
    $(".bookmark-search").click(function () {
        $(".form-control-search").toggleClass("open");
    });
    $(".filter-toggle").click(function () {
        $(".product-sidebar").toggleClass("open");
    });
    $(".toggle-data").click(function () {
        $(".product-wrapper").toggleClass("sidebaron");
    });
    $(".form-control-search input").keyup(function (e) {
        if (e.target.value) {
            $(".page-wrapper").addClass("offcanvas-bookmark");
        } else {
            $(".page-wrapper").removeClass("offcanvas-bookmark");
        }
    });
    $(".search-full input").keyup(function (e) {
        console.log(e.target.value);
        if (e.target.value) {
            $("body").addClass("offcanvas");
        } else {
            $("body").removeClass("offcanvas");
        }
    });

    $("body").keydown(function (e) {
        if (e.keyCode == 27) {
            $(".search-full input").val("");
            $(".form-control-search input").val("");
            $(".page-wrapper").removeClass("offcanvas-bookmark");
            $(".search-full").removeClass("open");
            $(".search-form .form-control-search").removeClass("open");
            $("body").removeClass("offcanvas");
        }
    });
    $(".mode").on("click", function () {
        const bodyModeDark = $("body").hasClass("dark-only");

        if (!bodyModeDark) {
            $(".mode").addClass("active");
            localStorage.setItem("mode-cuba", "dark-only");
            $("body").addClass("dark-only");
            $("body").removeClass("light");
        }
        if (bodyModeDark) {
            $(".mode").removeClass("active");
            localStorage.setItem("mode-cuba", "light");
            $("body").removeClass("dark-only");
            $("body").addClass("light");
        }
    });
    $("body").addClass(
        localStorage.getItem("mode-cuba")
            ? localStorage.getItem("mode-cuba")
            : "light"
    );
    $(".mode").addClass(
        localStorage.getItem("mode-cuba") === "dark-only" ? "active" : " "
    );

    // sidebar filter
    $(".md-sidebar .md-sidebar-toggle ").on("click", function (e) {
        $(".md-sidebar .md-sidebar-aside ").toggleClass("open");
    });

    $(".loader-wrapper").fadeOut("slow", function () {
        $(this).remove();
    });

    $(window).on("scroll", function () {
        if ($(this).scrollTop() > 600) {
            $(".tap-top").fadeIn();
        } else {
            $(".tap-top").fadeOut();
        }
    });

    $(".tap-top").click(function () {
        $("html, body").animate(
            {
                scrollTop: 0,
            },
            600
        );
        return false;
    });
    (function ($, window, document, undefined) {
        "use strict";
        var $ripple = $(".js-ripple");
        $ripple.on("click.ui.ripple", function (e) {
            var $this = $(this);
            var $offset = $this.parent().offset();
            var $circle = $this.find(".c-ripple__circle");
            var x = e.pageX - $offset.left;
            var y = e.pageY - $offset.top;
            $circle.css({
                top: y + "px",
                left: x + "px",
            });
            $this.addClass("is-active");
        });
        $ripple.on(
            "animationend webkitAnimationEnd oanimationend MSAnimationEnd",
            function (e) {
                $(this).removeClass("is-active");
            }
        );
    })(jQuery, window, document);

    // active link

    $(".chat-menu-icons .toogle-bar").click(function () {
        $(".chat-menu").toggleClass("show");
    });

    // Language
    var tnum = "en";

    $(document).ready(function () {
        if (localStorage.getItem("primary") != null) {
            var primary_val = localStorage.getItem("primary");
            $("#ColorPicker1").val(primary_val);
            var secondary_val = localStorage.getItem("secondary");
            $("#ColorPicker2").val(secondary_val);
        }

        $(document).click(function (e) {
            $(".translate_wrapper, .more_lang").removeClass("active");
        });
        $(".translate_wrapper .current_lang").click(function (e) {
            e.stopPropagation();
            $(this).parent().toggleClass("active");

            setTimeout(function () {
                $(".more_lang").toggleClass("active");
            }, 5);
        });

        /*TRANSLATE*/
        translate(tnum);

        $(".more_lang .lang").click(function () {
            $(this).addClass("selected").siblings().removeClass("selected");
            $(".more_lang").removeClass("active");

            var i = $(this).find("i").attr("class");
            var lang = $(this).attr("data-value");
            var tnum = lang;
            translate(tnum);

            $(".current_lang .lang-txt").text(lang);
            $(".current_lang i").attr("class", i);
        });
    });

    function translate(tnum) {
        $(".lan-1").text(trans[0][tnum]);
        $(".lan-2").text(trans[1][tnum]);
        $(".lan-3").text(trans[2][tnum]);
        $(".lan-4").text(trans[3][tnum]);
        $(".lan-5").text(trans[4][tnum]);
        $(".lan-6").text(trans[5][tnum]);
        $(".lan-7").text(trans[6][tnum]);
        $(".lan-8").text(trans[7][tnum]);
        $(".lan-9").text(trans[8][tnum]);
    }

    var trans = [
        {
            en: "General",
            pt: "Geral",
            es: "Generalo",
            fr: "Générale",
            de: "Generel",
            cn: "一般",
            ae: "حجنرال لواء",
        },
        {
            en: "Dashboards,widgets & layout.",
            pt: "Painéis, widgets e layout.",
            es: "Paneloj, fenestraĵoj kaj aranĝo.",
            fr: "Tableaux de bord, widgets et mise en page.",
            de: "Dashboards, widgets en lay-out.",
            cn: "仪表板，小工具和布局。",
            ae: "لوحات المعلومات والأدوات والتخطيط.",
        },
        {
            en: "Dashboards",
            pt: "Painéis",
            es: "Paneloj",
            fr: "Tableaux",
            de: "Dashboards",
            cn: " 仪表板 ",
            ae: "وحات القيادة ",
        },
        {
            en: "Default",
            pt: "Padrão",
            es: "Vaikimisi",
            fr: "Défaut",
            de: "Standaard",
            cn: "電子商務",
            ae: "وإفتراضي",
        },
        {
            en: "Ecommerce",
            pt: "Comércio eletrônico",
            es: "Komerco",
            fr: "Commerce électronique",
            de: "E-commerce",
            cn: "電子商務",
            ae: "والتجارة الإلكترونية",
        },
        {
            en: "Widgets",
            pt: "Ferramenta",
            es: "Vidin",
            fr: "Widgets",
            de: "Widgets",
            cn: "小部件",
            ae: "والحاجيات",
        },
        {
            en: "Page layout",
            pt: "Layout da página",
            es: "Paĝa aranĝo",
            fr: "Tableaux",
            de: "Mise en page",
            cn: "é é¢ä½ˆå±€",
            ae: "وتخطيط الصفحة",
        },
        {
            en: "Applications",
            pt: "Formulários",
            es: "Aplikoj",
            fr: "Applications",
            de: "Toepassingen",
            cn: "æ‡‰ç”¨é ˜åŸŸ",
            ae: "والتطبيقات",
        },
        {
            en: "Ready to use Apps",
            pt: "Pronto para usar aplicativos",
            es: "Preta uzi Apps",
            fr: " Applications prêtes à lemploi ",
            de: "Klaar om apps te gebruiken",
            cn: "仪表板",
            ae: "جاهز لاستخدام التطبيقات",
        },
    ];

    $(".mobile-title svg").click(function () {
        $(".header-mega").toggleClass("d-block");
    });

    $(".onhover-dropdown").on("click", function () {
        $(this).children(".onhover-show-div").toggleClass("active");
    });

    $("#flip-btn").click(function () {
        $(".flip-card-inner").addClass("flipped");
    });

    $("#flip-back").click(function () {
        $(".flip-card-inner").removeClass("flipped");
    });
})(jQuery);