comments.js

Go to the documentation of this file.

elgg.provide('elgg.comments');

elgg.comments.Comment = function (guid) {
    this.guid = guid;
    this.$item = $('#elgg-object-' + guid);
};

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;

        // Get the form using ajax
        elgg.ajax('ajax/view/core/ajax/edit_comment?guid=' + this.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) {
                if (json.status === 0) {
                    // Update list item content
                    that.$item.find('[data-role="comment-text"]').html(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).data('Comment', dc);
        }
        dc.toggleEdit();
        return false;
    });
};

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