blog-rekahsoft-ca/js/default.js

/**
 * (C) Copyright Collin Doering 2013
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 * 
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 * 
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */

/**
 * File:. default.js
 * Author: Collin J. Doering
 * Date: Sep  6, 2013
 * Description: Client-side logic for rekahsoft-ca
 */

//------------------------

(function () {
    var page = (function () {
        var pageId = '#page-content', navId = '#nav';

        function init() {
            $(document).ready(function () {
                $.address.init(function(event) {
                    console.log("init:" + event.value);
                    $(window).load(function () {
                        loadPageContent(event.value);
                    });
                });

                $('#nav-menu a.menuitem').click(function() {
                    $(this).closest('ul').find('li.active').removeClass('active');
                    $(this).closest('li').addClass('active');
                    //$('.navbar-collapse').collapse('hide');
                });

                // Callback for when the inital page has completely loaded (including images, etc..)
                $(window).load(function () {
                    $.address.change(function(event) {
                        console.log("change " + event.value);
                        loadPageContent(event.value);
                    });
                });
            });
        }

        function newContentCallback() {
            $('#page-content a').click(function (evt) {
                var page_href = $(this).attr('href');
                var external_url_regexp = /https?:\/\/.*/;

                if (external_url_regexp.test(page_href)) {
                    window.location.href = page_href;
                } else {
                    evt.preventDefault();
                    $.address.value(page_href);
                }
            });
        }

        function loadPageContent(page_href) {
            var post_regexp = /posts\/.*/;
            var tag_regexp = /tags\/.*/;

            // Check whether the requested url is a post; otherwise assume its a page
            if (post_regexp.test(page_href)) {
                // Handle post urls (no change required to page_href)
                $('#nav-menu li.active').removeClass('active');
                $('#nav-menu li a[href="./pages/blog.html"]').parent('li').addClass('active');
            } else if (tag_regexp.test(page_href)) {
                // Handle tag pages
                $('#nav-menu li.active').removeClass('active');
                $('#nav-menu li a[href="./pages/blog.html"]').parent('li').addClass('active');
            } else {
                // Check if the page_href is empty or / and if so goto home
                if (page_href === '/' || page_href === '') {
                    page_href = '/home.html';
                }

                // Initially set the active menuitem in the nav
                $('a.menuitem[rel="address:' + page_href + '"]').closest('ul').find('li.active').removeClass('active');
                $('a.menuitem[rel="address:' + page_href + '"]').closest('li').addClass('active');

                // set page_href of full url for ajax call
                page_href = "pages" + page_href;
            }

            // Make the ajax request for the new page-content (whether it be a page or a post) *could change*
            $.ajax({
                url: page_href,
                type: 'GET',
                dataType: 'html',
                beforeSend: function (xhr, settings) {
                    // Add .loading to #page-content and #nav to facilitate a loading animation
                    $('#page-content, #nav').removeClass('loading-done').addClass('loading');

                    console.log('beforeSend a.menuitem');
                },
                success: function (dta) {
                    // Remove the initial loading gif (if its there)
                    $('#page-content').removeClass('init');

                    // Stop animations in the nav and page-content and scroll to the top of the page in a set amount of time
                    setTimeout(function () {
                        // Replace old page-content with new page-content
                        $('#page-content').html(dta);

                        $('#page-content, #nav').removeClass('loading');

                        if ($('body').scrollTop() > $('#nav').offset().top - 15) {
                            $('html, body').animate({
                                scrollTop: $('#nav').offset().top - 15
                            }, 'fast');
                        }

                        // Add new content callbacks
                        newContentCallback();
                    }, 250);
                },
                error: function (xhr, status) {
                    /* Remove .loading then add .loading-error to #page-content and #nav to
                     * stop the loading animation and facilitate a loading error animation
                     */
                    $('#page-content, #nav').removeClass('loading').addClass('loading-error');

                    console.log('error retrieving page "' + page_href +'": ' + status);
                }
            });
        }

        return {
            init: init,
            newContentCallback: newContentCallback,
            loadPageContent: loadPageContent
        };
    }());

    page.init();
}());