comments.js

Go to the documentation of this file.

elgg.provide('elgg.comments');

elgg.comments.Comment = function (guid, item) {
    this.guid = guid;
    this.$item = item;
};

elgg.comments.Comment.prototype = {
    getForm: function () {
        return this.$item.find('.elgg-form-comment-save');
    },

    hideForm: function (complete) {
        complete = complete || function () {};
        this.getForm().slideUp('fast', complete).data('hidden', 1);
    },

    showForm: function () {
        this.getForm().slideDown('medium').data('hidden', 0);
    },

    loadForm: function () {
        var that = this;

        require(['elgg/Ajax'], function(Ajax) {
            var ajax = new Ajax();
            
            // Get the form using ajax
            ajax.view('core/ajax/edit_comment?guid=' + that.guid, {
                success: function(html) {
                    // Add the form to DOM
                    that.$item.find('.elgg-body').first().append(html);
    
                    that.showForm();
    
                    var $form = that.getForm();
    
                    $form.find('.elgg-button-cancel').on('click', function () {
                        that.hideForm();
                        return false;
                    });
    
                    // save
                    $form.on('submit', function () {
                        that.submitForm();
                        return false;
                    });
                }
            });
        });
    },

    submitForm: function () {
        var that = this,
            $form = this.getForm(),
            value = $form.find('textarea[name=generic_comment]').val();

        elgg.action('comment/save', {
            data: $form.serialize(),
            success: function(json) {
                // https://github.com/kvz/phpjs/blob/master/LICENSE.txt
                function nl2br(content) {
                    if (/<(?:p|br)\b/.test(content)) {
                        // probably formatted already
                        return content;
                    }
                    return content.replace(/([^>\r\n]?)(\r\n|\n\r|\r|\n)/g, '$1<br>$2');
                }

                if (json.status === 0) {
                    // Update list item content
                    if (json.output) {
                        that.$item.find('[data-role="comment-text"]').replaceWith(json.output);
                    } else {
                        // action has been overridden and doesn't return comment content
                        that.$item.find('[data-role="comment-text"]').html(nl2br(value));
                    }
                }
                that.hideForm(function () {
                    that.getForm().remove();
                });
            }
        });

        return false;
    },

    toggleEdit: function () {
        var $form = this.getForm();
        if ($form.length) {
            if ($form.data('hidden')) {
                this.showForm();
            } else {
                this.hideForm();
            }
        } else {
            this.loadForm();
        }
        return false;
    }
};

elgg.comments.init = function() {
    $(document).on('click', '.elgg-item-object-comment .elgg-menu-item-edit > a', function () {
        // store object as data in the edit link
        var dc = $(this).data('Comment'),
            guid;
        if (!dc) {
            guid = this.href.split('/').pop();
            dc = new elgg.comments.Comment(guid, $(this).closest('.elgg-item-object-comment'));
            $(this).data('Comment', dc);
        }
        dc.toggleEdit();
        return false;
    });
};

elgg.register_hook_handler('init', 'system', elgg.comments.init);