import Ember from 'ember';

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

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

	// controls: null,

	contentComponent: function() {
		return 'discussions/post-'+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() {
		this.$().hide().fadeIn('slow');
	},

	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);
	}

});