%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /proc/thread-self/root/var/www/knwn/wp-content/themes/kn-wn/src/js/
Upload File :
Create Path :
Current File : //proc/thread-self/root/var/www/knwn/wp-content/themes/kn-wn/src/js/app.js

import $ from "jquery"

import Swiper, { Autoplay } from 'swiper';
Swiper.use([Autoplay]);
import 'swiper/css'

import select2 from 'select2'      
import 'select2/dist/css/select2.css'

import { gsap } from "gsap";
import { ScrollTrigger } from "gsap/ScrollTrigger";
import { ScrollToPlugin } from "gsap/ScrollToPlugin";

gsap.registerPlugin(ScrollTrigger);
gsap.registerPlugin(ScrollToPlugin);

import Masonry from "masonry-layout";

import axios from "axios";

import mobile from 'is-mobile';





// import '@fortawesome/fontawesome-free/js/fontawesome'
// import '@fortawesome/fontawesome-free/js/solid'
// import '@fortawesome/fontawesome-free/js/regular'
// import '@fortawesome/fontawesome-free/js/brands'

// import "./utils/bootstrapGrid"

import "../scss/main.scss";

function assets_to_swiper() {

    document.querySelectorAll('.home .media-assets .media-assets--list').forEach(item => item.classList.add('swiper'));
    document.querySelectorAll('.home .media-assets .media-assets--list > .row').forEach(item => item.classList.add('swiper-wrapper'));
    document.querySelectorAll('.home .media-assets .media-assets--list > .row > .col-sm-12').forEach(item => item.classList.add('swiper-slide'));
    // document.querySelectorAll('.media-assets .media-assets--list > .row').forEach(item => item.classList.remove('row'));



    const assetsSwiper = new Swiper('.home .media-assets--list.swiper', {
        direction: 'horizontal',
        spaceBetween: 30,
        watchSlidesProgress: true,
        slidesPerView: "auto",
    }); 

    

    // if (document.querySelector('.media-assets .media-assets--list > .row > .no-posts')) {
        
    // } 

    
}


if(mobile()) {
    assets_to_swiper();
}


const swiper = new Swiper('.frontpage-hero--notifications .swiper', {
    direction: 'horizontal',
    // loop: true,
    
    spaceBetween: 0,
    watchSlidesProgress: true,
    // autoplay: {
    //     delay: 3000,
    // },
    breakpoints: {
        320: {
            slidesPerView: "auto",
            spaceBetween: 30,
        },
        992: {
            slidesPerView: "auto",
            spaceBetween: 30,
        },
        1400: {
            slidesPerView: 2,
        }
    }
    
}); 

swiper.on('transitionStart', function () {
    swiper.$el.addClass('transition-enabled');
    // console.log('transitionStart');
});

swiper.on('transitionEnd', function () {
    swiper.$el.removeClass('transition-enabled');
    // console.log('transitionEnd');
});

swiper.on('sliderMove', function () {
    swiper.$el.addClass('transition-enabled');
    // console.log('sliderMove');
});







