FM / import

/var/www/vhosts/ihelp.ro/httpdocs/webroot.dev/js/import/

/var/www/vhosts/ihelp.ro/httpdocs/webroot.dev/js/import

Name	Size	Mode	Actions
AjaxForm.js	3131	0644	edit dl rm
Fancybox.js	752	0644	edit dl rm
Newsletter.js	1570	0644	edit dl rm
Search.js	2939	0644	edit dl rm
Slider.js	496	0644	edit dl rm

Edit: /var/www/vhosts/ihelp.ro/httpdocs/webroot.dev/js/import/Search.js (2939B)

var blockSearch = {
    $search: $("#block__search"),
    $activator: $("#block__search__activator"),
    $activatorMobile: $("#block__search__activator--mobile"),
    $input: $("#block__search__input"),
    $close: $("#block__search__close"),
    $results: $("#block__search__results"),
};

$(document).ready(function () {
    // --------------------------------
    // Toggle the search box
    // --------------------------------
    var blockSearchToggle = () => {
        $(blockSearch.$search).toggleClass("is-active");
        $("#app").toggleClass("is-blur");
        $(blockSearch.$input).focus();
    };

// --------------------------------
    // Populate block search
    // --------------------------------
    var blockSearchPopulate = (results) => {
        $(blockSearch.$results).html("");
        $.each(results, function (key, result) {
            var li = $(
                "<li><a href='" +
                    result.url +
                    "'>" +
                    "<img src='" +
                    result.image +
                    "' />" +
                    result.name +
                    "</a></li>"
            );
            $(blockSearch.$results).append(li);
        });
    };

// --------------------------------
    // When to toggle
    // --------------------------------
    blockSearch.$activator.on("click", function () {
        blockSearchToggle();
    });

blockSearch.$activatorMobile.on("click", function () {
        blockSearchToggle();
    });

blockSearch.$close.on("click", function () {
        blockSearchToggle();
    });

// --------------------------------
    // Dynamic searching
    // --------------------------------
    blockSearch.$input.on("keyup", function () {
        var string = $(this).val();
        if (string.length > 3) {
            var url = "/search/ajax/search.json";
            var json = {
                query: string,
            };
            $.ajax({
                url: url,
                type: "post",
                data: json,
                success: function (response) {
                    if (response.response.code == 200) {
                        blockSearchPopulate(response.response.data);
                    } else {
                    }
                },
                error: function () {},
            });
        } else {
            blockSearch.$results.text("Scrie măcar 3 litere pentru a căuta");
        }
    });

// --------------------------------
    // Mouse leave
    // --------------------------------
    $(document).mouseup(function (e) {
        if (blockSearch.$search.hasClass("is-active")) {
            if (
                !blockSearch.$search.is(e.target) &&
                !blockSearch.$activator.is(e.target) &&
                blockSearch.$search.has(e.target).length === 0
            ) {
                blockSearchToggle();
            }
        }
    });
});

cmd: