solo-skins/next/js/next.js

/*
 * Copyright (c) 2010-2016, b3log.org & hacpai.com
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * @fileoverview util and every page should be used.
 *
 * @author <a href="http://vanessa.b3log.org">Liyuan Li</a>
 * @version 0.2.1.0, Sep 6, 2016
 */

/**
 * @description next 皮肤脚本
 * @static
 */
var NexT = {
    init: function () {
        $('.sidebar-toggle').click(function () {
            var $sidebar = $('.sidebar');
            if ($(this).hasClass('sidebar-active')) {
                $(this).removeClass('sidebar-active');

                $('body').animate({
                    'padding-right': 0
                });
                $sidebar.animate({
                    right: -320
                });
                $sidebar.find('section').css('opacity', 0);
            } else {
                $(this).addClass('sidebar-active');
                $('body').animate({
                    'padding-right': 320
                });
                $sidebar.animate({
                    right: 0
                }, function () {
                    $sidebar.find('section:first').animate({
                        'opacity': 1
                    });
                });
            }
        });

        $('.site-nav-toggle').click(function () {
            $('.site-nav').slideToggle();
        });

        $(document).ready(function () {
            setTimeout(function () {
                // logo animate
                $('.logo-wrap').css('opacity', 1);
                $('.logo-line-before i').animate({
                    'left': '0'
                }, function () {
                    $('.site-title').css('opacity', 1).animate({
                        'top': 0
                    }, function () {
                        $('.menu').css('opacity', 1).animate({
                            'margin-top': '15px'
                        });
                        $('.main').css('opacity', 1).animate({
                            'top': '0'
                        }, function () {
                            // 当有文章页面有目录时，回调不放这里，侧边栏就会一片空白
                            if ($('.b3-solo-list li').length > 0 && $(window).width() > 1000) {
                                $('.sidebar-toggle').click();
                            }
                        });
                    });


                });

                $('.logo-line-after i').animate({
                    'right': '0'
                });
            }, 500);
        });
    },
    initArticle: function () {
        if ($('.b3-solo-list li').length > 0 && $(window).width() > 1000) {
            // add color to sidebar menu
            $('.sidebar-toggle').addClass('has-toc');

            // append toc to sidebar menu
            var articleTocHTML = '<ul><li class="current" data-tab="toc">' + Label.tocLabel + '</li><li data-tab="site">' + Label.siteViewLabel + '</li></ul><section></section>';
            $('.sidebar').prepend(articleTocHTML);
            var $sectionF = $('.sidebar section:first').html($('.b3-solo-list')),
                    $sectionL = $('.sidebar section:last');
            $sectionF.height($(window).height() - 90);
            // 切换 tab
            $('.sidebar > ul > li').click(function () {
                if ($(this).data('tab') === 'toc') {
                    $sectionL.animate({
                        "opacity": '0',
                        "top": '-50px'
                    }, 300, function () {
                        $sectionF.show().css('top', '-50px');
                        $sectionF.animate({
                            "opacity": '1',
                            "top": '0'
                        }, 300);
                    });
                } else {
                    $sectionF.animate({
                        "opacity": '0',
                        "top": '-50px'
                    }, 300, function () {
                        $sectionF.hide().css('top', '-50px');
                        $sectionL.animate({
                            "opacity": '1',
                            "top": '0'
                        }, 300);
                    });
                }
                $('.sidebar > ul > li').removeClass('current');
                $(this).addClass('current');
            });
        }
    }
};
NexT.init();