jQuery Comments v1.0.1

Configuration

Default Configuration

{
    pageUrl: window.location,
    streamSelector: ".comments-stream",
    renderCommentFn: function(user, date, comment, commentId) {
        log("renderCommentFn-101-standard", user, "container=", container, "commentId=", commentId);
        if (user === null) {
            log("no user so dont render");
            return;
        }
        var outerDiv = $("#" + commentId);
        log("outerDiv", commentId, outerDiv);
        if (outerDiv.length === 0) {
            log("add comment");
            outerDiv = $("<div class='forumReply'></div>");
            outerDiv.attr("id", commentId);
            var commentStream = container.find(config.streamSelector);
            flog("append to", commentStream, "sel", config.streamSelector);
            commentStream.append(outerDiv);
            var profilePic = profileImg(user);
            var profLink = $("<a class='profilePic' href='" + user.href + "'>" + profilePic + "</a>");
            var nameLink = $("<a class='user' href='" + user.href + "'>" + user.name + "</a>");
            var commentPara = $("<p class='cmt'></p>");
            commentPara.html(comment);

            var dateSpan = $("<abbr title='" + date.toISOString() + "' class='auxText'>" + toDisplayDateNoTime(date) + "</abbr>");
            var toolsDiv = $("<div></div>");
            outerDiv.append(profLink);
            outerDiv.append(nameLink);
            outerDiv.append(commentPara);
            outerDiv.append(dateSpan);
            outerDiv.append(toolsDiv);
        } else {
            log("update");
            // Just update
            outerDiv.find(".cmt").html(comment);
        }

        jQuery("abbr.auxText", outerDiv).timeago();
    },
    clearContainerFn: function() {
        container.find(config.streamSelector).html("");
    },
    ajaxLoadingFn: function(isLoading) {
        if (isLoading) {
            ajaxLoadingOn();
        } else {
            ajaxLoadingOff();
        }
    },
    commentsPerPage: 10,
    paginateFn: function(comments, config, container) {
        log("paginateFn-101-standard", comments, config, container);

        var totalComments = comments.length;
        var commentsPerPage = config.commentsPerPage;

        if (totalComments > commentsPerPage) {
            container.prepend(
                '<div class="well well-sm text-center"><a href="" class="btn-show-more">Show previous comments</a></div>'
            );

            var commentWrappers = container.find('.forumReply');

            // Show 10 last comments
            commentWrappers.filter(':lt(' + (totalComments - commentsPerPage) + ')').hide().addClass('hidden-comment');

            container.find('.btn-show-more').click(function(e) {
                e.preventDefault();

                var hiddenCommentWrappers = commentWrappers.filter('.hidden-comment');
                var totalHiddenComments = hiddenCommentWrappers.length;

                hiddenCommentWrappers.filter(':gt(' + (totalHiddenComments - commentsPerPage - 1) + ')').show().removeClass('hidden-comment');

                if (totalHiddenComments <= commentsPerPage) {
                    $(this).parent().hide();
                }
            });
        }
    },
    aggregated: false
}