Last Piece Hacktivist Crew - File Manager

← Back

Editing: tlpportfolio.js

(function ($, window) {

window.pfpFixLazyLoadToAll = function () {
        $('.tlp-portfolio-container').each(function () {
            // jetpack Lazy load
            $(this).find('img.jetpack-lazy-image:not(.jetpack-lazy-image--handled)').each(function () {
                $(this).addClass('jetpack-lazy-image--handled').removeAttr('srcset').removeAttr('data-lazy-src').attr('data-lazy-loaded', 1);
            });

//
            $(this).find('img.lazyload').each(function () {
                var src = $(this).attr('data-src') || '';
                if (src) {
                    $(this).attr('src', src).removeClass('lazyload').addClass('lazyloaded');
                }
            });

$(this).find("img[data-lazy-src]:not(.lazyloaded)").each(function () {
                $imgUrl = $(this).data("lazy-src");
                $(this).attr('src', $imgUrl).addClass('lazyloaded');
            });
        });
    };

window.pfpFixLazyLoad = function (container) {
        if (container === undefined)
            return;

// jetpack Lazy load
        container.find('img.jetpack-lazy-image:not(.jetpack-lazy-image--handled)').each(function () {
            $(this).addClass('jetpack-lazy-image--handled').removeAttr('srcset').removeAttr('data-lazy-src').attr('data-lazy-loaded', 1);
        });

//
        container.find('img.lazyload').each(function () {
            var src = $(this).attr('data-src') || '';
            if (src) {
                $(this).attr('src', src).removeClass('lazyload').addClass('lazyloaded');
            }
        });

container.find("img[data-lazy-src]:not(.lazyloaded)").each(function () {
            var imgUrl = $(this).data("lazy-src");
            $(this).attr('src', imgUrl).addClass('lazyloaded');
        });
    };

// window.pfpOverlayIconResize = function () {
        // $('.tlp-item').each(function () {
        //     var holder_height = $(this).height();
        //     var a_height = $(this).find('.tlp-overlay .link-icon').height();
        //     var h = (holder_height - a_height) / 2;
        //     $(this).find('.link-icon').css('margin-top', h + 'px');
        // });
    // };

window.initTlpPortfolio = function () {
        $(".tlp-portfolio-container").each(function () {
            var container = $(this),
                isIsotope = container.hasClass("is-isotope"),
                isCarousel = container.find('is-carousel');
            pfpFixLazyLoad(container);
            setTimeout(function () {
                container.imagesLoaded().progress(function (instance, image) {
                    container.trigger('pfp_image_loading');
                }).done(function (instance) {
                    container.trigger('pfp_item_before_load');
                    if (isIsotope) {
                        var isoHolder = container.find('.tlp-portfolio-isotope');
                        if (isoHolder.length) {
                            isoHolder.isotope({
                                itemSelector: '.tlp-isotope-item',
                            });
                            container.trigger('pfp_item_after_load');
                            setTimeout(function () {
                                isoHolder.isotope();
                            }, 10);
                            var $isotopeButtonGroup = container.find('.tlp-portfolio-isotope-button');
                            $isotopeButtonGroup.on('click', 'button', function (e) {
                                e.preventDefault();
                                var filterValue = $(this).attr('data-filter');
                                isoHolder.isotope({filter: filterValue});
                                $(this).parent().find('.selected').removeClass('selected');
                                $(this).addClass('selected');
                            });
                        }
                    }
                    setTimeout(function () {
                        $(document).trigger("pfp_loaded");
                    }, 10);
                });
            }, 10);
        });
    };

window.initPfpMagicPopup = function () {
        if ($.fn.magnificPopup) {
            $('.tlp-portfolio-container').each(function () {
                $(this).magnificPopup({
                    delegate: '.tlp-zoom',
                    type: 'image',
                    preload: [1, 3],
                    gallery: {
                        enabled: true
                    }
                });
            });
        }
    };

window.initRtppCaroselPortfolio =  function(){
        $('.is-carousel').each(function () {
            var container = $(this);
            // id = $.trim(container.attr('id')),
            var caro = container.find('.pfp-carousel');
            if (caro.length) {
                var items = caro.data('items'),
                    loop = caro.data('loop'),
                    nav = caro.data('nav'),
                    dots = caro.data('dots'),
                    autoplay = caro.data('autoplay'),
                    autoPlayHoverPause = caro.data('autoplay-hover-pause'),
                    autoPlayTimeOut = caro.data('autoplay-timeout'),
                    autoHeight = caro.data('autoheight'),
                    lazyLoad = caro.data('lazyload'),
                    rtl = caro.data('rtl'),
                    desktopcolumn = caro.data('desktopcolumn'),
                    tabcolumn = caro.data('tabcolumn'),
                    mobilecolumn = caro.data('mobilecolumn'),
                    smartSpeed = caro.data('smart-speed');
                caro.owlCarousel({
                    items: items ? items : desktopcolumn,
                    loop: loop ? true : false,
                    nav: nav ? true : false,
                    dots: dots ? true : false,
                    navText: ["<i class=\'demo-icon icon-left-open\'></i>", "<i class=\'demo-icon icon-right-open\'></i>"],
                    autoplay: autoplay ? true : false,
                    autoplayHoverPause: autoPlayHoverPause ? true : false,
                    autoplayTimeout: autoPlayTimeOut ? autoPlayTimeOut : 5000,
                    smartSpeed: smartSpeed ? smartSpeed : 250,
                    autoHeight: autoHeight ? true : false,
                    lazyLoad: lazyLoad ? true : false,
                    rtl: rtl ? true : false,
                    responsiveClass: true,
                    responsive: {
                        0: {
                            items: mobilecolumn ? mobilecolumn : 1
                        },
                        600: {
                            items: tabcolumn ? tabcolumn : 2
                        },
                        1000: {
                            items: items ? items : 3
                        }
                    }
                });
                caro.parents('.rt-row').removeClass('pfp-pre-loader');
            }
            
        });
        
        // console.log('Ready');
    }

$(document).on('pfp_loaded pfp_item_after_load', function () {
        initPfpMagicPopup();
        // pfpOverlayIconResize();
    });
    $(function () {
        initPfpMagicPopup();
        initTlpPortfolio();
    });
    $(window).on('resize', function () {
        $(".tlp-portfolio-container").trigger("pfp_loaded");
    });

$(window).on('load', function () {
        initRtppCaroselPortfolio();
    });

// Elementor Frontend Load
    $( window ).on( 'elementor/frontend/init', function() {
        if (elementorFrontend.isEditMode()) {
            elementorFrontend.hooks.addAction( 'frontend/element_ready/widget', function(){
                initRtppCaroselPortfolio();
            } );
        }
    } );

})(jQuery, window);

Cancel