Admin Control Panel v2.0

✎ Editing: main.js ← Back

/* ===================================================================

Author          : Valid Theme
    Template Name   : Educates - Education and LMS Template
    Version         : 1.2

* ================================================================= */
(function($) {
    "use strict";

$(document).on('ready', function() {

/* ==================================================
            # Wow Init
         ===============================================*/
        var wow = new WOW({
            boxClass: 'wow', // animated element css class (default is wow)
            animateClass: 'animated', // animation css class (default is animated)
            offset: 0, // distance to the element when triggering the animation (default is 0)
            mobile: true, // trigger animations on mobile devices (default is true)
            live: true // act on asynchronously loaded content (default is true)
        });
        wow.init();

/* ==================================================
            # Smooth Scroll
         ===============================================*/
        $("body").scrollspy({
            target: ".navbar-collapse",
            offset: 200
        });
        $('a.smooth-menu').on('click', function(event) {
            var $anchor = $(this);
            var headerH = '75';
            $('html, body').stop().animate({
                scrollTop: $($anchor.attr('href')).offset().top - headerH + "px"
            }, 1500, 'easeInOutExpo');
            event.preventDefault();
        });

/* ==================================================
            # Banner Animation
         ===============================================*/
        function doAnimations(elems) {
            //Cache the animationend event in a variable
            var animEndEv = 'webkitAnimationEnd animationend';
            elems.each(function() {
                var $this = $(this),
                    $animationType = $this.data('animation');
                $this.addClass($animationType).one(animEndEv, function() {
                    $this.removeClass($animationType);
                });
            });
        }

//Variables on page load
        var $immortalCarousel = $('.animate_text'),
            $firstAnimatingElems = $immortalCarousel.find('.item:first').find("[data-animation ^= 'animated']");
        //Initialize carousel
        $immortalCarousel.carousel();
        //Animate captions in first slide on page load
        doAnimations($firstAnimatingElems);
        //Other slides to be animated on carousel slide event
        $immortalCarousel.on('slide.bs.carousel', function(e) {
            var $animatingElems = $(e.relatedTarget).find("[data-animation ^= 'animated']");
            doAnimations($animatingElems);
        });

/* ==================================================
            # Equal Height Init
        ===============================================*/
        $(window).on('resize', function() {
            $(".equal-height").equalHeights();
        });

$(".equal-height").equalHeights().find("img, iframe, object").on('load', function() {
            $(".equal-height").equalHeights();
        });

/* ==================================================
            # imagesLoaded active
        ===============================================*/
        $('#portfolio-grid,.blog-masonry').imagesLoaded(function() {

/* Filter menu */
            $('.mix-item-menu').on('click', 'button', function() {
                var filterValue = $(this).attr('data-filter');
                $grid.isotope({
                    filter: filterValue
                });
            });

/* filter menu active class  */
            $('.mix-item-menu button').on('click', function(event) {
                $(this).siblings('.active').removeClass('active');
                $(this).addClass('active');
                event.preventDefault();
            });

/* Filter active */
            var $grid = $('#portfolio-grid').isotope({
                itemSelector: '.pf-item',
                percentPosition: true,
                masonry: {
                    columnWidth: '.pf-item',
                }
            });

/* Filter active */
            $('.blog-masonry').isotope({
                itemSelector: '.blog-item',
                percentPosition: true,
                masonry: {
                    columnWidth: '.blog-item',
                }
            });

});

/* ==================================================
            # Magnific popup init
         ===============================================*/
        $(".popup-link").magnificPopup({
            type: 'image',
            // other options
        });

$(".popup-gallery").magnificPopup({
            type: 'image',
            gallery: {
                enabled: true
            },
            // other options
        });

$('.popup-with-form').magnificPopup({
            type: 'inline',
            preloader: false,
            focus: '#name',
           
        });

$(".popup-youtube, .popup-vimeo, .popup-gmaps").magnificPopup({
            type: "iframe",
            mainClass: "mfp-fade",
            removalDelay: 160,
            preloader: false,
            fixedContentPos: false
        });

$('.magnific-mix-gallery').each(function() {
            var $container = $(this);
            var $imageLinks = $container.find('.item');

$imageLinks.magnificPopup({
                mainClass: 'mfp-fade',
                items: items,
                gallery: {
                    enabled: true,
                    tPrev: $(this).data('prev-text'),
                    tNext: $(this).data('next-text')
                },
                type: 'image',
                callbacks: {
                    beforeOpen: function() {
                        var index = $imageLinks.index(this.st.el);
                        if (-1 !== index) {
                            this.goTo(index);
                        }
                    }
                }
            });
        });

/* ==================================================
 # Featured Courses Carousel
 ===============================================*/
 $('.featured-courses-carousel').owlCarousel({
 loop: false,
 nav: true,
 dots: false,
 autoplay: true,
 items: 1,
 navText: [
 "",
 ""
 ],
 });

/* ==================================================
 # Courses Carousel
 ===============================================*/
 $('.popular-courses-carousel').owlCarousel({
 loop: false,
 margin: 30,
 nav: true,
 navText: [
 "",
 ""
 ],
 dots: false,
 autoplay: true,
 responsive: {
 0: {
 items: 1
 },
 600: {
 items: 2
 },
 1000: {
 items: 3
 }
 }
 });

/* ==================================================
 # Advisor Carousel
 ===============================================*/
 $('.advisor-carousel').owlCarousel({
 loop: false,
 margin: 30,
 nav: true,
 navText: [
 "",
 ""
 ],
 dots: false,
 autoplay: true,
 responsive: {
 0: {
 items: 1
 },
 600: {
 items: 2
 },
 1000: {
 items: 3
 }
 }
 });

/* ==================================================
 # Advisor Carousel Version 2
 ===============================================*/
 $('.advisor-carousel-solid').owlCarousel({
 loop: false,
 margin: 30,
 nav: true,
 navText: [
 "",
 ""
 ],
 dots: false,
 autoplay: true,
 responsive: {
 0: {
 items: 1
 },
 600: {
 items: 2
 },
 1000: {
 items: 3
 }
 }
 });

/* ==================================================
 # Event Carousel
 ===============================================*/
 $('.event-carousel').owlCarousel({
 loop: false,
 margin: 30,
 nav: true,
 navText: [
 "",
 ""
 ],
 dots: false,
 autoplay: true,
 responsive: {
 0: {
 items: 1
 },
 600: {
 items: 2
 },
 1000: {
 items: 2
 }
 }
 });

/* ==================================================
 # Clients Review Carousel
 ===============================================*/
 $('.clients-review-carousel').owlCarousel({
 loop: false,
 margin: 30,
 nav: true,
 navText: [
 "",
 ""
 ],
 dots: false,
 autoplay: true,
 responsive: {
 0: {
 items: 1
 },
 600: {
 items: 2
 },
 1000: {
 items: 2
 }
 }
 });

/* ==================================================
 # Clients Carousel
 ===============================================*/
 $('.clients-items').owlCarousel({
 loop: false,
 margin: 30,
 nav: false,
 navText: [
 "",
 ""
 ],
 dots: false,
 autoplay: true,
 responsive: {
 0: {
 items: 1
 },
 600: {
 items: 2
 },
 1000: {
 items: 3
 }
 }
 });

/* ==================================================
            # Fun Factor Init
        ===============================================*/
        $('.timer').countTo();
        $('.fun-fact').appear(function() {
            $('.timer').countTo();
        }, {
            accY: -100
        });

/* ==================================================
            Preloader Init
         ===============================================*/
        $(window).on('load', function() {
            // Animate loader off screen
            $(".se-pre-con").fadeOut("slow");;
        });

/* ==================================================
            Countdown Init
         ===============================================*/
        loopcounter('counter-class');

/* ==================================================
            Nice Select Init
         ===============================================*/
        $('select').niceSelect();

/* ==================================================
            Contact Form Validations
        ================================================== */
        $('.contact-form').each(function() {
            var formInstance = $(this);
            formInstance.submit(function() {

var action = $(this).attr('action');

$("#message").slideUp(750, function() {
                    $('#message').hide();

$('#submit')
 .after('<img src="assets/img/ajax-loader.gif" class="loader" />')
 .attr('disabled', 'disabled');

$.post(action, {
                            name: $('#name').val(),
                            email: $('#email').val(),
                            phone: $('#phone').val(),
                            comments: $('#comments').val()
                        },
                        function(data) {
                            document.getElementById('message').innerHTML = data;
                            $('#message').slideDown('slow');
                            $('.contact-form img.loader').fadeOut('slow', function() {
                                $(this).remove()
                            });
                            $('#submit').removeAttr('disabled');
                        }
                    );
                });
                return false;
            });
        });

}); // end document ready function
})(jQuery); // End jQuery

Cancel