Bouss / boussimmo

import '../../scss/pages/property_ads/index.scss';

import '../../scss/pages/property_ads/property_ad.scss';

import '../../scss/pages/property_ads/filter_form.scss';

let $body = $('body');

let $filterForm = $('#filter-form');

let $sortSelect = $('#sort-select');

let $container = $('#property-ad-container');

let xhrCount = 0;

$filterForm.on('submit', function (e) {

    e.preventDefault();

    loadPropertyAds();

});

$sortSelect.on('change', function () {

    loadPropertyAds();

});

function loadPropertyAds() {

    let xhrId = ++xhrCount;

    $.ajax({

        type: 'GET',

        data: {

            filters: $filterForm

                .find(':input').filter(function () {

                    return '' !== $(this).val()

                })

                .serialize(),

            sort: $sortSelect.val()

        },

        beforeSend: function () {

            if ($body.find('.loader').length) {

                return;

            }

            $body.append('<div class="loader"></div>');

        },

        success: function (html) {

            if (xhrId !== xhrCount) {

                return;

            }

            $container.html(html);

            $('#result-count').html($container.find('> article').length);

            initTooltips();

        },

        complete: function () {

            if (xhrId !== xhrCount) {

                return;

            }

            $body.find('.loader').remove();

        }

    });

}

$(function() {

    $body.css('padding-bottom', ($('footer').outerHeight()));

    initTooltips();

    loadPropertyAds();

});