Tiny File Manager | custom.js

Back Back Up Advanced Editor

(function ($) {

"use strict";

$(document).ready(function () {

var $window = $(window);

/*-----------------------------------------------------------------------------------*/
        /*	Mean Menu
         /*-----------------------------------------------------------------------------------*/
        $(".main-menu").meanmenu({
            meanScreenWidth: "991",
            meanRevealPosition: "left"
        });

/*-----------------------------------------------------------------------------------*/
        /*	HoverDir
         /*-----------------------------------------------------------------------------------*/
        $(".item-box > a").each(function () {
            $(this).hoverdir();
        });

/*-----------------------------------------------------------------*/
        /* Message close
         /*-----------------------------------------------------------------*/
        $('.message .close').on('click', function (e) {
            $(this).closest('.message').fadeOut();
        });

/*-----------------------------------------------------------------------------------*/
        /*	Why Choose section prepend
         /*-----------------------------------------------------------------------------------*/
        $('.quality-inner').parents(".qualities-box").find(".wrapper-qualities").html($(".quality-inner").detach());
        $('.image-wrapper').parents(".qualities-box").find(".right-items").html($(".image-wrapper").detach());

//inc dec buttons in shop cart product quantity
        $('.shipping-calculator-form').show();

/*-----------------------------------------------------------------------------------*/
        /*	Image Lightbox
         /*  http://osvaldas.info/image-lightbox-responsive-touch-friendly
         /*-----------------------------------------------------------------------------------*/
        if (jQuery().imageLightbox) {

// ACTIVITY INDICATOR

var activityIndicatorOn = function () {
                    $('<div id="imagelightbox-loading"><div></div></div>').appendTo('body');
                },
                activityIndicatorOff = function () {
                    $('#imagelightbox-loading').remove();
                },

// OVERLAY

overlayOn = function () {
                    $('<div id="imagelightbox-overlay"></div>').appendTo('body');
                },
                overlayOff = function () {
                    $('#imagelightbox-overlay').remove();
                },

// CLOSE BUTTON

closeButtonOn = function (instance) {
                    $('<button type="button" id="imagelightbox-close" title="Close"></button>').appendTo('body').on('click touchend', function () {
                        $(this).remove();
                        instance.quitImageLightbox();
                        return false;
                    });
                },
                closeButtonOff = function () {
                    $('#imagelightbox-close').remove();
                },

// ARROWS

arrowsOn = function (instance, selector) {
                    var $arrows = $('<button type="button" class="imagelightbox-arrow imagelightbox-arrow-left"></button><button type="button" class="imagelightbox-arrow imagelightbox-arrow-right"></button>');

$arrows.appendTo('body');

$arrows.on('click touchend', function (e) {
                        e.preventDefault();

var $this = $(this),
                            $target = $(selector + '[href="' + $('#imagelightbox').attr('src') + '"]'),
                            index = $target.index(selector);

if ($this.hasClass('imagelightbox-arrow-left')) {
                            index = index - 1;
                            if (!$(selector).eq(index).length)
                                index = $(selector).length;
                        }
                        else {
                            index = index + 1;
                            if (!$(selector).eq(index).length)
                                index = 0;
                        }

instance.switchImageLightbox(index);
                        return false;
                    });
                },
                arrowsOff = function () {
                    $('.imagelightbox-arrow').remove();
                };

// Lightbox for individual image
            var lightboxInstance = $('a[data-imagelightbox="lightbox"]').imageLightbox({
                onStart: function () {
                    overlayOn();
                    closeButtonOn(lightboxInstance);
                },
                onEnd: function () {
                    closeButtonOff();
                    overlayOff();
                    activityIndicatorOff();
                },
                onLoadStart: function () {
                    activityIndicatorOn();
                },
                onLoadEnd: function () {
                    activityIndicatorOff();
                }
            });

// Lightbox for product gallery
            var gallerySelector = 'a[data-imagelightbox="gallery"]';
            var galleryInstance = $(gallerySelector).imageLightbox({
                quitOnDocClick: false,
                onStart: function () {
                    overlayOn();
                    closeButtonOn(galleryInstance);
                    arrowsOn(galleryInstance, gallerySelector);
                },
                onEnd: function () {
                    overlayOff();
                    closeButtonOff();
                    arrowsOff();
                    activityIndicatorOff();
                },
                onLoadStart: function () {
                    activityIndicatorOn();
                },
                onLoadEnd: function () {
                    activityIndicatorOff();
                    $('.imagelightbox-arrow').css('display', 'block');
                }
            });

}

/*-----------------------------------------------------------------------------------*/
        /*	Project Single Post Nav
         /*-----------------------------------------------------------------------------------*/
        var w1 = $('.project-left-content-box').width();
        $('.project-post-nav').css('max-width', w1 + "px");

$window.on('resize', function () {
            var w1 = $('.project-left-content-box').width();
            $('.project-post-nav').css('max-width', w1 + "px");
        });

/*-----------------------------------------------------------------------------------*/
        /*	Sticky Header
         /*-----------------------------------------------------------------------------------*/
        if ($window.width() > 991) {

$window.on('scroll', function () {
                var headerHeight = $('.main-header').height();
                var navHeight = $('.header-nav-section').height();

$window.on('scroll', function () {
                var headerNavTop = $('.header-nav-top').height();
                $(".wrapper-header-nav-top").css({'height': ( headerNavTop + 'px')});
                if ($(this).scrollTop() > 1) {
                    $('.bp-sticky-menu-3').addClass("bp-sticky-header");
                }
            });
        }

$window.on('load', function () {

/*-----------------------------------------------------------------------------------*/
            /*	Page Loader
             /*-----------------------------------------------------------------------------------*/
            setTimeout(function () {
                $(".uil-flickr-css").fadeOut();
                $(".page-pre-load").delay(200).fadeOut("slow").delay(200, function () {
                    $(this).remove();
                })
            }, 500);

/*-----------------------------------------------------------------------------------*/
            /*	select 2
             /*-----------------------------------------------------------------------------------*/
            $('select').select2();

/*-----------------------------------------------------------------------------------*/
            /*	owl carousel
             /*-----------------------------------------------------------------------------------*/
            // Home Slider
            $('.main-slider').owlCarousel({
                autoplayHoverPause: true,
                loop: true,
                autoplay: true,
                smartSpeed: 1000,
                mouseDrag: true,
                items: 1,
            });

// portfolio slider
            $('#portfolio-slider-owl').owlCarousel({
                animateIn: "fadeIn",
                animateOut: "fadeOut",
                mouseDrag: false,
                items: 1,
                dotsData: true,
                dotsContainer: '#customDots',

});

//portfolio slider inner
            $('.inner-slider-owl').owlCarousel({
                //navigation: true, // Show next and prev buttons
                items: 3,
                nav: true,
                dots: false,
                slideSpeed: 300,
                paginationSpeed: 400,
                margin: 30,
                navText: ["<i class=\"fa fa-angle-left\"></i>", "<i class=\"fa fa-angle-right\"></i>"],
                responsive: {
                    // breakpoint from 0 up
                    0: {
                        items: 1,
                    },
                    // breakpoint from 480 up
                    500: {
                        items: 2,
                    },
                    // breakpoint from 768 up
                    900: {
                        items: 3,

}
                }
            });

// Testimonials Slider
            $('.testimonials-slider').owlCarousel({
                //autoplayHoverPause: true,
                margin: 30,
                loop: true,
                autoplay: false,
                dots: true,
                smartSpeed: 500,
                nav: false,
                mouseDrag: true,
                items: 2,
                responsive: {
                    0: {
                        items: 1,
                    },
                    756: {
                        items: 2,
                    },

}
            });

// related product Slider (woocommerce)
            $('#product-carousel-wc').owlCarousel({
                //autoplayHoverPause: true,
                margin: 30,
                loop: false,
                autoplay: false,
                dots: true,
                smartSpeed: 500,
                nav: false,
                mouseDrag: true,
                items: 2,
                responsive: {
                    0: {
                        items: 1,
                    },
                    500: {
                        items: 2,
                    },
                    900: {
                        items: 4,

}
                }
            });

// upsells Slider (woocommerce)
            $('#carousel-upsells').owlCarousel({
                //autoplayHoverPause: true,
                margin: 30,
                loop: false,
                autoplay: false,
                dots: true,
                smartSpeed: 500,
                nav: false,
                mouseDrag: true,
                items: 2,
                responsive: {
                    0: {
                        items: 1,
                    },
                    500: {
                        items: 2,
                    },
                    900: {
                        items: 4,

}
                }
            });

// Partner Slider
            $('.slider-partners').owlCarousel({
                margin: 50,
                //loop: true,
                autoplay: false,
                dots: false,
                smartSpeed: 500,
                nav: false,
                mouseDrag: true,
                items: 6,
                responsive: {
                    0: {
                        items: 1,
                    },
                    400: {
                        items: 2,
                    },
                    756: {
                        items: 4,
                    },
                    1000: {
                        items: 5,
                    },
                    1200: {
                        items: 6,
                    }

}
            });

// Featured Slider
            $(".slider-featured").each(function () {
                $(this).owlCarousel({
                    autoplayHoverPause: true,
                    loop: true,
                    autoplay: true,
                    dots: false,
                    //smartSpeed: 1000,
                    nav: true,
                    mouseDrag: true,
                    items: 2,
                    navText: ["<i class='left-arrow-featured'></i>", "<i class='right-arrow-featured'></i>"],
                    responsive: {
                        0: {
                            items: 1,
                        },
                        768: {
                            items: 2,
                        },
                    }
                })
            });

$(".inner-slider-owl-new").each(function () {
                var slidePerView = $(this).data("slides-per-view");
                $(this).owlCarousel({
                    items: slidePerView,
                    nav: true,
                    dots: false,
                    slideSpeed: 300,
                    paginationSpeed: 400,
                    margin: 30,
                    navText: ["<i class=\"fa fa-angle-left\"></i>", "<i class=\"fa fa-angle-right\"></i>"],
                })
            });

//carousel for VC
            $(".inspiry-carousel").each(function () {
                var itemsPerView = $(this).data("items-per-view");
                var loop = $(this).data("loop");
                var autoplay = $(this).data("autoplay");
                var margin = $(this).data("margin");
                $(this).owlCarousel({
                    margin: margin,
                    loop: loop,
                    autoplay: autoplay,
                    items: itemsPerView,
                    responsive: {
                        0: {
                            items: 1,
                        },
                        768: {
                            items: 2,
                        },
                        992: {
                            items: itemsPerView,
                        }
                    }
                });
            });

// Project Detail Slider
            $('.slider-single-project').owlCarousel({
                loop: true,
                autoplay: false,
                smartSpeed: 1000,
                mouseDrag: true,
                items: 1,
                nav: true,
                navText: ["<div class='left-arrow-slide'></div>", "<div class='right-arrow-slide'></div>"],
                //freeDrag: false,
            });

/*-----------------------------------------------------------------------------------*/
            /*	Flex Slider
             /*-----------------------------------------------------------------------------------*/
            // Product Page Flex Slider (woocommerce)
            $('.product-slider').flexslider({
                animation: "slide",
                animationLoop: false,
                slideshow: false,
                directionNav: false,
                prevText: '<i class="fa fa-angle-left"></i>',
                nextText: '<i class="fa fa-angle-right"></i>',
                animationSpeed: 250,
                controlNav: "thumbnails"
            });

/*-----------------------------------------------------------------------------------*/
            /*	Why Choose Us section
             /*-----------------------------------------------------------------------------------*/
            $('.thumb-experience').each(function () {
                var imgWidth = $(this).find("img").width() + 'px';
                var imgHeight = $(this).find("img").height() + 'px';
                $(this).css("max-width", imgWidth);
                $(this).css('max-height', imgHeight);

});

$('.thumb-experience img').on('hover', function () {
                var $this = $(this).parent();
                if (!$($this).hasClass('pulse')) {
                    $('.thumb-experience').removeClass('pulse');
                    $($this).addClass('pulse');
                }
            });

/*-----------------------------------------------------------------------------------*/
            /*	Projects Template Layout
             /*-----------------------------------------------------------------------------------*/
            $(".bp-layout").on("click", function () {
                if ($(this).hasClass("bp-grid")) {
                    if (!$(this).hasClass("bp-active")) {
                        $(".wrapper-projects").fadeOut('fast', function () {
                            $(this).css("display", "flex").addClass("wrapper-projects-grid test");
                        }).fadeIn('fast');
                    }
                    if (!$(this).hasClass("bp-active")) {
                        $(".bp-layout").removeClass("bp-active");
                        $(this).addClass("bp-active");
                    }
                } else {

if (!$(this).hasClass("bp-active")) {
                        $(".wrapper-projects").fadeOut('fast', function () {
                            $(this).css("display", "block").removeClass("wrapper-projects-grid");
                        }).fadeIn('fast');
                    }

if (!$(this).hasClass("bp-active")) {
                        $(".bp-layout").removeClass("bp-active");
                        $(this).addClass("bp-active");
                    }
                }
            });

/*-----------------------------------------------------------------------------------*/
            /*	featured section
             /*-----------------------------------------------------------------------------------*/
            $(".featured-section-var2").tabs({
                show: function (event, ui) {
                    var firstOpenedPanel = $(this).data("firstOpenedPanel");
                    if (!$(this).data("topPositionTab")) {
                        $(this).data("topPositionTab", $(ui.panel).position().top)
                    }
                    // do crossfade of tabs
                    $(ui.panel).hide().css('z-index', 2).fadeIn(3000, function () {
                        $(this).css('z-index', '');
                        if (firstOpenedPanel) {
                            firstOpenedPanel
                                .toggleClass("ui-tabs-hide")
                                .hide();
                        }
                    });

$(this).data("firstOpenedPanel", $(ui.panel));
                }
            }).tabs(3000);

/*-----------------------------------------------------------------------------------*/
            /*	featured projects
             /*-----------------------------------------------------------------------------------*/
            $(".carousel-single").on("click", function () {
                var scrollTo = $(this),
                    thisHeight = $(this).outerHeight() + 5,
                    container = $(".wrapper-left-tabs");

container.animate({
                    scrollTop: scrollTo.offset().top - container.offset().top + container.scrollTop() - thisHeight
                });
            });
        });
    });
})(jQuery);