LilSchool/web/src/js/modules/common.js

import $ from 'jquery';
import Inputmask from "inputmask";
import SmoothScroll from 'smooth-scroll/dist/js/smooth-scroll';
import baguetteBox from 'baguettebox.js'

window.$ = window.jQuery = jQuery = $;
window.Inputmask = Inputmask;
window.baguetteBox = baguetteBox;

$(document).ready(function () {
    baguetteBox.run('.gallery');
    // Добавляем заголовок X-CSRFToken для всех AJAX запросов JQuery.
    $.ajaxSetup({
        headers: {
            'X-CSRFToken': $('meta[name="csrf-token"]').attr('content'),
            'Cache-Control': 'no-cache',
        }
    });

    // Инициируем начальное состояние шапки
    updateHeader();

    $(window).on('scroll', function () {
        updateHeader();
    });

    $(document).on('click', '[data-banner]', function(e){
       e.preventDefault();

        $.ajax('/hide-banner/'+$(this).data('banner'), {
                method: 'GET',
            })
            .done(function (data) {
                if (data.success === true) {
                    $('.banner').slideUp();
                }
            })
            .fail(function (xhr) {
                console.log('error', xhr);
                $('.banner').slideUp();
            })
    });
});

function updateHeader() {
    const scrollOffset = $(window).scrollTop();
    const headerElement = $('header');
    if (scrollOffset >= 130) {
        headerElement.css('background-color', '#fff');
    } else {
        headerElement.css('background-color', `rgba(255, 255, 255, ${scrollOffset / 130})`);
    }
    if (scrollOffset >= 150) {
        headerElement.addClass('header--shadow');
    } else {
        headerElement.removeClass('header--shadow');
    }

    if($('.banner').is(':visible')) {
        if(scrollOffset > 0) {
            if(scrollOffset <= 140) {
                headerElement.css('top', (140-scrollOffset)+'px');
            } else {
                headerElement.css('top', '0px');
            }
        } else {
            headerElement.css('top', '');
        }
    }
}