$(function($) {

    $('#post-category').select2({
        minimumResultsForSearch: Infinity,
    });
    $('#post-category').on("select2:select", function (e) { 
        $('.svg-loader--wrapper').fadeIn();
        
        window.location.href = e.target.value;
    });

    $('#select-target-group').select2({
        minimumResultsForSearch: Infinity
    });

    $('#select-asset-locations').select2({
        minimumResultsForSearch: Infinity
    });

    $('#select-status').select2({
        minimumResultsForSearch: Infinity
    });

    $('form select').on('change', function() {
        $(this).addClass('selected');
    });

    $('#nav-standart-pages--mobile').select2({
        minimumResultsForSearch: Infinity,
        width: 'resolve'
    });

    $('#nav-standart-pages--mobile').on("select2:select", function (e) { 
        $('.svg-loader--wrapper').fadeIn();
        window.location.href = e.target.value;
    });

    


    
    $('#select-target-group, #select-asset-locations, #select-status').on('change', function (e) {
        const form = e.target.closest('form');
        const params = {};
        document.querySelectorAll('.media-assets--filters select').forEach(select => {
            if(select.value && select.value != '0') {
                params[select.getAttribute('name')] = select.value;
            }
        });

        if(form.getAttribute('action')) {
            const queryString = new URLSearchParams(params).toString();
            const url = queryString ? form.getAttribute('action') + '?' + queryString : form.getAttribute('action');
    
            window.location.href = url;
        } else {
            // console.log(params);

            const type = 'assets';
            const section = document.querySelector('.media-assets');

            let form_data = new FormData;
            form_data.append('action', 'load_more_posts');
            form_data.append('postType', type);

            let postSelector, containerSelector;
            
            postSelector = '.media-assets--item';
            containerSelector = '.media-assets--list .row';

            document.querySelectorAll('.media-assets--filters select').forEach(select => {
                if(select.value && select.value != '0') {
                    form_data.append(select.getAttribute('name'), select.value);
                }
            });

            const countPosts = 0;
            const container = section.querySelector(containerSelector);
            const button = section.querySelector('#load-more-posts');

            form_data.append('countPosts', countPosts);

            load_posts(form_data, postSelector, container, button, true);
        }
        

    });

    

    if(!mobile()) {
        var orig = document.querySelector('#solutions-for-advertising--shape');
    

        if(orig) {

            orig.style.strokeDasharray = [0,orig.getTotalLength()].join(' ');

            var obj = {length:0,
                    pathLength:orig.getTotalLength()};


            var t = gsap.to(obj, {
                scrollTrigger: {
                    trigger: '#solutions-for-advertising--shape',
                    // toggleActions: 'play none none none',
                    start: 'top 70%',
                    // once: true
                    // markers: true
                },
                duration: 2,
                length:obj.pathLength,
                onUpdate:drawLine_desctop, 
                onComplete:function(){
                    document.querySelector('#caret-down-solid').style.opacity = 1;
                    document.querySelector('.solutions-for-advertising--menu').style.opacity = 1;
                    document.querySelector('.solutions-for-advertising--menu').style.transform = 'scale(1)';
                
            }, ease:"ease-in"})

            function drawLine_desctop() {
            orig.style.strokeDasharray = [obj.length,obj.pathLength].join(' ');
            // updateSlider();
            }
        }
    }

    if(mobile()) {

        var orig_mobile = document.querySelector('#solutions-for-advertising--shape-mobile');
    

        if(orig_mobile) {

            orig_mobile.style.strokeDasharray = [0,orig_mobile.getTotalLength()].join(' ');

            var obj_mobile = {length:0,
                    pathLength:orig_mobile.getTotalLength()};


            var t = gsap.to(obj_mobile, {
                scrollTrigger: {
                    trigger: '#solutions-for-advertising--shape-mobile',
                    // toggleActions: 'restart pause reverse pause',
                    start: 'top 70%',
                    // markers: true
                },
                duration: 1,
                length:obj_mobile.pathLength,
                onUpdate:drawLine_mobile, 
                onComplete:function(){
                    document.querySelector('#caret-down-solid-mobile').style.opacity = 1;
                    document.querySelector('.solutions-for-advertising--menu').style.opacity = 1;
                    document.querySelector('.solutions-for-advertising--menu').style.transform = 'scale(1)';
                
            }, ease:"ease-in"})

            function drawLine_mobile() {
                orig_mobile.style.strokeDasharray = [obj_mobile.length,obj_mobile.pathLength].join(' ');
            // updateSlider();
            }
        }

    }

    




    document.querySelector('#main-nav--toggle').addEventListener('click', e => {
        document.querySelector('body').classList.toggle('navigation-active');
        const menuItems = document.querySelectorAll('#nav-main ul li');

        let showIter = menuItems.length * 100;
        menuItems.forEach(li => {
            li.classList.remove('animate__animated', 'animate__fadeInDown');
            li.style.opacity = 0;
            setTimeout(() => {
                
                li.classList.add('animate__animated', 'animate__fadeInDown');
                li.style.opacity = 1;
            }, showIter);
            showIter -= 100;
            
        })
        
        
    });

    const loadMorePosts = document.querySelector('#load-more-posts');
    if(loadMorePosts) {
        loadMorePosts.addEventListener('click', e => {
            const type = e.target.dataset.type;

            let form_data = new FormData;
            form_data.append('action', 'load_more_posts');
            form_data.append('postType', type);

            let postSelector, containerSelector;

            if(type == 'post') {
                postSelector = '.whats-up--list--article';
                containerSelector = '.whats-up--list .row';

                let category = e.target.dataset.category;
                if(category) form_data.append('category', category);

            }

            if(type == 'assets') {
                postSelector = '.media-assets--item';
                containerSelector = '.media-assets--list .row';

                document.querySelectorAll('.media-assets--filters select').forEach(select => {
                    if(select.value && select.value != '0') {
                        form_data.append(select.getAttribute('name'), select.value);
                    }
                });
    
            }

            const countPosts = e.target.closest('section').querySelectorAll(postSelector).length;
            const container = e.target.closest('section').querySelector(containerSelector);
            const button = e.target;

            form_data.append('countPosts', countPosts);
            
            
            load_posts(form_data, postSelector, container, button, false);
            
        });
    }

    function load_posts(form_data, postSelector, container, button, reload) {
        form_data.append('reload', reload);
        $('.svg-loader--wrapper').fadeIn();
        axios.post(theme.ajaxurl, form_data).then(function(response){

            const buffer = document.createElement('div');

            buffer.innerHTML = response.data.out;
            buffer.querySelectorAll(postSelector).forEach((item, index) => {
                if(index == 0) {
                    const scrollMark = document.createElement('div');
                    scrollMark.setAttribute('id', 'load-more--scroll');
                    item.parentNode.insertBefore(scrollMark, item);
                }
                item.classList.add('animate__animated', 'animate__fadeInUp');
            });

            
            container.innerHTML = reload ? buffer.innerHTML : container.innerHTML + buffer.innerHTML;
            
            if(!reload) {
                document.querySelector('html').classList.add('scroll-behavior-auto');
                gsap.to(window, {duration: 1, scrollTo: {y: '#load-more--scroll', offsetY: 100}, onComplete: () => {
                    document.querySelector('html').classList.remove('scroll-behavior-auto');
                }});
            }

            setTimeout(() => {
                container.querySelector('#load-more--scroll').remove();
                container.querySelectorAll(postSelector).forEach(item => {
                    item.classList.remove('animate__animated', 'animate__fadeInUp')
                });
            }, 1000);

            
            if(mobile()) {
                assets_to_swiper();
            } else {
                button.closest('.load-more--wrapper').style.display = response.data.remove_button ? 'none' : 'block';
            }
            $('.svg-loader--wrapper').fadeOut();
        });
    }


    document.querySelectorAll('a').forEach(link => {
        if(link.getAttribute('href').includes('mailto')) {
            link.classList.add('mailto');
            link.innerHTML = '<i class="far fa-envelope"></i><span>' + link.innerHTML + '</span>';
        }
    });

    document.querySelectorAll('.wpcf7 select option').forEach(option => {
        if(option.getAttribute('value') == '') {
            option.setAttribute('disabled', 'disabled');
            option.setAttribute('selected', 'selected');
            option.setAttribute('hidden', 'hidden');
        }
    });

    document.querySelectorAll('.wpcf7 .form-row > label').forEach(label => {
        const wrapper = label.parentNode.querySelector('.wpcf7-form-control-wrap');
        wrapper.appendChild(label);
    });


    const setCookie = function(name,value,days) {
        var expires = "";
        if (days) {
            var date = new Date();
            date.setTime(date.getTime() + (days*24*60*60*1000));
            expires = "; expires=" + date.toUTCString();
        }
        document.cookie = name + "=" + (value || "")  + expires + "; path=/";
    }
    const getCookie = function(name) {
        var nameEQ = name + "=";
        var ca = document.cookie.split(';');
        for(var i=0;i < ca.length;i++) {
            var c = ca[i];
            while (c.charAt(0)==' ') c = c.substring(1,c.length);
            if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
        }
        return null;
    }
    const eraseCookie = function(name) {   
        document.cookie = name +'=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;';
    }


    const cookiePopup = document.querySelector('.cookies-popup');

    
    if(cookiePopup) {
        setTimeout(() => {
            if(!getCookie('cookiePopup')) {
                cookiePopup.classList.remove('cookies-popup--hidden');
            }
        }, 1000);
        
    }

    const closeCookiePopup = document.querySelectorAll('.cookies--header--close, .cookies-popup--footer--accept, .cookies-popup--footer--close');

    closeCookiePopup.forEach(button => {
        button.addEventListener('click', e => {
            cookiePopup.classList.add('cookies-popup--hidden');
            if(button.classList.contains('cookies-popup--footer--accept')) {
                setCookie('cookiePopup',1,180);
            }
        });
    });

    



  

});

Zerion Mini Shell 1.0