Moved deleting a brew into the emtadata editor

client/homebrew/editor/metadataEditor/metadataEditor.jsx

@@ -1,6 +1,7 @@
 const React = require('react');
 const _     = require('lodash');
 const cx    = require('classnames');
+const request = require("superagent");
 
 const SYSTEMS = ['5e', '4e', '3.5e', 'Pathfinder']
 
@@ -8,6 +9,7 @@ const MetadataEditor = React.createClass({
 	getDefaultProps: function() {
 		return {
 			metadata: {
+				editId : null,
 				title : '',
 				description : '',
 				tags : '',
@@ -38,6 +40,17 @@ const MetadataEditor = React.createClass({
 		}));
 	},
 
+	handleDelete : function(){
+		if(!confirm("are you sure you want to delete this brew?")) return;
+		if(!confirm("are you REALLY sure? You will not be able to recover it")) return;
+
+		request.get('/api/remove/' + this.props.metadata.editId)
+			.send()
+			.end(function(err, res){
+				window.location.href = '/';
+			});
+	},
+
 	renderSystems : function(){
 		return _.map(SYSTEMS, (val)=>{
 			return <label key={val}>
@@ -62,7 +75,23 @@ const MetadataEditor = React.createClass({
 		}
 	},
 
+	renderDelete : function(){
+		if(!this.props.metadata.editId) return;
+
+		return <div className='field delete'>
+			<label>delete</label>
+			<div className='value'>
+				<button className='publish' onClick={this.handleDelete}>
+					<i className='fa fa-trash' /> delete brew
+				</button>
+			</div>
+		</div>
+	},
+
 	render : function(){
+		console.log(this.props.metadata);
+
+
 		return <div className='metadataEditor'>
 
 			<div className='field title'>
@@ -99,6 +128,8 @@ const MetadataEditor = React.createClass({
 				</div>
 			</div>
 
+			{this.renderDelete()}
+
 		</div>
 	}
 });

client/homebrew/editor/metadataEditor/metadataEditor.less

@@ -46,6 +46,7 @@
 	}
 	.publish.field .value{
 		position : relative;
+		margin-bottom: 15px;
 		button.publish{
 			.button(@blueLight);
 		}
@@ -60,4 +61,10 @@
 			font-style : italic;
 		}
 	}
+
+	.delete.field .value{
+		button{
+			.button(@red);
+		}
+	}
 }