Server : Apache System : Linux server2.corals.io 4.18.0-348.2.1.el8_5.x86_64 #1 SMP Mon Nov 15 09:17:08 EST 2021 x86_64 User : corals ( 1002) PHP Version : 7.4.33 Disable Function : exec,passthru,shell_exec,system Directory :  /proc/self/cwd/wp-content/plugins/uicore-framework/includes/extra/javascript/

Upload File : current_dir [ Writeable ] document_root [ Writeable ]

<?php
defined('ABSPATH') || exit();
//INCLUDED IN CLASS CSS

// Generic Obsever Options
$js .= 'const observerOffset = window.innerHeight * 0.1;';
$observer_options = '{
    root: null,
    rootMargin: `0px 0px -${observerOffset}px 0px`,
    threshold: 0
}';

$topbanner_animation = str_replace(' ','-',$settings['animations_topbanner']);
if($topbanner_animation != 'none'){
    $multiplier = $settings['animations_topbanner_delay_child'];
    $js .=  '
    var topbarItems = document.querySelectorAll(".uicore-top-bar .uicore-animate");
    if(topbarItems.length){
        [].forEach.call(topbarItems, function(div, index) {
            setTimeout(function(){
                div.style.animationPlayState="running";
            }, ('.$multiplier.' * (index + 1)) - '.$multiplier.');
        });
    }
    ';
}

$menu_animation = str_replace(' ','-',$settings['animations_menu']);
if($menu_animation != 'none'){
    $multiplier = $settings['animations_menu_delay_child'];
    $js .=  '
    var logo = document.querySelector(".uicore-header-wrapper .uicore-branding");
    var mq = window.matchMedia( "(max-width: 1025px)" );
    if (mq.matches) {
        var ham = document.querySelectorAll("nav .uicore-ham");
        menuItems = logo ? [logo, ...ham] : [...ham];
    }
    else {
        ';
        if($settings['header_layout'] === 'center_creative'){
            $js .= '
            var menuItems = document.querySelectorAll(".ui-header-row1 > *");
            var extraItems = document.querySelectorAll(".ui-header-row2 > *");
            menuItems = [...menuItems, ...extraItems];
            ';
        }else{
            $js .= '
            var menuItems = document.querySelectorAll(".uicore-header-wrapper ul.uicore-menu > .menu-item > a");
            var extraItems = document.querySelectorAll("#wrapper-navbar .uicore-extra > *");
            menuItems = logo ? [logo, ...menuItems, ...extraItems] : [...menuItems, ...extraItems];
            ';
        }
        $js .='
        var ham = document.querySelectorAll("#wrapper-navbar nav .uicore-ham:not(.uicore-drawer-toggle)")[0];
        if (ham) {
            ham.style.animationPlayState="running";
        }
    }
    if(menuItems.length){
        [].forEach.call(menuItems, function(div, index) {
            setTimeout(function(){
                div.style.animationPlayState="running";
            }, ('.$multiplier.' * (index + 1)) - '.$multiplier.');
        });
    }
    ';

}


$title_animation = str_replace(' ','-',$settings['animations_title']);
if($title_animation != 'none'){
    $js .=  '
    var pagetitle = document.querySelectorAll(".uicore-page-title");
    if(pagetitle.length){
        pagetitle[0].classList.add("ui-a-in-view");
    }
    ';
}

//footer
$footer_animation = str_replace(' ','-',$settings['animations_footer']);
if($footer_animation != 'none'){
    $multiplier = $settings['animations_footer_delay_child'] + 100;
    $js .=  '
    var extra = document.querySelector(".uicore-footer-column");
    var animOff = extra ? "94%" : "99%";
    var footerDiv = document.querySelector(".uicore-footer-wrapper");
    function addFooterAnimation() {
        var footerItems = document.querySelectorAll(".uicore-footer-wrapper .uicore-animate");
        [].forEach.call(footerItems, function(div, index) {
            setTimeout(function(){
                div.style.animationPlayState="running";
            }, ('.$multiplier.' * (index + 1)) - '.$multiplier.');
        });
    }
    if (footerDiv) {
        var observer = new IntersectionObserver(function (entries) {
            entries.forEach(function (entry) {
                if (entry.isIntersecting) {
                    addFooterAnimation();
                }
            });
        }, '.$observer_options.');
        observer.observe(footerDiv);
    }
    ';
}

//blog
$blog_animation = str_replace(' ','-',$settings['animations_blog']);
if($blog_animation != 'none'){
    $multiplier = $settings['animations_blog_delay_child'];
    $js .=  '
    var blogItems = document.querySelectorAll(".uicore-blog-animation .uicore-animate");
    var blogTitleItems = document.querySelectorAll(".ui-simple-creative .uicore-animate");
	blogItems = [...blogItems, ...blogTitleItems];
    if (blogItems.length) {
        var observer = new IntersectionObserver(function(entries) {
            entries.forEach(function(entry) {
                if (entry.isIntersecting) {
                    entry.target.style.animationPlayState = "running";
                }
            });
        }, '.$observer_options.');
        blogItems.forEach(function(div) {
            observer.observe(div);
        });
    }
    ';
}

//portfolio
$portfolio_animation = str_replace(' ','-',$settings['animations_portfolio']);
if($portfolio_animation != 'none'){
    $multiplier = $settings['animations_portfolio_delay_child'];
    $js .=  '
    var portfolioItems = document.querySelectorAll(".uicore-portfolio-animation .uicore-animate");
    var observer = new IntersectionObserver(function(entries) {
        entries.forEach(function(entry) {
            if (entry.isIntersecting) {
                entry.target.style.animationPlayState = "running";
            }
        });
    }, '.$observer_options.');

    portfolioItems.forEach(function(div) {
        observer.observe(div);
    });
    ';
}
//shop
$shop_animation = str_replace(' ','-',$settings['animations_shop']);
if($shop_animation != 'none'){
    $multiplier = $settings['animations_shop_delay_child'];
    $js .=  '
    var shopItems = document.querySelectorAll(".uicore-woo .uicore-animate");
    var observer = new IntersectionObserver(function(entries) {
        entries.forEach(function(entry) {
            if (entry.isIntersecting) {
                entry.target.style.animationPlayState = "running";
            }
        });
    }, '.$observer_options.');

    shopItems.forEach(function(div) {
        observer.observe(div);
    });
    ';
}