silverstripe-comments/javascript/CommentsInterface.js

/**
 * @package comments
 */
(function($) {
	$(function() {
		/**
		 * Enable form validation
		 */
		$('.comments-holder-container form').validate({

			// Ignore hidden elements in this form
			ignore: ':hidden',

			// Use default 'required' for error labels
			errorClass: "required",

			// Use span instead of labels
			errorElement: "span",

			// On error, scroll to the invalid element
			invalidHandler : function(form, validator){
				$('html, body').animate({
					scrollTop: $(validator.errorList[0].element).offset().top - 30
				}, 200);
			},

			// Ensure any new error message has the correct class and placement
			errorPlacement: function(error, element) {
				error
					.addClass('message')
					.insertAfter(element);
			}
		});

		/**
		 * Hide comment reply forms by default (unless visiting via permalink)
		 */
		$(".comment")
			.children('.info')
			.not(window.document.location.hash)
			.nextAll(".comment-replies-container")
			.children(".comment-reply-form-holder")
			.hide();

		/**
		 * Toggle on/off reply form
		 */
		$('.comments-holder').on('click', '.comment-reply-link', function(e) {
			var allForms = $('.comment-reply-form-holder');
			var formID = '#' + $(this).attr('aria-controls');
			var form = $(formID).closest('.comment-reply-form-holder');

			$(this).attr('aria-expanded', function (i, attr) {
				return attr == 'true' ? 'false' : 'true'
			});

			// Prevent focus
			e.preventDefault();
			
			if(form.is(':visible')) {
				allForms.slideUp();
			} else {
				allForms.not(form).slideUp();
				form.slideDown();
			}
		});

		/**
		 * Clicking one of the metalinks performs the operation via ajax
		 * this inclues the spam and approve links
		 */
		$('.comments-holder .comments-list').on('click', 'div.comment-moderation-options a', function(e) {
		    e.stopPropagation();

			var link = $(this);
			if (link.hasClass('delete')) {
				var confirmationMsg = ss.i18n._t('CommentsInterface_singlecomment_ss.DELETE_CONFIRMATION');
				var confirmation = window.confirm(confirmationMsg);
				if (!confirmation) {
					e.preventDefault();
					return false;
				}
			}
			var comment = link.parents('.comment:first');

			$.ajax({
				url: $(this).attr('href'),
				cache: false,
				success: function(html){
					if(link.hasClass('ham')) {
						// comment has been marked as not spam
						comment.html(html);
						comment.removeClass('spam');
					}
					else if(link.hasClass('approve')) {
						// comment has been approved
						comment.html(html);
						comment.removeClass('unmoderated');
					}
					else if(link.hasClass('delete')) {
						comment.fadeOut(1000, function() {
							comment.remove();

							if($('.comments-holder .comments-list').children().length === 0) {
								$('.no-comments-yet').show();
							}
						});
					}
					else if(link.hasClass('spam')) {
						comment.html(html).addClass('spam');
					}
				},
				failure: function(html) {
					var errorMsg = ss.i18n._t('CommentsInterface_singlecomment_ss.AJAX_ERROR');
					alert(errorMsg);
				}
			});

			e.preventDefault();
		});
	});
})(jQuery);