/* 
 * To change this license header, choose License Headers in Project Properties.
 * To change this template file, choose Tools | Templates
 * and open the template in the editor.
 */


(function ($) {
    Drupal.behaviors.hujiAppearance = {
        attach: function (context, settings) {
            var descHidden = false;

            function chooseInputField(e) {
                let prop = e.data.prop;
                $('body').attr(prop, e.currentTarget.value);

                $(e.data.class).removeClass("active");
                $(e.data.class).removeClass("checked");
                let $target = $(e.target);
                $target.closest(e.data.class).toggleClass("active");
            }

            function toggleClassThemeBlock(e) {
                $(this).closest('.block-huji-appearance').toggleClass("close-block");
            }

            var selectors = {
                colorWrapper: '.color-wrapper',
                closeBtn: '.close-btn',
                appearanceIcon: '.appearance_icon'
            };
            var blocks = {
                appearance: '#block-huji-appearance-site-appearance',
                design: '#block-huji-appearance-design-blocks'
            };

            $('#huji-appearance-form .form-item-theme-color [type="radio"]').on("click", {
                class: selectors.colorWrapper,
                prop: 'data-theme',
            }, chooseInputField);
            $(blocks.appearance).find(selectors.appearanceIcon + ", " + selectors.closeBtn).off("click").on("click", toggleClassThemeBlock);
            $(blocks.design).find(selectors.appearanceIcon + ", " + selectors.closeBtn).off("click").on("click", toggleClassThemeBlock);

            //$(selectors.appearanceIcon + ", " + selectors.closeBtn).on("click", toggleClassThemeBlock);

            //hide desc after 3 sec
            if (!descHidden) {
                setTimeout(function () {
                    $('.desc').hide("fast");
                    descHidden = true;
                }, 3000);
            }
        }
    };
}(jQuery));
;/*})'"*/;/*})'"*/