source: resources/js/main.js@ d25ba66

var app = {

        // Initialize
        init: function() {
                this.welcomeSlider();
                this.categoryNavbarPosition();
                this.categoryNavbarActiveLink();
                this.buildSimpleTooltip();
                this.scrollSmoothly();
                this.scrollToTop();
                this.likePost();
                this.unlikePost();
                this.comment();
        },

        welcomeSlider: function() {
                var swiper = new Swiper('.swiper-container', {
                        pagination: {
                                el: '.swiper-pagination',
                                clickable: true,
                                renderBullet: function(index, className) {
                                        return '<span class="' + className + '">' + (index + 1) + '</span>';
                                },
                        },
                        navigation: {
                                nextEl: '.swiper-button-next',
                                prevEl: '.swiper-button-prev',
                        },
                        loop: true,
                        centeredSlides: true,
                        autoplay: {
                                delay: 2500,
                                disableOnInteraction: false,
                        },
                });
        },

        categoryNavbarPosition: function() {
                if ($(".categoryNavbar").length) {
                        var distance = $(".navbar").offset().top;
                        var $window = $(window);
                        var navbar = $(".navbar");

                        $window.scroll(function() {
                                if ($window.scrollTop() >= distance) {
                                        navbar.addClass("fixed-top");
                                } else {
                                        navbar.removeClass("fixed-top");
                                }
                        });
                }
        },

        categoryNavbarActiveLink: function() {
                if ($(".categoryNavbar").length) {
                        $(".categoryNavbar a[href='http://technoblog.test/category/" + window.location.pathname + "']").addClass("active");
                }
        },

        buildSimpleTooltip: function() {
                if (!$("a.elemWithTooltip").length || !$("a.elemWithTooltip").data("tooltip-info")) {
                        return false;
                }

                var tooltipElem = $("a.elemWithTooltip");
                var placements = ["top", "right", "bottom", "left"];

                tooltipElem.each(function(i) {

                        var $this = $(this);
                        var tooltipData = $this.data("tooltip-info");
                        var title = tooltipData.substring(tooltipData.indexOf("-") + 1);
                        var placement = tooltipData.substring(0, tooltipData.indexOf("-"));

                        if (tooltipData.indexOf("-") === -1 || tooltipData.charAt(0) === "-") {
                                $this.addClass("Error_SimpleTooltip");
                                return false;
                        }

                        $.each(placements, function(j) {
                                if (placement === placements[j]) {
                                        $this.not(".Error_SimpleTooltip").attr({
                                                "data-toggle": "tooltip",
                                                "data-placement": placement,
                                                "title": title
                                        }).tooltip();
                                }
                        });
                });

        },

        scrollSmoothly: function() {
                var scroll = new SmoothScroll("a.scrollBtn", {
                        easing: "linear"
                });
        },

        scrollToTop: function() {
                if ($(".scrollUpArrow").length) {
                        var distance = 150;
                        var $window = $(window);
                        var scrollUp = $(".scrollUpArrow");

                        scrollUp.hide();

                        $window.scroll(function() {
                                if ($window.scrollTop() >= distance) {
                                        scrollUp.fadeIn("slow");
                                } else {
                                        scrollUp.fadeOut("slow");
                                }
                        });
                }
        },

        likePost: function() {

                $(".post-reaction").on("click", ".likePost", function() {

                        var data = $(this).data("post-id");
                        var _token = $("meta[name='csrf-token']").attr("content");

                        $.ajax({
                                url: "/like",
                                type: "post",
                                data: {
                                        post_id : data,
                                        _token : _token,
                                },
                                dataType: "json",
                                success: function(response) {
                                        $(".post-reaction i").remove();
                                        $(".post-reaction").append("<i data-unlike-id=" + response.unlike_id + " class='text-danger fa fa-heart unlikePost' aria-hidden='true'></i>");
                                        $(".likeCounter").text(response.likeCounter);
                                },
                                error: function(data) {
                                        console.log(data);
                                }
                        });
                })
        },

        unlikePost: function() {

                $(".post-reaction").on("click", ".unlikePost", function() {

                        var data = $(this).data("unlike-id");
                        var _token = $("meta[name='csrf-token']").attr("content");

                        $.ajax({
                                url: "/unlike",
                                type: "post",
                                data: {
                                        unlike_id : data,
                                        _token : _token,
                                },
                                dataType: "json",
                                success: function(response) {
                                        $(".post-reaction i").remove();
                                        $(".post-reaction").append("<i data-post-id=" + response.post_id + " class='text-danger fa fa-heart-o likePost' aria-hidden='true'></i>");
                                        $(".likeCounter").text(response.likeCounter);
                                },
                                error: function(data) {
                                        console.log(data);
                                }
                        });
                })
        },

        comment: function() {

                if($("comment-alert").length > 0) {
                        $(".comment-alert").hide();
                }

                $(".commentForm").submit(function(e) {

                        e.preventDefault();

                        $(this).find("input[type='submit']").prop("disabled", true);
                        $(this).find("input[type='submit']").val("Processing...");

                        var name = $(this).find("input[name='name']").val();
                        var email = $(this).find("input[name='email']").val();
                        var comment = $(this).find("textarea[name='comment']").val();
                        var post_id = $(this).find("input[name='post_id']").val();
                        var _token = $("meta[name='csrf-token']").attr("content");

                        $.ajax({
                                url: "/comment",
                                type: "post",
                                data: {
                                        name: name,
                                        email: email,
                                        comment: comment,
                                        post_id: post_id,
                                        _token : _token,
                                },
                                dataType: "json",
                                success: function(response) {

                                        $(".comment-alert").show();
                                        $(".comment-alert").addClass(response.type);
                                        $(".comment-alert").find("strong").text(response.message);

                                        $(".commentForm").find("input[type='submit']").prop("disabled", false);
                                        $(".commentForm").find("input[type='submit']").val("Comment");
                                        $(".commentForm")[0].reset();
                                },
                                error: function(data) {
                                        console.log(data);
                                }
                        });
                });
        }

};

$(function() {
        app.init();
});