framework/ember/app/components/discussions/post-wrapper.js

import Ember from 'ember';

import TaggedArray from '../../utils/tagged-array';
import ActionButton from '../ui/controls/action-button';

export default Ember.Component.extend({
	tagName: 'article',
	layoutName: 'components/discussions/post-wrapper',

	// controls: null,

	post: Ember.computed.alias('content'),

	contentComponent: function() {
		return 'discussions/post-content-'+this.get('post.type');
	}.property('post.type'),

	classNames: ['post'],
	classNameBindings: ['post.deleted', 'post.edited'],

	// construct: function() {
	// 	// this.set('controls', Menu.create());

	// 	// var post = this.get('post');

	// 	// if (post.get('deleted')) {
	// 	// 	this.addControl('restore', 'Restore', 'reply', 'canEdit');
	// 	// 	this.addControl('delete', 'Delete', 'times', 'canDelete');
	// 	// } else {
	// 	// 	if (post.get('type') == 'comment') {
	// 	// 		this.addControl('edit', 'Edit', 'pencil', 'canEdit');
	// 	// 		this.addControl('hide', 'Delete', 'times', 'canEdit');
	// 	// 	} else {
	// 	// 		this.addControl('delete', 'Delete', 'times', 'canDelete');
	// 	// 	}
	// 	// }
	// }.on('init'),

	didInsertElement: function() {
		var $this = this.$();
		$this.css({opacity: 0});

		setTimeout(function() {
			$this.animate({opacity: 1}, 'fast');
		}, 100);
	},

	addControl: function(tag, title, icon, permissionAttribute) {
		if (permissionAttribute && ! this.get('post').get(permissionAttribute)) {
			return;
		}

		var self = this;
		var action = function(post) {
			self.get('controller').send(actionName, post);
		};

		var item = MenuItem.extend({title: title, icon: icon, action: action});
		this.get('controls').addItem(tag, item);
	}

});